body {
  margin: 0;
  font-family: "Heebo", sans-serif;
  background-color: #f2f4f8; }

h1, h2, h3, h4 {
  margin-top: 0;
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize !important; }

a {
  text-decoration: none;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  transition: color 200ms linear; }
  a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    color: inherit; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 10px;
  border: 1px solid #c0c0c0; }

legend {
  display: block;
  width: auto;
  padding: 0 7px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: inherit;
  color: #333;
  border: 0;
  font-weight: bold;
  border-bottom: 0; }

.bold-text {
  font-weight: bold; }

.btn:hover, .btn:focus, .btn.focus {
  color: #fff; }

.modal-dialog .btn, .btn-default {
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .modal-dialog .btn:hover, .modal-dialog .btn:focus, .modal-dialog .btn:focus, .btn-default:hover, .btn-default:focus, .btn-default:focus {
    color: #000; }

label {
  font-weight: normal; }

.full-width {
  width: 100%; }
  .full-width .one-line {
    clear: none !important; }
    .full-width .one-line:first-child div label {
      width: 111px !important; }
    .full-width .one-line:first-child div.width-auto label {
      width: auto !important; }
    .full-width .one-line div:nth-child(2) {
      margin-left: 5px !important; }
    .full-width .one-line div label {
      width: auto !important;
      min-width: 46px;
      text-align: right; }

.row {
  margin-right: -8px;
  margin-left: -8px; }

.section-separator {
  width: 100%;
  margin: 10px 0 20px;
  border-bottom: 1px solid #eee;
  clear: both;
  float: left;
  /*display: inline-block;*/ }

.flexible-panels {
  display: table-cell;
  height: 100%;
  vertical-align: top;
  float: left;
  width: calc(100% - 350px); }
  .flexible-panels.collapsed ~ .form {
    width: calc(100% - 62px);
    padding: 0px; }
  .flexible-panels.products-page {
    width: 60%; }
    .flexible-panels.products-page .custom-checkbox {
      margin-left: -24px !important;
      margin-right: 0 !important; }

/*.flexible-panels.collapsed ~ .form {
    width: calc(100% - 62px);
    padding: 0 30px;
}*/
.float-left {
  float: left; }

.padding-left-0 {
  padding-left: 0 !important; }

.side-padding-0 {
  padding: 0 0px; }

.side-padding-15 {
  padding: 0 15px; }

.side-padding-10 {
  padding: 0 10px; }

.side-padding-7 {
  padding: 0 7px; }

.padding-top-3 {
  padding-top: 3px !important; }

.padding-top-2 {
  padding-top: 2px !important; }

.padding-bottom-3 {
  padding-bottom: 3px !important; }

.padding-bottom-8 {
  padding-bottom: 8px !important; }

.margin-0 {
  margin: 0 !important; }

.margin-7 {
  margin: 7px !important; }

.margin-10 {
  margin: 10px !important; }

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

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.margin-right-0 {
  margin-right: 0 !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-right-50 {
  margin-right: 50px !important; }

.margin-right-52 {
  margin-right: 52px !important; }

.no-side-margin {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.side-margin-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.padding-top-3 {
  padding-top: 3px !important; }

.padding-bottom-3 {
  padding-bottom: 3px !important; }

.margin-0 {
  margin: 0 !important; }

.margin-7 {
  margin: 7px !important; }

.margin-10 {
  margin: 10px !important; }

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

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

.margin-right-5 {
  margin-right: 5px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

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

.margin-right-50 {
  margin-right: 50px !important; }

.margin-right-52 {
  margin-right: 52px !important; }

.margin-top-0 {
  margin-top: 0px !important; }

.margin-top-1 {
  margin-top: 1px !important; }

.margin-top-2 {
  margin-top: 2px !important; }

.margin-top-3 {
  margin-top: 3px !important; }

.margin-top-4 {
  margin-top: 4px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-top-6 {
  margin-top: 6px !important; }

.margin-top-7 {
  margin-top: 7px !important; }

.margin-top-8 {
  margin-top: 8px !important; }

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

.margin-top-14 {
  margin-top: 14px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-top-25 {
  margin-top: 25px !important; }

.margin-top-27 {
  margin-top: 27px !important; }

.margin-top-35 {
  margin-top: 35px !important; }

.margin-top-40 {
  margin-top: 40px !important; }

.margin-top-m27 {
  margin-top: -27px !important; }

.margin-top-45 {
  margin-top: 45px !important; }

.margin-left-0 {
  margin-left: 0 !important; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-left-8 {
  margin-left: 8px !important; }

.margin-left-12 {
  margin-left: 12px !important; }

.margin-left-15 {
  margin-left: 15px !important; }

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

.margin-right-55 {
  margin-right: 55px !important; }

.margin-left-133 {
  margin-left: 133px !important; }

.margin-left-118 {
  margin-left: 118px !important; }

.margin-left-750 {
  margin-left: 750px; }

.margin-left-763 {
  margin-left: 763px; }

.margin-left-581 {
  margin-left: 581px; }

.margin-right-124 {
  margin-right: 124px !important; }

.margin-right-222 {
  margin-right: 222px !important; }

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

.margin-bottom-4 {
  margin-bottom: 4px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-7 {
  margin-bottom: 7px !important; }

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

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-bottom-25 {
  margin-bottom: 25px !important; }

.margin-left-35-prc {
  margin-left: 35% !important; }

.mt-n2 {
  margin-top: -2px !important; }

.mt-n5 {
  margin-top: -5px !important; }

.mt-n6 {
  margin-top: -6px !important; }

.mt-n22 {
  margin-top: -22px !important; }

.border-bottom-light {
  border-bottom: 1px solid #eee; }

.border-bottom-light:last-child {
  border-bottom: 0 none; }

.border-right-0 {
  border-right: 0 !important; }

.height-0 {
  height: 0; }

.height-21 {
  height: 21px !important; }

.height-25 {
  height: 25px !important; }

.height-27 {
  height: 27px !important; }

.height-30 {
  height: 30px !important; }

.min-width-0 {
  min-width: 0 !important; }

.min-width-100-percent {
  min-width: 100% !important; }

.width-auto {
  width: auto !important; }
  .width-auto label {
    width: auto !important; }

.width-15 {
  width: 15px !important; }

.width-25 {
  width: 25px !important; }

.width-35 {
  width: 35px !important; }

.width-40 {
  width: 40px !important; }

.width-45 {
  width: 45px !important; }

.min-width-45 {
  min-width: 45px !important; }

.width-60 {
  width: 60px !important; }

.width-61 {
  width: 61px !important; }

.width-65 {
  width: 65px !important; }

.width-50 {
  width: 50px !important; }

.width-55 {
  width: 55px !important; }

.width-70 {
  width: 70px !important; }

.width-71 {
  width: 71px !important; }

.width-75 {
  width: 75px !important; }

.width-76 {
  width: 76px !important; }

.width-80 {
  width: 80px !important; }

.width-81 {
  width: 81px !important; }

.width-83 {
  width: 83px !important; }

.width-85 {
  width: 85px !important; }

.min-width-85 {
  min-width: 85px !important; }

.width-86 {
  width: 86px !important; }

.width-90 {
  width: 90px !important; }

.width-91 {
  width: 91px !important; }

.width-92 {
  width: 92px !important; }

.width-93 {
  width: 93px !important; }

.width-94 {
  width: 94px !important; }

.width-95 {
  width: 95px !important; }

.width-99 {
  width: 99px !important; }

.width-100 {
  width: 100px !important; }

.width-102 {
  width: 102px !important; }

.width-103 {
  width: 103px !important; }

.width-105 {
  width: 105px !important; }

.width-108 {
  width: 108px !important; }

.width-109 {
  width: 109px !important; }

.width-110 {
  width: 110px !important; }

.width-111 {
  width: 111px !important; }

.width-115 {
  width: 115px !important; }

.width-117 {
  width: 117px !important; }

.width-119 {
  width: 119px !important; }

.width-120 {
  width: 120px !important; }

.width-121 {
  width: 121px !important; }

.width-122 {
  width: 122px !important; }

.width-123 {
  width: 123px !important; }

.width-125 {
  width: 125px !important; }

.width-130 {
  width: 130px !important; }

.width-135 {
  width: 135px !important; }

.width-139 {
  width: 139px !important; }

.width-140 {
  width: 140px !important; }

.width-145 {
  width: 145px !important; }

.width-149 {
  width: 149px !important; }

.width-150 {
  width: 150px !important; }

.width-151 {
  width: 151px !important; }

.width-155 {
  width: 155px !important; }

.width-160 {
  width: 160px !important; }

.width-165 {
  width: 165px !important; }

.width-167 {
  width: 167px !important; }

.width-172 {
  width: 172px !important; }

.width-175 {
  width: 175px !important; }

.width-179 {
  width: 179px !important; }

.width-180 {
  width: 180px !important; }

.width-184 {
  width: 184px !important; }

.width-185 {
  width: 185px !important; }

.width-186 {
  width: 186px !important; }

.width-190 {
  width: 190px !important; }

.width-195 {
  width: 195px !important; }

.width-200 {
  width: 200px !important; }

.width-201 {
  width: 201px !important; }

.width-203 {
  width: 203px !important; }

.width-205 {
  width: 205px !important; }

.width-208 {
  width: 208px !important; }

.width-210 {
  width: 210px !important; }

.width-216 {
  width: 216px !important; }

.width-217 {
  width: 217px !important; }

.width-218 {
  width: 218px !important; }

.width-222 {
  width: 222px !important; }

.width-225 {
  width: 225px !important; }

.width-230 {
  width: 230px !important; }

.width-237 {
  width: 237px !important; }

.width-238 {
  width: 238px !important; }

.width-240 {
  width: 240px !important; }

.width-242 {
  width: 242px !important; }

.width-249 {
  width: 249px !important; }

.width-250 {
  width: 250px !important; }

.width-251 {
  width: 251px !important; }

.width-260 {
  width: 260px !important; }

.width-266 {
  width: 266px !important; }

.width-275 {
  width: 275px !important; }

.width-280 {
  width: 280px !important; }

.width-281 {
  width: 281px !important; }

.width-283 {
  width: 283px !important; }

.width-299 {
  width: 299px !important; }

.width-300 {
  width: 300px !important; }

.width-304 {
  width: 304px !important; }

.width-305 {
  width: 305px !important; }

.max-width-308 {
  max-width: 308px !important; }

.width-315 {
  width: 315px !important; }

.width-320 {
  width: 320px !important; }

.width-325 {
  width: 325px !important; }

.width-330 {
  width: 330px !important; }

.width-348 {
  width: 348px !important; }

.width-350 {
  width: 350px !important; }

.width-354 {
  width: 354px !important; }

.width-355 {
  width: 355px !important; }

.width-365 {
  width: 365px !important; }

.width-375 {
  width: 375px !important; }

.width-380 {
  width: 380px !important; }

.width-382 {
  width: 382px !important; }

.width-399 {
  width: 399px !important; }

.width-400 {
  width: 400px !important; }

.width-415 {
  width: 415px !important; }

.width-420 {
  width: 420px !important; }

.mw-425 {
  max-width: 425px !important; }

.width-438 {
  width: 438px !important; }

.width-450 {
  width: 450px !important; }

.width-455 {
  width: 455px !important; }

.width-456 {
  width: 456px !important; }

.width-460 {
  width: 460px !important; }

.width-477 {
  width: 477px !important; }

.width-472 {
  width: 472px !important; }

.width-490 {
  width: 490px !important; }

.width-495 {
  width: 495px !important; }

.width-499 {
  width: 499px !important; }

.width-500 {
  width: 500px !important; }

.width-505 {
  width: 505px !important; }

.width-526 {
  width: 526px !important; }

.width-548 {
  width: 548px !important; }

.width-549 {
  width: 549px !important; }

.width-550 {
  width: 550px !important; }

.width-560 {
  width: 560px !important; }

.width-571 {
  width: 571px !important; }

.width-574 {
  width: 574px !important; }

.width-600 {
  width: 600px !important; }

.width-601 {
  width: 601px !important; }

.width-616 {
  width: 616px !important; }

.width-618 {
  width: 618px !important; }

.width-622 {
  width: 622px !important; }

.width-625 {
  width: 625px !important; }

.width-635 {
  width: 635px !important; }

.width-642 {
  width: 642px !important; }

.width-647 {
  width: 647px !important; }

.width-649 {
  width: 649px !important; }

.width-650 {
  width: 650px !important; }

.width-682 {
  width: 682px !important; }

.width-696 {
  width: 696px !important; }

.width-710 {
  width: 710px !important; }

.width-718 {
  width: 718px !important; }

.width-724 {
  width: 724px !important; }

.width-748 {
  width: 748px !important; }

.width-785 {
  width: 785px !important; }

.width-816 {
  width: 816px !important; }

.width-800 {
  width: 800px !important; }

.width-805 {
  width: 805px !important; }

.width-885 {
  width: 885px !important; }

.width-827 {
  width: 827px !important; }

.width-910 {
  width: 910px !important; }

.width-924 {
  width: 924px !important; }

.width-920 {
  width: 920px !important; }

.width-918 {
  width: 918px !important; }

.width-940 {
  width: 940px !important; }

.width-1020 {
  width: 1020px !important; }

.width-1030 {
  width: 1030px !important; }

.width-1050 {
  width: 1050px !important; }

.width-1100 {
  width: 1100px !important; }

.width-1118 {
  width: 1118px !important; }

.width-150 {
  width: 150px !important; }

.width-100-percent {
  width: 100% !important; }

.width-85-percent {
  width: 85% !important; }

.width-35-percent {
  width: 35% !important; }

.width-52-percent {
  width: 52%; }

.width-65-percent {
  width: 65%; }

.width-73-percent {
  width: 72%; }

.width-130px {
  width: 130px !important; }

.width-573 {
  width: 573px !important; }

.width-354 {
  width: 354px !important; }

.width-900 {
  width: 900px !important; }

.width-1075 {
  width: 1075px !important; }

.width-1080 {
  width: 1080px !important; }

.width-1200 {
  width: 1200px !important; }

.width-1250 {
  width: 1250px !important; }

.width-1300 {
  width: 1300px !important; }

.width-1350 {
  width: 1350px !important; }

.width-1400 {
  width: 1400px !important; }

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

.w-12pc {
  width: 13.6% !important; }

.w-5-5pc {
  width: 5.5% !important; }

.w-6pc {
  width: 6% !important; }

.w-7pc {
  width: 7% !important; }

.w-9-5pc {
  width: 9.5% !important; }

.w-10-5pc {
  width: 10.5% !important; }

.w-10pc {
  width: 10% !important; }

.w-14pc {
  width: 14% !important; }

.w-14-2pc {
  width: 14.2% !important; }

.w-18pc {
  width: 18.49% !important; }

.column-count-3 {
  column-count: 3; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

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

.border-left {
  border-left: 1px solid #e0e3e8; }

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

.border-top {
  border-top: 1px solid #e0e3e8; }

.padding-0 {
  padding: 0 !important; }

.padding-15 {
  padding: 15px !important; }

.padding-left-3 {
  padding-left: 3px !important; }

.padding-left-4 {
  padding-left: 4px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-left-40 {
  padding-left: 40px !important; }

.padding-right-3 {
  padding-right: 3px !important; }

.padding-right-4 {
  padding-right: 4px !important; }

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

.padding-right-8 {
  padding-right: 8px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-right-12 {
  padding-right: 12px !important; }

.padding-right-15 {
  padding-right: 15px !important; }

.padding-right-17 {
  padding-right: 17px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-right-65 {
  padding-right: 67px !important; }

.padding-right-0 {
  padding-right: 0px !important; }

.padding-top-0 {
  padding-top: 0px !important; }

.padding-top-5 {
  padding-top: 5px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-top-1 {
  padding-top: 1px !important; }

.padding-top-4 {
  padding-top: 4px !important; }

.padding-top-7 {
  padding-top: 7px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-15 {
  padding-top: 15px !important; }

.padding-top-10-5 {
  padding-top: 10.5px !important; }

.padding-top-19 {
  padding-top: 19px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-top-22 {
  padding-top: 22px !important; }

.padding-top-25 {
  padding-top: 25px !important; }

.padding-top-28 {
  padding-top: 28px !important; }

.padding-top-32 {
  padding-top: 32px !important; }

.padding-top-40 {
  padding-top: 40px !important; }

.padding-top-45 {
  padding-top: 45px !important; }

.padding-bottom-0 {
  padding-bottom: 0px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-bottom-15 {
  padding-bottom: 15px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.p-5px {
  padding: 5px !important; }

.vertical-padding-8 {
  padding: 8px 0px; }

.vertical-padding-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.align-center {
  text-align: center !important; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right !important; }

.clear-fix {
  clear: both; }

.clear-none {
  clear: none !important; }

.h-25px {
  height: 25px !important; }

.h-28px {
  height: 28px !important; }

.h-35px {
  height: 35px !important; }

.h-30px {
  height: 30px !important; }

.h-38px {
  height: 38px !important; }

.h-unset {
  height: unset !important; }

.tab-search input {
  border: 1px solid #d8e0ef;
  padding: 5px 6px;
  font-size: 13px;
  box-shadow: none;
  height: 27px;
  border-radius: 2px;
  width: 200px;
  margin-right: 10px;
  color: #666;
  margin-bottom: 5px; }
  .tab-search input:focus {
    background-color: #efefef; }
    .tab-search input:focus option {
      background-color: #fff; }

.bold {
  font-weight: bold; }
  .bold label {
    font-weight: bold; }

#loader {
  background: rgba(238, 238, 238, 0.8) url(../Images/loading.gif) no-repeat scroll center center;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  display: none; }

.tab-content {
  padding: 10px;
  display: inline-block;
  border: 1px solid #ddd;
  width: 100%;
  margin-top: -1px; }

.float-none {
  float: none !important; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.no-padding {
  padding: 0 !important; }

.nav-tabs li:last-child a {
  margin-right: 0; }

.margin-left-m8 {
  margin-left: -8px !important; }

.margin-left-m9 {
  margin-left: -9px !important; }

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

.sub-menu-icon {
  float: left;
  filter: invert(12%) sepia(51%) saturate(2878%) hue-rotate(52deg) brightness(85%) contrast(2%);
  width: 15px;
  margin-top: 2px; }

.newly-moved-row {
  background-color: #fff7c5 !important; }

.row-selected {
  background-color: #dddddd !important; }

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

.font-size-13 {
  font-size: 13px !important; }

.font-size-14 {
  font-size: 14px !important; }

.font-size-15 {
  font-size: 15px !important; }

.font-size-16 {
  font-size: 16px !important; }

.font-size-17 {
  font-size: 17px !important; }

.font-size-18 {
  font-size: 18px !important; }

.deleteBomRow {
  color: #e05d5d !important;
  font-size: 20px;
  cursor: pointer; }
  .deleteBomRow:hover {
    color: #c10000 !important;
    font-weight: bold; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-20 {
  line-height: 20px !important; }

.line-height-28 {
  line-height: 28px !important; }

.error-dispatch-filnalize-item {
  background-color: #e9bcb8; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #dfdfdf;
  opacity: 1; }

.so-summary-normal {
  border-left: 5px solid #13b2b0;
  float: left; }

.so-summary-normal {
  border-left: 5px solid #13b2b0 !important; }

.so-summary-free {
  border-left: 5px solid #ff9800 !important; }

.so-summary-left-border {
  border-left: 5px solid transparent;
  float: left; }

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

.align-content-end {
  align-items: flex-end !important; }

.align-content-center {
  align-items: center !important; }

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

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

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.form #frmForm {
  display: inline-block; }

.form .grid-headers {
  clear: both;
  margin-top: 4px;
  display: inline-block;
  float: left;
  border-top: 3px solid #f2f4f8;
  border-bottom: 2px solid #f2f4f8;
  border-left: 3px solid #f2f4f8;
  border-right: 3px solid #f2f4f8;
  margin-left: 10px; }
  .form .grid-headers.grn {
    margin-top: -3px;
    margin-left: 3px; }
  .form .grid-headers .form-group {
    margin: 0 -1px 10px 0; }
    .form .grid-headers .form-group:last-child {
      margin: 0 -1px 10px 1px; }
    .form .grid-headers .form-group.discount-field {
      width: 174px;
      background-color: #f2f4f8; }
      .form .grid-headers .form-group.discount-field.grn {
        width: 130px; }
      .form .grid-headers .form-group.discount-field div input {
        width: 44%;
        margin-left: -1px; }
      .form .grid-headers .form-group.discount-field div span {
        float: left;
        line-height: 33px;
        padding: 0 4px; }
    .form .grid-headers .form-group .form-control:focus {
      background-color: #efefef; }
  .form .grid-headers .field-validation-error {
    top: 29px; }

.form .grid-table .table-header {
  border-top: 0 none;
  border-left: 3px solid #f2f4f8;
  /*border-right: 2px solid $lightGray;*/ }
  .form .grid-table .table-header div div {
    position: relative; }

.form .grid-table .table-body {
  border-bottom: 3px solid #f2f4f8;
  border-left: 0; }
  .form .grid-table .table-body .div-rows {
    border-left: 3px solid #f2f4f8;
    /*border-right: 2px solid $lightGray;*/ }

.form .form-group {
  display: inline-block;
  /*width: 100%;*/
  margin: 0 10px 5px;
  position: relative;
  float: left;
  font-size: 13px; }
  .form .form-group.no-of-voucher {
    margin: 0 8px 5px !important; }
  .form .form-group i {
    font-size: 16px;
    color: #a5a5a5;
    position: absolute;
    top: 13px;
    left: 11px; }
  .form .form-group .form-control {
    border: 1px solid #e0e3e8;
    padding: 4px 8px;
    font-size: 12px;
    box-shadow: none;
    height: 33px;
    border-radius: 2px;
    background: #fff; }
    .form .form-group .form-control.icon {
      float: left;
      padding-left: 40px; }
    .form .form-group .form-control.btn {
      font-size: 16px; }
    .form .form-group .form-control.recall {
      background-color: #fffae4;
      border: 1px solid #f1e3a6; }
    .form .form-group .form-control:focus {
      background-color: #efefef; }
      .form .form-group .form-control:focus option {
        background-color: #fff; }
  .form .form-group .form-error {
    color: #e05d5d; }
  .form .form-group .checkbox-field {
    padding: 9px 0 0; }
    .form .form-group .checkbox-field.invoice {
      padding: 4px 0 0; }
    .form .form-group .checkbox-field .custom-checkbox {
      margin-left: -22px;
      margin-right: 11px;
      width: 15px; }
    .form .form-group .checkbox-field label {
      cursor: pointer !important; }
  .form .form-group label {
    margin: 6px 0 4px;
    font-size: 13px; }
  .form .form-group input {
    float: left; }
  .form .form-group input[type="checkbox"] {
    margin: 10px 0;
    cursor: pointer; }
  .form .form-group .btn {
    float: right;
    margin-left: 10px;
    padding: 5px 12px; }
  .form .form-group .single-button {
    padding: 0 3px; }
    .form .form-group .single-button input {
      padding: 0 33px 0 34px !important; }
  .form .form-group #item-row-buttons, .form .form-group .item-row-buttons, .form .form-group #moli_item-row-buttons, .form .form-group #packingStyle-row-buttons {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 0 0 0 3px; }
    .form .form-group #item-row-buttons .icon, .form .form-group .item-row-buttons .icon, .form .form-group #moli_item-row-buttons .icon, .form .form-group #packingStyle-row-buttons .icon {
      float: left; }
      .form .form-group #item-row-buttons .icon:first-child, .form .form-group .item-row-buttons .icon:first-child, .form .form-group #moli_item-row-buttons .icon:first-child, .form .form-group #packingStyle-row-buttons .icon:first-child {
        border-right: 1px solid #8fcccb;
        padding: 9px 8px 8px 9px;
        font-size: 11px;
        background: #13b2b0;
        cursor: pointer;
        border-radius: 4px 0 0 4px;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        transition: background-color 200ms linear; }
        .form .form-group #item-row-buttons .icon:first-child:hover, .form .form-group .item-row-buttons .icon:first-child:hover, .form .form-group #moli_item-row-buttons .icon:first-child:hover, .form .form-group #packingStyle-row-buttons .icon:first-child:hover {
          background-color: #1091a1; }
        .form .form-group #item-row-buttons .icon:first-child i, .form .form-group .item-row-buttons .icon:first-child i, .form .form-group #moli_item-row-buttons .icon:first-child i, .form .form-group #packingStyle-row-buttons .icon:first-child i {
          border-radius: 4px 0 0 4px; }
      .form .form-group #item-row-buttons .icon:last-child i, .form .form-group .item-row-buttons .icon:last-child i, .form .form-group #moli_item-row-buttons .icon:last-child i, .form .form-group #packingStyle-row-buttons .icon:last-child i {
        border-radius: 0 4px 4px 0;
        padding: 9px 16px 8px 16px; }
      .form .form-group #item-row-buttons .icon i, .form .form-group .item-row-buttons .icon i, .form .form-group #moli_item-row-buttons .icon i, .form .form-group #packingStyle-row-buttons .icon i {
        position: relative;
        top: auto;
        color: #fff;
        left: auto;
        padding: 8px;
        display: inline-block;
        background-color: #13b2b0;
        cursor: pointer;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        transition: background-color 200ms linear; }
        .form .form-group #item-row-buttons .icon i:hover, .form .form-group .item-row-buttons .icon i:hover, .form .form-group #moli_item-row-buttons .icon i:hover, .form .form-group #packingStyle-row-buttons .icon i:hover {
          background-color: #1091a1; }
  .form .form-group.tiny-field {
    width: 100px; }
  .form .form-group.small-field {
    width: 110px; }
  .form .form-group.medium-field {
    width: 255px; }
  .form .form-group.gvc-field {
    width: 292px !important; }
  .form .form-group.item-field {
    width: 170px; }
    .form .form-group.item-field.recipt {
      width: 121px; }
  .form .form-group.select-item-field {
    width: 304px; }
  .form .form-group.large-field {
    width: 350px; }
  .form .form-group.x-large-field {
    width: 690px; }
  .form .form-group.date-field {
    width: 196px; }
  .form .form-group.amount-field {
    width: 202px; }
    .form .form-group.amount-field .form-control {
      text-align: right; }
  .form .form-group.single-amount-field {
    width: 114px; }
    .form .form-group.single-amount-field .form-control {
      text-align: right; }
    .form .form-group.single-amount-field.recipt {
      width: 100px; }
  .form .form-group.small-amount-field .form-control {
    text-align: right; }
  .form .form-group.note-field {
    width: 630px; }
  .form .form-group.single-discount-field {
    width: 74px; }
    .form .form-group.single-discount-field .form-control {
      text-align: right; }
  .form .form-group.separater-field {
    margin: 0 0px 10px 1px;
    width: 7px;
    background: #f2f4f8;
    height: 33px; }
  .form .form-group.order-field {
    width: 29px;
    background: #f2f4f8;
    height: 33px; }
  .form .form-group.orderInv-field {
    width: 45px;
    background: #f2f4f8;
    height: 33px; }
  .form .form-group.order-field.psa {
    width: 29px; }
  .form .form-group.icon-field {
    background: #f2f4f8;
    height: 33px;
    width: 84px; }
    .form .form-group.icon-field input[type=button] {
      min-width: 40px;
      padding: 0;
      font-size: 25px;
      height: 33px;
      text-align: center; }
  .form .form-group.price-field {
    width: 85px; }
    .form .form-group.price-field.grn {
      width: 80px; }
    .form .form-group.price-field .form-control {
      text-align: right; }
  .form .form-group.w-80px {
    width: 80px !important; }
  .form .form-group.sellingPrize-field {
    width: 86px; }
    .form .form-group.sellingPrize-field .form-control {
      text-align: right; }
  .form .form-group.foreignprice-field {
    width: 100px; }
    .form .form-group.foreignprice-field .form-control {
      text-align: right; }
  .form .form-group.subtotal-field {
    width: 113px; }
    .form .form-group.subtotal-field .form-control {
      text-align: right; }
  .form .form-group.qty-field {
    width: 70px; }
    .form .form-group.qty-field .form-control {
      text-align: right; }
  .form .form-group.freez-field {
    width: 70px; }
  .form .form-group.stock-field {
    width: 100px; }
    .form .form-group.stock-field .form-control {
      text-align: right; }
  .form .form-group.code-field {
    width: 91px; }
    .form .form-group.code-field.grn {
      width: 126px; }
    .form .form-group.code-field .form-control {
      text-align: right; }
  .form .form-group.mac-field {
    width: 293px; }
  .form .form-group.ip-field {
    width: 115px; }
  .form .form-group.outlet-ip-field {
    width: 112px; }
  .form .form-group.printer-field {
    width: 112px; }
  .form .form-group.outlet-printer-field {
    width: 110px; }
  .form .form-group.orderType-field {
    width: 110px; }
  .form .form-group.name-field {
    width: 255px; }
  .form .form-group.display-field {
    width: 110px; }
  .form .form-group.active-field {
    width: 69px; }
  .form .form-group.table-date-field {
    width: 141px; }
    .form .form-group.table-date-field.grn {
      width: 133px; }
  .form .form-group.bank-field {
    width: 141px; }
  .form .form-group.branch-field {
    width: 141px; }
  .form .form-group.choice-field {
    width: 178px; }
  .form .form-group.type-field {
    width: 110px; }
  .form .form-group.one-line {
    clear: both; }
    .form .form-group.one-line .vc-item {
      width: 90px !important; }
    .form .form-group.one-line .vc-item-select select {
      width: 270px !important; }
    .form .form-group.one-line .vc-amount label {
      width: 67px !important;
      float: left; }
    .form .form-group.one-line .vc-amount-select input[type='text'] {
      width: 112px !important; }
    .form .form-group.one-line .wrap-lbl-vc label {
      width: 105px; }
    .form .form-group.one-line .wrap-input-vc {
      margin-left: 0 !important; }
      .form .form-group.one-line .wrap-input-vc .form-control {
        width: 185px !important; }
    .form .form-group.one-line .vc-valid-days {
      width: 92px !important; }
    .form .form-group.one-line div:first-child {
      padding: 2px 0;
      float: left; }
    .form .form-group.one-line div:nth-child(2) {
      float: left;
      margin-left: 12px; }
    .form .form-group.one-line div input[type='text'], .form .form-group.one-line div select {
      width: 150px; }
      .form .form-group.one-line div input[type='text']#ddlLocation, .form .form-group.one-line div select#ddlLocation {
        width: 153px; }
    .form .form-group.one-line div textarea {
      width: 275px;
      max-width: 275px;
      min-width: 275px;
      height: 75px;
      min-height: 75px;
      max-height: 100px; }
    .form .form-group.one-line div label {
      width: 111px; }
    .form .form-group.one-line div .field-validation-error {
      top: 30px;
      left: 120px; }
    .form .form-group.one-line label {
      margin: 5px 0; }
  .form .form-group.one-line-large {
    clear: both; }
    .form .form-group.one-line-large div:first-child {
      padding: 2px 0;
      float: left; }
    .form .form-group.one-line-large div:nth-child(2) {
      float: left;
      margin-left: 12px; }
    .form .form-group.one-line-large div input, .form .form-group.one-line-large div select {
      min-width: 162px; }
    .form .form-group.one-line-large div label {
      width: 111px; }
    .form .form-group.one-line-large div .field-validation-error {
      top: 30px;
      left: 120px; }
  .form .form-group.double-inputs div:nth-child(2) {
    width: 173px; }
  .form .form-group.double-inputs input {
    width: 55% !important;
    margin-left: -1px; }
    .form .form-group.double-inputs input[name="Percentage"] {
      width: 33% !important;
      margin-right: 2px; }
  .form .form-group.double-inputs span {
    float: left;
    line-height: 33px;
    padding: 0 3px; }
  .form .form-group.remark {
    width: 100%; }
    .form .form-group.remark div input {
      width: 100%; }
    .form .form-group.remark div:nth-child(2) {
      width: calc(100% - 132px); }
  .form .form-group.supplier div select, .form .form-group.supplier div input {
    width: 285px; }
  .form .form-group.navigator {
    position: absolute;
    top: 0;
    right: 0; }
    .form .form-group.navigator ::-webkit-input-placeholder {
      text-align: center; }
    .form .form-group.navigator :-moz-placeholder {
      /* Firefox 18- */
      text-align: center; }
    .form .form-group.navigator ::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center; }
    .form .form-group.navigator :-ms-input-placeholder {
      text-align: center; }
    .form .form-group.navigator.psa {
      right: 335px; }
    .form .form-group.navigator label {
      margin-left: 27px;
      margin-top: 0; }
    .form .form-group.navigator button, .form .form-group.navigator div {
      background-color: transparent;
      border: 0 none;
      font-size: 21px;
      padding: 1px 3px 0px;
      margin: 0px 2px;
      float: left;
      text-align: center; }
      .form .form-group.navigator button i, .form .form-group.navigator div i {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        font-size: 18px;
        padding: 6px 0px 6px;
        display: block;
        cursor: pointer;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        transition: background-color 200ms linear; }
        .form .form-group.navigator button i:hover, .form .form-group.navigator div i:hover {
          color: #000; }
    .form .form-group.navigator input.form-control {
      width: 70%;
      margin-left: -1px;
      text-align: center; }
  .form .form-group.full-width {
    margin-left: 0;
    margin-right: 0; }
  .form .form-group.percentage div input {
    width: 88%; }
  .form .form-group.percentage span {
    float: left;
    margin-top: 7px;
    margin-left: 5px; }
  .form .form-group .form-image #preview {
    margin-left: 10px;
    display: inline-block; }
    .form .form-group .form-image #preview span {
      position: relative;
      margin: -3px 12px 10px;
      float: left;
      cursor: pointer;
      background: #e8eef9;
      border-radius: 27px;
      width: 40px;
      height: 40px;
      z-index: 10; }
      .form .form-group .form-image #preview span div {
        -webkit-transition: transform 200ms linear;
        -moz-transition: transform 200ms linear;
        -ms-transition: transform 200ms linear;
        -o-transition: transform 200ms linear;
        transition: transform 200ms linear; }
        .form .form-group .form-image #preview span div:hover {
          /*.triangle-bottom {
                                border-left: 12px solid transparent;
                                border-right: 12px solid transparent;
                                border-top: 18px solid transparent;
                                border-bottom: 12px solid transparent;
                                width: 0;
                                height: 0;
                                margin: -102px auto;
                                border-top: 13px solid #13b2b0;
                            }*/ }
          .form .form-group .form-image #preview span div:hover img {
            margin-top: 100%;
            border: 1px solid #fff;
            border-radius: 0;
            width: auto;
            max-width: 150px;
            z-index: 2;
            box-shadow: 0 1px 2px #999;
            -moz-transform: scale(5) translateY(-40px);
            -webkit-transform: scale(5) translateY(-40px);
            -o-transform: scale(5) translateY(-40px);
            -ms-transform: scale(5) translateY(-40px);
            transform: scale(5) translateY(-40px); }
          .form .form-group .form-image #preview span div:hover:before {
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 18px solid transparent;
            border-bottom: 12px solid transparent;
            width: 10px;
            height: 9px;
            /* margin: -42px auto; */
            border-top: 13px solid #13b2b0;
            content: '';
            top: -15px;
            left: 7px;
            position: absolute; }
      .form .form-group .form-image #preview span i {
        position: absolute;
        top: 23px;
        left: 41px;
        font-size: 13px;
        cursor: pointer;
        -webkit-transition: color 100ms linear;
        -moz-transition: color 100ms linear;
        -ms-transition: color 100ms linear;
        -o-transition: color 100ms linear;
        transition: color 100ms linear; }
        .form .form-group .form-image #preview span i:hover {
          color: #ff7065; }
      .form .form-group .form-image #preview span img {
        width: 40px;
        height: 40px;
        background: #eee;
        border-radius: 27px;
        border: 2px solid #ddd;
        cursor: pointer;
        position: relative;
        -webkit-transition: border 100ms linear;
        -moz-transition: border 100ms linear;
        -ms-transition: border 100ms linear;
        -o-transition: border 100ms linear;
        transition: border 100ms linear;
        -webkit-transition: transform 100ms linear;
        -moz-transition: transform 100ms linear;
        -ms-transition: transform 100ms linear;
        -o-transition: transform 100ms linear;
        transition: transform 100ms linear;
        /*&:after {
                        content: "\ed2f";
                        color: $black;
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        font-family: $iconFont;
                    }*/
        /*&:hover {
                            border: 1px solid $lightGray;
                            transform: scale(5);
                            border-radius: 0;
                            width: auto;
                            max-width: 150px;
                            z-index: 2;
                        }*/ }
    .form .form-group .form-image #preview span.default {
      width: 56px;
      height: 56px;
      margin: -13px 12px 10px; }
      .form .form-group .form-image #preview span.default img {
        width: 50px;
        height: 50px;
        background: #e8eef9;
        border-radius: 27px;
        margin: 3px 8px -8px 3px;
        border-color: #13b2b0; }
        .form .form-group .form-image #preview span.default img:hover {
          border-color: #000; }
      .form .form-group .form-image #preview span.default i {
        left: 55px;
        top: 35px; }
  .form .form-group .form-image input {
    width: 96px;
    padding: 16px 8px;
    opacity: 0; }
  .form .form-group .form-image .input-group-btn {
    float: left;
    width: auto;
    margin-left: -96px; }
    .form .form-group .form-image .input-group-btn .fileUpload {
      position: relative;
      overflow: hidden;
      margin: 0; }
      .form .form-group .form-image .input-group-btn .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0); }

.form .field-section {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 0 10px;
  border: 1px dashed #eee;
  margin-bottom: 10px;
  margin-left: 10px; }
  .form .field-section label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
    margin: 0 10px; }
  .form .field-section .form-group {
    /*clear: none;*/ }
    .form .field-section .form-group div label {
      /*width: auto;*/
      font-weight: normal; }
  .form .field-section.grn {
    top: 45px; }

.form .extra-margin {
  margin: 5px 0 10px; }

.form .col-xs-1, .form .col-sm-1, .form .col-md-1, .form .col-lg-1, .form .col-xs-2, .form .col-sm-2, .form .col-md-2, .form .col-lg-2, .form .col-xs-3, .form .col-sm-3, .form .col-md-3, .form .col-lg-3, .form .col-xs-4, .form .col-sm-4, .form .col-md-4, .form .col-lg-4, .form .col-xs-5, .form .col-sm-5, .form .col-md-5, .form .col-lg-5, .form .col-xs-6, .form .col-sm-6, .form .col-md-6, .form .col-lg-6, .form .col-xs-7, .form .col-sm-7, .form .col-md-7, .form .col-lg-7, .form .col-xs-8, .form .col-sm-8, .form .col-md-8, .form .col-lg-8, .form .col-xs-9, .form .col-sm-9, .form .col-md-9, .form .col-lg-9, .form .col-xs-10, .form .col-sm-10, .form .col-md-10, .form .col-lg-10, .form .col-xs-11, .form .col-sm-11, .form .col-md-11, .form .col-lg-11, .form .col-xs-12, .form .col-sm-12, .form .col-md-12, .form .col-lg-12 {
  padding-right: 8px;
  padding-left: 8px;
  margin-right: 0;
  margin-left: 0; }

.table {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0px; }
  .table.grn {
    margin-left: 3px; }
  .table .table-header, .table .table-body {
    display: inline-block;
    clear: both;
    float: left;
    border-left: 1px solid #eee; }
    .table .table-header div div, .table .table-body div div {
      padding: 5px 10px;
      float: left;
      border-right: 1px solid #e0e3e8;
      height: 30px;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .table .table-header div div.new, .table .table-body div div.new {
        padding: 0;
        border: 0 none; }
      .table .table-header div div.row-tiny, .table .table-body div div.row-tiny {
        width: 120px; }
        .table .table-header div div.row-tiny:first-child, .table .table-body div div.row-tiny:first-child {
          width: 112px; }
      .table .table-header div div.row-separater, .table .table-body div div.row-separater {
        width: 8px;
        padding: 6px 3px 5px; }
      .table .table-header div div.row-order, .table .table-body div div.row-order {
        width: 29px;
        text-align: center;
        padding: 5px 0; }
      .table .table-header div div.row-invNumber, .table .table-body div div.row-invNumber {
        width: 45px;
        text-align: center;
        padding: 5px 0; }
      .table .table-header div div.row-code, .table .table-body div div.row-code {
        width: 90px;
        text-align: left; }
        .table .table-header div div.row-code.grn, .table .table-body div div.row-code.grn {
          width: 125px; }
      .table .table-header div div.row-item, .table .table-body div div.row-item {
        width: 169px; }
        .table .table-header div div.row-item.recipt, .table .table-body div div.row-item.recipt {
          width: 120px; }
      .table .table-header div div.row-select-item, .table .table-body div div.row-select-item {
        width: 301px; }
      .table .table-header div div.row-bank, .table .table-body div div.row-bank {
        width: 140px; }
      .table .table-header div div.row-branch, .table .table-body div div.row-branch {
        width: 140px; }
      .table .table-header div div.row-name, .table .table-body div div.row-name {
        width: 254px; }
      .table .table-header div div.row-cust-name, .table .table-body div div.row-cust-name {
        width: 345px; }
      .table .table-header div div.row-size, .table .table-body div div.row-size {
        width: 109px; }
      .table .table-header div div.row-type, .table .table-body div div.row-type {
        width: 109px; }
      .table .table-header div div.row-choice, .table .table-body div div.row-choice {
        width: 175px; }
      .table .table-header div div.row-qty, .table .table-body div div.row-qty {
        width: 69px; }
      .table .table-header div div.row-uom, .table .table-body div div.row-uom {
        width: 69px; }
      .table .table-header div div.row-freeze, .table .table-body div div.row-freeze {
        width: 69px; }
      .table .table-header div div.row-steward, .table .table-body div div.row-steward {
        width: 138px; }
      .table .table-header div div.row-price, .table .table-body div div.row-price {
        width: 84px; }
        .table .table-header div div.row-price.grn, .table .table-body div div.row-price.grn {
          width: 79px; }
      .table .table-header div div.row-lotNumber, .table .table-body div div.row-lotNumber {
        width: 79px; }
      .table .table-header div div.row-sellingPrice, .table .table-body div div.row-sellingPrice {
        width: 84px;
        padding: 6px 5px 5px; }
        .table .table-header div div.row-sellingPrice.grn, .table .table-body div div.row-sellingPrice.grn {
          width: 84px; }
      .table .table-header div div.row-foreignprice, .table .table-body div div.row-foreignprice {
        width: 100px;
        text-align: right; }
      .table .table-header div div.row-amount, .table .table-body div div.row-amount {
        width: 113px;
        text-align: right !important; }
        .table .table-header div div.row-amount.recipt, .table .table-body div div.row-amount.recipt {
          width: 99px; }
        .table .table-header div div.row-amount.grn, .table .table-body div div.row-amount.grn {
          width: 103px; }
      .table .table-header div div.row-small-amount, .table .table-body div div.row-small-amount {
        width: 148px;
        text-align: right; }
      .table .table-header div div.row-note, .table .table-body div div.row-note {
        width: 630px; }
      .table .table-header div div.row-date, .table .table-body div div.row-date {
        width: 140px; }
        .table .table-header div div.row-date.grn, .table .table-body div div.row-date.grn {
          width: 132px; }
      .table .table-header div div.row-dispatch-date, .table .table-body div div.row-dispatch-date {
        width: 87px; }
      .table .table-header div div.row-subTotal, .table .table-body div div.row-subTotal {
        width: 113px; }
      .table .table-header div div.row-discount, .table .table-body div div.row-discount {
        width: 150px;
        text-align: right; }
        .table .table-header div div.row-discount input, .table .table-body div div.row-discount input {
          border: 0 none;
          width: 100%; }
        .table .table-header div div.row-discount.grn, .table .table-body div div.row-discount.grn {
          width: 112px; }
      .table .table-header div div.row-single-discount, .table .table-body div div.row-single-discount {
        width: 73px;
        text-align: right; }
      .table .table-header div div.row-total-discount, .table .table-body div div.row-total-discount {
        width: 113px;
        text-align: right; }
      .table .table-header div div.row-stock, .table .table-body div div.row-stock {
        text-align: right;
        width: 99px; }
      .table .table-header div div.action, .table .table-body div div.action {
        width: 45px; }
        .table .table-header div div.action.idp, .table .table-body div div.action.idp {
          width: 81px;
          border-right: 0; }
        .table .table-header div div.action.outlet, .table .table-body div div.action.outlet {
          width: 85px;
          border-right: 0; }
        .table .table-header div div.action.queue, .table .table-body div div.action.queue {
          width: 100px; }
      .table .table-header div div.row-mac, .table .table-body div div.row-mac {
        width: 292px; }
      .table .table-header div div.row-ip, .table .table-body div div.row-ip {
        width: 112px; }
      .table .table-header div div.row-printer, .table .table-body div div.row-printer {
        width: 109px; }
      .table .table-header div div.row-display, .table .table-body div div.row-display {
        width: 109px; }
      .table .table-header div div.row-orderType, .table .table-body div div.row-orderType {
        width: 109px; }
      .table .table-header div div.row-active, .table .table-body div div.row-active {
        width: 69px; }
      .table .table-header div div.row-order-number, .table .table-body div div.row-order-number {
        width: 100px; }
      .table .table-header div div.row-description, .table .table-body div div.row-description {
        width: 395px; }
      .table .table-header div div.row-invoice, .table .table-body div div.row-invoice {
        width: 90px; }
      .table .table-header div div.row-ref, .table .table-body div div.row-ref {
        width: 110px; }
      .table .table-header div div.row-update, .table .table-header div div.row-contact, .table .table-body div div.row-update, .table .table-body div div.row-contact {
        width: 100px;
        text-align: center; }
      .table .table-header div div.row-print, .table .table-body div div.row-print {
        width: 100px; }
      .table .table-header div div.pr-dreceipt-payment, .table .table-body div div.pr-dreceipt-payment {
        width: 109px; }
      .table .table-header div div.pr-dreceipt-no, .table .table-body div div.pr-dreceipt-no {
        width: 109px; }
      .table .table-header div div.pr-dreceipt-date, .table .table-body div div.pr-dreceipt-date {
        width: 140px; }
      .table .table-header div div.pr-dreceipt-bank, .table .table-body div div.pr-dreceipt-bank {
        width: 140px; }
      .table .table-header div div.pr-dreceipt-branch, .table .table-body div div.pr-dreceipt-branch {
        width: 140px; }
      .table .table-header div div.pr-dreceipt-amount, .table .table-body div div.pr-dreceipt-amount {
        width: 113px;
        text-align: right; }
      .table .table-header div div.row-return-qty, .table .table-body div div.row-return-qty {
        width: 68.2px; }
  .table.osb .row-code {
    width: 91px !important; }
  .table .table-header {
    background-color: #f2f4f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
    .table .table-header div div {
      padding: 6px 10px 5px;
      text-align: center;
      line-height: 1.5;
      /*&.row-order-number {
                    &.queue {
                        width: 6%;
                    }
                }*/ }
  .table .table-body div div {
    /*&.row-order-number {
                    &.queue {
                        width: 6.05%;
                    }
                }*/ }
  .table .table-body .div-rows {
    border-bottom: 1px solid #eee;
    float: left;
    clear: both;
    cursor: pointer;
    line-height: 21px; }
    .table .table-body .div-rows.view-all {
      display: flex;
      width: 100%; }
      .table .table-body .div-rows.view-all div {
        height: auto;
        overflow: unset;
        text-overflow: unset;
        white-space: unset; }
    .table .table-body .div-rows:nth-child(even) {
      background-color: #f7faff; }
    .table .table-body .div-rows:hover, .table .table-body .div-rows.active {
      background-color: #c9c9c9 !important;
      color: #000;
      font-weight: bold; }
      .table .table-body .div-rows:hover .action i, .table .table-body .div-rows.active .action i {
        /*color: $black;*/
        font-weight: bold; }
      .table .table-body .div-rows:hover .row-qty, .table .table-body .div-rows.active .row-qty {
        background-color: #c9c9c9; }
      .table .table-body .div-rows:hover .row-price, .table .table-body .div-rows.active .row-price {
        border-right: 2px solid #e0e3e8; }
      .table .table-body .div-rows:hover:first-child .row-price, .table .table-body .div-rows.active:first-child .row-price {
        border-top: 2px solid #c9c9c9; }
      .table .table-body .div-rows:hover:last-child .row-price, .table .table-body .div-rows.active:last-child .row-price {
        border-bottom: 2px solid #c9c9c9; }
    .table .table-body .div-rows div.row-qty, .table .table-body .div-rows div.row-uom, .table .table-body .div-rows div.row-price, .table .table-body .div-rows div.row-sellingPrice, .table .table-body .div-rows div.row-subTotal {
      text-align: right; }
    .table .table-body .div-rows div.row-qty {
      background-color: #b1dbef; }
    .table .table-body .div-rows div.row-price {
      border-right: 2px solid #b1dbef;
      border-left: 2px solid #b1dbef; }
      .table .table-body .div-rows div.row-price:first-child {
        border-left: 2px solid #b1dbef; }
    .table .table-body .div-rows div.action {
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      padding: 5px 10px 0px;
      color: #e05d5d;
      -webkit-transition: color 100ms linear;
      -moz-transition: color 100ms linear;
      -ms-transition: color 100ms linear;
      -o-transition: color 100ms linear;
      transition: color 100ms linear; }
      .table .table-body .div-rows div.action:hover {
        color: #c10000; }
    .table .table-body .div-rows:first-child .row-price {
      border-top: 2px solid #b1dbef; }
    .table .table-body .div-rows:last-child .row-price {
      border-bottom: 2px solid #b1dbef; }
    .table .table-body .div-rows .action .icofont-info-circle {
      color: #2196f3 !important; }

.total-amount {
  font-size: 13px;
  float: right;
  margin-bottom: 10px;
  clear: both; }
  .total-amount label {
    text-align: right; }
    .total-amount label#lblTotal {
      text-align: right;
      margin: 7px 0;
      width: 103px;
      font-weight: bold; }
  .total-amount .form-control {
    padding: 4px 11px !important; }
  .total-amount.gtn {
    margin-right: 167px; }
  .total-amount.recipt {
    margin-right: 107px; }
  .total-amount.inv-recipt {
    margin-right: 87px; }
  .total-amount.po {
    margin-right: 46px; }
  .total-amount.psa {
    margin-right: 46px; }
  .total-amount.grn {
    margin-right: -10px;
    margin-top: 10px;
    width: 100%; }
    .total-amount.grn .form-group.remark label {
      width: 50px; }
  .total-amount.sr {
    margin-right: 13px;
    margin-top: 10px; }
  .total-amount.cr {
    margin-right: 13px;
    margin-top: 10px; }
  .total-amount.osb {
    margin-right: 46px; }
  .total-amount.inv {
    margin-right: 13px;
    margin-top: 10px; }
  .total-amount.mr-52 {
    margin-right: 52px; }
  .total-amount.mr-63 {
    margin-right: 63px; }

.btn {
  font-family: "Khand", sans-serif;
  min-width: 94px; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: none !important; }

.btn-primary {
  background-color: #13b2b0;
  color: #fff;
  border-color: #13b2b0;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .btn-primary:hover {
    background-color: #1091a1;
    color: #fff !important;
    border-color: #13b2b0; }
  .btn-primary:focus {
    color: #fff !important;
    outline: 0 none !important;
    background-color: #13b2b0; }

.btn-primary-cus {
  background-color: #13b2b0;
  color: #fff;
  border-color: #13b2b0;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .btn-primary-cus:hover {
    background-color: #1091a1;
    color: #fff !important; }
  .btn-primary-cus:focus {
    color: #fff !important;
    outline: 0 none !important; }

#btnReject, .btn-reject {
  background-color: #eb7971;
  color: #fff;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  border-color: #eb7971; }
  #btnReject:hover, .btn-reject:hover {
    background-color: #e9655b; }

.btn-foc {
  background-color: #6c6cb1;
  color: #fff;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  border-color: #6c6cb1; }
  .btn-foc:hover {
    background-color: #525299; }

.btn-create-job {
  background-color: #2196f3;
  color: #fff;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  border-color: #2196f3; }
  .btn-create-job:hover {
    background-color: #1282db; }

.btn-update {
  background-color: #3b993f;
  color: #fff;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  font-size: 13px !important; }
  .btn-update:hover {
    background-color: #2c8330; }

.btn-danger {
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  font-size: 13px !important; }

select {
  cursor: pointer; }

.btn-default {
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .btn-default:hover {
    color: #000; }
  .btn-default:hover, .btn-default:active, .btn-default:focus {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: none !important; }

.btn-link {
  color: #13b2b0;
  text-decoration: none;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  transition: color 200ms linear; }
  .btn-link:hover, .btn-link:focus {
    color: #666;
    text-decoration: none; }

.btn-primary, .btn-default, .btn-delete, .btn-process, .btn-print, .btn-foc {
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 23px; }
  .btn-primary:hover, .btn-primary:active .btn-primary:focus, .btn-default:hover, .btn-default:active .btn-primary:focus, .btn-delete:hover, .btn-delete:active .btn-primary:focus, .btn-process:hover, .btn-process:active .btn-primary:focus, .btn-print:hover, .btn-print:active .btn-primary:focus, .btn-foc:hover, .btn-foc:active .btn-primary:focus, .btn-primary:active .btn-default:focus, .btn-default:active .btn-default:focus, .btn-delete:active .btn-default:focus, .btn-process:active .btn-default:focus, .btn-print:active .btn-default:focus, .btn-foc:active .btn-default:focus, .btn-primary:active .btn-delete:focus, .btn-default:active .btn-delete:focus, .btn-delete:active .btn-delete:focus, .btn-process:active .btn-delete:focus, .btn-print:active .btn-delete:focus, .btn-foc:active .btn-delete:focus, .btn-primary:active .btn-process:focus, .btn-default:active .btn-process:focus, .btn-delete:active .btn-process:focus, .btn-process:active .btn-process:focus, .btn-print:active .btn-process:focus, .btn-foc:active .btn-process:focus, .btn-primary:active .btn-print:focus, .btn-default:active .btn-print:focus, .btn-delete:active .btn-print:focus, .btn-process:active .btn-print:focus, .btn-print:active .btn-print:focus, .btn-foc:active .btn-print:focus, .btn-primary:active .btn-foc:focus, .btn-default:active .btn-foc:focus, .btn-delete:active .btn-foc:focus, .btn-process:active .btn-foc:focus, .btn-print:active .btn-foc:focus, .btn-foc:active .btn-foc:focus {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: none !important; }

.btn-delete {
  color: #fff;
  background-color: #e05d5d;
  border-color: #e05d5d;
  line-height: 22px !important; }
  .btn-delete:hover {
    background-color: #cc4646;
    border-color: #cc4646;
    color: #fff !important; }

.error, .success {
  left: 0;
  position: fixed;
  text-align: center;
  top: -42px;
  width: 100%;
  z-index: 1; }
  .error .msg-icon, .success .msg-icon {
    color: #ca767e; }
  .error #spMessage, .success #spMessage {
    background: #fef3f7 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ca767e;
    display: inline-block;
    margin: 0 auto;
    box-shadow: 0px 0px 5px 1px #ccc;
    padding: 10px 40px 10px 20px;
    font-size: 13px;
    max-width: 90%; }
  .error .close-error, .success .close-error {
    right: 30px;
    position: relative;
    top: 2px;
    font-size: 17px;
    color: #e6b2ae;
    cursor: pointer;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    transition: color 200ms linear; }
    .error .close-error:hover, .success .close-error:hover {
      color: #000; }

.success #spMessage {
  background-color: #f1f8f1;
  color: #6c9a57; }

.success .close-error {
  color: #8fb18f; }
  .success .close-error:hover {
    color: #000; }

.panel {
  /*.req-note {
        width: 868px;
        position: relative;
        display: block;
        max-width: 100%;
        padding-top: 10px;

        form {
            width: 100%;


            .grid-headers {
                margin-top: 20px;

                .code-field {
                    width: 126px !important;
                }



                .form-group.medium-field {
                    width: 555px;
                }
            }

            .grid-table {

                .row-name {
                    width: 555px
                }
            }

            .form-group.one-line {
                clear: unset !important;
            }

            .remark-n {*/
  /*  width: 77.5% !important;*/
  /*}

            .form-group.navigator {
                position: relative !important;*/
  /* top: 0; */
  /*right: -28px !important;
                float: right;
            }

            .form-group.one-line div label {
                width: auto !important;
            }

            .bottom-group {
                display: flex;
                margin-top: 10px;
            }

            .button-group {
                display: flex;
            }

            .action {
                width: 85px;
            }

            .row-code {
                width: 125px !important;
            }
        }
    }*/
  border-color: #eaeef1;
  margin-bottom: 0; }
  .panel .panel-heading {
    background-color: #f9fafc;
    border-color: #eaeef1;
    display: inline-block;
    width: 100%;
    padding: 6px 15px; }
    .panel .panel-heading #ddlRoute {
      margin-bottom: 6px; }
    .panel .panel-heading h2 {
      font-family: "Khand", sans-serif;
      color: #666;
      font-size: 24px;
      margin-bottom: 0;
      text-align: center;
      text-transform: capitalize; }
    .panel .panel-heading input[type='text'] {
      border: 1px solid #d8e0ef;
      padding: 5px 6px;
      font-size: 13px;
      box-shadow: none;
      height: 25px;
      border-radius: 4px;
      width: 50%;
      margin-right: 5px;
      float: right;
      outline: none;
      color: #666; }
    .panel .panel-heading i {
      color: #000;
      padding: 6px 5px 0;
      font-size: 16px;
      float: right; }
    .panel .panel-heading h4 {
      float: left;
      margin: 5px !important;
      font-size: 14px !important; }
  .panel .headers {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    padding: 5px 33px 3px 15px;
    font-size: 12px;
    background: #ececec;
    margin-top: -6px;
    border-top: 1px solid #e4e5e6;
    border-bottom: 1px solid #e4e5e6;
    height: 27px; }
    .panel .headers span {
      float: left;
      margin: 0 1px 0 0;
      cursor: pointer;
      /*background: red;*/
      /*&.item-name {
                &.sort {
                    &.asc {
                        &:after {
                            height: 20px;
                            width: 20px;
                            content: '\eb89';
                            font-family: $iconFont;
                            margin-left: 3px;
                        }
                    }

                    &.desc {
                        &:after {
                            height: 20px;
                            width: 20px;
                            content: '\eb8c';
                            font-family: $iconFont;
                            margin-left: 3px;
                        }
                    }
                }
            }*/ }
      .panel .headers span.code {
        width: 18%; }
      .panel .headers span.item-name {
        width: 47%; }
      .panel .headers span.cost-price {
        width: 14%;
        text-align: right; }
      .panel .headers span.sel-price {
        width: 14%;
        text-align: right; }
      .panel .headers span.date {
        width: 16%; }
      .panel .headers span.number {
        width: 11%;
        text-align: center; }
      .panel .headers span.bank, .panel .headers span.branch {
        width: 19%; }
      .panel .headers span.status {
        width: 8%;
        text-align: right; }
      .panel .headers span.amount {
        width: 19%;
        text-align: right; }
      .panel .headers span.page {
        width: 62%; }
      .panel .headers span.right {
        width: 8%;
        text-align: right; }
      .panel .headers span.tempory {
        width: 12%;
        text-align: right; }
      .panel .headers span.process {
        width: 12%;
        text-align: right; }
      .panel .headers span.sel-price {
        margin: 0; }
      .panel .headers span.code.sort.asc:after, .panel .headers span.item-name.sort.asc:after {
        height: 20px;
        width: 20px;
        content: '\eb8c';
        font-family: IcoFont;
        margin-left: 3px; }
      .panel .headers span.code.sort.desc:after, .panel .headers span.item-name.sort.desc:after {
        height: 20px;
        width: 20px;
        content: '\eb89';
        font-family: IcoFont;
        margin-left: 3px; }
      .panel .headers span.sel-price.sort.asc:before, .panel .headers span.cost-price.sort.asc:before {
        height: 20px;
        width: 20px;
        content: '\eb8c';
        font-family: IcoFont;
        margin-right: 3px; }
      .panel .headers span.sel-price.sort.desc:before, .panel .headers span.cost-price.sort.desc:before {
        height: 20px;
        width: 20px;
        content: '\eb89';
        font-family: IcoFont;
        margin-right: 3px; }
      .panel .headers span.name {
        width: 48%; }
      .panel .headers span.inv-no {
        width: 20%; }
      .panel .headers span.price {
        width: 48%;
        padding-left: 10px; }
    .panel .headers.recall {
      background-color: #fffae4;
      border: 1px solid #f1e3a6; }
  .panel .panel-body {
    padding: 10px 15px; }
    .panel .panel-body.grn {
      padding: 10px 10px; }
    .panel .panel-body h4 {
      text-transform: capitalize;
      font-size: 17px;
      margin-bottom: 20px;
      padding: 0 15px; }
    .panel .panel-body .panal-includeReceipt {
      margin-left: -8px; }
    .panel .panel-body .panel {
      margin-bottom: 0px; }
      .panel .panel-body .panel .panel-body {
        padding: 0; }
    .panel .panel-body .panel-heading {
      background-color: #e8eef9;
      border-color: transparent;
      padding: 5px; }
      .panel .panel-body .panel-heading .search {
        float: right;
        width: 52%;
        margin-right: 7px;
        margin-top: 2px; }
        .panel .panel-body .panel-heading .search.dsi {
          width: 42%; }
        .panel .panel-body .panel-heading .search i {
          cursor: pointer; }
      .panel .panel-body .panel-heading h4 {
        color: #000;
        padding: 0;
        font-weight: bold; }
      .panel .panel-body .panel-heading .collapser {
        z-index: 42;
        cursor: pointer;
        float: right;
        width: 24px;
        text-align: center;
        color: #000;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear; }
        .panel .panel-body .panel-heading .collapser:after {
          content: "\eb5e";
          font-family: IcoFont;
          font-size: 20px; }
        .panel .panel-body .panel-heading .collapser:hover {
          font-weight: bold; }
      .panel .panel-body .panel-heading .checkbox {
        float: right;
        margin: 2px 3px 2px 10px; }
        .panel .panel-body .panel-heading .checkbox .custom-checkbox-element {
          margin: 5px 0px 3px 3px !important;
          height: 14px; }
        .panel .panel-body .panel-heading .checkbox .custom-checkbox {
          margin: 0;
          font-size: 17px; }
  .panel .center-panel {
    display: inline-block; }
    .panel .center-panel.gtn form {
      /*width: 930px;*/ }
    .panel .center-panel form {
      position: relative; }

.row-lines {
  /*border-bottom: 1px solid #dce2ec;
        border-left: 1px solid #dce2ec;
        border-right: 1px solid #dce2ec;*/
  overflow: auto;
  margin-top: -6px; }
  .row-lines.grn {
    max-height: 150px !important; }
    .row-lines.grn .row-line {
      float: left;
      width: 33.3%; }
      .row-lines.grn .row-line.active .item-row {
        background-color: #c9c9c9 !important;
        color: #000;
        font-weight: bold; }
      .row-lines.grn .row-line .item-row {
        padding: 8px;
        border-top: 0 none;
        border-bottom: 1px solid #eaeef5;
        border-right: 1px solid #eaeef5; }
        .row-lines.grn .row-line .item-row:hover {
          background-color: #c9c9c9 !important; }
      .row-lines.grn .row-line:nth-child(even) .item-row {
        background-color: transparent; }
  .row-lines.gtn {
    max-height: 107px !important; }
  .row-lines .row-line {
    position: relative; }
    .row-lines .row-line .item-row {
      padding: 8px 33px 8px 15px;
      border-top: 1px solid #eaeef5;
      background-color: #fefeff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 13px;
      color: #666;
      cursor: pointer;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
      .row-lines .row-line .item-row span {
        position: relative;
        margin: 0 6px 0 0;
        text-align: left;
        top: auto;
        right: auto;
        float: left;
        /*background: blue;*/ }
        .row-lines .row-line .item-row span.code {
          width: 18%; }
        .row-lines .row-line .item-row span.item-name {
          width: 47%; }
        .row-lines .row-line .item-row span.cost-price {
          width: 14%;
          text-align: right; }
        .row-lines .row-line .item-row span.sel-price {
          width: 14%;
          text-align: right; }
        .row-lines .row-line .item-row span.date {
          width: 16%; }
        .row-lines .row-line .item-row span.number {
          width: 11%;
          text-align: center; }
        .row-lines .row-line .item-row span.bank, .row-lines .row-line .item-row span.branch {
          width: 19%; }
        .row-lines .row-line .item-row span.status {
          width: 8%;
          text-align: right; }
        .row-lines .row-line .item-row span.amount {
          width: 19%;
          text-align: right; }
        .row-lines .row-line .item-row span.page {
          width: 62%; }
        .row-lines .row-line .item-row span.right {
          width: 8%;
          text-align: right; }
        .row-lines .row-line .item-row span.tempory {
          width: 12%;
          text-align: right; }
        .row-lines .row-line .item-row span.process {
          width: 12%;
          text-align: right; }
        .row-lines .row-line .item-row span.code {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .row-lines .row-line .item-row span.item-name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .row-lines .row-line .item-row span.sel-price {
          margin: 0; }
        .row-lines .row-line .item-row span.price {
          width: 48%;
          padding-left: 10px; }
        .row-lines .row-line .item-row span.inv-no {
          width: 20%; }
        .row-lines .row-line .item-row span.invoice-no, .row-lines .row-line .item-row span.invoice-amount, .row-lines .row-line .item-row span.invoice-date {
          width: calc((100% - 32px) / 3); }
        .row-lines .row-line .item-row span.invoice-check {
          width: 14px;
          margin: 0; }
    .row-lines .row-line:nth-child(even) .item-row {
      background-color: #f7faff; }
    .row-lines .row-line span {
      position: absolute;
      top: 10px;
      right: 10px; }
      .row-lines .row-line span i {
        color: #e05d5d;
        cursor: pointer;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear; }
        .row-lines .row-line span i:hover {
          color: #c10000; }
    .row-lines .row-line .custom-checkbox-element {
      margin: 0 !important; }
    .row-lines .row-line .custom-checkbox {
      margin: -4px -15px 0 0;
      font-size: 17px !important; }
    .row-lines .row-line .custom-checkbox-element:checked ~ .custom-checkbox {
      margin-top: -4px; }
  .row-lines .row-line.active .item-row, .row-lines .row-line:hover .item-row {
    background-color: #c9c9c9;
    color: #000;
    font-weight: bold; }
  .row-lines .row-line.active span i, .row-lines .row-line:hover span i {
    /*color: $black;*/
    color: #c10000; }

#divInvListContainer .row-line .item-row {
  padding: 9px 9px 4px 9px; }
  #divInvListContainer .row-line .item-row input[type="checkbox"] {
    margin: 3px 0 0; }

#queueGrid .table-header, #queueGrid .table-body {
  width: 99%; }
  #queueGrid .table-header .div-rows, #queueGrid .table-body .div-rows {
    border-left: 0px none;
    cursor: default; }
    #queueGrid .table-header .div-rows div, #queueGrid .table-body .div-rows div {
      font-size: 16px;
      align-items: center;
      display: flex; }
      #queueGrid .table-header .div-rows div.action, #queueGrid .table-body .div-rows div.action {
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 50px;
        color: #6cde27 !important;
        padding: 5px;
        width: 100px; }
      #queueGrid .table-header .div-rows div.row-order-number, #queueGrid .table-body .div-rows div.row-order-number {
        justify-content: center; }
      #queueGrid .table-header .div-rows div.row-qty, #queueGrid .table-body .div-rows div.row-qty {
        justify-content: center; }

.item-lists {
  width: 350px;
  -webkit-transition: width 80ms ease-in;
  -moz-transition: width 80ms ease-in;
  -ms-transition: width 80ms ease-in;
  -o-transition: width 80ms ease-in;
  transition: width 80ms ease-in; }
  .item-lists.grn {
    margin-bottom: -61px; }
  .item-lists.products-page {
    width: 40%; }
  .item-lists.recipt {
    width: 335px; }
  .item-lists.outlet {
    width: 230px; }

.item-lists.collapsed {
  width: 62px; }
  .item-lists.collapsed h4, .item-lists.collapsed .search input {
    display: none; }
  .item-lists.collapsed .headers span {
    display: none; }
  .item-lists.collapsed .panel {
    width: 62px; }
    .item-lists.collapsed .panel .panel-heading .search {
      float: left;
      width: auto;
      margin-right: 0; }
      .item-lists.collapsed .panel .panel-heading .search i {
        cursor: pointer; }
    .item-lists.collapsed .panel .panel-heading i {
      padding: 7px 5px 0; }
    .item-lists.collapsed .panel .row-line {
      text-align: center; }
      .item-lists.collapsed .panel .row-line .item-row {
        text-indent: -1000px; }
      .item-lists.collapsed .panel .row-line span {
        display: none; }
    .item-lists.collapsed .panel .collapser {
      /*float: none;
            margin: 1px auto 5px;*/ }
      .item-lists.collapsed .panel .collapser:after {
        content: "\eb61"; }

.search-box input {
  border: 1px solid #e0e3e8;
  padding: 5px 6px;
  font-size: 13px;
  box-shadow: none;
  border-radius: 2px;
  width: 15%;
  color: #666;
  margin-bottom: 16px; }

.search-box i {
  color: #666;
  padding: 0 5px;
  font-size: 16px; }

.custom-error {
  color: #e05d5d;
  /*display: inline-block;*/
  width: 100%;
  font-size: 12px; }

.field-validation-error {
  display: inline-block;
  /*width: 98%;*/
  width: auto;
  font-size: 12px;
  position: absolute;
  top: 53px;
  left: 1%;
  padding: 3px 8px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }
  .field-validation-error:before {
    content: '\eb28';
    font-family: IcoFont;
    position: absolute;
    top: -17px;
    font-size: 20px;
    color: #ffecf2;
    left: 5px; }

.modal-header {
  padding: 8px 15px 6px;
  border-bottom: 1px solid #e8eef9;
  background-color: #e8eef9;
  border-radius: 6px 6px 0 0;
  font-size: 10px; }
  .modal-header h4 {
    font-size: 14px;
    color: #000;
    font-weight: bold; }
  .modal-header .close {
    margin-top: 0px; }

#divPrintOption > div {
  max-width: 300px; }
  #divPrintOption > div .width-155 {
    margin: 0 auto; }
  #divPrintOption > div p {
    text-align: center;
    font-size: 15px;
    margin: 5px 0px 20px; }

#confirmReject .reject-pop {
  font-size: 15px;
  margin: 5px 0px 20px; }

#confirmReject #txtReject {
  border-radius: 4px;
  border: 1px solid #e0e3e8;
  height: 30px;
  width: 83%; }

#confirmReject .remark {
  padding-right: 10px; }

#confirmReject .remark-notice {
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: #eb7971;
  font-size: 12px;
  text-align: right; }

.modal-dialog {
  width: 400px;
  background: #fff;
  border-radius: 8px !important; }
  .modal-dialog .modal-content {
    box-shadow: 0 0 0 transparent;
    border: 0;
    border-radius: 8px !important; }

.gtn-buttons {
  position: absolute;
  top: -24px;
  transform: translate(-50%, -50%);
  right: 186px; }
  .gtn-buttons #btnPendingGtn, .gtn-buttons #btnShowGtn {
    width: 126px; }

.modal-footer {
  padding: 12px 15px; }
  .modal-footer .btn {
    padding: 4px 12px; }

.custom-checkbox-element {
  cursor: pointer;
  opacity: 0;
  margin: 8px 10px 3px 0 !important; }
  .custom-checkbox-element.checkbox-center {
    margin-left: 35% !important; }

.custom-checkbox-element ~ label {
  cursor: pointer; }

.custom-checkbox {
  float: left;
  margin-left: -24px;
  color: #d0d4da;
  font-size: 16px;
  margin-top: 3px; }
  .custom-checkbox:before {
    content: '\f0e2';
    font-family: IcoFont; }

.custom-checkbox-element:checked ~ .custom-checkbox {
  color: #13b2b0;
  font-size: 18px;
  margin-top: 1px; }
  .custom-checkbox-element:checked ~ .custom-checkbox:before {
    content: '\efae'; }

.custom-checkbox-element:disabled {
  cursor: unset !important; }

.custom-checkbox-element:disabled ~ .custom-checkbox {
  color: #9ec9c8;
  cursor: unset; }

.radio-field {
  position: relative; }

.custom-radio-element {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  top: 5px;
  left: 0; }

.custom-radio-element ~ label {
  cursor: pointer; }

.custom-radio {
  float: left;
  width: 18px;
  height: 18px;
  background: #d0d4da;
  display: inline-block;
  border-radius: 50%;
  /*margin-left: 0 !important;
    color: #d0d4da;
    font-size: 16px;
    margin-top: -1px;
    margin-top: 0px;
    line-height: 30px;*/ }
  .custom-radio:before {
    /*content: '\f0e2';
        font-family: $iconFont;*/
    content: "";
    width: 18px;
    height: 18px;
    background: #d0d4da;
    display: inline-block;
    border-radius: 50%; }

.custom-radio-element:checked ~ .custom-radio {
  /*color: $mainColor;
    font-size: 18px;
    margin-top: 0;
    margin-left: 0 !important;
    float: left;
    position: absolute;
    top: 0;*/
  float: left;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #d0d4da;
  background: white;
  padding: 1px; }
  .custom-radio-element:checked ~ .custom-radio:before {
    /*content: '\efae';*/
    content: "";
    width: 10px;
    height: 10px;
    background: #13b2b0;
    display: inline-block;
    border-radius: 50%;
    /*margin: 0em 0em 0.12em 0.04em;*/
    margin: 0em 0em 0.15em 0.1em; }

.login-section {
  margin: 10% auto 0;
  position: relative;
  width: 400px; }
  .login-section .logo {
    text-align: center; }
    .login-section .logo i {
      color: #13b2b0;
      font-size: 60px;
      text-shadow: 0px 2px 0 #fff; }
    .login-section .logo h2 {
      font-family: "Khand", sans-serif;
      color: #000;
      font-size: 27px;
      margin-top: 10px; }
  .login-section .form {
    margin-top: 60px; }
    .login-section .form .form-group {
      margin-bottom: 12px;
      width: 100%; }
      .login-section .form .form-group .form-control {
        padding: 10px 12px;
        height: 50px !important;
        border-radius: 4px; }
      .login-section .form .form-group .form-control.icon {
        padding-left: 50px; }
      .login-section .form .form-group .form-control.btn {
        font-size: 19px !important;
        background-color: #13b2b0; }
        .login-section .form .form-group .form-control.btn:hover {
          background-color: #1091a1; }
      .login-section .form .form-group i {
        top: 17px;
        left: 18px; }
      .login-section .form .form-group #RememberMe {
        margin: 3px 13px 3px 0 !important;
        float: left; }
      .login-section .form .form-group .remember-label {
        margin: 0;
        font-weight: normal; }
      .login-section .form .form-group .custom-checkbox-element ~ .custom-checkbox {
        margin-top: -1px;
        margin-left: -27px;
        color: #d5ddea; }
      .login-section .form .form-group .custom-checkbox-element:checked ~ .custom-checkbox {
        margin-top: -3px;
        color: #13b2b0; }
    .login-section .form .extra-margin {
      margin: 5px 10px 20px; }
    .login-section .form .forgot {
      float: right; }
      .login-section .form .forgot:hover {
        color: #666; }

.header-bar {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  padding: 13px 15px;
  display: inline-block;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 6; }
  .header-bar .logo {
    font-family: "Khand", sans-serif; }
    .header-bar .logo i {
      font-size: 30px;
      color: #13b2b0;
      float: left; }
    .header-bar .logo .logo-wrapper {
      max-width: 70px;
      height: 30px;
      min-width: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      float: left; }
      .header-bar .logo .logo-wrapper img {
        max-width: 100%;
        height: auto;
        text-align: center;
        max-height: 42px; }
    .header-bar .logo h2 {
      float: left;
      margin-bottom: 0;
      margin-left: 10px;
      font-size: 23px;
      padding: 4px 0 2px;
      color: #666; }
      @media only screen and (max-device-width: 520px) and (orientation: portrait) {
        .header-bar .logo h2 {
          display: none !important; } }
  .header-bar .quick-links {
    width: 65%;
    margin: 0 auto; }
    @media only screen and (max-device-width: 520px) and (orientation: portrait) {
      .header-bar .quick-links {
        display: none !important; } }
    .header-bar .quick-links .icons {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
    .header-bar .quick-links a {
      padding: 6px 9px;
      border-radius: 20px;
      width: 32px;
      height: 31px;
      margin: 0 6px;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
      .header-bar .quick-links a i {
        font-size: 14px;
        margin-top: 3px;
        color: #666;
        display: inline-block;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear; }
      .header-bar .quick-links a:hover {
        background-color: #e8eef9;
        color: #13b2b0; }
        .header-bar .quick-links a:hover i {
          color: #000; }
    .header-bar .quick-links a:nth-child(1n):hover i {
      color: #f07a83; }
    .header-bar .quick-links a:nth-child(2n):hover i {
      color: #505eef; }
    .header-bar .quick-links a:nth-child(3n):hover i {
      color: #c16bdd; }
    .header-bar .quick-links a:nth-child(4n):hover i {
      color: #efb62f; }
    .header-bar .quick-links a:nth-child(5n):hover i {
      color: #59d24d; }
  .header-bar .user-controls {
    font-family: "Khand", sans-serif;
    position: absolute;
    top: 17px;
    right: 25px;
    color: #666; }
    .header-bar .user-controls .user {
      float: left;
      margin-right: 20px; }
    .header-bar .user-controls div {
      float: left;
      font-size: 18px;
      text-transform: capitalize;
      margin-left: 5px; }
    .header-bar .user-controls .log-out {
      float: left; }
      .header-bar .user-controls .log-out i {
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear;
        color: #000; }
        .header-bar .user-controls .log-out i:hover {
          color: #13b2b0; }
      .header-bar .user-controls .log-out span {
        float: left;
        margin-left: 7px;
        color: #13b2b0;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear; }
        .header-bar .user-controls .log-out span:hover {
          color: #000; }
    .header-bar .user-controls i {
      float: left;
      color: #13b2b0;
      font-size: 15px;
      margin: 4px 0; }
    .header-bar .user-controls a {
      float: left;
      font-size: 18px;
      margin-left: 5px;
      color: #666; }
      .header-bar .user-controls a:hover {
        color: #000; }

section.contents {
  top: 57px;
  position: relative; }
  section.contents.queue {
    top: 0; }
  section.contents .main-wrapper {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%; }
    @media only screen and (max-device-width: 1200px) and (min-device-width: 900px) {
      section.contents .main-wrapper {
        width: 100%;
        display: grid; } }
    @media only screen and (max-device-width: 850px) {
      section.contents .main-wrapper {
        width: unset;
        display: grid; } }
    @media only screen and (max-device-width: 850px) and (orientation: landscape) {
      section.contents .main-wrapper {
        width: 100%;
        display: grid; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
      section.contents .main-wrapper {
        width: 100%;
        display: grid; } }
  section.contents .side-menu {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none;
    width: 240px;
    background-color: #333;
    position: relative;
    /*-webkit-transition: width 50ms ease-in;
        -moz-transition: width 50ms ease-in;
        -ms-transition: width 50ms ease-in;
        -o-transition: width 50ms ease-in;
        transition: width 50ms ease-in;*/ }
    @media only screen and (max-device-width: 1200px) and (min-device-width: 900px) {
      section.contents .side-menu {
        position: absolute;
        z-index: 5; } }
    @media only screen and (max-device-width: 850px) {
      section.contents .side-menu {
        position: absolute;
        z-index: 5; } }
    section.contents .side-menu .user {
      padding: 10px;
      display: inline-block;
      width: 100%; }
      section.contents .side-menu .user i.icofont-user-alt-4 {
        border: 2px solid #6b6b6b;
        color: #fff;
        background-color: #555;
        padding: 9px;
        border-radius: 33px;
        width: 41px;
        display: block;
        font-size: 19px;
        float: left;
        margin-right: 10px; }
      section.contents .side-menu .user i.icofont-gear {
        float: right;
        color: #a5a5a5;
        padding: 13px 0;
        font-size: 16px;
        cursor: pointer;
        -webkit-transition: color 200ms linear;
        -moz-transition: color 200ms linear;
        -ms-transition: color 200ms linear;
        -o-transition: color 200ms linear;
        transition: color 200ms linear; }
        section.contents .side-menu .user i.icofont-gear:hover {
          color: #fff; }
      section.contents .side-menu .user a {
        float: left;
        padding: 11px 0;
        color: #13b2b0; }
        section.contents .side-menu .user a:hover {
          color: #fff; }
    section.contents .side-menu #mainMenuAccordion {
      padding: 0;
      width: 100%;
      position: relative;
      display: inline-block;
      /*li.has-sub .collapsed:before {
                content: "\eb5a";
            }*/ }
      section.contents .side-menu #mainMenuAccordion .panel {
        color: #93949c;
        list-style: none;
        position: relative;
        display: inline-block;
        width: 100%;
        float: left;
        background-color: transparent;
        border: 0 none;
        border-radius: 0;
        margin-top: 0;
        cursor: pointer; }
        section.contents .side-menu #mainMenuAccordion .panel a {
          font-family: "Khand", sans-serif;
          text-transform: capitalize;
          font-size: 17px;
          padding: 10px 14px;
          width: 100%;
          display: inline-block;
          float: left;
          color: #87949c;
          cursor: pointer; }
          section.contents .side-menu #mainMenuAccordion .panel a i {
            display: inline-block;
            text-align: right;
            float: left;
            padding: 3px 0;
            font-size: 16px; }
          section.contents .side-menu #mainMenuAccordion .panel a span {
            margin-left: 17px;
            float: left; }
          section.contents .side-menu #mainMenuAccordion .panel a span.small-text {
            font-size: 13px;
            margin-left: 6px !important;
            margin-top: 4px; }
          section.contents .side-menu #mainMenuAccordion .panel a:hover {
            color: #fff;
            background-color: #000; }
        section.contents .side-menu #mainMenuAccordion .panel.selected-nav {
          cursor: pointer; }
          section.contents .side-menu #mainMenuAccordion .panel.selected-nav a.main-menu {
            cursor: pointer;
            color: #fff;
            background-color: #000; }
            section.contents .side-menu #mainMenuAccordion .panel.selected-nav a.main-menu i {
              color: #13b2b0; }
          section.contents .side-menu #mainMenuAccordion .panel.selected-nav .panel-collapse {
            /*display: block !important;
                        height: auto !important;*/ }
        section.contents .side-menu #mainMenuAccordion .panel .active a {
          cursor: pointer;
          color: #fff;
          background-color: #212121; }
          section.contents .side-menu #mainMenuAccordion .panel .active a i {
            color: #13b2b0; }
        section.contents .side-menu #mainMenuAccordion .panel ul {
          float: left;
          padding: 0;
          width: 100%;
          list-style: none;
          border-left: 8px solid #111111; }
          section.contents .side-menu #mainMenuAccordion .panel ul li a {
            background-color: #2b2b2b;
            font-size: 16px; }
            section.contents .side-menu #mainMenuAccordion .panel ul li a:hover {
              background-color: #212121; }
              section.contents .side-menu #mainMenuAccordion .panel ul li a:hover .sub-menu-icon {
                filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(248deg) brightness(104%) contrast(97%); }
        section.contents .side-menu #mainMenuAccordion .panel.active {
          background-color: #111; }
      section.contents .side-menu #mainMenuAccordion .has-sub ul.panel-collapse {
        max-height: calc(100vh - 460px) !important; }
      section.contents .side-menu #mainMenuAccordion li.has-sub .main-menu:before {
        content: "\eb5a";
        font-family: IcoFont;
        position: absolute;
        top: 11px;
        right: 9px;
        font-size: 16px;
        cursor: pointer; }
      section.contents .side-menu #mainMenuAccordion li.has-sub a[aria-expanded="true"]:before {
        content: "\eb62"; }
      section.contents .side-menu #mainMenuAccordion li.has-sub a.main-menu.collapsed[aria-expanded="true"]:before {
        content: "\eb5a"; }
      section.contents .side-menu #mainMenuAccordion li.has-sub a[aria-expanded="false"]:before {
        content: "\eb5a"; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(1n) a:hover i {
        color: #13b2b0; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(2n) a:hover i {
        color: #f07a83; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(3n) a:hover i {
        color: #505eef; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(4n) a:hover i {
        color: #c16bdd; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(5n) a:hover i {
        color: #efb62f; }
      section.contents .side-menu #mainMenuAccordion li:nth-child(6n) a:hover i {
        color: #59d24d; }
      section.contents .side-menu #mainMenuAccordion li.report-page.active i {
        color: #59d24d; }
    section.contents .side-menu .menu-collapser {
      position: absolute;
      bottom: 62px;
      right: 2px;
      z-index: 42;
      cursor: pointer;
      color: #fff;
      font-weight: bold;
      cursor: pointer !important;
      -webkit-transition: color 200ms linear;
      -moz-transition: color 200ms linear;
      -ms-transition: color 200ms linear;
      -o-transition: color 200ms linear;
      transition: color 200ms linear; }
      @media only screen and (max-device-width: 850px) {
        section.contents .side-menu .menu-collapser {
          top: -3px;
          right: -34px; } }
      section.contents .side-menu .menu-collapser:after {
        content: "\eb8a";
        font-family: IcoFont;
        position: absolute;
        top: 11px;
        right: 4px;
        font-size: 20px; }
        @media only screen and (max-device-width: 850px) {
          section.contents .side-menu .menu-collapser:after {
            padding: 5px 5px;
            background-color: #333;
            font-size: 30px;
            line-height: 1;
            border-radius: 0px 25px 25px 0px; } }
      section.contents .side-menu .menu-collapser:hover {
        color: #13b2b0; }
    section.contents .side-menu.open #mainMenuAccordion .panel.active .panel-collapse {
      display: block !important;
      height: auto !important; }
  section.contents .side-menu.collapsed {
    width: 62px; }
    @media only screen and (max-device-width: 850px) {
      section.contents .side-menu.collapsed {
        width: 0px;
        position: absolute;
        z-index: 5; }
        section.contents .side-menu.collapsed .menu {
          display: none !important; } }
    section.contents .side-menu.collapsed .user i.icofont-user-alt-4 {
      margin: 0; }
      @media only screen and (max-device-width: 850px) {
        section.contents .side-menu.collapsed .user i.icofont-user-alt-4 {
          display: none; } }
    section.contents .side-menu.collapsed .user a {
      display: none; }
    section.contents .side-menu.collapsed .user i.icofont-gear {
      padding: 13px 13px 0; }
    section.contents .side-menu.collapsed #mainMenuAccordion li a {
      text-align: center;
      cursor: pointer; }
      section.contents .side-menu.collapsed #mainMenuAccordion li a span {
        display: none; }
      section.contents .side-menu.collapsed #mainMenuAccordion li a i {
        float: none;
        font-size: 22px; }
    section.contents .side-menu.collapsed #mainMenuAccordion li ul {
      width: 240px;
      position: absolute;
      z-index: 10;
      left: 61px;
      top: 0;
      /*display: none !important;*/
      -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
      transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; }
      section.contents .side-menu.collapsed #mainMenuAccordion li ul li a {
        text-align: left; }
        section.contents .side-menu.collapsed #mainMenuAccordion li ul li a span {
          display: block; }
        section.contents .side-menu.collapsed #mainMenuAccordion li ul li a i {
          float: left;
          font-size: 16px; }
      section.contents .side-menu.collapsed #mainMenuAccordion li ul li.has-sub:before {
        display: block; }
    section.contents .side-menu.collapsed #mainMenuAccordion li:hover ul {
      /*display: block !important;*/ }
    section.contents .side-menu.collapsed #mainMenuAccordion li.has-sub:before {
      display: none; }
    section.contents .side-menu.collapsed .menu-collapser {
      right: 17px; }
      @media only screen and (max-device-width: 850px) {
        section.contents .side-menu.collapsed .menu-collapser {
          top: -3px;
          right: -44px; } }
      section.contents .side-menu.collapsed .menu-collapser:after {
        content: "\eb8b"; }
        @media only screen and (max-device-width: 850px) {
          section.contents .side-menu.collapsed .menu-collapser:after {
            padding: 5px 5px;
            background-color: #333;
            font-size: 30px;
            line-height: 1;
            border-radius: 0px 25px 25px 0px; } }
  section.contents .body-content {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    float: none;
    /*height: 880px;
        overflow: auto;*/ }
    section.contents .body-content .main-title {
      font-family: "Khand", sans-serif;
      color: #666;
      font-size: 24px;
      padding: 15px;
      background-color: #e9edf4;
      margin-bottom: 0;
      text-align: center; }
    section.contents .body-content .main-content {
      padding: 7px 7px 0;
      display: inline-block;
      width: 100%;
      overflow: auto; }
      @media only screen and (max-device-width: 1200px) and (min-device-width: 900px) {
        section.contents .body-content .main-content {
          padding-left: 66px; } }
      section.contents .body-content .main-content.fulltime-scroll-y {
        overflow-y: scroll !important; }

.menu-collapsed .main-menu:before {
  content: "" !important; }

.menu-collapsed section.contents #mainMenuAccordion .has-sub ul.panel-collapse {
  max-height: calc(100vh - 310px) !important; }

.menu-collapsed .soq-page .grid-table.sub-table .table .row-name {
  /*width: 403px !important;*/
  width: calc(100vw - 1035px) !important; }
  @media only screen and (min-width: 1800px) {
    .menu-collapsed .soq-page .grid-table.sub-table .table .row-name {
      width: 478px !important; } }
  @media only screen and (min-width: 1500px) {
    .menu-collapsed .soq-page .grid-table.sub-table .table .row-name {
      width: 393px !important; } }

.menu-collapsed .soq-page .grid-table.sub-table .table .table-body .row-name {
  /*width: 403px !important;*/
  width: calc(100vw - 1035px) !important; }
  @media only screen and (min-width: 1500px) {
    .menu-collapsed .soq-page .grid-table.sub-table .table .table-body .row-name {
      width: 373px; } }

@media only screen and (min-width: 1500px) {
  .menu-collapsed .soq-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
    width: 393px !important; } }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-name, .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-name {
  width: 16.5% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-so, .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-so {
  width: 7% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-date, .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-date {
  width: 7.2% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-so-qty, .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-so-qty {
  width: 8.1% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-user, .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-user {
  width: 11.3% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-date {
  width: 7.2% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-name {
  width: 16.4% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-running-remaining {
  width: 16.9% !important; }
  .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-running-remaining.copyreason-available .add-btn {
    min-width: 74px !important; }

.menu-collapsed .soq-page .grid-table #divMainTable #divHeader .row-name, .menu-collapsed .soq-page .grid-table #divMainTable .div-rows .row-name {
  width: 385px;
  width: calc(100vw - 1067px); }
  @media only screen and (min-width: 1500px) {
    .menu-collapsed .soq-page .grid-table #divMainTable #divHeader .row-name, .menu-collapsed .soq-page .grid-table #divMainTable .div-rows .row-name {
      /* width: 448px;*/
      width: calc(100vw - 1067px); } }

.menu-collapsed .goods-receive-note-page .center-panel .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }

.menu-collapsed .Grn-Approval-page .center-panel .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }

.menu-collapsed .irm-page .form .form-group .width-130px {
  width: 130px !important; }

.menu-collapsed .irm-page .form .form-group .width-250 {
  width: 244px !important; }
  @media only screen and (min-device-width: 1520px) {
    .menu-collapsed .irm-page .form .form-group .width-250 {
      width: 235px !important; } }
  @media only screen and (min-device-width: 1921px) {
    .menu-collapsed .irm-page .form .form-group .width-250 {
      width: 245px !important; } }

@media only screen and (min-device-width: 1921px) {
  .menu-collapsed .irm-page .form .form-group .width-150 {
    width: 120px !important; } }

.menu-collapsed .irm-page .table .table-header .w-200, .menu-collapsed .irm-page .table .table-body .w-200 {
  width: 200px !important; }
  @media only screen and (min-device-width: 1580px) {
    .menu-collapsed .irm-page .table .table-header .w-200, .menu-collapsed .irm-page .table .table-body .w-200 {
      width: 300px !important; } }

.menu-collapsed .product-page.panel-cus .collapsed + .right-panel {
  width: calc(92%);
  max-width: calc(92%);
  padding: 0px !important; }

.menu-collapsed .product-page #itemChoice .grid-headers .choice-field {
  width: 260px !important; }

.menu-collapsed .product-page #itemChoice .grid-table .table-header .row-choice {
  width: 257px !important; }

.menu-collapsed .invoice-page .form .tab-content .grid-headers .code-field {
  width: 136px !important; }

.menu-collapsed .invoice-page .form .tab-content .grid-headers .medium-field {
  width: 241px !important; }

.menu-collapsed .invoice-page .form .tab-content .grid-table .table .table-header .row-code, .menu-collapsed .invoice-page .form .tab-content .grid-table .table .table-body .row-code {
  width: 135px !important; }

.menu-collapsed .invoice-page .form .tab-content .grid-table .table .table-header .row-name, .menu-collapsed .invoice-page .form .tab-content .grid-table .table .table-body .row-name {
  width: 240px !important; }

.menu-collapsed .invoice-page .form .tab-content #directreciept .inv-recipt {
  margin-right: 98px; }

.menu-collapsed .invoice-page .form .tab-content #directreciept .pr-11 {
  text-align: end;
  padding-right: 98px; }

.menu-collapsed .invoice-page .width-724 {
  width: 677px !important; }

.menu-collapsed .invoice-page .w-1165 {
  width: 1178px; }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .invoice-page .w-1165 {
    width: 1430px !important; } }

.menu-collapsed .invoice-page-cus .card-body .form .grid-headers .medium-field {
  width: 261px !important; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form .grid-headers .medium-field {
      width: 527px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form .grid-headers .medium-field {
      width: 428px !important; } }

.menu-collapsed .invoice-page-cus .card-body .form .grid-headers .price-field {
  width: 122px !important; }

.menu-collapsed .invoice-page-cus .card-body .form .grid-headers .discount-field {
  width: 133px; }

.menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
  width: 260px !important; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
      width: 526px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
      width: 427px !important; } }

.menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-header .row-price, .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-body .row-price {
  width: 120px !important;
  padding-left: 0 !important; }

.menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-header .row-discount, .menu-collapsed .invoice-page-cus .card-body .form .grid-table .table .table-body .row-discount {
  width: 115px; }

.menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price {
  left: 650px; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price {
      left: 935px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price {
      left: 838px; } }

.menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price-label {
  left: 555px; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price-label {
      left: 838px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-selling-price-label {
      left: 738px; } }

.menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-price {
  left: 501px; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-price {
      left: 787px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-price {
      left: 689px; } }

.menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-label {
  left: 429px; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-label {
      left: 716px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-page-cus .card-body .form-group .min-qty-label {
      left: 617px; } }

.menu-collapsed .invoice-page-cus .card-body .w-50pr {
  width: 50% !important; }

.menu-collapsed .invoice-page-cus .w-1165 {
  width: 1245px; }
  @media only screen and (min-device-width: 1820px) {
    .menu-collapsed .invoice-page-cus .w-1165 {
      width: 1530px !important; } }

@media only screen and (min-device-width: 1820px) {
  .menu-collapsed .invoice-print-page .w-1165 {
    width: 1530px !important; } }

.menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-headers .medium-field {
  width: 241px !important; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-headers .medium-field {
      width: 527px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-headers .medium-field {
      width: 451px !important; } }

.menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-body .row-name {
  width: 240px !important; }
  @media only screen and (min-device-width: 1850px) {
    .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-body .row-name {
      width: 526px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-header .row-name, .menu-collapsed .invoice-print-page .main-content .card .card-body .form .grid-table .table .table-body .row-name {
      width: 450px !important; } }

.menu-collapsed .route-mag-page .grid-table #divMainTable1, .menu-collapsed .route-mag-page .grid-table #divMainTable2 {
  width: calc(42vw); }
  @media only screen and (min-width: 1800px) {
    .menu-collapsed .route-mag-page .grid-table #divMainTable1, .menu-collapsed .route-mag-page .grid-table #divMainTable2 {
      width: calc(44.2vw); } }
  @media only screen and (min-width: 1800px) {
    .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-header, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-header {
      width: 848px !important; } }
  .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-header .w-200, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-header .w-200 {
    width: 200px !important; }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-header .w-200, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-header .w-200 {
        width: 200px !important; } }
  @media only screen and (min-width: 1800px) {
    .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-body, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-body {
      width: 848px !important; } }
  .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-body .w-200, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-body .w-200 {
    width: 200px !important; }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .menu-collapsed .route-mag-page .grid-table #divMainTable1 .table-body .w-200, .menu-collapsed .route-mag-page .grid-table #divMainTable2 .table-body .w-200 {
        width: 200px !important; } }

.menu-collapsed .recipe-page form .grid-headers .medium-field {
  width: 300px; }
  @media only screen and (min-device-width: 1800px) {
    .menu-collapsed .recipe-page form .grid-headers .medium-field {
      width: 501px; } }

.menu-collapsed .recipe-page form .grid-table #divMainTable .row-name {
  width: 299px; }
  @media only screen and (min-device-width: 1800px) {
    .menu-collapsed .recipe-page form .grid-table #divMainTable .row-name {
      width: 500px; } }

.menu-collapsed .customer-price-page .grid-headers .item-field {
  width: 400px !important; }

.menu-collapsed .customer-price-page .order-field {
  width: 60px !important; }

.menu-collapsed .customer-price-page .grid-table #divMainTable #divHeader .row-item, .menu-collapsed .customer-price-page .grid-table #divMainTable .div-rows .row-item {
  width: 399px !important; }

.menu-collapsed .customer-price-page .grid-table #divMainTable #divHeader .row-order, .menu-collapsed .customer-price-page .grid-table #divMainTable .div-rows .row-order {
  width: 60px !important; }

.menu-collapsed #itemChoice .form-group.select-item-field {
  width: 181px; }

.menu-collapsed #itemChoice .table .table-header div div.row-select-item, .menu-collapsed #itemChoice .table .table-body div div.row-select-item {
  width: 178px; }

.menu-collapsed #itemChoice .item-lists {
  width: 210px; }

.menu-collapsed #itemChoice .form-group.one-line div input, .menu-collapsed #itemChoice .form-group.one-line div select {
  width: 90px; }

.menu-collapsed #itemChoice .form .form-group {
  margin: 0 0px 5px 0px; }

.menu-collapsed #itemChoice .form-group.choice-field {
  width: 253px; }

.menu-collapsed #itemChoice .table .table-header div div.row-choice, .menu-collapsed #itemChoice .table .table-body div div.row-choice {
  width: 257px !important; }

.menu-collapsed #itemChoice .item-Choice-width {
  width: calc(100% - -50px) !important;
  overflow: auto; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
    .menu-collapsed #itemChoice .item-Choice-width {
      width: calc(100% - -120px) !important; } }
  .menu-collapsed #itemChoice .item-Choice-width .pro-choice .grid-headers {
    width: 570px; }
    @media screen and (min-device-width: 1800px) {
      .menu-collapsed #itemChoice .item-Choice-width .pro-choice .grid-headers {
        width: 675px; } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
      .menu-collapsed #itemChoice .item-Choice-width .pro-choice .grid-headers {
        max-width: 676px !important;
        width: auto; } }
  .menu-collapsed #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
    width: calc(43vw - 7px) !important; }
    @media screen and (min-device-width: 1800px) {
      .menu-collapsed #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
        width: calc(36vw - 6px) !important; } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
      .menu-collapsed #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
        width: calc(43vw - -25px) !important; } }

.menu-collapsed .main-dashboard .chart-footer {
  /*margin-left: 54.5px;*/
  border-radius: 0px 0px 20px 20px; }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left {
    width: 1325px !important; } }

@media only screen and (max-device-width: 1500px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left {
    /*width: 1165px !important;*/ } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .w-110 {
    width: 150px !important; } }

@media only screen and (max-device-width: 1500px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .w-110 {
    width: 150px !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .w-250 {
    width: 380px !important; } }

@media only screen and (max-device-width: 1500px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .w-250 {
    width: 220px !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width {
    width: calc(100vw - 210px);
    overflow: auto; } }

@media only screen and (max-device-width: 1400px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width {
    width: calc(100vw - 200px);
    overflow: auto; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width #divHeader {
    width: 1313px !important; } }

@media only screen and (max-device-width: 1400px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width #divHeader {
    width: 1154px; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width #divBody {
    width: 1323px !important; } }

@media only screen and (max-device-width: 1400px) {
  .menu-collapsed .Bom-Approval #divMoli .collapsed + .right-panel .card-body .align-left .grid-table .custom-width #divBody {
    width: 1164px; } }

.menu-collapsed .quotation-page .center-panel .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }

.menu-collapsed .barcode-page .center-panel .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }

.menu-collapsed .hamper-page .center-panel .custom-width {
  /*max-width: calc(100vw - 130px) !important;
                overflow: auto;*/ }

@media screen and (min-device-width: 1900px) {
  .menu-collapsed .physical-stock-adjustment-page .center-panel {
    max-width: calc(100vw - 560px) !important; } }

@media screen and (min-device-width: 1520px) {
  .menu-collapsed .physical-stock-adjustment-page .center-panel {
    max-width: calc(100vw - 175px); }
    .menu-collapsed .physical-stock-adjustment-page .center-panel .total-amount {
      width: 1227px; } }

.menu-collapsed .physical-stock-adjustment-page .center-panel .custom-width {
  max-width: calc(100vw - 130px) !important;
  overflow: auto; }
  .menu-collapsed .physical-stock-adjustment-page .center-panel .custom-width .grid-headers {
    width: 1132px; }
    @media screen and (min-device-width: 1520px) {
      .menu-collapsed .physical-stock-adjustment-page .center-panel .custom-width .grid-headers {
        width: 1211px; } }

@media screen and (min-device-width: 1520px) {
  .menu-collapsed .physical-stock-adjustment-page .grid-table .table .row-stock, .menu-collapsed .physical-stock-adjustment-page .grid-table .table .row-qty, .menu-collapsed .physical-stock-adjustment-page .grid-table .table .row-freeze, .menu-collapsed .physical-stock-adjustment-page .grid-table .table .row-price {
    width: 100px; }
  .menu-collapsed .physical-stock-adjustment-page .grid-headers .stock-field, .menu-collapsed .physical-stock-adjustment-page .grid-headers .qty-field, .menu-collapsed .physical-stock-adjustment-page .grid-headers .freez-field, .menu-collapsed .physical-stock-adjustment-page .grid-headers .price-field {
    width: 101px; } }

@media screen and (min-device-width: 1900px) {
  .menu-collapsed .supplier-return-page .center-panel {
    /*                max-width: calc(100vw - 560px) !important;
*/ } }

@media screen and (min-device-width: 1520px) {
  .menu-collapsed .supplier-return-page .center-panel {
    max-width: calc(100vw - 84px); }
    .menu-collapsed .supplier-return-page .center-panel .total-amount {
      width: 1298px; } }

.menu-collapsed .supplier-return-page .center-panel .custom-width {
  max-width: calc(100vw - 130px) !important;
  overflow: auto; }
  @media screen and (min-device-width: 1520px) {
    .menu-collapsed .supplier-return-page .center-panel .custom-width .grid-headers {
      width: max-content; } }

@media screen and (min-device-width: 1520px) {
  .menu-collapsed .supplier-return-page .grid-table .table .row-stock, .menu-collapsed .supplier-return-page .grid-table .table .row-qty, .menu-collapsed .supplier-return-page .grid-table .table .row-freeze, .menu-collapsed .supplier-return-page .grid-table .table .row-price, .menu-collapsed .supplier-return-page .grid-table .table .row-return-qty {
    width: 100px; }
  .menu-collapsed .supplier-return-page .grid-headers .stock-field, .menu-collapsed .supplier-return-page .grid-headers .qty-field, .menu-collapsed .supplier-return-page .grid-headers .freez-field, .menu-collapsed .supplier-return-page .grid-headers .price-field {
    width: 101px; } }

.menu-collapsed .sales-order-page .custom-width {
  max-width: calc(100vw - 138px) !important;
  overflow: auto; }
  .menu-collapsed .sales-order-page .custom-width .grid-headers {
    width: auto;
    max-width: 1427px !important;
    min-width: 1137px; }
    @media only screen and (min-device-width: 1520px) {
      .menu-collapsed .sales-order-page .custom-width .grid-headers .medium-field {
        width: 461px !important; } }
  @media only screen and (min-device-width: 1520px) {
    .menu-collapsed .sales-order-page .custom-width .grid-table .table .row-name {
      width: 460px !important; } }
  .menu-collapsed .sales-order-page .custom-width .grid-table .table .table-header {
    max-width: 1498px;
    width: auto;
    min-width: 1208px; }
  .menu-collapsed .sales-order-page .custom-width .grid-table .table .table-body {
    max-width: 1548px;
    width: auto;
    min-width: 1218px; }

@media only screen and (max-device-width: 1400px) {
  .menu-collapsed .sales-order-page #divCustomer #lblMainCusName.position-pc {
    min-width: 333px !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
  .menu-collapsed .sales-order-page .total-width {
    width: 1377px !important; } }

.menu-collapsed .payment-page .right-panel {
  width: calc(100vw - 465px) !important; }
  @media screen and (min-device-width: 1910px) {
    .menu-collapsed .payment-page .right-panel {
      width: calc(100vw - 770px) !important; } }
  .menu-collapsed .payment-page .right-panel .custom-width {
    max-width: calc(100vw - 505px) !important;
    overflow: auto; }
    .menu-collapsed .payment-page .right-panel .custom-width .grid-headers {
      width: 1101px; }
    .menu-collapsed .payment-page .right-panel .custom-width .grid-table {
      width: 1112px; }
      .menu-collapsed .payment-page .right-panel .custom-width .grid-table .table-header {
        width: 1101px; }
      .menu-collapsed .payment-page .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.menu-collapsed .payment-page .flexible-panels.collapsed ~ .form {
  width: calc(100% - 74px);
  padding: 0px; }

.menu-collapsed .payment-page .collapsed + .right-panel {
  width: calc(100vw - 210px) !important; }
  @media screen and (min-device-width: 1910px) {
    .menu-collapsed .payment-page .collapsed + .right-panel {
      width: calc(100vw - 770px) !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1900px) {
    .menu-collapsed .payment-page .collapsed + .right-panel {
      width: calc(100vw - 390px) !important; } }
  .menu-collapsed .payment-page .collapsed + .right-panel .custom-width {
    max-width: calc(100vw - 250px) !important; }
    .menu-collapsed .payment-page .collapsed + .right-panel .custom-width .grid-table {
      width: 1112px; }
      .menu-collapsed .payment-page .collapsed + .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.menu-collapsed .receipt-page .right-panel {
  width: calc(100vw - 465px) !important; }
  @media screen and (min-device-width: 1910px) {
    .menu-collapsed .receipt-page .right-panel {
      width: calc(100vw - 770px) !important; } }
  .menu-collapsed .receipt-page .right-panel .custom-width {
    max-width: calc(100vw - 505px) !important;
    overflow: auto; }
    .menu-collapsed .receipt-page .right-panel .custom-width .grid-headers {
      width: 1101px; }
    .menu-collapsed .receipt-page .right-panel .custom-width .grid-table {
      width: 1112px; }
      .menu-collapsed .receipt-page .right-panel .custom-width .grid-table .table-header {
        width: 1101px; }
      .menu-collapsed .receipt-page .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.menu-collapsed .receipt-page .flexible-panels.collapsed ~ .form {
  width: calc(100% - 74px);
  padding: 0px; }

.menu-collapsed .receipt-page .collapsed + .right-panel {
  width: calc(100vw - 210px) !important; }
  @media screen and (min-device-width: 1910px) {
    .menu-collapsed .receipt-page .collapsed + .right-panel {
      width: calc(100vw - 770px) !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1900px) {
    .menu-collapsed .receipt-page .collapsed + .right-panel {
      width: calc(100vw - 390px) !important; } }
  .menu-collapsed .receipt-page .collapsed + .right-panel .custom-width {
    max-width: calc(100vw - 250px) !important; }
    .menu-collapsed .receipt-page .collapsed + .right-panel .custom-width .grid-table {
      width: 1112px; }
      .menu-collapsed .receipt-page .collapsed + .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.menu-collapsed .price-update-page .item-name-width {
  width: 370px !important; }
  @media only screen and (min-device-width: 1520px) {
    .menu-collapsed .price-update-page .item-name-width {
      width: 500px !important; } }

.menu-collapsed .invoice-dispatch .grid-table {
  max-width: calc(100vw - 144px) !important;
  overflow: auto; }
  .menu-collapsed .invoice-dispatch .grid-table #divHeader {
    width: 1211px; }
    @media screen and (min-device-width: 1520px) {
      .menu-collapsed .invoice-dispatch .grid-table #divHeader {
        width: 1382px; }
        .menu-collapsed .invoice-dispatch .grid-table #divHeader .row-cust-name {
          width: 291px; }
        .menu-collapsed .invoice-dispatch .grid-table #divHeader .row-tranid {
          width: 290px; } }
  .menu-collapsed .invoice-dispatch .grid-table #divBody {
    width: 1221px; }
    @media screen and (min-device-width: 1520px) {
      .menu-collapsed .invoice-dispatch .grid-table #divBody {
        width: 1392px; }
        .menu-collapsed .invoice-dispatch .grid-table #divBody .row-cust-name {
          width: 291px; }
        .menu-collapsed .invoice-dispatch .grid-table #divBody .row-tranid {
          width: 290px; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1810px) {
  .menu-collapsed .customer-return-page .right-panel.card .w-750px {
    width: calc(100vh - -378px);
    overflow: auto; }
    .menu-collapsed .customer-return-page .right-panel.card .w-750px .grid-headers {
      width: 1090px !important; }
    .menu-collapsed .customer-return-page .right-panel.card .w-750px .grid-table {
      width: 1090px; } }

@media screen and (min-device-width: 1420px) and (max-device-width: 1500px) {
  .menu-collapsed .customer-return-page .right-panel.card .w-750px {
    width: 69vw !important; } }

@media screen and (max-device-width: 1366px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table {
    width: auto !important; } }

@media screen and (min-device-width: 1900px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-name {
    width: 500px !important; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1890px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-name {
    width: 355px !important; } }

@media screen and (max-device-width: 1366px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-header {
    width: auto; } }

@media screen and (min-device-width: 1900px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-name {
    width: 500px !important; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1890px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-name {
    width: 355px !important; } }

@media screen and (max-device-width: 1366px) {
  .menu-collapsed .grn-payment-confirmation-page .right-panel .grid-table .table-body {
    width: auto; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
  .menu-collapsed .customer-page #customer .cus-width + .checkbox-field + .name-field + .check-field-cus .top-chk {
    margin-top: 0px; }
  .menu-collapsed .customer-page #customer .cus-width + .checkbox-field + .name-field + .check-field-cus + .check-field-cus .top-chk {
    margin-top: 0px; } }

.menu-collapsed .reimbursement-page #divReimburesmentBody {
  /* width: calc(100vw - 126px) !important;*/
  width: calc(100% - -10px) !important; }

.menu-collapsed .item-dismantle-process-page .form .custom-width {
  max-width: calc(100vw - 135px); }

.menu-collapsed .outlet-page.panel-cus .collapsed + .right-panel {
  width: calc(92%);
  max-width: calc(92%);
  padding: 0px !important; }

.menu-collapsed .outlet-page .right-panel {
  max-width: calc(74%) !important;
  width: calc(74%) !important;
  min-width: calc(74%) !important; }

.menu-collapsed .outlet-page .collapsed + .right-panel {
  width: calc(93%) !important;
  max-width: calc(93%) !important;
  padding: 0px !important; }

@media screen and (min-device-width: 1520px) {
  .menu-collapsed .product-conversion-page .grid-table .table-header .row-name, .menu-collapsed .product-conversion-page .grid-table .table-body .row-name {
    /*width: 295px !important;*/ } }

.menu-collapsed .credit-note-summary-page .card-body .custom-width {
  max-width: calc(100vw - 135px) !important;
  overflow: auto; }

.menu-collapsed .crn-summary-page .card .card-body.p-20px {
  width: 1275px; }
  @media screen and (min-device-width: 1420px) {
    .menu-collapsed .crn-summary-page .card .card-body.p-20px {
      width: 1374px; } }

@media screen and (max-device-width: 1590px) {
  .menu-collapsed .crn-summary-page .card .card-body .custom-width {
    width: calc(100vw - 132px); } }

@media screen and (max-device-width: 1590px) {
  .menu-collapsed .psdc-summary-main-page .card .card-body .custom-width {
    width: calc(100vw - 135px);
    overflow: auto; } }

@media screen and (max-device-width: 1820px) {
  .menu-collapsed .side-menu.open + .body-content .right-panel .w-750px {
    /*width: 1100px;*/
    width: 71.6vw;
    overflow-y: auto; }
    .menu-collapsed .side-menu.open + .body-content .right-panel .w-750px .grid-headers {
      width: 1045px; }
    .menu-collapsed .side-menu.open + .body-content .right-panel .w-750px .grid-table {
      width: 1090px; } }

@media screen and (min-device-width: 1420px) and (max-device-width: 1500px) {
  .menu-collapsed .side-menu.open + .body-content .right-panel .w-750px {
    width: 71.6vw !important;
    overflow-y: auto; } }

.h-auto {
  height: auto !important; }

.select-days-wrapper {
  /*padding: 0 7px;*/ }
  .select-days-wrapper h4 {
    margin: 10px 0 !important;
    font-size: 13px !important;
    padding: 0 10px !important;
    float: left;
    width: 123px;
    text-align: right; }
  .select-days-wrapper .select-days {
    display: inline-block;
    padding: 8px 2px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 2px;
    background-color: #f9fafc; }
    .select-days-wrapper .select-days .day {
      float: left;
      height: 20px;
      padding: 0px 11px;
      border-right: 1px solid #ddd; }
      .select-days-wrapper .select-days .day input[type="checkbox"] {
        display: none; }
        .select-days-wrapper .select-days .day input[type="checkbox"]:checked ~ label {
          color: #fff;
          text-shadow: 0 0px 0.5px;
          padding: 9px 11px !important;
          background-color: #13b2b0;
          line-height: 17px; }
      .select-days-wrapper .select-days .day label {
        cursor: pointer;
        margin-bottom: 0;
        color: #666;
        font-family: "Khand", sans-serif;
        font-size: 15px;
        line-height: 14px; }
      .select-days-wrapper .select-days .day:last-child {
        border-right: 0 none; }

#divActiveSupplier label, #divActiveDepartment label {
  margin: 6px 0 0;
  font-size: 12px;
  max-width: calc(100% - 23px) !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

#divActiveSupplier .form-group, #divActiveDepartment .form-group {
  clear: both;
  margin-bottom: 0px;
  float: none;
  width: 100%;
  margin-left: 0px; }

#divActiveSize .form-group {
  clear: both;
  margin-bottom: 0px; }

#itemCodes .btn-primary {
  padding-top: 4px;
  padding-bottom: 4px; }

#divCode, #divExternalCode {
  display: inline-block;
  width: 100%; }
  #divCode .form-group, #divExternalCode .form-group {
    /*clear: both;*/
    margin-bottom: 0px;
    border-bottom: 1px solid #e5e5e5; }
    #divCode .form-group.badge, #divExternalCode .form-group.badge {
      background-color: #b7b7b7;
      border-radius: 7px;
      padding: 4px 7px; }
  #divCode .item-codes, #divCode .item-excodes, #divExternalCode .item-codes, #divExternalCode .item-excodes {
    display: inline-block;
    width: 100%; }
    #divCode .item-codes label, #divCode .item-excodes label, #divExternalCode .item-codes label, #divExternalCode .item-excodes label {
      width: 169px;
      display: inline-block;
      margin-top: 5px;
      text-align: left; }
    #divCode .item-codes i, #divCode .item-excodes i, #divExternalCode .item-codes i, #divExternalCode .item-excodes i {
      font-size: 18px;
      color: #e05d5d;
      position: relative;
      top: 2px;
      left: 0px; }
      #divCode .item-codes i:hover, #divCode .item-excodes i:hover, #divExternalCode .item-codes i:hover, #divExternalCode .item-excodes i:hover {
        color: #b51414;
        cursor: pointer; }
  #divCode .item-excodes label, #divExternalCode .item-excodes label {
    width: 255px;
    margin-right: 20px; }
    #divCode .item-excodes label.code, #divExternalCode .item-excodes label.code {
      width: 252px;
      margin-right: 20px; }
    #divCode .item-excodes label.price, #divExternalCode .item-excodes label.price {
      width: 84px;
      text-align: right;
      margin-right: 16px; }

#taxSequence .form-group {
  float: left; }

#taxSequence .item-lists {
  float: left; }
  #taxSequence .item-lists .item-row {
    background-color: #fff; }
  #taxSequence .item-lists .row-line.active .item-row, #taxSequence .item-lists .row-line:hover .item-row {
    background-color: #c9c9c9; }

#taxSequence .up-down {
  float: left;
  margin-left: 15px;
  margin-top: 85px; }
  #taxSequence .up-down button {
    float: left;
    clear: both;
    border: 0 none;
    background: #13b2b0;
    font-size: 15px;
    padding: 0;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 50%; }
    #taxSequence .up-down button#btnNext {
      margin-bottom: 6px;
      line-height: 1; }
    #taxSequence .up-down button#btnBack {
      line-height: 1.5; }

.stock-items .stock-item {
  width: 46%;
  display: inline-block;
  border-bottom: 1px solid #cacaca;
  padding: 10px 0px 5px 0px;
  margin: 0 2%;
  /*&:last-child {
                border-bottom: 0 none;
            }*/ }
  .stock-items .stock-item .location-total {
    display: inline-block;
    width: 100%; }
    .stock-items .stock-item .location-total div {
      float: left;
      font-size: 13px;
      color: #000;
      font-weight: bold; }
    .stock-items .stock-item .location-total .total {
      float: right;
      text-align: right;
      margin-right: 15px; }
  .stock-items .stock-item .sub-sizes {
    padding: 0 15px; }
    .stock-items .stock-item .sub-sizes .size-qty {
      width: 100%;
      display: inline-block;
      border-bottom: 1px dashed #e8e8e8;
      padding: 5px 0;
      float: left;
      font-size: 12px;
      color: #555; }
      .stock-items .stock-item .sub-sizes .size-qty:last-child {
        border-bottom: 0 none; }
      .stock-items .stock-item .sub-sizes .size-qty div {
        float: left; }
      .stock-items .stock-item .sub-sizes .size-qty .qty {
        float: right;
        text-align: right; }

.stock-items .locationtype-header {
  font-weight: bold;
  display: inline-block;
  width: 100%;
  padding: 3px 17px 3px 16px;
  font-size: 13px;
  background: #ececec;
  margin-top: 5px;
  border-top: 1px solid #e4e5e6;
  border-bottom: 1px solid #e4e5e6;
  height: 26px; }

#delivery {
  clear: both; }

#divInputs {
  padding-top: 42px; }

footer {
  font-family: "Khand", sans-serif;
  text-align: center;
  position: fixed;
  bottom: 0;
  padding: 2px 0;
  background: #fff;
  width: 100%;
  font-size: 15px;
  box-shadow: 2px -2px 0 rgba(0, 0, 0, 0.05), 0 -1px 0 rgba(0, 0, 0, 0.05); }
  footer a {
    color: #13b2b0 !important; }
    footer a:hover {
      color: #000 !important; }

.scroller {
  max-height: 350px;
  overflow: auto; }

.nicescroll-rails {
  left: 1px !important; }

.menu-collapsed .nicescroll-rails {
  left: 62px !important;
  z-index: 100 !important; }

.reports {
  width: 1190px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .reports.form .form-group.one-line div label {
    width: auto; }
  .reports.form .form-group.change-width label {
    width: 100px !important; }
  .reports.form .form-group.change-width input {
    width: 75%; }
  .reports #divListContainer {
    max-height: 300px !important; }
  .reports .row-lines .row-line .item-row {
    padding: 8px 33px 8px 15px !important; }
  .reports #divListContainer {
    max-height: calc(100vh - 458px) !important;
    overflow-y: scroll; }
  .reports #divSaleReportListContainer, .reports #divMasterReportListContainer, .reports #divTransactionReportListContainer, .reports #divManagementReportListContainer, .reports #divDistributorsReportListContainer, .reports #divProductionReportListContainer, .reports #divStockReportListContainer {
    max-height: calc(100vh - 430px) !important;
    overflow-y: scroll; }
  .reports ::-webkit-scrollbar {
    width: 8px; }
  .reports ::-webkit-scrollbar-track {
    background: transparent; }
  .reports ::-webkit-scrollbar-thumb {
    background: #b8b8b8; }
  .reports ::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f; }
  .reports .tab-content {
    padding: 18px 10px; }

.main-wrapper .grn .edit-list-table #divListContainer {
  max-height: 112px !important; }

.grn.invoice {
  display: flex;
  align-items: center;
  width: calc(100% - 21px);
  border: 1px dashed #e0e3e8;
  padding: 5px;
  margin-top: 10px !important;
  border-radius: 5px;
  margin-left: 3px; }
  .grn.invoice .form-group label {
    margin: 0px !important;
    font-weight: 700; }
  .grn.invoice .form-group.one-line {
    margin-bottom: 2px;
    margin-bottom: 0px;
    display: flex;
    align-items: center; }
    .grn.invoice .form-group.one-line div label {
      width: 60px; }

.grn .edit-list-table {
  top: 0px; }
  .grn .edit-list-table #divListContainer {
    max-height: 112px !important; }

.grn #divBody {
  overflow: auto !important;
  width: 1421px !important;
  height: auto !important;
  overflow: auto;
  max-height: calc(100vh - 480px) !important;
  border-bottom: transparent; }
  @media only screen and (min-device-width: 1520px) {
    .grn #divBody {
      max-height: calc(100vh - 566px) !important; } }
  @media only screen and (min-device-width: 1820px) {
    .grn #divBody {
      max-height: calc(100vh - 820px) !important; } }

.grn .pl-65 {
  padding-left: 65px !important; }

.grn .table .table-header .row-code, .grn .table .table-header .row-item, .grn .table .table-header .row-date, .grn .table .table-body .row-code, .grn .table .table-body .row-item, .grn .table .table-body .row-date {
  text-align: left !important; }

.grn .table .table-header .row-lotNumber, .grn .table .table-body .row-lotNumber {
  text-align: center !important; }

.grn .table .table-header .row-qty, .grn .table .table-header .row-discount, .grn .table .table-header .row-amount, .grn .table .table-header .row-price, .grn .table .table-body .row-qty, .grn .table .table-body .row-discount, .grn .table .table-body .row-amount, .grn .table .table-body .row-price {
  text-align: right !important;
  padding: 5px 5px !important; }

.grn .table .table-header .row-asset, .grn .table .table-header .row-service, .grn .table .table-body .row-asset, .grn .table .table-body .row-service {
  width: 276px !important; }

.grn #divServiceTable.table .row-asset, .grn #divServiceTable.table .row-service {
  width: 276px !important; }
  @media screen and (max-width: 1920px) and (min-width: 1800px) {
    .grn #divServiceTable.table .row-asset, .grn #divServiceTable.table .row-service {
      width: 311px !important; } }

.grn #divServiceTable.table .row-price {
  width: 90px !important; }
  @media screen and (max-width: 1920px) and (min-width: 1800px) {
    .grn #divServiceTable.table .row-price {
      width: 120px !important; } }

.grn #divServiceTable.table .row-discount {
  width: 112px; }

.grn #divServiceTable.table .row-amount {
  width: 120px !important; }
  @media screen and (max-width: 1920px) and (min-width: 1800px) {
    .grn #divServiceTable.table .row-amount {
      width: 150px !important; } }

.grn #txtSearch {
  max-width: 70% !important; }

.customer.form .form-group.price-field {
  width: 110px; }

.invoice-wrapper .total-amount.inv .form-group.double-inputs input {
  width: 55% !important;
  margin-left: -1px; }

.invoice-wrapper .total-amount.inv .form-group.double-inputs input[name="Percentage"] {
  width: 33% !important;
  margin-right: 2px; }

.invoice-wrapper .form-group.price-field {
  width: 105px; }

.invoice-wrapper div.row-price {
  width: 103px !important; }

#divActiveSupplier, #divActiveSize, #divItemStock {
  overflow-x: auto;
  overflow-y: hidden; }

.main-wrapper-tour-discount .flexible-panels .headers span.item-name {
  width: 70%; }

.main-wrapper-tour-discount .flexible-panels .panel-body span.item-name {
  width: 76%; }

.wrapper-payments .headers .inv-no, .wrapper-payments .panel-body .inv-no, .wrapper-recipt .headers .inv-no, .wrapper-recipt .panel-body .inv-no {
  width: 29% !important; }

.wrapper-payments .headers .date, .wrapper-payments .panel-body .date, .wrapper-recipt .headers .date, .wrapper-recipt .panel-body .date {
  width: 26% !important; }

.wrapper-payments .headers .price, .wrapper-payments .panel-body .price, .wrapper-recipt .headers .price, .wrapper-recipt .panel-body .price {
  width: 38% !important;
  padding: 0; }

.second-col {
  margin-right: 24px !important; }

#divAuto .wrap-input-vc .form-control {
  width: 185px;
  margin-left: 14px; }

.no-padding-right {
  padding-right: 0 !important; }

.wrapper-hampers .one-line-large .form-wrapper-hamp {
  width: 216px !important; }

.com-sector .wrap-lbl-vc {
  float: left !important; }

.com-sector .wrap-input-vc {
  float: left !important; }
  .com-sector .wrap-input-vc .form-control {
    width: 128px !important;
    margin-left: 14px !important; }

#divManual label {
  float: left;
  margin-right: 15px; }
  #divManual label.prefix {
    width: 89px;
    margin-left: 9px; }

#divManual input[type="text"] {
  width: 128px;
  float: left;
  margin-right: 15px; }
  #divManual input[type="text"].end {
    margin-right: 0; }

#itemChoice .form-group.select-item-field {
  width: 150px; }

#itemChoice .table .table-header div div.row-select-item, #itemChoice .table .table-body div div.row-select-item {
  width: 147px; }

#itemChoice .item-lists {
  width: 210px; }

#itemChoice .form-group.one-line div input, #itemChoice .form-group.one-line div select {
  width: 78px; }

#itemChoice .form .form-group {
  margin: 0 0px 5px 0px; }

#itemChoice .form-group.choice-field {
  width: 216px; }

#itemChoice .table .table-header div div.row-choice, #itemChoice .table .table-body div div.row-choice {
  width: 213px; }

#queueBody {
  overflow-y: scroll;
  border-left: 3px solid #f2f4f8; }

.tooltip-arrow {
  bottom: -4px !important; }

.info-icon {
  float: right;
  margin-right: 38px; }
  .info-icon .tool-tip {
    margin-top: 8px;
    cursor: pointer; }

.total-qty-label {
  position: absolute !important;
  left: 202px; }

.total-amount.grn .form-group.remark-phy label {
  margin-left: -6px; }

/*.form .form-group.remark-phy div input {
    width: 92%;
}*/
.border-radius-4 {
  border-radius: 4px !important; }

.outlet-fields-width .form-group.outlet-ip-field {
  width: 112px; }

.outlet-fields-width .form-group.mac-field {
  width: 215px; }

.outlet-fields-width .form-group.outlet-printer-field {
  width: 95px; }

.outlet-fields-width .form-group.display-field {
  width: 77px; }

.outlet-fields-width .form-group.orderType-field {
  width: 98px; }

.outlet-fields-width .form-group.active-field {
  width: 65px; }

.outlet-fields-width .table .table-header .row-ip, .outlet-fields-width .table .table-body .row-ip {
  width: 112px; }

.outlet-fields-width .table .table-header .row-mac, .outlet-fields-width .table .table-body .row-mac {
  width: 214px; }

.outlet-fields-width .table .table-header .row-printer, .outlet-fields-width .table .table-body .row-printer {
  width: 94px; }

.outlet-fields-width .table .table-header .row-display, .outlet-fields-width .table .table-body .row-display {
  width: 76px; }

.outlet-fields-width .table .table-header .row-paymentTerminal, .outlet-fields-width .table .table-body .row-paymentTerminal {
  width: 76px; }

.outlet-fields-width .table .table-header .row-com, .outlet-fields-width .table .table-body .row-com {
  width: 76px; }

.outlet-fields-width .table .table-header .row-orderType, .outlet-fields-width .table .table-body .row-orderType {
  width: 97px; }

.outlet-fields-width .table .table-header .row-active, .outlet-fields-width .table .table-body .row-active {
  width: 65px; }

.outlet-fields-width .table .table-header .action.outlet, .outlet-fields-width .table .table-body .action.outlet {
  width: 85px; }

.outlet-fields-width .table .table-header .row-terminal, .outlet-fields-width .table .table-body .row-terminal {
  width: 76px; }

.outlet-fields-width .table .table-header .action.idp, .outlet-fields-width .table .table-body .action.idp {
  width: 85px; }

.grid-goodTrans-note .table.extended-row .table-body div .row-name,
.grid-goodTrans-note .table.extended-row .table-header div .row-name {
  width: 344px; }

.form .extended-row .form-group.medium-field.ddl-item-wrapper {
  width: 345px; }

.costing-rate input {
  width: 87%; }

.costing-rate span {
  margin: 8px 0 5px 4px;
  float: left; }

#divCustomer.adult-customer #lblCusCos {
  margin: 7px 0 7px 8px; }

.invoice-tax .invoice-wrapper .total-amount .tax-box .tax-checkbox {
  width: 111px !important; }
  .invoice-tax .invoice-wrapper .total-amount .tax-box .tax-checkbox label {
    width: 81px !important;
    float: left !important; }
  .invoice-tax .invoice-wrapper .total-amount .tax-box .tax-checkbox .tax-check {
    width: 20px !important; }

.invoice-tax .invoice-page .one-line div input[type='text'], .invoice-tax .invoice-page input[type="date"] {
  width: 153px !important; }

.invoice-tax .invoice-page .wholesale {
  position: absolute;
  margin-top: 38px;
  margin-left: -5px; }
  .invoice-tax .invoice-page .wholesale .wholesale-chk-align {
    width: 15px !important; }

.invoice-tax .invoice-page #txtCustomerName {
  width: 265px !important; }

.invoice-tax .invoice-page .w-100px {
  width: 101px !important; }

.invoice-tax .invoice-page .text-left {
  text-align: left !important; }

.invoice-tax .invoice-page .text-right {
  text-align: right !important; }

.invoice-tax .invoice-page .total-qty-label {
  position: unset !important;
  left: 0; }

.invoice-tax .invoice-page .remark div input {
  width: 100% !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

#divBody.invoice-summary {
  overflow: hidden;
  overflow-y: auto; }

button.btn-primary[disabled] {
  background-color: #a7c5c5; }

input[readonly] {
  background-color: #fffae4;
  border: 1px solid #f1e3a6;
  cursor: not-allowed; }

.panel .grid-headers .select-item-field {
  width: 148px !important; }

.panel .grid-headers .empty-field {
  width: 81px !important; }

.panel .grid-headers .choice-field {
  width: 195px !important; }

.panel .grid-headers .form-group.select-item-field {
  width: 181px; }

.panel .grid-headers .grid-table #divHeader .row-select-item {
  width: 145px !important; }

.panel .grid-headers .grid-table #divRecipeBody .div-rows .row-costPrice {
  width: 80px !important;
  text-align: right; }

.panel .grid-headers .grid-table #divRecipeBody .div-rows .row-select-item {
  width: 145px; }

.panel .grid-headers .total-amount.po {
  margin-right: 90px !important; }
  .panel .grid-headers .total-amount.po #lblTotal {
    width: 100px !important; }

.panel .grid-headers #divMainTable .row-choice {
  width: 192px; }

.panel .alucard {
  padding: 20px 4px 15px !important;
  font-weight: 700 !important; }

.panel .Choice {
  padding: 15px 4px 15px !important;
  font-weight: 700 !important;
  display: inline-block; }

.panel .custom-btn {
  padding: 15px 0px !important; }

.w-71 {
  width: 71%; }

.w-100 {
  width: 100% !important; }

.w-90 {
  width: 90% !important; }

.w-97 {
  width: 97% !important; }

.rep-name {
  display: none;
  float: left;
  margin: 7px; }

.custom-product.collapsed + div.custom-products .grid-headers .select-item-field {
  width: 313px !important; }

.custom-product.collapsed + div.custom-products .grid-headers .grid-table #divHeader .row-select-item {
  width: 310px !important; }

.custom-product.collapsed + div.custom-products .grid-headers #divRecipeBody .div-rows .row-select-item {
  width: 310px; }

.styled-fieldset {
  border: none;
  border-top: 1px solid #d4d4d4;
  margin-top: 10px; }

.form-group.supplier div input.wholesale-chk-align {
  width: 137px; }

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

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

.border-bottom {
  border-bottom: 1px solid #e0e3e8; }
  .border-bottom:hover {
    background-color: #93949c; }

.width-970 {
  width: 970px !important; }
  .width-970 .total-amount {
    margin-right: 186px; }

.width-90 {
  width: 90px !important; }

.Width-640 {
  width: 640px !important; }

#divPromotionContainer {
  padding: 7px 0px 3px; }
  #divPromotionContainer .promo-item {
    padding: 12px;
    border: 1px solid #e8eef9;
    margin-top: 0px; }
    #divPromotionContainer .promo-item .promotion-detail {
      padding: 3px 14px 2px;
      background: transparent;
      border-bottom: 0 none;
      position: absolute; }
      #divPromotionContainer .promo-item .promotion-detail:nth-child(even) {
        background: #f2f6fd; }
      #divPromotionContainer .promo-item .promotion-detail.selectedFreeItem {
        background: #c3eaea; }
    #divPromotionContainer .promo-item:nth-child(even) {
      background: #fff; }
    #divPromotionContainer .promo-item h5 {
      margin-top: 0;
      margin-bottom: 12px; }
    #divPromotionContainer .promo-item div {
      font-size: 12px; }

#error_promo {
  float: left;
  text-align: left;
  width: 74%; }

.wrapper-outlets #UseUserShift {
  margin-left: 13px !important; }

.w-150 {
  width: 150px; }

.wrapper-grn-payment .row-discount {
  width: 92px !important; }

.wrapper-grn-payment .width-299 {
  width: 299px !important; }

.wrapper-grn-payment .total-amount {
  margin-right: 0 !important; }

.wrapper-grn-payment .panel .panel-body .panel-heading .collapser:after {
  content: "" !important; }

.togglebtn-group {
  padding-top: 3px; }
  .togglebtn-group .btn {
    font-size: 16px;
    outline: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .togglebtn-group .btn:focus {
      outline: 0;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .togglebtn-group .btn-primary {
    background-color: #13b270;
    border-color: #13b270; }
  .togglebtn-group .toggle-left {
    border-radius: 4px 0px 0 4px; }
  .togglebtn-group .toggle-right {
    border-radius: 0px 4px 4px 0px; }

.togglebtn-delete {
  float: right !important;
  padding-top: 5px; }

.width-44-percent {
  width: 44%; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .cus-navigator {
    right: 0 !important; } }

.discount-amount {
  padding-top: 34px;
  padding-left: 5px; }

.ml-5px {
  margin-left: 5px; }

.m-0 {
  margin: 0px !important; }

.w-12 {
  width: 12px; }

.w-110 {
  width: 110px; }

.w-285 {
  width: 285px !important; }

.w-160 {
  width: 160px;
  padding: 3px 0 0 !important; }
  .w-160 .custom-checkbox-element {
    width: 22px !important; }

/*Greentel Project CSS*/
.width-50 {
  width: 50px;
  font-size: 13px; }

.mr-55 {
  margin-right: .55em; }

.w-72 {
  width: 72.5%; }

form #divSerials {
  margin-top: 8px; }
  form #divSerials .time-entry {
    /*margin-top: 3px;*/
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    line-height: 28px;
    padding: 2px 8px; }
    form #divSerials .time-entry:first-child {
      border-top: 1px solid #eee; }
    form #divSerials .time-entry .item-row {
      width: 91.5%;
      float: left;
      margin-right: 8px; }
    form #divSerials .time-entry i {
      color: red;
      padding-top: 3px;
      font-size: 20px;
      display: block;
      padding-bottom: 3px;
      cursor: pointer; }

.btn-serial {
  padding: 0px 6px !important; }
  .btn-serial .checkbox-field {
    margin-top: -1px; }
  .btn-serial .custom-checkbox {
    margin-top: 3px !important; }
  .btn-serial .custom-checkbox:before {
    content: 'S';
    font-size: 17px;
    font-family: "Heebo", sans-serif;
    line-height: initial;
    font-weight: 700;
    color: #5a5a5a; }
  .btn-serial .custom-checkbox-element:checked ~ .custom-checkbox {
    color: #13b2b0 !important;
    font-size: 17px;
    line-height: initial;
    font-family: "Heebo", sans-serif; }
  .btn-serial .custom-checkbox-element:checked ~ .custom-checkbox:before {
    content: 'S';
    font-size: 17px;
    font-family: "Heebo", sans-serif;
    line-height: initial;
    font-weight: 700;
    color: #13b2b0 !important; }

.cus-navigator {
  float: right !important;
  position: inherit !important;
  margin-bottom: 12px !important; }

.w-gtn {
  height: 33px; }

.main-dashboard {
  height: 100% !important; }
  .main-dashboard .w-100 {
    width: 100%; }
  .main-dashboard .w-50 {
    width: 48%; }
  .main-dashboard .w-25 {
    width: 25%; }
  .main-dashboard .mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .main-dashboard .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .main-dashboard .chart-footer {
    /*        background-color: whitesmoke !important;
        padding: 10px;
        box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.08);*/
    /* .btn {
            min-width: unset;
            margin-left: 8px;
        }*/ }
    @media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
      .main-dashboard .chart-footer {
        /*width: 95.4%;*/
        /* width: 500px;
            margin-left: 12px;*/ } }
  .main-dashboard .chart-box {
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.08);
    border-radius: 12px; }
    .main-dashboard .chart-box#chart_div svg {
      border-radius: 20px 20px 0px 0px; }
    .main-dashboard .chart-box#NetsaleLineChart_div svg, .main-dashboard .chart-box#CustomerdDailyBalancepieChart_div svg, .main-dashboard .chart-box#pieChart_div svg {
      border-radius: 20px; }
    .main-dashboard .chart-box fieldset {
      border-radius: 10px; }
  .main-dashboard .ml-26 {
    margin-left: 26px; }
  .main-dashboard .my-30 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .main-dashboard .mb-50 {
    margin-bottom: 50px; }
  .main-dashboard .panel {
    border: none;
    box-shadow: none;
    background-color: transparent; }
    .main-dashboard .panel .panel-body .card {
      height: 350px;
      width: 500px;
      display: flex; }
      .main-dashboard .panel .panel-body .card .card-header h3 {
        text-transform: capitalize;
        font-size: 15px;
        font-family: 'Heebo';
        border-bottom: 1px solid #d5d5d5;
        padding: 14px 22px 12px;
        text-align: left;
        margin-bottom: 0;
        font-weight: 900; }
      .main-dashboard .panel .panel-body .card .card-footer {
        padding: 12px 22px 15px; }
        .main-dashboard .panel .panel-body .card .card-footer.chart-footer .btn {
          min-width: unset;
          margin-left: 8px;
          border-radius: 50% !important;
          width: 30px;
          height: 30px !important;
          padding: 4px 5px !important;
          font-family: 'Heebo';
          border: 1px solid #13b2b0;
          background-color: #d0ecef;
          color: #13b2b0;
          font-weight: 700; }
          .main-dashboard .panel .panel-body .card .card-footer.chart-footer .btn:hover, .main-dashboard .panel .panel-body .card .card-footer.chart-footer .btn.active {
            background-color: #13b2b0;
            color: #fff; }
          .main-dashboard .panel .panel-body .card .card-footer.chart-footer .btn:first-child {
            margin-left: 0px; }
      .main-dashboard .panel .panel-body .card#chequeFactoring {
        width: 1035px !important; }
    .main-dashboard .panel .panel-body .card-w-h {
      display: inline-block;
      /*float: left;*/ }
      .main-dashboard .panel .panel-body .card-w-h.card-w-h-pie svg rect {
        fill: transparent !important; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .panel-heading {
      background-color: #1e4283; }
      .main-dashboard .panel .panel-body .account-details-chart .panel .panel-heading h4 {
        color: #fff;
        letter-spacing: 2px;
        text-transform: uppercase; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .headers {
      padding: 0px 0px 1px 0px;
      height: 40px;
      line-height: 22px;
      font-size: 12px;
      margin: 0px;
      margin-top: 0px !important;
      color: #fff;
      background: #13b2b0;
      font-weight: 100; }
      .main-dashboard .panel .panel-body .account-details-chart .panel .headers span {
        width: 25%;
        margin: 0px;
        border-left: 1px solid #cbcbcb;
        padding: 8px 10px 8px 15px; }
        .main-dashboard .panel .panel-body .account-details-chart .panel .headers span:first-child {
          border-left: 0px solid #8fc1f8; }
      .main-dashboard .panel .panel-body .account-details-chart .panel .headers .w-40 {
        width: 40% !important; }
      .main-dashboard .panel .panel-body .account-details-chart .panel .headers .w-20 {
        width: 20% !important; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .panel-body span {
      width: 25%;
      margin: 0px;
      border-left: 1px solid #cbcbcb;
      padding: 8px 10px 8px 10px; }
      .main-dashboard .panel .panel-body .account-details-chart .panel .panel-body span:first-child {
        border-left: 4px solid #8fc1f8; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .panel-body .text-right {
      text-align: right; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .panel-body .item-row {
      padding: 0px; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .text-right {
      text-align: right; }
    .main-dashboard .panel .panel-body .account-details-chart .panel .text-left {
      text-align: left; }
    .main-dashboard .panel .panel-body .account-details-chart fieldset legend {
      text-align: left;
      text-transform: uppercase;
      font-size: 18px; }

.w-428 {
  width: 428px !important; }

.modal-md {
  width: 465px !important; }
  .modal-md .modal-title {
    margin-bottom: 0 !important; }
  .modal-md .modal-body .row-code {
    display: none; }
  .modal-md .modal-body .row-name {
    width: 255px !important;
    text-align: left !important; }
  .modal-md .modal-body .row-qty {
    text-align: right !important; }
  .modal-md .modal-body .action {
    width: 85px !important; }

/*Greentel Project CSS*/
.scroll-popup {
  overflow: auto;
  max-height: 300px; }

#modalSerials .input-group-btn {
  margin-left: 0px;
  cursor: pointer !important; }
  #modalSerials .input-group-btn .btn {
    padding: 6px 12px;
    cursor: pointer !important; }
    #modalSerials .input-group-btn .btn span {
      cursor: pointer !important; }

#modalSerials #divSerials .time-entry {
  padding: 3px 8px; }
  #modalSerials #divSerials .time-entry i {
    font-size: 16px; }

#modalSerials .width-72 {
  width: 72.5% !important; }

#modalSerials .form-group {
  margin-right: 0 !important; }

#modalSerials .fa-file-import {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 14px; }

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

#txtUploadFile {
  width: 100%; }

::-webkit-file-upload-button {
  cursor: pointer; }

.position-absolute {
  position: absolute !important; }

.row-packing {
  padding: 2px 3px 3px !important;
  width: 100px;
  line-height: 2; }
  .row-packing input {
    padding: 2px 4px;
    height: 25px;
    width: 92px; }
  .row-packing .custom-error {
    display: inline-block;
    width: auto;
    font-size: 12px;
    position: absolute;
    right: -3%;
    padding: 0px 6px;
    z-index: 5;
    margin-right: -75px;
    background-color: #fff7fa;
    border-radius: 5px;
    border: 1px solid #f7dee6; }
    .row-packing .custom-error:before {
      content: '\eb26';
      font-family: IcoFont;
      position: absolute;
      top: -8px;
      font-size: 20px;
      color: #ffecf2;
      left: -14px; }

.packingcustomer label {
  width: 70px !important;
  font-weight: 600;
  font-size: 14px; }

.packingcustomer #lblCustomer {
  margin-top: 8px;
  margin-left: 4px;
  font-size: 14px; }

.text-right {
  text-align: right !important; }

.float-right-cus {
  float: right !important; }

#lblCustomerPending {
  font-weight: bold;
  margin-top: 8px;
  margin-left: 20px !important; }

#lblOk {
  font-weight: bold;
  margin-top: 8px;
  margin-left: 10px !important;
  color: #089641; }

.grn-section .cus-label label {
  width: 60px !important; }

.grn-section .cus-label .close-po {
  width: 66px; }
  .grn-section .cus-label .close-po label {
    width: 38px !important;
    margin-top: 6px; }

.grn-section .supplier select {
  width: 240px !important; }

.grn-section .panel .panel-body .search {
  width: 50%;
  margin-right: -2px; }

.grn-section .row-lines.grn .item-row {
  padding: 6px; }

.grn-section .item-lists {
  width: 303px;
  padding: 0 4px; }

.grn-section .margin-top-m27 {
  margin: 0 0 0 -8px; }

.grn-section .invoice {
  margin-top: 15px; }

.grn-section .checkbox-field.invoice {
  margin-top: 0px; }

.grn-section .invoice .checkbox-field label {
  line-height: 2.1; }

.ui-autocomplete.ui-widget {
  /*overflow-x: hidden;
    overflow-y: scroll;*/
  max-height: 100px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  overflow: auto;
  overflow-x: hidden !important;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .ui-autocomplete.ui-widget .ui-menu-item .ui-menu-item-wrapper {
    padding: 3px 1em 3px 0.7em; }
    .ui-autocomplete.ui-widget .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
      color: white !important;
      border: 1px solid #1994CF;
      /*background: #1994CF;*/
      background: #1091a1;
      /*padding: 4px 1em 4px 10px;*/ }
  .ui-autocomplete.ui-widget ::-webkit-scrollbar {
    width: 5px !important; }
  .ui-autocomplete.ui-widget ::-webkit-scrollbar-track {
    background: #f1f1f1 !important; }
  .ui-autocomplete.ui-widget ::-webkit-scrollbar-thumb {
    background: #888 !important; }
  .ui-autocomplete.ui-widget ::-webkit-scrollbar-thumb:hover {
    background: #555 !important; }

.gtn-remark {
  width: 759px !important;
  margin-left: 0 !important;
  margin-bottom: 10px; }

.section-tour-discount .form-group {
  width: 105px !important; }
  .section-tour-discount .form-group input {
    width: 85px;
    margin-right: 4px;
    height: 32px; }

.section-display-order {
  width: 128px !important; }
  .section-display-order label {
    margin-top: 2px !important;
    margin-bottom: 3px !important; }
  .section-display-order input {
    width: 129px !important; }
  .section-display-order .m-0 {
    margin: 0px !important;
    margin-left: 0px !important; }

.cheque-list-table .item-row {
  /* .checkbox-cheque {
            width: 55px;
            display: inline-block;
            text-align: center;
            input[type="checkbox"] {
                margin-top:2px !important;
            }
        }*/ }
  .cheque-list-table .item-row span {
    margin: 0px !important; }
    .cheque-list-table .item-row span.number {
      margin-right: 2px !important; }
    .cheque-list-table .item-row span.bank {
      margin-right: 2px !important; }
    .cheque-list-table .item-row span.branch {
      margin-right: 6px !important; }
    .cheque-list-table .item-row span.status {
      margin-right: 7px !important; }

.invoice-dispatch .grid-table {
  max-width: calc(100vw - 318px) !important;
  overflow: auto; }
  @media only screen and (min-device-width: 1520px) {
    .invoice-dispatch .grid-table {
      max-width: calc(100vw - 311px) !important; } }
  .invoice-dispatch .grid-table #divHeader {
    width: 1211px; }
  .invoice-dispatch .grid-table #divBody {
    width: 1221px; }

.invoice-dispatch #divMainTable .row-dispatch-date, .invoice-dispatch #divMainTable .row-contact, .invoice-dispatch #divMainTable .row-invoice {
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-cust-name {
  width: 210px;
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-paytype {
  width: 104px;
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-ordertype {
  width: 84px;
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-print {
  width: 80px; }

.invoice-dispatch #divMainTable .row-tranid {
  width: 200px;
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-card {
  width: 70px;
  text-align: left !important; }

.invoice-dispatch #divMainTable .row-update {
  padding: 4px;
  line-height: 23px;
  width: 75px; }
  .invoice-dispatch #divMainTable .row-update button.btn-primary {
    font-size: 11.5px !important;
    padding: 4px 12px !important;
    height: 23px !important;
    line-height: 14px !important; }

.invoice-dispatch #divMainTable .row-print {
  padding: 4px;
  line-height: 23px;
  width: 75px; }
  .invoice-dispatch #divMainTable .row-print button.btn-primary {
    font-size: 11.5px !important;
    padding: 4px 12px !important;
    height: 23px !important;
    line-height: 14px !important; }

.invoice-dispatch #divMainTable #divBody {
  overflow: auto;
  max-height: calc(100vh - 322px) !important; }

.receipt-online-page #divMainTable {
  width: calc(100vw - 320px) !important; }
  .receipt-online-page #divMainTable .row-dispatch-date, .receipt-online-page #divMainTable .row-contact, .receipt-online-page #divMainTable .row-invoice {
    text-align: left;
    width: 8%; }
  .receipt-online-page #divMainTable .row-reqAmount, .receipt-online-page #divMainTable .row-authAmount {
    width: 9%;
    text-align: right; }
  .receipt-online-page #divMainTable .row-reqCardType {
    width: 7.2%;
    text-align: right; }
  .receipt-online-page #divMainTable .row-reqCurrency {
    width: 7%;
    text-align: center; }
  .receipt-online-page #divMainTable .row-card-number {
    width: 8%;
    text-align: left; }
  .receipt-online-page #divMainTable .row-tranNumber {
    width: 10%;
    text-align: left; }
  .receipt-online-page #divMainTable .row-decision {
    width: 26.8%;
    text-align: center; }

.receipt-online-page .grid-table .table-header {
  width: 100%; }
  .receipt-online-page .grid-table .table-header .row-decision, .receipt-online-page .grid-table .table-header .row-update, .receipt-online-page .grid-table .table-header .row-reqCardType {
    text-align: left !important; }
  .receipt-online-page .grid-table .table-header .row-reqAmount, .receipt-online-page .grid-table .table-header .row-authAmount {
    text-align: right !important; }
  .receipt-online-page .grid-table .table-header .row-update {
    text-align: center !important;
    width: 7%; }
  .receipt-online-page .grid-table .table-header div div {
    font-weight: bold; }

.receipt-online-page .grid-table .table-body {
  overflow-y: scroll !important;
  max-height: calc(100vh - 300px) !important;
  width: calc(100% - -10px) !important; }
  .receipt-online-page .grid-table .table-body .div-rows {
    width: 100%; }
    .receipt-online-page .grid-table .table-body .div-rows .row-decision, .receipt-online-page .grid-table .table-body .div-rows .row-update, .receipt-online-page .grid-table .table-body .div-rows .row-reqCardType {
      text-align: left !important; }
    .receipt-online-page .grid-table .table-body .div-rows .row-reqAmount, .receipt-online-page .grid-table .table-body .div-rows .row-authAmount {
      text-align: right !important; }
    .receipt-online-page .grid-table .table-body .div-rows .row-update {
      padding: 4px;
      width: 7%; }
      .receipt-online-page .grid-table .table-body .div-rows .row-update button {
        font-size: 12px !important;
        padding: 1px 2px !important;
        height: 23px !important;
        line-height: 22px !important; }

.pr-22 {
  text-align: end;
  padding-right: 22em; }

.form-group .min-selling-price {
  position: absolute;
  top: -15px;
  left: 531px;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  width: 74px;
  border: 1px solid #e0e3e8;
  border-radius: 3px;
  padding: 2px 4px 0px;
  height: 29px;
  line-height: 25px; }
  @media only screen and (min-device-width: 1850px) {
    .form-group .min-selling-price {
      left: 937px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .form-group .min-selling-price {
      left: 701px; } }

.form-group .min-selling-price-label {
  position: absolute;
  top: -15px;
  left: 433px;
  max-width: none;
  width: 109px;
  font-weight: 700; }
  @media only screen and (min-device-width: 1850px) {
    .form-group .min-selling-price-label {
      left: 837px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .form-group .min-selling-price-label {
      left: 602px; } }

.form-group .min-qty-price {
  position: absolute;
  top: -15px;
  left: 383px;
  font-weight: 500;
  width: 64px;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  border: 1px solid #e0e3e8;
  border-radius: 3px;
  padding: 2px 4px 0px;
  height: 29px;
  line-height: 25px; }
  @media only screen and (min-device-width: 1850px) {
    .form-group .min-qty-price {
      left: 787px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .form-group .min-qty-price {
      left: 550px; } }

.form-group .min-qty-label {
  position: absolute;
  top: -15px;
  left: 315px;
  max-width: none;
  width: 68px;
  font-weight: 700; }
  @media only screen and (min-device-width: 1850px) {
    .form-group .min-qty-label {
      left: 718px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .form-group .min-qty-label {
      left: 477px; } }

.admin-control-page .bg-trasparent {
  background: transparent;
  border: none; }

.admin-control-page .AdminControlShadow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 15px;
  margin: 10px;
  width: 415px;
  height: 217px;
  position: relative; }
  @media only screen and (min-device-width: 1900px) {
    .admin-control-page .AdminControlShadow {
      width: 390px;
      height: 260px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1880px) {
    .admin-control-page .AdminControlShadow {
      width: 470px;
      height: 240px; } }

.admin-control-page .admin-box {
  margin: 0 auto;
  text-align: left; }

.admin-control-page .admin-box-header {
  /*margin-top: 20px;
        font-size: 20px;
        font-family: "Khand", sans-serif;
        text-transform: capitalize;
        font-weight: 600;
        color: #525252;*/
  text-transform: uppercase;
  font-family: "Khand", sans-serif;
  color: #525252;
  font-size: 20px;
  border-bottom: 1px solid #e0e3e8;
  padding-bottom: 4px;
  width: 100%;
  margin: 0 !important;
  letter-spacing: .5px;
  font-weight: bold;
  margin-bottom: 10px !important; }

.admin-control-page .admin-para p {
  font-family: "Khand", sans-serif;
  font-size: 14px; }

.admin-control-page .admin-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.admin-control-page .form-control {
  font-size: 13px !important; }

.admin-control-page .btn-footer {
  position: absolute;
  bottom: 20px;
  right: 19px; }

.d-inline-block {
  display: inline-block !important; }

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.production-flow-page .wo-group-search {
  height: 27px !important;
  width: 135px !important;
  margin-top: -5px !important;
  margin-bottom: -4px !important;
  padding: 6px 8px !important;
  margin-right: -3px; }

.production-flow-page .sub-nav {
  top: 15px;
  right: 23px; }
  .production-flow-page .sub-nav h3 {
    font-size: 18px;
    font-family: "Khand", sans-serif;
    margin-left: 35px;
    color: #13b2b0; }

.production-flow-page .panel-heading h2 {
  margin-top: 4px; }

.production-flow-page .w-20 {
  width: 18% !important;
  margin-right: 1em; }

.production-flow-page .w-percent-23 {
  width: 23% !important;
  margin-right: 2em; }
  @media screen and (min-device-width: 1520px) {
    .production-flow-page .w-percent-23 {
      width: 23% !important; } }
  .production-flow-page .w-percent-23:last-child {
    margin-right: 0em; }

.production-flow-page .flow-header h3 {
  font-size: 18px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  margin-left: 15px;
  margin-bottom: 0px;
  color: #666;
  font-weight: 600; }

.production-flow-page .flow-header span {
  color: #B9B8B8;
  font-weight: 600;
  font-family: "Khand", sans-serif;
  margin-left: 12px;
  margin-top: -1px; }

.production-flow-page .flow-body .card {
  box-shadow: 1px 4px 5px 1px #d3d3d3;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
  position: relative; }
  .production-flow-page .flow-body .card h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-family: "Khand", sans-serif;
    margin-bottom: 0px;
    color: #666;
    font-weight: 600;
    max-width: 84%;
    width: auto; }
  .production-flow-page .flow-body .card h6 {
    font-size: 12px;
    font-family: "Heebo", sans-serif;
    color: #787878;
    font-weight: 400; }
  .production-flow-page .flow-body .card .padding-bottom-12 {
    padding-bottom: 0px; }
  .production-flow-page .flow-body .card .h-16px {
    height: 20px; }

.production-flow-page #ddlPFlowType {
  height: 32px;
  font-size: 12px;
  padding-top: 6px; }

.production-flow-page .btn-wo {
  width: 25px;
  height: 25px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  background-color: #79a5df;
  color: white;
  border: none;
  margin-top: 0px;
  font-size: 13px; }

.production-flow-page .btn-wo-refresh {
  width: 25px;
  height: 25px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  background-color: #8ee16f;
  color: white;
  border: none;
  margin-top: 0px;
  font-size: 13px; }

.production-flow-page .btn-wo-useflow-qty-info {
  width: 25px;
  height: 25px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  background-color: #ff9736;
  color: white;
  border: none;
  margin-top: 0px;
  font-size: 13px; }

.production-flow-page .btn-wo-details {
  width: 24px;
  height: 24px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  background-color: #79a5df;
  color: white;
  border: none;
  transform: scale(0.6, 0.6);
  margin-top: 0px; }

.production-flow-page .btn-wo-next {
  width: 25px;
  height: 25px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  line-height: initial;
  background-color: #79a5df;
  color: white;
  border: none;
  transform: scale(0.9, 0.9);
  font-size: 20px;
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center; }

.production-flow-page .btn-wo-next.fa-search {
  width: 22px;
  height: 22px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  line-height: 1.42857;
  background-color: #79a5df;
  color: white;
  border: none;
  transform: scale(0.9, 0.9);
  font-size: 11px;
  margin-left: 4px;
  /*margin-top: 44px;
            position: absolute;
            right: 11px*/ }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-wo-next.fa-search {
      transform: none;
      margin-right: -5px; } }

.production-flow-page .btn-wo-play {
  width: 16px;
  height: 16px;
  padding: 4px 3px 3px 4px;
  border-radius: 50%;
  text-align: center;
  line-height: initial;
  background-color: #7dd666;
  color: white;
  border: none;
  margin-top: 37px;
  font-size: 8px;
  vertical-align: middle;
  /*margin-right: -5px;*/
  margin-left: 5px; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-wo-play {
      width: 22px;
      height: 22px;
      font-size: 10px; } }

.production-flow-page .btn-done {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: initial;
  background-color: #82c91e;
  color: white;
  border: none;
  margin-top: 2px;
  font-size: 9px;
  vertical-align: middle;
  margin-right: 0px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-done {
      width: 22px;
      height: 22px;
      font-size: 10px;
      /*            margin-right: -81px;
*/ } }

.production-flow-page .btn-wo-pause {
  width: 16px;
  height: 16px;
  padding: 3px 3px 3px 3px;
  border-radius: 50%;
  text-align: center;
  background-color: #47a788;
  color: white;
  border: none;
  font-size: 8px;
  margin-top: 37px;
  /* position: absolute; */
  /* right: 30px; */
  margin-left: 5px; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-wo-pause {
      width: 22px;
      height: 22px;
      font-size: 10px; } }

.production-flow-page .btn-wo-stop {
  width: 16px;
  height: 16px;
  /* padding: 3px 3px 3px 4px; */
  border-radius: 50%;
  text-align: center;
  background-color: #ff5454;
  color: white;
  border: none;
  margin-top: 37px;
  font-size: 8px;
  /* margin-right: 5px; */
  /* margin-left: 8px; */
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 5px; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-wo-stop {
      width: 22px;
      height: 22px;
      font-size: 10px; } }

.production-flow-page .btn-pr-details {
  background-color: #ff3636;
  width: 16px;
  height: 16px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  color: white;
  border: none;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  margin-left: 5px;
  /*position: absolute;
        right: 0px;*/ }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-pr-details {
      width: 22px;
      height: 22px; } }
  .production-flow-page .btn-pr-details i {
    font-size: 8px; }
    @media only screen and (min-device-width: 1820px) {
      .production-flow-page .btn-pr-details i {
        font-size: 10px; } }

.production-flow-page .btn-pr-release {
  background-color: #ff9c36;
  width: 16px;
  height: 16px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  color: white;
  border: none;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  margin-left: 5px;
  /*position: absolute;
        right: 25px;*/ }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-pr-release {
      width: 22px;
      height: 22px; } }
  .production-flow-page .btn-pr-release i {
    font-size: 8px;
    margin-top: -1px; }
    @media only screen and (min-device-width: 1820px) {
      .production-flow-page .btn-pr-release i {
        font-size: 10px; } }

.production-flow-page .btn-so-info {
  background-color: #2196f3;
  width: 16px;
  height: 16px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  color: white;
  border: none;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-so-info {
      width: 22px;
      height: 22px; } }
  .production-flow-page .btn-so-info i {
    font-size: 8px; }
    @media only screen and (min-device-width: 1820px) {
      .production-flow-page .btn-so-info i {
        font-size: 10px; } }

.production-flow-page .btn-wo-info {
  background-color: #79a5df;
  width: 16px;
  height: 16px;
  padding: 3px 3px;
  border-radius: 50%;
  text-align: center;
  color: white;
  border: none;
  margin-top: 4px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer; }
  @media only screen and (min-device-width: 1820px) {
    .production-flow-page .btn-wo-info {
      width: 22px;
      height: 22px; } }
  .production-flow-page .btn-wo-info i {
    font-size: 8px; }
    @media only screen and (min-device-width: 1820px) {
      .production-flow-page .btn-wo-info i {
        font-size: 10px; } }

.production-flow-page #divPackingStep .card .btn-wo-info {
  margin-top: 0px; }

.production-flow-page .ui-store-icon {
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 7px;
  text-align: center;
  line-height: 1.42857;
  background-color: #ffead7;
  color: #ff9736;
  border: none;
  margin-top: -7px;
  transform: scale(0.9, 0.9); }

.production-flow-page .ui-approval-icon {
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 7px;
  text-align: center;
  line-height: 1.42857;
  background-color: #d8d8d8;
  color: #7d7d7c;
  border: none;
  margin-top: -7px;
  transform: scale(0.9, 0.9); }

.production-flow-page .ui-mixing-icon {
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 7px;
  text-align: center;
  line-height: 1.42857;
  background-color: #dff4ff;
  color: #85d5ff;
  border: none;
  margin-top: -7px;
  transform: scale(0.9, 0.9); }
  .production-flow-page .ui-mixing-icon img {
    width: 18px; }

.production-flow-page .ui-packing-icon {
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 7px;
  text-align: center;
  line-height: 1.42857;
  background-color: #e1f8d9;
  color: #8ee16f;
  border: none;
  margin-top: -7px;
  transform: scale(0.9, 0.9); }

.production-flow-page .ui-inspection-icon {
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 7px;
  text-align: center;
  line-height: 1.42857;
  background-color: #ffe5e5;
  color: #ff9393;
  border: none;
  margin-top: -7px;
  transform: scale(0.9, 0.9); }

.production-flow-page .ui-front {
  z-index: 9999999 !important; }

.production-flow-page .ui-store-font {
  color: #ff9736;
  font-weight: bold;
  font-family: "Khand", sans-serif; }

.production-flow-page .ui-mixing-font {
  color: #85d5ff;
  font-weight: bold;
  font-family: "Khand", sans-serif; }

.production-flow-page .ui-packing-font {
  color: #8ee16f;
  font-weight: bold;
  font-family: "Khand", sans-serif; }

.production-flow-page .ui-inspection-font {
  color: #ff9393;
  font-weight: bold;
  font-family: "Khand", sans-serif; }

.production-flow-page .ui-approval-clearfix {
  border-bottom: 3px solid #7d7d7c;
  margin-top: 30px;
  margin-bottom: 10px; }

.production-flow-page .ui-store-clearfix {
  border-bottom: 3px solid #ff9736;
  margin-top: 30px;
  margin-bottom: 10px; }

.production-flow-page .ui-mixing-clearfix {
  border-bottom: 3px solid #85d5ff;
  margin-top: 30px;
  margin-bottom: 10px; }

.production-flow-page .ui-packing-clearfix {
  border-bottom: 3px solid #8ee16f;
  margin-top: 30px;
  margin-bottom: 10px; }

.production-flow-page .ui-inspection-clearfix {
  border-bottom: 3px solid #ff9393;
  margin-top: 30px;
  margin-bottom: 10px; }

.production-flow-page ::-webkit-scrollbar {
  width: 4px; }

.production-flow-page ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 1px; }

.production-flow-page ::-webkit-scrollbar-thumb {
  background: #c5d6f8;
  border-radius: 1px; }

.production-flow-page ::-webkit-scrollbar-thumb:hover {
  background: #79a5df; }

.production-flow-page .pointer {
  cursor: pointer; }

.production-flow-page .fa-chevron-right {
  margin-right: -18px;
  color: #8a8a8a; }

.production-flow-page .flow-search {
  display: flex;
  align-items: center;
  margin-top: -30px !important; }

.production-flow-page #divStoreStep .btn-so-info, .production-flow-page #divInitialStep .btn-so-info {
  right: 12px;
  margin-top: 4px; }

.production-flow-page .card {
  padding: 10px 8px 10px 30px !important;
  display: inline-block;
  width: 100%; }
  .production-flow-page .card h3 {
    font-size: 16px !important;
    cursor: pointer; }
  .production-flow-page .card .job-card-header button {
    position: absolute;
    left: 4px;
    /*top: 7px;*/
    line-height: 17px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background-color: #79a5df;
    color: #ffff;
    border: none;
    margin-top: -3px;
    transform: scale(0.9, 0.9); }
    .production-flow-page .card .job-card-header button i {
      color: #fff;
      font-size: 11px;
      display: inline-block;
      justify-content: center;
      margin-left: -1px;
      margin-top: -50px; }
  .production-flow-page .card .job-card-header h6 {
    font-size: 13px;
    text-transform: capitalize;
    font-family: "Khand", sans-serif;
    margin-bottom: 0px;
    color: #7c7c7c;
    font-weight: 600;
    margin-top: 0px !important; }
    .production-flow-page .card .job-card-header h6 span {
      color: #7c7c7c; }
  .production-flow-page .card.job-card-collapesed .job-card-header h3 {
    padding-bottom: 0px; }
  .production-flow-page .card.job-card-collapesed .job-card-header h6 {
    margin-top: 0px !important; }
  .production-flow-page .card.job-card-collapesed .job-card-body {
    width: 100%;
    max-height: 0;
    transition: max-height 0.02s ease-out;
    overflow: hidden; }
    .production-flow-page .card.job-card-collapesed .job-card-body .btn-so-info, .production-flow-page .card.job-card-collapesed .job-card-body .btn-pr-details, .production-flow-page .card.job-card-collapesed .job-card-body .btn-pr-release, .production-flow-page .card.job-card-collapesed .job-card-body .btn-wo-pause, .production-flow-page .card.job-card-collapesed .job-card-body .btn-so-info {
      position: unset; }
  .production-flow-page .card.job-card-expanded .job-card-header button i {
    line-height: 22px; }
    .production-flow-page .card.job-card-expanded .job-card-header button i::before {
      content: "\f077" !important; }
  .production-flow-page .card.job-card-expanded .job-card-body {
    width: 100%;
    max-height: 400px;
    transition: max-height 0.02s ease-in;
    margin-top: 15px; }

.production-flow-page .mr-n5px {
  margin-right: 0px;
  margin-top: 4px; }

.production-flow-page #userShiftStopPopup #divStopStoreOrderTableBody .relesse-qty-btn {
  margin-left: 0px !important; }

.production-flow-page .overdue-with-search .btn-wo-next.fa-search {
  /*margin-right: 19px !important;*/ }

.production-flow-page .overdue-with-search .paritially-search .btn-wo-next.fa-search {
  /*margin-top: 44px;
                position: absolute;
                right: 11px;*/ }

.production-flow-page .overdue-with-search.packing-pr-pass .btn-wo-next.fa-search {
  /* margin-top: -60px;*/ }

.production-flow-page .wo-level {
  border-color: #79a5df;
  border-width: medium; }
  .production-flow-page .wo-level .wo-level-header {
    background-color: #79a5df;
    color: #fff;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: -11px;
    text-align: left;
    margin-left: -20px; }

.production-flow-page .group-label-text {
  font-size: 12px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #0ab2b0;
  color: white;
  padding: 2px 8px !important;
  line-height: initial;
  border-radius: 4px;
  width: auto;
  margin-right: 5px;
  margin-bottom: 0px;
  line-height: 19px; }

.production-flow-page .other-floor-label-text {
  font-size: 12px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #f9736f;
  color: white;
  padding: 2px 8px !important;
  line-height: initial;
  border-radius: 4px;
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 19px; }

.production-flow-page .fa-paste.paste-qty-btn {
  border-radius: 50%;
  width: 21px !important;
  height: 21px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 5px;
  line-height: 25px;
  margin-left: 20px; }

.production-flow-page .future-order {
  background-color: #41ffb0 !important; }

.production-flow-page .color-code .card {
  background-color: transparent !important;
  padding-left: 14px !important;
  right: 1px !important; }

.wo-card .job-card-body .other-floor-label-text {
  margin-bottom: 0 !important; }

.padding-left-6 {
  padding-left: 6px !important; }

.padding-left-2 {
  padding-left: 2px !important; }

#workOrderPopup .text-danger {
  color: #f84b48;
  font-size: 11px; }

#workOrderPopup .checkbox-field {
  margin-top: 5px; }
  #workOrderPopup .checkbox-field .custom-checkbox {
    margin-left: -22px;
    margin-right: 11px;
    width: 15px; }
  #workOrderPopup .checkbox-field input {
    float: left; }
  #workOrderPopup .checkbox-field label {
    margin: 6px 0 4px;
    cursor: pointer; }

#workOrderPopup #frmForm .form-group #ddlPackingStyle {
  padding: 3px 12px; }

#workOrderPopup .modal-dialog {
  width: 1000px; }

#workOrderPopup #divWorkOrderContainer {
  width: 500px; }

#workOrderPopup #divWorkOrderCardContainer {
  width: 450px; }

#workOrderPopup .wo-group {
  border-color: #62dbd9;
  border-width: medium; }
  #workOrderPopup .wo-group .wo-group-header {
    background-color: #62dbd9;
    color: #fff;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: -11px;
    text-align: center; }

#workOrderPopup .wo-level {
  border-color: #79a5df;
  border-width: medium; }
  #workOrderPopup .wo-level .wo-level-header {
    background-color: #79a5df;
    color: #fff;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: -11px;
    text-align: left; }

#workOrderPopup .flow-body .card {
  box-shadow: 0px 0px 5px 0px #d3d3d3;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 1em; }
  #workOrderPopup .flow-body .card h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Khand", sans-serif;
    margin-bottom: 0px;
    color: #666;
    font-weight: 600; }

#workOrderPopup .parent-card {
  box-shadow: 0px 0px 5px 0px green !important; }

#workOrderPopup .packing-card {
  box-shadow: 0px 0px 5px 0px red !important; }

.w-15 {
  width: 15%; }

.w-33 {
  width: 29%; }

.w-38 {
  width: 38%; }

#divWorkOrderContainer, #divStoreOrderContainer, #divMixingOrderContainer, #divApprovalOrderContainer {
  /*    padding: 15px 10px;*/ }

.workOrderDetailText {
  color: #49afd3; }

.workOrderCardText {
  color: #79a5df;
  font-size: 12px; }
  @media only screen and (max-device-width: 1520px) {
    .workOrderCardText {
      font-size: 11px; } }

.workOrderTimeOverDueText {
  font-size: 19px;
  margin-right: 0px;
  margin-top: 0px; }
  @media only screen and (min-device-width: 1820px) {
    .workOrderTimeOverDueText {
      font-size: 22px;
      margin-right: -3px;
      margin-top: -1px; } }

.subOrderCardText {
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #79a5df;
  color: white;
  padding: 2px 6px;
  line-height: initial;
  border-radius: 4px;
  margin-top: 5px; }

.workOrderCardDateTimeText {
  font-size: 12px;
  line-height: initial; }
  @media only screen and (max-device-width: 1520px) {
    .workOrderCardDateTimeText {
      font-size: 11px; } }

.workOrderCardPartiallyIssuedText {
  font-size: 12px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #ff5e5e;
  color: #fff;
  padding: 3px 8px !important;
  line-height: 17px;
  border-radius: 4px;
  width: auto;
  margin-bottom: 0px;
  margin-top: -7px; }

.over-due {
  /* display: flex; */
  /* align-items: center; */
  margin-top: 4px;
  /* margin-bottom: 8px; */
  /* position: absolute; */
  /* right: 32px; */
  /* top: 6px; */
  color: #ff5e5e;
  margin-right: 0px; }

.over-due-info {
  color: #ff5e5e;
  margin-right: 7px; }

.so-info {
  width: 14px;
  height: 14px;
  font-size: 8px;
  background-color: #2196f3;
  border-radius: 50%;
  text-align: center;
  color: white;
  border: none;
  padding: 3px 0px; }

.partially-issued {
  display: flex;
  align-items: center; }

.wo-status {
  display: flex;
  align-items: center; }

.WOType {
  font-size: small;
  line-height: initial;
  color: white;
  font-size: 12px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #0ab2b0;
  color: white;
  padding: 2px 8px !important;
  line-height: initial;
  border-radius: 4px;
  width: auto;
  margin-right: 5px;
  margin-bottom: 0px;
  line-height: 19px; }

.mt-8px {
  margin-top: -8px !important; }

.mt-4px {
  margin-top: 4px !important; }

.workOrderCardLocationText {
  margin-top: -20px; }

.lblWorkOrderTableDescription, .lblOrderRejectTableDescription {
  background-color: #13b2b0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white; }

.spn-requested-tag {
  font-size: 12px;
  text-transform: capitalize;
  font-family: "Khand", sans-serif;
  background-color: #ff9c36;
  color: white;
  padding: 2px 8px !important;
  line-height: initial;
  border-radius: 4px;
  width: auto;
  margin-bottom: 6px; }

.lblSalesOrderTableDescription, .lblSalesOrderNewJob {
  background-color: #F4F4F4;
  padding-top: 5px;
  padding-bottom: 3px;
  color: #656464;
  font-family: "Khand", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  border-radius: 5px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding-left: 12px !important; }

.lblSalesOrderNewJob {
  padding-bottom: 5px; }

#divWorkOrderTableHeader, #divSalesOrderTableHeader, #divReleaseQtyTableHeader, #divSalesOrderInfoHeader, #divlocationWiseItemTableHeader, #divUseFlowQtyInfoTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#locationWiseItemPopup .modal-content .modal-body #divlocationWiseItemContainer {
  overflow: unset !important; }

#locationWiseItemPopup .modal-content .modal-body #divlocationWiseItemTableBody {
  max-height: calc(100vh - 320px) !important;
  overflow: auto; }
  #locationWiseItemPopup .modal-content .modal-body #divlocationWiseItemTableBody .rateError {
    color: #fe5c50;
    font-size: 15px;
    z-index: 80;
    float: left;
    position: relative;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
    #locationWiseItemPopup .modal-content .modal-body #divlocationWiseItemTableBody .rateError::before {
      content: "\f10d";
      font-family: 'IcoFont' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      top: 5px;
      left: 6px;
      font-size: 18px; }

#txtReleaseQtyTotal, #txtReleaseQtyRemaining, #txtReleaseQtyExtra {
  text-align: right;
  padding-right: 19px; }

.lblAdditionalRequestTableDescription, .lblWeighingReleaseTableDescription, .lblPackingReleaseTableDescription {
  background-color: #ff9736;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white; }

#divAdditionalRequestTableHeader, #divWeighingReleaseTableHeader, #divPackingReleaseTableHeader {
  background-color: #fec694;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

.wo-detail-row {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
  background-color: #fbfbfb;
  vertical-align: middle;
  line-height: 21px;
  border-bottom: 1px solid #eee; }
  .wo-detail-row div {
    font-size: 13px;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    color: #686868;
    line-height: 1.8;
    vertical-align: middle; }
    .wo-detail-row div.col-md-1 {
      display: flex;
      align-items: center;
      justify-content: center; }
  .wo-detail-row:nth-child(even) {
    background-color: #f7faff; }

.lblconsumptionItemReturnTableDescription {
  background-color: #f0ad4e;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white; }

#moliStepSizePopup .modal-dialog {
  border-color: #13b2b0;
  border-style: solid; }

/*#consumptionItemReturnPopup {
    .modal-dialog {
        border: #fb9d9d;
        border-style: solid;
    }

    #divConsumptionItemReturnTableHeader {
        .wo-detail-row {
            background-color: #fb9d9d;
        }
        div{
            color:#fff;
        }
    }
}*/
.wo-detail-row-clearfix {
  border-bottom: 1px solid lightgray; }

#divInitialStep, #divStoreStep, #divMixingStep, #divPackingStep, #divInspectionStep {
  overflow-y: auto;
  overflow-x: hidden;
  height: 715px;
  max-height: calc(100vh - 287px) !important;
  width: calc(100% + 16px); }

.wo-card {
  padding-left: 2px;
  padding-right: 12px;
  position: relative; }

.weighing-pr-pending {
  background-color: #dff4ff !important; }

.packing-pr-fail {
  background-color: #ffd1ce !important; }

.packing-pr-pass {
  background-color: #e1f8d9 !important; }

.parent-card {
  box-shadow: 0px 0px 5px 0px green !important; }

.packing-card {
  border: 1px red solid !important; }

.releaseItem {
  width: 100px;
  text-align: right; }

#releaseQtyWarning {
  color: orange; }

/*.WOType {
    float: right;
    margin-top: -20px;
}*/
#txtPreviousRejectionRemark {
  color: red; }

#txtWeighingRelease {
  text-align: right; }

.relesse-qty-btn {
  background-color: #13b2b0;
  color: white;
  padding-left: 10px;
  border: 1px solid #fff; }

.gtt-info-btn {
  background-color: #ff7878;
  color: white;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 21px !important;
  height: 21px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 5px;
  line-height: 25px;
  margin-left: 20px; }

.add-bom-item-btn {
  background-color: #13b2b0;
  color: white;
  padding-left: 10px;
  padding-right: 22px;
  border: 1px solid #fff; }

.weighingRequest {
  text-align: right; }

.deleteBomRow {
  color: red; }

.consumedQtyRow-danger, .danger-table-row {
  background-color: #fb76765c !important; }

.expireTag {
  background-color: #d9534f;
  padding: 2px 6px;
  color: white;
  border-radius: 3px;
  font-size: 10px; }

#lblTopLevelContributionQty {
  color: #fff;
  background-color: #47a788;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  width: 99%;
  word-break: break-all; }

#lblTopLevelActualContributionQty {
  color: #fff;
  background-color: #79a5df;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  width: 99%;
  word-break: break-all; }

#lblTopLevelTotalDamageQty {
  color: #fff;
  background-color: #df7979;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 5px;
  width: 99%;
  word-break: break-all; }

.flowQty {
  width: 55px;
  height: 25px;
  font-size: 12px;
  margin-left: 6px !important; }

.field-validation-error {
  /*position:unset;*/ }

#salesOrderPopup .flow-body .card {
  box-shadow: 0px 0px 5px 0px #d3d3d3;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 1em; }
  #salesOrderPopup .flow-body .card h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Khand", sans-serif;
    margin-bottom: 0px;
    color: #666;
    font-weight: 600; }

#salesOrderPopup .childCardArrow {
  margin-left: 45%;
  padding-bottom: 10px;
  color: #79a5df; }

#salesOrderPopup .ui-possible-wo-clearfix {
  border-bottom: 1px solid #eeeeee;
  margin-top: 15px;
  margin-bottom: 15px; }

#salesOrderPopup #divPossibleWorkOrders {
  overflow-y: auto;
  overflow-x: hidden;
  /*height: 500px;*/ }

#salesOrderPopup #divSalesOrderContainer {
  padding: 15px 10px;
  width: 690px;
  margin-right: 12px; }
  #salesOrderPopup #divSalesOrderContainer #divTargetsTableBody {
    max-height: calc(100vh - 410px) !important;
    overflow: auto; }

#salesOrderPopup .possibleWorkOrder {
  padding: 0px 0px 0px 12px;
  width: 386px;
  display: inherit;
  margin-top: 14px; }

#salesOrderPopup ::-webkit-scrollbar {
  width: 4px; }

#salesOrderPopup ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 1px; }

#salesOrderPopup ::-webkit-scrollbar-thumb {
  background: #c5d6f8;
  border-radius: 1px; }

#salesOrderPopup ::-webkit-scrollbar-thumb:hover {
  background: #79a5df; }

#salesOrderPopup #btnCreateJobs {
  background-color: #79a5df; }

#salesOrderPopup .suggestedMoliCount {
  width: 126px;
  height: 25px; }

#salesOrderPopup .needDate {
  height: 25px; }

#salesOrderPopup .super-child .suggestedMoliCount, #salesOrderPopup .super-child .suggestedTargetQty {
  width: 47px;
  height: 25px; }

#salesOrderPopup .salesOrderPopupNoteText {
  font-size: smaller;
  color: #000; }

#salesOrderPopup .super-child {
  width: 149px;
  float: left; }

#salesOrderPopup .parent-card {
  box-shadow: 0px 0px 5px 0px green !important; }

#salesOrderPopup .packing-card {
  box-shadow: 0px 0px 5px 0px red !important; }

#salesOrderPopup .salesOrderPopupInactiveMoliesText {
  font-size: small;
  color: red; }

#salesOrderPopup .wo-group {
  border-color: #62dbd9;
  border-width: medium; }
  #salesOrderPopup .wo-group .wo-group-header {
    background-color: #62dbd9;
    color: #fff;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: -11px;
    text-align: center; }

#salesOrderPopup .wo-level {
  border-color: #79a5df;
  border-width: medium; }
  #salesOrderPopup .wo-level .wo-level-header {
    background-color: #79a5df;
    color: #fff;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: -11px;
    text-align: left; }

#salesOrderPopup #btnCompleteWithoutWorkorder {
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important;
  font-size: 13px !important; }

.soq-page .grid-table #divMainTable #divHeader .row-code, .soq-page .grid-table #divMainTable .div-rows .row-code {
  width: 110px;
  text-align: left !important; }
  @media only screen and (min-width: 1500px) {
    .soq-page .grid-table #divMainTable #divHeader .row-code, .soq-page .grid-table #divMainTable .div-rows .row-code {
      width: 110px !important; } }

.soq-page .grid-table #divMainTable #divHeader .row-name, .soq-page .grid-table #divMainTable .div-rows .row-name {
  /*width: 200px;*/
  text-align: left !important;
  width: calc(100vw - 1242px); }
  @media only screen and (min-width: 1800px) {
    .soq-page .grid-table #divMainTable #divHeader .row-name, .soq-page .grid-table #divMainTable .div-rows .row-name {
      width: 460px !important; } }
  @media only screen and (min-width: 1500px) {
    .soq-page .grid-table #divMainTable #divHeader .row-name, .soq-page .grid-table #divMainTable .div-rows .row-name {
      width: 375px;
      width: calc(100vw - 1245px); } }

.soq-page .grid-table #divMainTable #divHeader .row-available-qty, .soq-page .grid-table #divMainTable .div-rows .row-available-qty {
  width: 93px;
  text-align: right !important; }
  @media only screen and (max-width: 1800px) {
    .soq-page .grid-table #divMainTable #divHeader .row-available-qty, .soq-page .grid-table #divMainTable .div-rows .row-available-qty {
      width: 68px; } }

.soq-page .grid-table #divMainTable #divHeader .row-hand-stock, .soq-page .grid-table #divMainTable .div-rows .row-hand-stock {
  width: 83px;
  text-align: right !important; }

.soq-page .grid-table #divMainTable #divHeader .row-remain-available-qty, .soq-page .grid-table #divMainTable .div-rows .row-remain-available-qty {
  width: 85px;
  text-align: right !important; }

.soq-page .grid-table #divMainTable #divHeader .row-production-qty, .soq-page .grid-table #divMainTable .div-rows .row-production-qty {
  width: 107px;
  text-align: right !important; }

.soq-page .grid-table #divMainTable #divHeader .row-total-qty, .soq-page .grid-table #divMainTable .div-rows .row-total-qty {
  width: 87px;
  text-align: right !important; }

.soq-page .grid-table #divMainTable #divHeader .row-target-qty, .soq-page .grid-table #divMainTable .div-rows .row-target-qty {
  width: 90px;
  text-align: right !important; }

.soq-page .grid-table #divMainTable #divHeader .row-target-percentage, .soq-page .grid-table #divMainTable .div-rows .row-target-percentage {
  width: 158px;
  text-align: right !important;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 8px; }
  .soq-page .grid-table #divMainTable #divHeader .row-target-percentage .set-percentage, .soq-page .grid-table #divMainTable .div-rows .row-target-percentage .set-percentage {
    width: 100px;
    float: left; }
  .soq-page .grid-table #divMainTable #divHeader .row-target-percentage .w-20px, .soq-page .grid-table #divMainTable .div-rows .row-target-percentage .w-20px {
    padding: 0;
    margin-left: 0px;
    float: right;
    border-right: 0;
    font-size: 10px;
    background: #13b2b0;
    color: aliceblue;
    font-weight: 500;
    padding: 2px 2px 1px 2px;
    border-radius: 5px;
    line-height: 14px;
    margin-top: 3px; }

.soq-page .grid-table #divMainTable #divHeader .action, .soq-page .grid-table #divMainTable .div-rows .action {
  width: 35px !important;
  text-align: center !important;
  padding: 5px !important; }

.soq-page .grid-table.sub-table {
  padding: 0 0 12px 34px;
  border: 1px solid #e0e3e8;
  background-color: #f7f7f7;
  border-right: none !important; }
  .soq-page .grid-table.sub-table .table {
    padding: 0 !important;
    height: unset !important;
    border-right: none !important; }
    .soq-page .grid-table.sub-table .table .table-header {
      background-color: #def5f4;
      border-top: 1px solid #def5f4;
      border-bottom: 1px solid #def5f4; }
      .soq-page .grid-table.sub-table .table .table-header .row-target-qty {
        padding: 6px 10px 5px !important; }
      .soq-page .grid-table.sub-table .table .table-header .row-demanded {
        padding-right: 6px !important; }
    .soq-page .grid-table.sub-table .table .row-no {
      width: 110px !important;
      text-align: left !important;
      height: 30px; }
      @media only screen and (min-width: 1500px) {
        .soq-page .grid-table.sub-table .table .row-no {
          width: 110px !important; } }
    .soq-page .grid-table.sub-table .table .row-date {
      width: 87px !important;
      text-align: left !important;
      height: 30px; }
      @media only screen and (max-width: 1800px) {
        .soq-page .grid-table.sub-table .table .row-date {
          width: 83px !important; } }
    .soq-page .grid-table.sub-table .table .row-name {
      /* width: 218px;*/
      text-align: left !important;
      height: 30px;
      width: calc(100vw - 1210px); }
      @media only screen and (min-width: 1800px) {
        .soq-page .grid-table.sub-table .table .row-name {
          width: 478px !important; } }
      @media only screen and (min-width: 1500px) {
        .soq-page .grid-table.sub-table .table .row-name {
          /* width: 394px;*/
          width: calc(100vw - 1322px); } }
    .soq-page .grid-table.sub-table .table .row-packing-style {
      width: 93px !important;
      text-align: left !important;
      height: 30px; }
    .soq-page .grid-table.sub-table .table .row-packing-edit {
      margin-left: -25px;
      padding: 5px 6px;
      border: 0; }
      .soq-page .grid-table.sub-table .table .row-packing-edit i {
        color: #057e7d;
        cursor: pointer; }
      .soq-page .grid-table.sub-table .table .row-packing-edit:hover i {
        color: #044a4a; }
    .soq-page .grid-table.sub-table .table .row-so-orginal, .soq-page .grid-table.sub-table .table .row-orginal {
      width: 83px !important;
      text-align: right !important;
      height: 30px; }
    .soq-page .grid-table.sub-table .table .row-demanded {
      width: 102px;
      text-align: right !important;
      height: 30px;
      white-space: normal; }
    .soq-page .grid-table.sub-table .table .row-running-remaining {
      width: 90px;
      text-align: right !important;
      height: 30px;
      white-space: normal; }
    .soq-page .grid-table.sub-table .table .row-excess-qty {
      width: 140px;
      white-space: normal;
      text-align: right; }
      @media only screen and (max-width: 1370px) {
        .soq-page .grid-table.sub-table .table .row-excess-qty {
          width: 86px !important; } }
    .soq-page .grid-table.sub-table .table .row-target-qty {
      width: 140px !important;
      text-align: right !important;
      padding: 4px !important;
      height: 30px; }
      @media only screen and (max-width: 1370px) {
        .soq-page .grid-table.sub-table .table .row-target-qty {
          width: 86px !important; } }
      .soq-page .grid-table.sub-table .table .row-target-qty i.icofont-warning {
        /* position: absolute; */
        /* top: 9px; */
        /* right: 303px; */
        color: #ffb445;
        font-size: 15px;
        z-index: 80;
        float: left;
        margin-top: -18px;
        display: inline-block;
        margin-left: 24px; }
      .soq-page .grid-table.sub-table .table .row-target-qty i.icofont-warning-alt {
        /*position: absolute;*/
        /* top: 9px; */
        /* right: 303px; */
        color: #fe5c50;
        font-size: 15px;
        z-index: 80;
        float: left;
        margin-top: -18px;
        display: inline-block;
        margin-left: 5px; }
      .soq-page .grid-table.sub-table .table .row-target-qty .set-amount {
        padding: 5px;
        text-align: end;
        height: 23px;
        text-align: right !important; }
    .soq-page .grid-table.sub-table .table .row-select {
      width: 58px !important;
      text-align: center !important;
      line-height: 14px !important;
      height: 30px;
      /*border-right: 0px solid #ffffff !important;*/ }
    .soq-page .grid-table.sub-table .table .row-excess {
      padding: 4px !important;
      width: 140px;
      text-align: right !important; }
      @media only screen and (max-width: 1370px) {
        .soq-page .grid-table.sub-table .table .row-excess {
          width: 86px !important; } }
      .soq-page .grid-table.sub-table .table .row-excess input {
        font-size: 13px;
        padding: 5px;
        height: 23px;
        text-align: right !important; }
      .soq-page .grid-table.sub-table .table .row-excess i.icofont-warning {
        /* position: absolute; */
        /* top: 9px; */
        /* right: 303px; */
        color: #ffb445;
        font-size: 15px;
        z-index: 80;
        float: left;
        margin-top: -18px;
        display: inline-block;
        margin-left: 24px; }
      .soq-page .grid-table.sub-table .table .row-excess i.icofont-warning-alt {
        /*position: absolute;*/
        /* top: 9px; */
        /* right: 303px; */
        color: #fe5c50;
        font-size: 15px;
        z-index: 80;
        float: left;
        margin-top: -18px;
        display: inline-block;
        margin-left: 5px; }
    .soq-page .grid-table.sub-table .table .table-header {
      padding: 0 !important;
      height: unset !important;
      border-right: none !important; }
      .soq-page .grid-table.sub-table .table .table-header div div {
        height: 48px !important; }
    .soq-page .grid-table.sub-table .table .table-body {
      border-bottom: 0px solid #f2f4f8;
      border-right: 0px solid #ffffff !important;
      max-height: calc(100vh - 530px) !important;
      overflow: auto; }
      .soq-page .grid-table.sub-table .table .table-body .div-rows {
        padding: 0 !important;
        height: unset !important;
        border-right: none !important;
        position: relative; }
        .soq-page .grid-table.sub-table .table .table-body .div-rows:hover .bg-blue-light, .soq-page .grid-table.sub-table .table .table-body .div-rows:hover .bg-blue-light2, .soq-page .grid-table.sub-table .table .table-body .div-rows:hover .bg-blue-dark {
          background-color: #c9c9c9 !important; }
      .soq-page .grid-table.sub-table .table .table-body .row-name {
        /*width: 218px !important;*/
        text-align: left !important;
        height: 30px;
        width: calc(100vw - 1210px) !important; }
        @media only screen and (min-width: 1800px) {
          .soq-page .grid-table.sub-table .table .table-body .row-name {
            width: 478px !important; } }
        @media only screen and (min-width: 1500px) {
          .soq-page .grid-table.sub-table .table .table-body .row-name {
            width: 394px; } }

.soq-page .grid-table .soq-table .table-header div div {
  padding: 6px 10px 5px !important;
  border-right: 1px solid #e0e3e8 !important;
  height: 45px !important;
  white-space: inherit; }

.soq-page .grid-table #divBody {
  max-height: calc(100vh - 412px) !important;
  overflow: auto; }
  @media only screen and (min-width: 1500px) {
    .soq-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
      /*width: 394px !important;*/
      width: calc(100vw - 1322px) !important; } }
  @media only screen and (min-width: 1800px) {
    .soq-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
      width: 478px !important; } }

.soq-page .p-5px {
  padding: 5px !important; }

.soq-page .table .table-header div div, .soq-page .table .table-body div div {
  height: unset !important;
  /*  padding: 0 !important;
        float: left;
        border-right: none !important;
        height: unset !important;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/ }

.soq-page .w-130px {
  width: 130px !important; }

.soq-page .border-right-0 {
  border-right: 0px solid #ffffff !important; }

.soq-page .w-35px {
  width: 35px !important; }

.soq-page .icofont-rounded-down, .soq-page .icofont-rounded-up, .soq-page .icofont-rounded-right {
  /*background: #e1e1e1;*/
  /* padding: 5px; */
  font-size: 22px;
  border-radius: 50%;
  /* width: 22px; */
  /* height: 22px; */
  display: block;
  margin: auto;
  color: #13b2b0;
  z-index: 10;
  cursor: pointer; }

.soq-page .invalid-feedback {
  position: absolute;
  top: 0;
  right: 245px;
  z-index: 1060;
  display: none;
  padding: 5px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #ffe6e6;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.soq-page .card .card-body {
  padding: 20px; }
  .soq-page .card .card-body .grid-table #divMainTable {
    overflow: auto;
    max-width: 94vw; }
    .soq-page .card .card-body .grid-table #divMainTable #divHeader, .soq-page .card .card-body .grid-table #divMainTable #divBody {
      width: max-content; }

.soq-page .target-qty-danger {
  background-color: #fb76765c !important; }

.soq-page .center-panel {
  width: calc(100% - 0px);
  display: inline-block; }
  .soq-page .center-panel .card .card-body {
    width: calc(100% - 0px);
    display: inline-block; }

.soq-page .so-count {
  margin-top: 16px !important;
  align-items: center; }
  .soq-page .so-count #lblSoApprovalQty {
    background-color: #ff2e1e;
    padding: 5px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    line-height: 22px; }

.delivery-shortages-page .panel-heading h2 {
  text-align: left !important; }

.delivery-shortages-page .color-code .card {
  top: -28px; }
  .delivery-shortages-page .color-code .card .so-queue {
    background: #009688; }
  .delivery-shortages-page .color-code .card .dispatch-release {
    background: #ff9800; }
  .delivery-shortages-page .color-code .card .dispatch-finalized {
    background: #8bc34a; }

.delivery-shortages-page .grid-table .table .table-header, .delivery-shortages-page .grid-table .table .table-body {
  width: 98.5% !important;
  border-right: 1px solid #e0e3e8 !important; }
  @media only screen and (min-width: 1920px) {
    .delivery-shortages-page .grid-table .table .table-header, .delivery-shortages-page .grid-table .table .table-body {
      width: 98.8% !important; } }
  .delivery-shortages-page .grid-table .table .table-header .action, .delivery-shortages-page .grid-table .table .table-body .action {
    height: 29px !important; }
  .delivery-shortages-page .grid-table .table .table-header .row-so, .delivery-shortages-page .grid-table .table .table-body .row-so {
    width: 7%; }
  .delivery-shortages-page .grid-table .table .table-header .row-so-date, .delivery-shortages-page .grid-table .table .table-body .row-so-date {
    width: 9%; }
  .delivery-shortages-page .grid-table .table .table-header .row-so-cus, .delivery-shortages-page .grid-table .table .table-header .row-name, .delivery-shortages-page .grid-table .table .table-body .row-so-cus, .delivery-shortages-page .grid-table .table .table-body .row-name {
    width: 47.5% !important; }
  .delivery-shortages-page .grid-table .table .table-header .row-so-route, .delivery-shortages-page .grid-table .table .table-body .row-so-route {
    width: 30%;
    border-right: 1px solid transparent !important; }
  .delivery-shortages-page .grid-table .table .table-header div div, .delivery-shortages-page .grid-table .table .table-body div div {
    height: unset !important; }
  .delivery-shortages-page .grid-table .table .table-header .parent-div, .delivery-shortages-page .grid-table .table .table-body .parent-div {
    line-height: 21px !important; }
    .delivery-shortages-page .grid-table .table .table-header .parent-div .action i, .delivery-shortages-page .grid-table .table .table-body .parent-div .action i {
      line-height: unset !important; }

.delivery-shortages-page .grid-table .table #divBody {
  max-height: calc(100vh - 375px) !important;
  overflow-y: scroll;
  width: calc(100% - 9px) !important;
  border-bottom: 0px solid #f2f4f8; }
  .delivery-shortages-page .grid-table .table #divBody .sub-table {
    padding: 0 0 12px 36px; }
    .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body {
      border-left: 1px solid #e0e3e8 !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-so, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-so {
        width: 8.1% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-date, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-date {
        width: 8.4% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-code, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-code {
        width: 10.3% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-name, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-name {
        width: 16.5% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-user, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-user {
        width: 9% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-so-qty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-soQty-style, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-so-qty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-soQty-style {
        width: 8% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-so-production-qty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-proQty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-so-production-qty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-proQty {
        width: 10.5% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-qty, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-qty {
        width: 8% !important;
        padding: 5px 10px !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-running-remaining, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-running-remaining {
        width: 17% !important;
        text-align: center !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header div div, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body div div {
        height: 40px !important;
        line-height: 30px; }
    .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row.margin-0 {
      border-left: 4px solid transparent; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row.margin-0 .row-code {
        padding: 6px 6px 5px !important; }
    .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body {
      overflow-y: scroll !important;
      width: calc(100% - 9px) !important; }
      @media only screen and (max-device-width: 1367px) {
        .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body {
          width: calc(100% - 5px) !important; } }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .div-rows {
        border-left: 4px solid transparent; }
        .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .div-rows.so-queue {
          border-left: 4px solid #009688; }
        .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .div-rows.dispatch-release {
          border-left: 4px solid #ff9800; }
        .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .div-rows.dispatch-finalized {
          border-left: 4px solid #8bc34a; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-code {
        padding: 6px 6px 5px !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-name {
        width: 16.6% !important; }
      .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-date {
        width: 8.3% !important; }
    .delivery-shortages-page .grid-table .table #divBody .sub-table ::-webkit-scrollbar-thumb {
      background: #597876 !important; }

.soa-page .grid-table .table .table-header .row-code, .soa-page .grid-table .table .table-body .row-code {
  width: 14% !important;
  text-align: left !important; }

.soa-page .grid-table .table .table-header .row-name, .soa-page .grid-table .table .table-body .row-name {
  width: 36% !important;
  text-align: left !important; }

.soa-page .grid-table .table .table-header .row-size, .soa-page .grid-table .table .table-body .row-size {
  width: 10% !important;
  text-align: left !important; }

.soa-page .grid-table .table .table-header .row-qty, .soa-page .grid-table .table .table-body .row-qty {
  width: 8% !important;
  text-align: right !important; }

.soa-page .grid-table .table .table-header .row-issued, .soa-page .grid-table .table .table-body .row-issued {
  width: 12% !important;
  text-align: right !important; }

.soa-page .grid-table .table .table-header .row-price, .soa-page .grid-table .table .table-body .row-price {
  width: 10% !important;
  text-align: right !important;
  border-left: 2px solid #b1dbef; }

.soa-page .grid-table .table .table-header .row-discount, .soa-page .grid-table .table .table-body .row-discount {
  width: 10% !important;
  text-align: right !important; }

.soa-page .grid-table .table .table-header .row-amount, .soa-page .grid-table .table .table-body .row-amount {
  width: 12% !important;
  text-align: right !important;
  border-right: 1px solid transparent; }

.soa-page .grid-table .table .table-header {
  padding-right: 10px;
  border-right: 1px solid #eee; }
  .soa-page .grid-table .table .table-header .row-price {
    border-left: none; }

.soa-page .grid-table .table .table-body {
  max-height: calc(100vh - 372px) !important;
  overflow-y: scroll; }

.soa-page #divListContainer {
  max-height: calc(100vh - 230px) !important;
  overflow-y: scroll; }
  .soa-page #divListContainer .row-line {
    border-left: 5px solid transparent; }
    .soa-page #divListContainer .row-line.so-normal {
      border-left: 5px solid #51be46; }
    .soa-page #divListContainer .row-line.so-credit-validation-failed {
      border-left: 5px solid #ff6e64; }
  .soa-page #divListContainer .item-row {
    padding: 8px 8px 8px 5px; }
    .soa-page #divListContainer .item-row .so-list-width {
      width: 17%; }
    .soa-page #divListContainer .item-row .name-width {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 47%;
      padding-left: 0px !important; }

.soa-page .remark-cus .w-25 {
  padding-left: 1px !important;
  width: 12% !important;
  display: inline-block; }
  .soa-page .remark-cus .w-25 label {
    width: 60px; }

.soa-page .remark-cus .w-75 {
  padding-left: 1px;
  width: 88% !important;
  display: inline-block;
  margin-left: 0px !important; }

.soa-page .total-amount .form-group {
  margin-right: 21px !important; }

.soa-page .total-amount label#lblTotal {
  width: 97px; }

.soa-page .panel .panel-body .panel-heading .checkbox {
  margin: 2px 3px 2px 0px;
  padding-right: 10px; }

.px-5px {
  padding: 0px 5px; }

.position-relative {
  position: relative; }

#production #divProduction .panel .headers .tempory, #production #divProduction .panel .headers .process, #production #divProduction .panel .panel-body .tempory, #production #divProduction .panel .panel-body .process {
  float: right !important;
  text-align: center; }

.dpc-page .center-panel.card {
  /*width: 100%;*/
  max-width: calc(100% - -9px);
  overflow: hidden; }
  @media only screen and (max-device-width: 1420px) {
    .dpc-page .center-panel.card {
      max-width: calc(100% - -2px); } }
  .dpc-page .center-panel.card .card-body {
    width: 100%; }

.dpc-page .grid-table {
  width: fit-content;
  margin: auto;
  max-width: 100%; }
  .dpc-page .grid-table #divMainTable #divHeader .row-code, .dpc-page .grid-table #divMainTable .div-rows .row-code {
    width: 137px;
    text-align: left !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader .row-name, .dpc-page .grid-table #divMainTable .div-rows .row-name {
    width: 520px;
    text-align: left !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader .row-default-capacity, .dpc-page .grid-table #divMainTable .div-rows .row-default-capacity {
    width: 100px;
    text-align: right !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader .row-expected-capacity, .dpc-page .grid-table #divMainTable .div-rows .row-expected-capacity {
    width: 100px;
    text-align: right !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader .row-SoQty, .dpc-page .grid-table #divMainTable .div-rows .row-SoQty {
    width: 80px;
    text-align: right !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader .row-flowQty, .dpc-page .grid-table #divMainTable .div-rows .row-flowQty {
    width: 80px;
    text-align: right !important;
    line-height: 20px; }
  .dpc-page .grid-table #divMainTable #divHeader div div {
    height: auto !important;
    overflow: unset !important;
    text-overflow: unset !important;
    white-space: unset !important; }
  .dpc-page .grid-table #divMainTable #divHeader .row-code {
    width: 144px !important;
    padding-left: 17px; }
  .dpc-page .grid-table #divMainTable #divBody {
    max-height: calc(100vh - 412px);
    overflow: auto scroll; }
    .dpc-page .grid-table #divMainTable #divBody .row-expected-capacity {
      padding: 3px; }
      .dpc-page .grid-table #divMainTable #divBody .row-expected-capacity .input-capacity {
        width: 100%;
        height: 24px;
        text-align: right; }

.dpc-page hr {
  margin-top: 10px;
  margin-bottom: 16px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }

.dpc-page .card-body {
  padding: 20px 18px 18px 20px; }
  .dpc-page .card-body .row-locationQty {
    border-right: 1px solid transparent; }
  .dpc-page .card-body .w-100px {
    width: 100px !important; }
  .dpc-page .card-body .grid-table {
    /* overflow: auto;
            max-width: 100%;
            width: calc(100vw - 310px);*/ }
    .dpc-page .card-body .grid-table #divMainTable {
      overflow: auto;
      max-width: 94vw; }
      .dpc-page .card-body .grid-table #divMainTable #divHeader, .dpc-page .card-body .grid-table #divMainTable #divBody {
        width: max-content; }

.dpc-page ::-webkit-scrollbar {
  width: 7px !important; }

.dpc-page .panel-body {
  padding-top: 20px !important; }
  .dpc-page .panel-body .d-box {
    display: flex;
    padding-left: 11px; }
  .dpc-page .panel-body .d-label {
    line-height: 2;
    margin-right: 10px; }
  .dpc-page .panel-body .d1-label {
    line-height: 2;
    margin-right: 10px;
    width: 170px;
    margin-left: -30px; }
  .dpc-page .panel-body .checkbox-field {
    /* padding-top: 3px !important;
                margin-left: 5px;*/ }
  .dpc-page .panel-body #txtDate {
    width: 134px; }
  .dpc-page .panel-body .d-select {
    margin-left: -35px; }
  .dpc-page .panel-body .osb .row-code {
    min-width: 100px !important; }

.dpc-page .btn {
  padding: 4px 12px !important;
  height: 30px;
  line-height: 23px; }

.dpc-page .pasted-field {
  background-color: #ffff8d; }

.dpc-page .info-blue i {
  font-size: 20px;
  color: #2196F3;
  cursor: pointer;
  position: relative;
  top: 4px;
  left: 0px; }

#packingStyle .form .grid-table .table-header {
  width: 561px; }

#packingStyle .table .table-body .div-rows {
  width: 561px; }

#packingStyle .row-rate {
  width: 122px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

#packingStyle .row-subUnit {
  width: 254px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

#packingStyle .input-rate {
  width: 103px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

#packingStyle row-location {
  width: 103px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

#packingStyle .location {
  padding: 3px; }

.packing-pr-pending {
  background-color: #dff4ff !important; }

#spnItemName {
  font-family: "Khand", sans-serif;
  color: #13b2b0;
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
  /* font-weight: bold; */
  margin-left: 12px; }

.production-popup {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .production-popup .modal-header {
    padding: 8px 25px 0px;
    border-bottom: none;
    background-color: transparent;
    border-radius: 0;
    font-size: unset; }
    .production-popup .modal-header h4 {
      font-family: "Khand", sans-serif;
      font-weight: 700;
      font-size: 18px;
      text-transform: uppercase;
      color: #656464;
      border-bottom: 1px solid #DBDBDB;
      padding-bottom: 10px;
      padding-top: 6px; }
    .production-popup .modal-header .close {
      margin-top: 5px;
      font-size: 30px;
      font-weight: 100; }
  .production-popup .modal-body {
    display: inline-block;
    width: 100%;
    padding: 15px 25px;
    /*  #lblUserShifIttem {
            background-color: #5a92dc;
        }*/ }
    .production-popup .modal-body .table-header .pr-8 {
      padding-right: 8px !important; }
    .production-popup .modal-body .table-header .pl-8 {
      padding-left: 8px !important; }
    .production-popup .modal-body .px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    .production-popup .modal-body .pr-0 {
      padding-right: 0px !important; }
    .production-popup .modal-body .pl-0 {
      padding-left: 0px !important; }
    .production-popup .modal-body .pl-8 {
      padding-left: 8px !important; }
    .production-popup .modal-body .pl-8 {
      padding-left: 8px !important; }
    .production-popup .modal-body .pl-2 {
      padding-left: 10px !important; }
    .production-popup .modal-body .row-lines {
      margin-top: 0px; }
    .production-popup .modal-body .div-rows {
      display: flex;
      align-items: center;
      padding: 5px 0px;
      border-bottom: 1px solid #ECECEC; }
      .production-popup .modal-body .div-rows div {
        font-size: 13px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        color: #686868;
        line-height: 1.8;
        vertical-align: middle; }
    .production-popup .modal-body .table-header {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      margin-top: 2px !important;
      display: inline-block;
      width: 100%;
      font-size: 13px; }
      .production-popup .modal-body .table-header#divUserShiftHeader {
        /*background-color: #79a5df;*/
        background-color: #62dbd9;
        color: white; }
    .production-popup .modal-body .one-line {
      display: flex;
      align-items: center; }
  .production-popup .modal-footer {
    padding: 15px 25px;
    background-color: #F2F4F8;
    border-top: white;
    border-radius: 0px 0px 8px 8px !important; }
    .production-popup .modal-footer button {
      cursor: pointer;
      outline: none;
      box-sizing: border-box;
      height: 30px;
      line-height: 23px; }
  .production-popup .modal-dialog {
    border-radius: 8px !important; }
    .production-popup .modal-dialog .modal-content {
      border-radius: 8px !important; }
  .production-popup ::-webkit-scrollbar {
    width: 8px; }
  .production-popup ::-webkit-scrollbar-track {
    background: transparent; }
  .production-popup ::-webkit-scrollbar-thumb {
    background: #b8b8b8; }
  .production-popup ::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f; }

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

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

.px-8 {
  padding-right: 8px !important;
  padding-left: 8px !important; }

.ml-45px {
  margin-left: 45px !important; }

.w-20 {
  width: 20%; }

.w-34 {
  width: 34%; }

.dispatch-page .grid-table #divMainTable #divHeader .row-code, .dispatch-page .grid-table #divMainTable .div-rows .row-code {
  width: 80px !important;
  text-align: left !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-name, .dispatch-page .grid-table #divMainTable .div-rows .row-name {
  width: 300px;
  text-align: left !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-qty, .dispatch-page .grid-table #divMainTable .div-rows .row-qty {
  width: 130px;
  text-align: right !important;
  background-color: transparent !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-customer, .dispatch-page .grid-table #divMainTable .div-rows .row-customer {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-pickup-locations, .dispatch-page .grid-table #divMainTable .div-rows .row-pickup-locations {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-pickup-qty, .dispatch-page .grid-table #divMainTable .div-rows .row-pickup-qty {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-refNo, .dispatch-page .grid-table #divMainTable .div-rows .row-refNo {
  width: 130px;
  text-align: left !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-date, .dispatch-page .grid-table #divMainTable .div-rows .row-date {
  width: 175px;
  text-align: left !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-status, .dispatch-page .grid-table #divMainTable .div-rows .row-status {
  width: 130px;
  text-align: left !important; }

.dispatch-page .grid-table #divMainTable #divHeader .row-action, .dispatch-page .grid-table #divMainTable .div-rows .row-action {
  width: 215px;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-code {
  width: 60px !important;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-name {
  width: 200px;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-qty {
  width: 130px;
  text-align: right !important;
  background-color: transparent !important; }

.dispatch-page .grid-table.sub-table .table .row-customer {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table.sub-table .table .row-pickup-locations {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table.sub-table .table .row-pickup-qty {
  width: 130px;
  text-align: right !important; }

.dispatch-page .grid-table.sub-table .table .row-refNo {
  width: 130px;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-date {
  width: 175px;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-status {
  width: 130px;
  text-align: left !important; }

.dispatch-page .grid-table.sub-table .table .row-action {
  width: 215px;
  text-align: left !important; }

.dispatch-page .dispatch-location-header {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-weight: bold; }

.dispatch-page .form-group {
  display: flex;
  align-items: center; }
  .dispatch-page .form-group label {
    width: 50px !important; }

.dispatch-page .width-667 {
  width: 667px; }

.dispatch-page .mx-auto {
  margin: auto !important; }

.dispatch-page .mr-4px {
  margin-right: 4px !important; }

.dispatch-page .ml-25px {
  margin-left: 25px; }

.clear-initial {
  clear: initial !important; }

.customer-page .float-right {
  float: right !important; }

.customer-page .m-5px {
  margin: 5px !important; }

.customer-page .ml-3px {
  margin-left: 3px !important;
  border-bottom: 1px solid #e0e3e8; }

.customer-page .flexible-panels .table .row-ccname {
  width: 180px;
  text-align: left !important;
  display: flex;
  align-items: center; }

.customer-page .flexible-panels .table .row-address {
  width: 250px;
  text-align: left !important;
  display: flex;
  align-items: center; }

.customer-page .flexible-panels .table .row-psc {
  width: 92px;
  text-align: right !important;
  display: flex;
  align-items: center; }

.customer-page .flexible-panels .table .row-tele {
  width: 110px;
  text-align: right !important;
  display: flex;
  align-items: center; }

.customer-page .flexible-panels .table .row-active {
  width: 58px;
  display: flex;
  align-items: center; }

.customer-page .flexible-panels .table .row-active-tb {
  width: 58px;
  padding: 3px 7px 3px 18px; }

.customer-page .flexible-panels .table .action {
  width: 60px;
  text-align: right !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important; }
  .customer-page .flexible-panels .table .action .edit-icon {
    width: 18px;
    height: 22px;
    margin-top: 20px;
    display: block;
    text-align: center; }
  .customer-page .flexible-panels .table .action .delete-icon {
    right: -2px !important;
    top: 12px !important; }

.customer-page .customer.form .form-group.price-field {
  width: 117px; }

.customer-page #divRemakMainTable .row-name {
  width: 160px;
  text-align: left !important; }

.customer-page #divRemakMainTable .row-remark {
  width: 570px;
  text-align: left !important; }

.customer-page #divRemakMainTable .row-date {
  width: 90px;
  text-align: left !important; }

.customer-page #divRemakMainTable .justify-content-center {
  justify-content: center !important; }

.customer-page #divRemakMainTable .action {
  width: 40px; }
  .customer-page #divRemakMainTable .action i {
    color: #e05d5d;
    cursor: pointer;
    font-size: 20px; }
    .customer-page #divRemakMainTable .action i:hover {
      color: #c10000; }

.customer-page #divRemakMainTable #divRemarkBody {
  max-height: calc(100vh - 394px);
  overflow: auto; }
  .customer-page #divRemakMainTable #divRemarkBody div div {
    line-height: 20px; }

.customer-page #taxSequence .panel.item-lists {
  width: 312px; }

@media only screen and (min-device-width: 1520px) {
  .customer-page #customer .medium-field.margin-bottom-10 {
    margin-bottom: 8px !important; } }

@media only screen and (max-device-width: 1400px) {
  .customer-page #customer .cus-width + .checkbox-field + .name-field + .check-field-cus .top-chk {
    margin-top: -20px; }
  .customer-page #customer .cus-width + .checkbox-field + .name-field + .check-field-cus + .check-field-cus .top-chk {
    margin-top: -20px; }
  .customer-page #customer .cus-width + .checkbox-field + .name-field + .check-field-cus + .check-field-cus + .check-field-cus .top-chk {
    margin-top: -20px; } }

@media only screen and (max-device-width: 1900px) {
  .customer-page .collapsed + .right-panel .cus-width + .checkbox-field + .name-field + .check-field-cus .top-chk {
    margin-top: 0px !important; }
  .customer-page .collapsed + .right-panel .cus-width + .checkbox-field + .name-field + .check-field-cus + .check-field-cus .top-chk {
    margin-top: 0px !important; }
  .customer-page .collapsed + .right-panel .cus-width + .checkbox-field + .name-field + .check-field-cus + .check-field-cus + .check-field-cus .top-chk {
    margin-top: 0px !important; } }

.customer-page .right-panel {
  width: 1750px !important; }

.customer-page #remark .grid-headers {
  /*margin-top: 10px !important;*/ }

.customer-page #remark #divRemakMainTable {
  display: block !important; }
  .customer-page #remark #divRemakMainTable .table-body {
    border-bottom: 0px solid #f2f4f8 !important; }

.customer-page .width-cal {
  width: calc(100% - 0px); }

.customer-page #divListContainer {
  max-height: calc(100vh - 227px) !important; }
  .customer-page #divListContainer .row-line .item-row {
    /*margin-bottom: -1px;*/ }

.customer-page .item-lists.collapsed {
  width: 62px !important;
  margin-top: 35px; }
  .customer-page .item-lists.collapsed .search {
    display: none; }
  .customer-page .item-lists.collapsed .panel-body {
    display: none; }

.customer-page .top-chk {
  padding-top: 12px !important; }

.customer-page .flexible-panels.collapsed ~ .form {
  min-width: calc(100% - 65px);
  padding: 0px; }

.customer-page .panel-cus .panel.tax-list-table .panel-heading {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 12px 10px; }
  .customer-page .panel-cus .panel.tax-list-table .panel-heading h4 {
    margin: 0 !important; }

.customer-page .panel-cus .panel.tax-list-table #divTaxContainer {
  max-height: calc(100vh - 354px) !important; }
  .customer-page .panel-cus .panel.tax-list-table #divTaxContainer .item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 20px 6px 10px;
    margin-top: -1px; }

.mw-650 {
  width: 650px !important; }
  .mw-650 .modal-footer {
    padding: 10px 24px; }

.p-24px {
  padding: 24px !important; }

.w-48 {
  width: 48% !important; }

.w-25 {
  width: 25% !important; }

.w-27 {
  width: 27% !important; }

.w-40 {
  width: 40% !important; }

.mr-24 {
  margin-right: 24px !important; }

.w-153px {
  width: 153px !important; }

.width-220 {
  width: 220px !important; }

.width-402 {
  width: 402px !important; }

.width-708 {
  width: 708px !important; }

.width-735 {
  width: 735px !important; }

.width-740 {
  width: 740px !important; }

.width-760 {
  width: 760px !important; }

.width-1138 {
  width: 1138px; }

.px-8px {
  padding-left: 8px;
  padding-right: 8px; }

.ml-100 {
  margin-left: 100px; }

.dash {
  font-size: 16px;
  color: #858585;
  font-weight: 700; }

.checkbox-CustomerPopup .custom-checkbox {
  margin-left: -15px;
  margin-top: 3px;
  margin-right: 10px; }

.checkbox-CustomerPopup .custom-checkbox-element {
  position: absolute;
  left: 0; }

.checkbox-CustomerPopup label {
  margin-top: 4px;
  z-index: 5; }

.btn-fail {
  color: #fff;
  background-color: #ff7878;
  border-color: #ff7878; }
  .btn-fail:hover {
    background-color: #f15e5e;
    border-color: #f15e5e;
    color: #fff !important; }

#lblMainCusName {
  color: #3c3c3c !important;
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 0;
  font-weight: 700;
  width: 100% !important;
  font-size: 11px !important; }

.width-27-percent {
  width: 27% !important; }

.width-28-percent {
  width: 28% !important; }

.refno-entry input {
  margin-top: 10px; }

#divSoListContainer {
  max-height: 71px !important; }

.sales-order-page .togglebtn-group {
  position: absolute;
  top: -67px;
  right: 205px; }
  .sales-order-page .togglebtn-group input.btn {
    height: 33px;
    line-height: 1.2; }

.sales-order-page .navigator {
  right: -35px !important;
  top: -65px !important; }

.sales-order-page .search {
  width: 70% !important; }

.sales-order-page .form .form-group .form-image .input-group-btn {
  margin-left: -12px !important; }

.sales-order-page .form .grid-headers .form-group.discount-field {
  height: 30px; }

.sales-order-page .form .form-group.one-line div #lblCusDis {
  width: 130px !important;
  padding-left: 0px;
  margin-left: 0;
  /*   position: absolute;
        right: -135px;
        top: 3px;*/ }

.sales-order-page .row-packing {
  width: 93px;
  padding: 6px 10px 5px !important;
  line-height: 17px; }

.sales-order-page .row-price {
  width: 83px !important;
  padding: 6px 10px 5px !important; }

.sales-order-page #txtItemDiscountPercentage {
  width: 38.8% !important; }

.sales-order-page #txtItemDiscount {
  width: 49% !important; }

.sales-order-page .edit-list-table .panel #divListContainer {
  max-height: 122px !important; }

.sales-order-page .table .text-left {
  text-align: left !important; }

.sales-order-page .table .text-right {
  text-align: right !important; }

@media only screen and (min-device-width: 1920px) {
  .sales-order-page .center-panel {
    width: 1438px; } }

.sales-order-page .center-panel .top-left {
  width: 70% !important;
  display: inline-block;
  float: left; }

.sales-order-page .center-panel #divListContainer.row-lines {
  max-height: 164px !important; }

.sales-order-page .center-panel .custom-width {
  max-width: calc(100vw - 318px);
  overflow: auto; }
  .sales-order-page .center-panel .custom-width .grid-headers {
    width: max-content;
    max-width: 1424px;
    min-width: 1137px; }
    .sales-order-page .center-panel .custom-width .grid-headers .order-field {
      width: 39px; }
    .sales-order-page .center-panel .custom-width .grid-headers .code-field {
      width: 99px; }
    .sales-order-page .center-panel .custom-width .grid-headers .packingstyle-field {
      width: 94px; }
    .sales-order-page .center-panel .custom-width .grid-headers .medium-field {
      width: 292px; }
      @media only screen and (min-device-width: 1920px) {
        .sales-order-page .center-panel .custom-width .grid-headers .medium-field {
          width: 459px !important; } }
      @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
        .sales-order-page .center-panel .custom-width .grid-headers .medium-field {
          width: 282px; } }
    .sales-order-page .center-panel .custom-width .grid-headers .small-field {
      width: 75px; }
    .sales-order-page .center-panel .custom-width .grid-headers .qty-field {
      width: 79px; }
    .sales-order-page .center-panel .custom-width .grid-headers .discount-field {
      width: 135px; }
    .sales-order-page .center-panel .custom-width .grid-headers .stock-field {
      width: 66px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-order, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-order {
    width: 39px;
    text-align: left;
    padding-left: 7px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-code, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-code {
    width: 98px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-name, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-name {
    width: 291px; }
    @media only screen and (min-device-width: 1920px) {
      .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-name, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-name {
        width: 458px !important; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
      .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-name, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-name {
        width: 281px; } }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-qty, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-qty {
    width: 78px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-size, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-size {
    width: 74px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-production-qty, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-production-qty {
    width: 101px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-discount, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-discount {
    width: 135px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header .row-stock, .sales-order-page .center-panel .custom-width .grid-table .table .table-body .row-stock {
    width: 65px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-header {
    max-width: 1498px;
    width: max-content;
    min-width: 1208px; }
  .sales-order-page .center-panel .custom-width .grid-table .table .table-body {
    max-width: 1548px;
    width: max-content;
    min-width: 1218px;
    max-height: calc(100vh - 466px) !important;
    overflow-y: auto; }
    @media only screen and (min-device-width: 1920px) {
      .sales-order-page .center-panel .custom-width .grid-table .table .table-body {
        max-height: calc(100vh - 750px) !important; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
      .sales-order-page .center-panel .custom-width .grid-table .table .table-body {
        max-height: calc(100vh - 564px) !important; } }
  .sales-order-page .center-panel .custom-width .total-width {
    /*max-width: 1377px;
                width: auto;*/
    width: 1206px; }
    @media only screen and (min-device-width: 1920px) {
      .sales-order-page .center-panel .custom-width .total-width {
        width: 1374px; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
      .sales-order-page .center-panel .custom-width .total-width {
        width: 1197px; } }
    .sales-order-page .center-panel .custom-width .total-width .total-amount .double-inputs input {
      margin-left: 0px; }
    .sales-order-page .center-panel .custom-width .total-width .total-amount .double-inputs input[name="Percentage"] {
      margin-right: 2px;
      margin-left: -2px; }
    .sales-order-page .center-panel .custom-width .total-width .total-amount.mr-63 {
      margin-right: 34px; }

.sales-order-page #divCustomer #lblMainCusName.position-pc {
  position: absolute;
  top: 57px;
  left: 0;
  min-width: 492px !important;
  font-size: 11px !important; }
  @media only screen and (max-device-width: 1400px) {
    .sales-order-page #divCustomer #lblMainCusName.position-pc {
      min-width: 500px !important; } }

#workOrderClosePopup .w-48 {
  width: 49% !important; }

#workOrderClosePopup .mr-25 {
  margin-right: 15px;
  padding-right: 15px; }

#workOrderClosePopup .modal-lg {
  width: 550px !important; }

#workOrderClosePopup .mt-n2 {
  margin-top: -5px; }

#workOrderClosePopup .damage-done {
  background-color: #f76060; }

#workOrderClosePopup .damage-location-done {
  background-color: #ff7878; }

#workOrderClosePopup .border-right {
  border-right: 1px solid #c7c7c7; }

#workOrderClosePopup input[type='text'].form-control {
  padding: 6px 8px;
  font-size: 13px;
  height: 30px; }

.d-flex {
  display: flex !important; }

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

.width-107 {
  width: 107px !important; }

.irm-page .form .form-group label {
  width: 98px !important;
  font-weight: 700; }

.irm-page .form .form-group .width-130px {
  width: 130px !important; }

.irm-page .form .form-group .width-250 {
  width: 235px !important; }
  @media only screen and (min-device-width: 1520px) {
    .irm-page .form .form-group .width-250 {
      width: 235px !important; } }
  @media only screen and (min-device-width: 1921px) {
    .irm-page .form .form-group .width-250 {
      width: 192px !important; } }

@media only screen and (min-width: 1850px) and (max-width: 1920px) {
  .irm-page .form .form-group .width-150 {
    width: 100px !important; } }

.irm-page .form .form-group .form-control {
  padding: 4px 5px; }

.irm-page .table .table-header .w-80, .irm-page .table .table-body .w-80 {
  width: 75px !important;
  padding: 7px 5px 5px 9px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.irm-page .table .table-header .width-90, .irm-page .table .table-body .width-90 {
  width: 90px !important;
  padding: 7px 10px 5px !important; }

.irm-page .table .table-header .w-90, .irm-page .table .table-body .w-90 {
  width: 90px !important;
  padding: 7px 10px 5px !important; }
  .irm-page .table .table-header .w-90.row-amount, .irm-page .table .table-body .w-90.row-amount {
    text-align: right !important; }
  .irm-page .table .table-header .w-90.row-date, .irm-page .table .table-body .w-90.row-date {
    text-align: left !important;
    width: 100px !important;
    padding-right: 5px !important;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .irm-page .table .table-header .w-90.row-date #lotInfo, .irm-page .table .table-body .w-90.row-date #lotInfo {
      color: #2196f3 !important;
      font-size: 16px; }
  .irm-page .table .table-header .w-90.row-price, .irm-page .table .table-body .w-90.row-price {
    border-right: 2px solid #b1dbef;
    border-left: 2px solid #b1dbef;
    display: flex;
    align-items: center;
    justify-content: flex-end; }

.irm-page .table .table-header .w-200, .irm-page .table .table-body .w-200 {
  width: 190px !important; }
  @media only screen and (min-device-width: 1580px) {
    .irm-page .table .table-header .w-200, .irm-page .table .table-body .w-200 {
      width: 280px !important; } }
  .irm-page .table .table-header .w-200.row-customer, .irm-page .table .table-body .w-200.row-customer {
    text-align: left !important; }

.irm-page .table .table-header .refno-entry, .irm-page .table .table-body .refno-entry {
  width: 29px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.irm-page .table .table-header .text-left, .irm-page .table .table-body .text-left {
  text-align: left !important; }

.irm-page .table .table-header .row-order, .irm-page .table .table-body .row-order {
  padding: 7px 10px 5px !important; }

.irm-page .table .table-body {
  overflow: auto;
  max-height: calc(100vh - 415px); }

.irm-page .switch-btn .btn {
  font-family: "Khand", sans-serif;
  min-width: 30px !important;
  padding: 10px !important;
  height: 30px !important;
  width: 30px !important;
  font-size: 17px !important;
  display: flex !important;
  align-items: center;
  align-content: center;
  justify-content: center;
  line-height: .7 !important; }

.irm-page #frmForm .card {
  border: 1px solid #ededed;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 2px 3px #f5f5f5; }

.irm-page .text-left {
  text-align: left !important; }

.products-page #divMoli .item-lists {
  width: 260px !important; }

.products-page #divMoli .flexible-panels {
  width: calc(100% - 275px); }
  .products-page #divMoli .flexible-panels .grid-headers .w-65, .products-page #divMoli .flexible-panels .grid-table .w-65 {
    width: 65px !important; }
    .products-page #divMoli .flexible-panels .grid-headers .w-65.row-qty, .products-page #divMoli .flexible-panels .grid-table .w-65.row-qty {
      padding-right: 5px;
      padding-left: 5px;
      text-align: right !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-66, .products-page #divMoli .flexible-panels .grid-table .w-66 {
    width: 66px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-63, .products-page #divMoli .flexible-panels .grid-table .w-63 {
    width: 63px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-60, .products-page #divMoli .flexible-panels .grid-table .w-60 {
    width: 60px !important; }
    .products-page #divMoli .flexible-panels .grid-headers .w-60.row-uom, .products-page #divMoli .flexible-panels .grid-table .w-60.row-uom {
      padding-right: 5px;
      padding-left: 5px;
      text-align: center !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-70, .products-page #divMoli .flexible-panels .grid-table .w-70 {
    width: 70px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-71, .products-page #divMoli .flexible-panels .grid-table .w-71 {
    width: 71px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-80, .products-page #divMoli .flexible-panels .grid-table .w-80 {
    width: 80px !important; }
    .products-page #divMoli .flexible-panels .grid-headers .w-80.row-price, .products-page #divMoli .flexible-panels .grid-table .w-80.row-price {
      border-left: 2px solid #b1dbef; }
  .products-page #divMoli .flexible-panels .grid-headers .row-scrap-qty, .products-page #divMoli .flexible-panels .grid-headers .row-scrap-percentage, .products-page #divMoli .flexible-panels .grid-table .row-scrap-qty, .products-page #divMoli .flexible-panels .grid-table .row-scrap-percentage {
    text-align: right !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-81, .products-page #divMoli .flexible-panels .grid-table .w-81 {
    width: 81px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-88, .products-page #divMoli .flexible-panels .grid-table .w-88 {
    width: 88px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-100, .products-page #divMoli .flexible-panels .grid-table .w-100 {
    width: 100px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-110, .products-page #divMoli .flexible-panels .grid-table .w-110 {
    width: 110px !important; }
    .products-page #divMoli .flexible-panels .grid-headers .w-110.row-code, .products-page #divMoli .flexible-panels .grid-table .w-110.row-code {
      padding-right: 5px;
      padding-left: 5px;
      text-align: left !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-130, .products-page #divMoli .flexible-panels .grid-table .w-130 {
    width: 130px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-131, .products-page #divMoli .flexible-panels .grid-table .w-131 {
    width: 131px !important; }
  .products-page #divMoli .flexible-panels .grid-headers .w-250, .products-page #divMoli .flexible-panels .grid-table .w-250 {
    width: 230px !important; }
    @media only screen and (min-device-width: 1920px) {
      .products-page #divMoli .flexible-panels .grid-headers .w-250, .products-page #divMoli .flexible-panels .grid-table .w-250 {
        width: 500px !important; } }
    @media only screen and (min-device-width: 1800px) {
      .products-page #divMoli .flexible-panels .grid-headers .w-250, .products-page #divMoli .flexible-panels .grid-table .w-250 {
        width: 300px !important; } }
  .products-page #divMoli .flexible-panels .grid-headers .w-231, .products-page #divMoli .flexible-panels .grid-table .w-231 {
    width: 231px !important; }
    @media only screen and (min-device-width: 1920px) {
      .products-page #divMoli .flexible-panels .grid-headers .w-231, .products-page #divMoli .flexible-panels .grid-table .w-231 {
        width: 501px !important; } }
    @media only screen and (min-device-width: 1800px) {
      .products-page #divMoli .flexible-panels .grid-headers .w-231, .products-page #divMoli .flexible-panels .grid-table .w-231 {
        width: 301px !important; } }
  .products-page #divMoli .flexible-panels .grid-headers .action, .products-page #divMoli .flexible-panels .grid-table .action {
    width: 25px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }

.products-page #divMoli .w-80 {
  width: 80px !important; }

.products-page #divMoli .w-90 {
  width: 90px !important; }

.products-page #divMoli .table-body {
  overflow: auto;
  max-height: calc(100vh - 563px); }

.products-page #divMoli .full-width .one-line div label {
  min-width: auto !important; }

.products-page #divMoli #divHeader .row-price {
  border: 0px !important;
  border-right: 1px solid #e0e3e8 !important; }

.cheque-list-cus .customer {
  width: 30% !important;
  margin: 0px !important; }

.cheque-list-cus .date {
  width: 8% !important;
  margin: 0px !important; }

.cheque-list-cus .number {
  width: 14% !important;
  text-align: center !important;
  margin: 0px !important; }

.cheque-list-cus .bank {
  width: 14% !important;
  margin: 0px !important; }

.cheque-list-cus .branch {
  width: 14% !important;
  margin: 0px !important; }

.cheque-list-cus .status {
  width: 8% !important;
  margin: 0px !important; }

.cheque-list-cus .amount {
  width: 10% !important;
  margin: 0px !important; }

.cheque-list-cus .checkbox-w {
  width: 4% !important;
  margin: 0px !important; }

.cheque-list-cus .headers .customer {
  width: 29.5% !important; }

.cheque-list-cus .headers .amount {
  width: 10.5% !important; }

.cheque-list-cus .checkbox {
  margin-right: 1.4em !important; }

.width-1000 {
  width: 1040px !important; }

.bom-form .full-width .one-line div label {
  width: auto !important;
  min-width: 18px;
  text-align: left; }

.bom-form .w-34px {
  width: 34px !important; }

.bom-form .w-77px {
  width: 77px !important; }

.bom-form .w-108px {
  width: 108px !important; }

.bom-form .w-80px {
  width: 80px !important; }

.bom-form .w-80 {
  width: 90px !important; }
  .bom-form .w-80.row-scrap-qty {
    text-align: right !important; }

.bom-form .w-70 {
  width: 70px !important; }
  .bom-form .w-70.row-scrap-percentage {
    text-align: right !important; }

.bom-form .w-100px {
  width: 100px !important; }

.bom-form .table-body {
  overflow: auto;
  max-height: calc(100vh - 388px); }
  .bom-form .table-body .w-80.row-price {
    border-right: 2px solid #b1dbef;
    border-left: 2px solid #b1dbef; }

.pr-20 {
  padding-right: 20px !important; }

.yellowIcon {
  color: #e5ae13 !important; }

.greenIcon {
  color: #02b55a !important; }

.redIcon {
  color: #e51313 !important; }

.w-260px {
  width: 260px !important; }

.ml-5px {
  margin-left: 5px !important; }

/*.bg-blue-light {
    background: #e1f1ff !important;
}
.bg-blue-light2 {
    background: #c6e4fd !important;
}
.bg-blue-dark {
    background: #87c2f5 !important;
}*/
.edit-list-table {
  position: absolute;
  top: 40px;
  right: 14px; }
  .edit-list-table .panel {
    width: 290px; }
    .edit-list-table .panel #divListContainer {
      max-height: 138px !important; }

.po-width-adjustment + .navigator + .requisition-notes-table {
  right: 0px; }

.po-width-adjustment.po-width + .navigator + .requisition-notes-table {
  right: 303px; }

.requisition-notes-table {
  position: absolute;
  top: 8px; }
  .requisition-notes-table .panel {
    width: 240px; }
    .requisition-notes-table .panel #divListContainer, .requisition-notes-table .panel #divPoApprovedRequisitionListContainer {
      max-height: 98px !important; }

.pl-57 {
  padding-left: 57px !important; }

.po-page .edit-list-table #divListContainer {
  max-height: 98px !important; }

.po-page .ptl {
  padding-top: 0px;
  padding-left: 10px;
  top: 8px;
  right: 0px; }

.po-page .mr-35 {
  margin-right: 35px; }

.po-page .mr-45 {
  margin-right: 45px; }
  @media only screen and (min-device-width: 1520px) {
    .po-page .mr-45 {
      margin-right: 55px; } }

.po-page .remark {
  width: 980px;
  max-width: 100%;
  margin: 0px 0 0 0px; }

.po-page .table .table-header .row-code, .po-page .table .table-header .row-item, .po-page .table .table-header .row-date, .po-page .table .table-header .row-name, .po-page .table .table-body .row-code, .po-page .table .table-body .row-item, .po-page .table .table-body .row-date, .po-page .table .table-body .row-name {
  text-align: left !important; }

.po-page .table .table-header .row-code, .po-page .table .table-body .row-code {
  width: 105px; }
  @media only screen and (min-device-width: 1520px) {
    .po-page .table .table-header .row-code, .po-page .table .table-body .row-code {
      width: 120px; } }

@media only screen and (min-device-width: 1920px) {
  .po-page .table .table-header .row-name, .po-page .table .table-body .row-name {
    width: 580px !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1820px) {
  .po-page .table .table-header .row-name, .po-page .table .table-body .row-name {
    width: 430px !important; } }

@media only screen and (min-device-width: 1520px) {
  .po-page .table .table-header .row-stock, .po-page .table .table-header .row-size, .po-page .table .table-body .row-stock, .po-page .table .table-body .row-size {
    width: 80px !important; } }

@media only screen and (min-device-width: 1520px) {
  .po-page .table .table-header .row-qty, .po-page .table .table-body .row-qty {
    width: 80px !important; } }

@media only screen and (min-device-width: 1520px) {
  .po-page .table .table-header .row-price, .po-page .table .table-body .row-price {
    width: 140px !important; } }

.po-page .table .table-header .row-lotNumber, .po-page .table .table-header .row-active, .po-page .table .table-body .row-lotNumber, .po-page .table .table-body .row-active {
  text-align: center !important; }

.po-page .table .table-header .row-qty, .po-page .table .table-header .row-discount, .po-page .table .table-header .row-amount, .po-page .table .table-header .row-stock, .po-page .table .table-body .row-qty, .po-page .table .table-body .row-discount, .po-page .table .table-body .row-amount, .po-page .table .table-body .row-stock {
  text-align: right !important; }

.po-page #divBody {
  overflow: auto;
  max-height: calc(100vh - 527px) !important; }
  @media only screen and (min-device-width: 1920px) {
    .po-page #divBody {
      max-height: calc(100vh - 698px) !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .po-page #divBody {
      max-height: calc(100vh - 644px) !important; } }

.po-page .opo-btn {
  position: absolute;
  right: 165px;
  top: -61px; }

.po-page .panel-body .sub-tot {
  margin-right: 12px; }
  @media only screen and (min-device-width: 1520px) {
    .po-page .panel-body .sub-tot {
      margin-right: 11px; } }
  .po-page .panel-body .sub-tot .s-box {
    margin-right: 0px !important; }
    .po-page .panel-body .sub-tot .s-box input[type='text'] {
      width: 150px; }

.po-page .panel-body .grid-headers {
  margin-top: 7px !important; }
  .po-page .panel-body .grid-headers .code-field {
    width: 106px !important; }
    @media only screen and (min-device-width: 1520px) {
      .po-page .panel-body .grid-headers .code-field {
        width: 121px !important; } }
  @media only screen and (min-device-width: 1920px) {
    .po-page .panel-body .grid-headers .width-355 {
      width: 581px !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1820px) {
    .po-page .panel-body .grid-headers .width-355 {
      width: 431px !important; } }
  @media only screen and (min-device-width: 1520px) {
    .po-page .panel-body .grid-headers .small-field, .po-page .panel-body .grid-headers .stock-field {
      width: 81px !important; } }
  @media only screen and (min-device-width: 1520px) {
    .po-page .panel-body .grid-headers .qty-field {
      width: 81px !important; } }
  @media only screen and (min-device-width: 1520px) {
    .po-page .panel-body .grid-headers .price-field {
      width: 141px !important; } }

.po-page #supplieritemIcon .btn-sup {
  background-color: #fff !important;
  border: 1px solid #13b2b0;
  min-width: auto;
  padding: 4px 7px !important;
  border-radius: 5px;
  height: 33px !important;
  margin-left: 20px;
  margin-top: -2px; }

.po-page #supplieritemIcon .btn-sup:hover {
  background: #13b2b0 !important;
  border: 1px solid #13b2b0 !important; }
  .po-page #supplieritemIcon .btn-sup:hover i {
    color: #fff !important; }

.po-page #supplieritemIcon i {
  position: relative;
  left: 0px;
  top: 0px;
  color: #13b2b0;
  line-height: 1.5; }

.po-page .navigator {
  right: -43px !important;
  top: -62px !important; }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .po-page .navigator {
      right: -39px !important; } }

.po-page .remark-section {
  position: absolute;
  margin-top: -96px !important;
  width: 69.6% !important; }

.po-page .po-width-adjustment.po-width .date-width {
  width: 134px;
  display: inline-block;
  margin-bottom: 0em; }

.po-page .po-width-adjustment.po-width .location-supplier-width {
  width: 340px;
  display: inline-block;
  margin-bottom: 0em;
  margin-left: 0px; }

.po-page .po-width-adjustment.po-width .show-po-status {
  position: absolute;
  margin-left: -2px; }

.po-page .po-width-adjustment.po-width .quotno-proformainv-width {
  /*position: relative;
                top: -19px;
                left: -65px;*/ }

.po-page .po-width-adjustment .location-supplier-width {
  margin-left: 10px;
  display: inline-block; }

.po-page .po-width-adjustment .quotno-proformainv-width {
  display: inline-block;
  margin-bottom: 1.04em; }

.po-page .show-po-status #divShowPoStatus {
  margin-top: 27px; }
  .po-page .show-po-status #divShowPoStatus #lblShowPoStatus {
    background: #f6ffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #159f9d;
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #c0efee;
    padding: 6px 10px 5px 10px; }

.po-page .requisition-notes-table #divPoTempListContainer {
  max-height: 98px !important; }

.r-0 {
  right: 0px !important; }

.w-112px {
  width: 112px !important; }

.width-839 {
  width: 839px !important; }

.width-768 {
  width: 768px !important; }

.font-weight-bold {
  font-weight: 700 !important; }
  .font-weight-bold label {
    font-weight: 700 !important; }

.label-bg label {
  background: aliceblue;
  padding: 3px 10px;
  line-height: initial;
  width: 100% !important;
  border: 1px solid #f2f4f8;
  border-radius: 5px;
  height: 27px;
  margin: 0px 0px !important; }

/***/
.row-left-line .item-row {
  border-left: solid 7px transparent;
  padding-left: 9px !important;
  padding-right: 14px !important; }
  .row-left-line .item-row .icofont-ui-delete {
    color: #ff7a7a; }
  .row-left-line .item-row .icofont-close-circled {
    color: #ff3939;
    font-size: 16px; }

.row-left-line.gtn-open .item-row {
  /* border-left-color: #13b2b0;*/
  border-left: 7px solid #13b2b0 !important; }

.row-left-line.gtn-approval1-reject .item-row {
  /* border-left-color: #fa5d52;*/
  border-left: 7px solid #fa5d52 !important; }

.row-left-line.gtn-approval1-waiting .item-row {
  /*border-left-color: #ff6d17;*/
  border-left: 7px solid #ff6d17 !important; }

.row-left-line.gtn-approval2-waiting .item-row {
  /*border-left-color: #ffcd17;*/
  border-left: 7px solid #ffcd17 !important; }

.row-left-line.gtn-waiting-accept .item-row {
  /*border-left-color: #37da69;*/
  border-left: 7px solid #37da69 !important; }

.row-left-line.pending .item-row {
  /*border-left-color: #ffcd17;*/
  border-left: 7px solid #ffcd17 !important; }

.row-left-line.approved .item-row {
  /* border-left-color: #37da69;*/
  border-left: 7px solid #37da69 !important; }

.row-left-line.rejected .item-row {
  /*border-left-color: #fa5d52;*/
  border-left: 7px solid #fa5d52 !important; }

.row-left-line.gtn-approval2-reject .item-row {
  /*border-left-color: #6c7bb5;*/
  border-left: 7px solid #6c7bb5 !important; }

.color-code {
  position: relative; }
  .color-code .card {
    background: aliceblue;
    padding: 5px 8px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    position: absolute;
    right: -10px;
    top: -26px; }
  .color-code span {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    float: left;
    margin-right: 8px; }
    .color-code span.open {
      background-color: #13b2b0; }
    .color-code span.rapproval1 {
      background-color: #fa5d52; }
    .color-code span.wapproval1 {
      background-color: #ff6d17; }
    .color-code span.wapproval2 {
      background-color: #ffcd17; }
    .color-code span.accept {
      background-color: #37da69; }
    .color-code span.pending {
      background-color: #ffcd17; }
    .color-code span.approved {
      background-color: #37da69; }
    .color-code span.rejected {
      background-color: #fa5d52; }
    .color-code span.qaapproval {
      background-color: #6c7bb5; }
    .color-code span.futureorder {
      background-color: #41ffb0; }
    .color-code span.inspectionpass {
      background-color: #e1f8d9; }
    .color-code span.inspectionfail {
      background-color: #ffd1ce; }
    .color-code span.additionalrequested {
      background-color: #dff4ff; }
    .color-code span.so-normal {
      background-color: #51be46; }
    .color-code span.so-credit-validation-failed {
      background-color: #ff6e64; }
  .color-code .font-size-12 {
    font-size: 12px; }
  .color-code .font-size-10 {
    font-size: 10.5px !important; }
  .color-code label {
    margin-bottom: 0px;
    line-height: normal;
    font-weight: 700; }
  .color-code .align-content-center {
    align-items: center !important;
    margin-right: 15px; }
    .color-code .align-content-center.mr-0 {
      margin-right: 0px !important; }
  .color-code.product-color-code .card {
    right: -32px;
    top: -108px;
    width: 262px; }

.gtn-page .navigator.gtn-num {
  /* margin-top: -116px;
            left: -2%;*/
  float: right !important;
  top: 18px;
  right: -12px; }

.gtn-page .panel .panel-heading .search {
  width: 70%; }
  .gtn-page .panel .panel-heading .search #txtSearch {
    max-width: 70% !important; }

.gtn-page .panel .available-qty-section {
  width: 75px; }
  .gtn-page .panel .available-qty-section .panel-heading {
    padding: 12px 3px; }
    .gtn-page .panel .available-qty-section .panel-heading h4 {
      margin: 0 !important;
      font-size: 11px !important;
      float: right; }
  .gtn-page .panel .available-qty-section #lblFromQty, .gtn-page .panel .available-qty-section #lblToQty {
    font-size: 12px !important;
    border: 1px solid #e0e3e8;
    color: #757575;
    padding: 4px 7px;
    text-align: right;
    width: 73px !important;
    height: 30px; }
  .gtn-page .panel .available-qty-section #lblFromQty {
    border-top: 0; }
  .gtn-page .panel .available-qty-section .row-lines.gtn {
    overflow-y: auto;
    margin-top: -6px;
    overflow-x: hidden; }
    .gtn-page .panel .available-qty-section .row-lines.gtn #lblToQty {
      margin-top: -1px; }

.gtn-page .panel .gtn-section {
  width: 105px; }
  .gtn-page .panel .gtn-section .panel-heading {
    padding: 12px 3px; }
    .gtn-page .panel .gtn-section .panel-heading h4 {
      margin: 0 !important;
      font-size: 11px !important;
      float: right; }
  .gtn-page .panel .gtn-section h4 {
    margin-top: 5px !important;
    margin: 3px !important;
    float: right; }
  .gtn-page .panel .gtn-section #lblPendingFromQty {
    font-size: 12px !important;
    border: 1px solid #e0e3e8;
    border-top: 0;
    color: #757575;
    padding: 4px 7px;
    text-align: right;
    width: 93px !important;
    height: 30px; }
  .gtn-page .panel .gtn-section .row-lines.gtn {
    overflow-y: auto;
    margin-top: -6px;
    overflow-x: hidden; }
    .gtn-page .panel .gtn-section .row-lines.gtn #lblToQty {
      margin-top: -1px; }

.gtn-page .grid-table #divMainTable #divHeader .row-order, .gtn-page .grid-table #divMainTable .div-rows .row-order {
  text-align: left !important;
  width: 70px !important;
  padding-left: 8px !important; }

.gtn-page .grid-table #divMainTable #divHeader .row-name, .gtn-page .grid-table #divMainTable .div-rows .row-name {
  text-align: left !important;
  width: 412px !important; }
  @media only screen and (min-device-width: 1520px) {
    .gtn-page .grid-table #divMainTable #divHeader .row-name, .gtn-page .grid-table #divMainTable .div-rows .row-name {
      width: 580px !important; } }

.gtn-page .grid-table #divMainTable #divHeader .row-qty, .gtn-page .grid-table #divMainTable #divHeader .row-price, .gtn-page .grid-table #divMainTable #divHeader .row-amount, .gtn-page .grid-table #divMainTable .div-rows .row-qty, .gtn-page .grid-table #divMainTable .div-rows .row-price, .gtn-page .grid-table #divMainTable .div-rows .row-amount {
  text-align: right !important; }
  .gtn-page .grid-table #divMainTable #divHeader .row-qty.selling-price, .gtn-page .grid-table #divMainTable #divHeader .row-price.selling-price, .gtn-page .grid-table #divMainTable #divHeader .row-amount.selling-price, .gtn-page .grid-table #divMainTable .div-rows .row-qty.selling-price, .gtn-page .grid-table #divMainTable .div-rows .row-price.selling-price, .gtn-page .grid-table #divMainTable .div-rows .row-amount.selling-price {
    border-top: 2px solid transparent;
    border-right: 1px solid #e0e3e8;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent; }

.gtn-page .grid-table #divMainTable #divHeader .row-size, .gtn-page .grid-table #divMainTable .div-rows .row-size {
  text-align: left !important; }

.gtn-page .grid-table #divMainTable #divHeader .selling-price, .gtn-page .grid-table #divMainTable .div-rows .selling-price {
  width: 112px !important; }

.gtn-page .grid-table #divMainTable #divHeader.active .action #btnRemove, .gtn-page .grid-table #divMainTable .div-rows.active .action #btnRemove {
  font-size: 20px !important; }

.gtn-page .grid-table .action {
  width: 60px !important;
  padding: 6px 6px 0px 6px !important; }
  .gtn-page .grid-table .action:hover {
    font-size: 20px !important; }
  .gtn-page .grid-table .action #lotInfo {
    color: #6e9cef; }
    .gtn-page .grid-table .action #lotInfo:hover {
      color: #4478d5; }
  .gtn-page .grid-table .action #btnRemove:hover {
    font-size: 20px !important; }

.gtn-page .grid-table #divBody {
  overflow: auto;
  max-height: calc(100vh - 530px) !important; }
  @media only screen and (min-device-width: 1920px) {
    .gtn-page .grid-table #divBody {
      max-height: calc(100vh - 775px) !important; } }
  .gtn-page .grid-table #divBody .div-rows:hover #btnRemove {
    font-size: 20px !important;
    font-weight: 100; }

.gtn-page .row-lines.gtn {
  max-height: 102px !important; }

.gtn-page #divReqListContainer.row-lines.gtn {
  max-height: 137px !important; }

.gtn-page .card-body {
  display: inline-block;
  width: calc(100% - 0px);
  overflow: auto;
  padding: 20px;
  padding-bottom: 10px !important;
  /* #divCloseReq {
            position: absolute;
            top: 82px;
            left: 384px;
        }*/ }
  .gtn-page .card-body .gtn-buttons {
    top: 8px;
    right: -125px; }
  .gtn-page .card-body .total-amount {
    margin-right: 61px !important; }
    .gtn-page .card-body .total-amount.total-amount-width {
      margin-right: 115px !important; }
  .gtn-page .card-body .alert {
    padding: 8px 10px;
    margin-bottom: 0px; }

.gtn-page .w-70px {
  width: 70px !important; }

.gtn-page .w-346px {
  width: 346px !important; }

.gtn-page .w-413px {
  width: 413px !important; }
  @media only screen and (min-device-width: 1520px) {
    .gtn-page .w-413px {
      width: 581px !important; } }

.gtn-page .change-width.row-name-width .grid-table #divMainTable #divHeader .row-name, .gtn-page .change-width.row-name-width .grid-table #divMainTable .div-rows .row-name {
  width: 345px !important; }
  @media only screen and (min-device-width: 1520px) {
    .gtn-page .change-width.row-name-width .grid-table #divMainTable #divHeader .row-name, .gtn-page .change-width.row-name-width .grid-table #divMainTable .div-rows .row-name {
      width: 525px !important; } }

.gtn-page .change-width.row-name-width .ddl-item-wrapper {
  width: 346px !important; }
  @media only screen and (min-device-width: 1520px) {
    .gtn-page .change-width.row-name-width .ddl-item-wrapper {
      width: 526px !important; } }

.gtn-page hr {
  margin-top: 12px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eee;
  margin-left: 0px; }

.gtn-page .icon-field #btnClearRow {
  padding: 9px 8px 8px 9px !important; }

.gtn-page .gtn-remark {
  width: 100% !important;
  margin-left: 0 !important;
  margin-bottom: 10px; }

.gtn-page .text-right {
  text-align: right !important; }

.gtn-page #btnApprove {
  float: right !important; }

.gtn-page .icofont-ui-edit {
  padding: 8px 16px 8px 16px !important; }

.gtn-page .field-validation-error {
  position: absolute; }

.gtn-page .row-left-line .item-row.padding-right-8 {
  padding-right: 8px !important; }

.gtn-page .card-top {
  width: 1059px;
  margin: auto; }
  @media screen and (min-device-width: 1520px) {
    .gtn-page .card-top {
      width: 1239px; } }
  .gtn-page .card-top .card-body.p-20px {
    padding: 20px !important; }
  .gtn-page .card-top .card-body .togglebtn-group .btn-primary {
    background-color: #13b2b0;
    border-color: #13b2b0;
    color: #fff; }

.gtn-page .togglebtn-cus .togglebtn-group .btn-primary {
  background-color: #13b2b0;
  border-color: #13b2b0;
  color: #fff; }

.gtn-page .row-detailreasons {
  width: 54px;
  background-color: unset !important;
  padding: 4px 5px 4px !important; }
  .gtn-page .row-detailreasons #btnDetailReasonsPopupIcon {
    background-color: #68a0ec;
    color: #fff !important;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 3px !important;
    width: 20px;
    min-width: unset !important; }
    .gtn-page .row-detailreasons #btnDetailReasonsPopupIcon i {
      font-size: 10px !important;
      margin-top: 0px;
      padding-right: 1px;
      padding-bottom: 0.5px; }

.gtn-page .item-type-box {
  display: block !important; }

.sd-page .grid-table #divMainTable #divHeader .row-code, .sd-page .grid-table #divMainTable .div-rows .row-code {
  width: 90px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.sd-page .grid-table #divMainTable #divHeader .row-name, .sd-page .grid-table #divMainTable .div-rows .row-name {
  width: 290px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.sd-page .grid-table #divMainTable #divHeader .row-available-qty, .sd-page .grid-table #divMainTable .div-rows .row-available-qty {
  width: 96px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.sd-page .grid-table #divMainTable #divHeader .row-demand-qty, .sd-page .grid-table #divMainTable .div-rows .row-demand-qty {
  width: 96px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.sd-page .grid-table #divMainTable #divHeader .row-order-qty, .sd-page .grid-table #divMainTable .div-rows .row-order-qty {
  width: 96px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.sd-page .grid-table #divMainTable .table-body .row-order-qty {
  padding: 3px; }

.sd-page hr {
  margin-top: 15px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #eee;
  margin-left: 10px; }

.sd-page #divBody {
  max-height: calc(100vh - 368px) !important; }

.salesDemandInactiveMoliesText {
  font-size: small;
  color: red; }

.reOrder {
  text-align: right;
  height: 24px !important; }

.rmr-page .grid-table .table-header .row-code, .rmr-page .grid-table .table-body .row-code {
  width: 150px !important;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.rmr-page .grid-table .table-header .row-name, .rmr-page .grid-table .table-body .row-name {
  width: 500px;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.rmr-page .grid-table .table-header .row-recorder, .rmr-page .grid-table .table-header .row-avaqty, .rmr-page .grid-table .table-header .row-order-qty, .rmr-page .grid-table .table-body .row-recorder, .rmr-page .grid-table .table-body .row-avaqty, .rmr-page .grid-table .table-body .row-order-qty {
  text-align: right !important;
  width: 110px;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.rmr-page .grid-table .table-body .row-order-qty {
  padding: 3px !important;
  line-height: initial; }
  .rmr-page .grid-table .table-body .row-order-qty input.releaseItem {
    width: 100%;
    text-align: right;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #c9c9c9; }

.rmr-page .grid-table #divBody {
  max-height: calc(100vh - 365px); }

.rmr-page hr {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }

.location-code-page .grid-table .table-header .row-code, .location-code-page .grid-table .table-body .row-code {
  width: 125px !important;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 34px; }

.location-code-page .grid-table .table-header .row-name, .location-code-page .grid-table .table-body .row-name {
  width: 400px;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 34px; }

.location-code-page .grid-table .table-body .row-code {
  padding: 3px !important;
  line-height: initial; }
  .location-code-page .grid-table .table-body .row-code input.itemCode {
    width: 100%;
    text-align: left;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #c9c9c9; }

.location-code-page .grid-table #divBody {
  max-height: calc(100vh - 344px); }

.location-code-page hr {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }

.location-code-page .card-body {
  padding: 20px; }

#moli .total-amount.po {
  margin-right: 32px; }
  @media only screen and (min-device-width: 1520px) {
    #moli .total-amount.po {
      margin-right: 210px; } }

.woa-page .grid-table .table-header .row-order, .woa-page .grid-table .table-body .row-order {
  width: 50px !important;
  line-height: initial;
  padding: 7px 10px 5px !important; }

.woa-page .grid-table .table-header .row-code, .woa-page .grid-table .table-body .row-code {
  width: 125px !important;
  text-align: left !important;
  line-height: initial;
  padding: 7px 10px 5px !important; }

.woa-page .grid-table .table-header .row-name, .woa-page .grid-table .table-body .row-name {
  width: 510px;
  text-align: left !important;
  line-height: initial;
  padding: 7px 10px 5px !important; }

.woa-page .grid-table .table-header .row-stock, .woa-page .grid-table .table-body .row-stock {
  text-align: right !important;
  width: 100px;
  line-height: initial;
  padding: 7px 10px 5px !important; }

.woa-page .grid-table .table-header .row-size, .woa-page .grid-table .table-body .row-size {
  text-align: right !important;
  width: 112px;
  line-height: initial;
  padding: 7px 10px 5px !important; }

.woa-page .grid-table .table-body .row-size {
  padding: 4px !important;
  line-height: initial; }
  .woa-page .grid-table .table-body .row-size input.form-control {
    width: 100%;
    text-align: right;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #c9c9c9; }

.woa-page .grid-table #divBody {
  max-height: calc(100vh - 476px);
  overflow: auto; }

.w-totalamount {
  width: 98px !important; }

.table .table-body .div-rows:hover .action i.icofont-close-circled,
.table .table-body .div-rows.active .action i.icofont-close-circled {
  color: #f44 !important;
  /*font-size:16px !important;*/ }

.text-left {
  text-align: left !important; }

.font-size-10 {
  font-size: 10px !important; }

.w-120px {
  width: 120px !important; }

.joh-page {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media only screen and (min-device-width: 1520px) {
    .joh-page #divMainTable {
      width: 99.5%; } }
  .joh-page #divMainTable .table-header, .joh-page #divMainTable .table-body {
    width: 100%;
    border-left: 1px solid #f2f4f8; }
    .joh-page #divMainTable .table-header .row-code, .joh-page #divMainTable .table-body .row-code {
      /*width: 69px !important;*/
      width: 4.49% !important;
      text-align: left !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 9px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 110px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-item-name, .joh-page #divMainTable .table-body .row-item-name {
      /*width: 290px !important;*/
      width: 19% !important;
      text-align: left !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 9px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 110px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-sdate, .joh-page #divMainTable .table-header .row-fdate, .joh-page #divMainTable .table-header .row-edate, .joh-page #divMainTable .table-body .row-sdate, .joh-page #divMainTable .table-body .row-fdate, .joh-page #divMainTable .table-body .row-edate {
      /*width: 77px !important;*/
      width: 5% !important;
      text-align: left !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 95px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-fqty, .joh-page #divMainTable .table-header .row-mhp, .joh-page #divMainTable .table-body .row-fqty, .joh-page #divMainTable .table-body .row-mhp {
      /*width: 84px !important;*/
      width: 5.1% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 100px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-ndate, .joh-page #divMainTable .table-body .row-ndate {
      width: 5.1% !important;
      text-align: left !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block; }
    .joh-page #divMainTable .table-header .row-approval, .joh-page #divMainTable .table-header .row-weighing, .joh-page #divMainTable .table-body .row-approval, .joh-page #divMainTable .table-body .row-weighing {
      /*width: 91px !important;*/
      width: 6% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 2px;
      padding-left: 2px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 110px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-pp, .joh-page #divMainTable .table-body .row-pp {
      /*width: 67px !important;*/
      width: 4.5% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 85px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-store, .joh-page #divMainTable .table-body .row-store {
      /* width: 72px !important;*/
      width: 4.7% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 90px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-dqty, .joh-page #divMainTable .table-body .row-dqty {
      /*width: 90px !important;*/
      width: 6.5% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 100px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-lcp, .joh-page #divMainTable .table-body .row-lcp {
      /*width: 107px !important;*/
      width: 7% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 120px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-lca, .joh-page #divMainTable .table-body .row-lca {
      /*width: 98px !important;*/
      width: 6.5% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 110px !important;
                }*/ }
    .joh-page #divMainTable .table-header .row-mha, .joh-page #divMainTable .table-body .row-mha {
      /*width: 70px !important;*/
      width: 5% !important;
      text-align: right !important;
      line-height: initial;
      padding-right: 4px;
      padding-left: 4px;
      float: left;
      display: inline-block;
      /*@media only screen and (min-device-width: 1820px) {
                    width: 90px !important;
                }*/ }
  .joh-page #divBody {
    max-height: calc(100vh - 280px);
    width: calc(100% - -8px) !important;
    overflow: auto;
    color: #666 !important;
    font-size: 12.5px;
    border-bottom: 0px solid #f2f4f8; }
    .joh-page #divBody .div-rows {
      width: 100%;
      border-left: 0px solid #f2f4f8; }
  .joh-page .form-group.medium-field {
    width: auto !important;
    display: flex;
    align-items: center; }
    .joh-page .form-group.medium-field label {
      margin: 3px 0px; }
  @media only screen and (max-device-width: 1200px) {
    .joh-page .tble-overflow-low-res {
      width: 925px;
      overflow: auto; }
      .joh-page .tble-overflow-low-res #divMainTable {
        width: 1280px;
        max-width: 1300px; }
      .joh-page .tble-overflow-low-res #divBody {
        max-height: calc(100vh - 280px); } }
  .joh-page .pt-20 {
    padding-top: 20px; }
  .joh-page #divHeader {
    background-color: #62dbd9;
    /*padding-top: 10px;
        padding-bottom: 10px;*/
    color: white; }
  .joh-page .initial-job {
    background-color: #7d7d7c;
    color: #fff; }
  .joh-page .store-job {
    background-color: #ff9736;
    color: #fff; }
  .joh-page .weighing-job {
    background-color: #85d5ff;
    color: #fff; }
  .joh-page .packing-job {
    background-color: #8ee16f;
    color: #fff; }
  .joh-page .finished-job {
    background-color: transparent;
    color: #686868; }
  .joh-page .rejected-job {
    background-color: #fa5d52;
    color: #fff; }
  .joh-page .void-job {
    background-color: #9d83cc;
    color: #fff; }
  .joh-page .color-code {
    position: relative; }
    .joh-page .color-code .card {
      background: aliceblue;
      padding: 5px 8px;
      border: 1px solid #e3e3e3;
      border-radius: 6px;
      position: absolute;
      right: -10px;
      top: -28px; }
    .joh-page .color-code span {
      width: 12px;
      height: 12px;
      display: block;
      border-radius: 50%;
      float: left;
      margin-right: 8px; }
      .joh-page .color-code span.approval {
        background-color: #7d7d7c; }
      .joh-page .color-code span.store {
        background-color: #ff9736; }
      .joh-page .color-code span.weighing {
        background-color: #85d5ff; }
      .joh-page .color-code span.pp {
        background-color: #8ee16f; }
      .joh-page .color-code span.finished {
        background-color: transparent;
        border: solid 1px #000; }
      .joh-page .color-code span.rejected {
        background-color: #fa5d52; }
      .joh-page .color-code span.void {
        background-color: #9d83cc; }
    .joh-page .color-code .font-size-12 {
      font-size: 12px; }
    .joh-page .color-code label {
      margin-bottom: 0px;
      line-height: normal;
      font-weight: 700; }
    .joh-page .color-code .align-content-center {
      align-items: center !important;
      margin-right: 20px; }
      .joh-page .color-code .align-content-center.mr-0 {
        margin-right: 0px !important; }
  .joh-page .width-140 {
    width: 140px; }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1820px) {
    .joh-page .tble-overflow-low-res {
      overflow-x: auto;
      width: 100%; }
      .joh-page .tble-overflow-low-res #gridTable {
        width: 1800px; } }
  @media only screen and (min-device-width: 1820px) {
    .joh-page .ml-5px {
      margin-left: 68px !important; }
    .joh-page .tble-overflow-low-res {
      overflow-x: auto;
      width: 100%; } }
  @media only screen and (max-device-width: 1366px) {
    .joh-page .tble-overflow-low-res {
      overflow-x: auto;
      width: 100%; }
      .joh-page .tble-overflow-low-res #gridTable {
        width: 1600px; } }
  .joh-page .float-left {
    float: left !important; }
  .joh-page ::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .joh-page ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .joh-page ::-webkit-scrollbar-thumb {
    background: #888; }
  .joh-page ::-webkit-scrollbar-thumb:hover {
    background: #555; }

.price-update-page #divDistributor .width-86 {
  width: 93px !important; }

.price-update-page #divDistributor #error_type {
  top: 32px;
  left: 34%; }

.price-update-page .form-group #error_item {
  top: 32px;
  left: 0%; }

.price-update-page .w-190px {
  width: 190px !important; }

.price-update-page .text-left {
  text-align: left !important; }

.price-update-page .item-name-width {
  width: 255px !important; }
  @media only screen and (min-device-width: 1520px) {
    .price-update-page .item-name-width {
      width: 412px !important; } }

.cpage .row-lines .row-line span.delete-icon {
  /* top: 7px;*/ }

.cpage .row-lines .row-line span input[type="checkbox"] {
  margin-top: 4px !important; }

.cpage #taxSequence .item-row input[type="checkbox"] {
  margin: -5px 0px 0px 14px !important;
  cursor: pointer; }

.cpage #taxSequence .item-row .align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 18px;
  padding-top: 5px; }

.cpage .section-separator {
  margin: 10px 0 10px !important; }

.cpage .tab-content {
  /*padding-bottom: 15px !important;*/ }

.cpage #customer .card {
  padding: 5px 12px;
  background-color: #fbfcff;
  position: absolute;
  top: 15px;
  right: 20px; }

.cpage #customer .checkbox-breck {
  width: 71%; }
  @media screen and (min-device-width: 1820px) {
    .cpage #customer .checkbox-breck {
      width: 835px; } }
  @media screen and (min-device-width: 1390px) and (max-device-width: 1800px) {
    .cpage #customer .checkbox-breck {
      width: 72%; } }

.cpage .collapsed + .right-panel .checkbox-breck {
  width: 834px !important; }

@media screen and (min-device-width: 1390px) and (max-device-width: 1520px) {
  .w-1260px {
    width: 875px !important; } }

@media screen and (max-device-width: 1000px) {
  .req-note {
    width: 1200px;
    position: relative;
    display: block;
    max-width: 100%; }
    .req-note form {
      width: 100%; }
      .req-note form .grid-headers {
        /*                width: 100% !important;
*/ }
        .req-note form .grid-headers .form-group.medium-field {
          width: auto !important; }
      .req-note form .grid-table .row-name {
        width: auto !important; }
      .req-note form .form-group.one-line {
        clear: unset !important; }
  .w-1260px {
    width: 560px !important; } }

@media screen and (max-device-width: 1366px) {
  .cpage #parentCustDev {
    /*width: auto !important;*/ }
  .cpage #divInvoiceType {
    width: 140px !important; }
  .cpage #divDiscountRate {
    width: 96px; }
  .cpage .prate {
    width: 118px !important; }
  .cpage .tab-content {
    /*padding-bottom: 15px !important;
            padding-left: 5px !important;*/ }
  .cpage #remark .grid-headers {
    /*margin-left: 7px !important;*/ }
  #userShiftStopPopup #divStopStoreOrderContainer {
    max-height: calc(100vh - 432px); }
  .w-1260px {
    width: 880px !important; } }

@media screen and (max-device-width: 680px) {
  .req-note form .bottom-group {
    display: block !important;
    margin-top: 10px; }
  .req-note form .button-group {
    display: block !important; } }

.product-conversion-page .panel-body {
  min-height: 480px;
  max-height: calc(100vh - 280px); }
  .product-conversion-page .panel-body .ml-20 {
    margin-left: 20px !important; }
  .product-conversion-page .panel-body .mr-10 {
    margin-right: 10px !important; }
  .product-conversion-page .panel-body .w-1253 {
    width: 1253px;
    margin: auto !important; }

.product-conversion-page .grid-table .table-header .row-code, .product-conversion-page .grid-table .table-body .row-code {
  /*width: 85px !important;*/
  width: 6.1% !important;
  text-align: left !important;
  line-height: initial; }

.product-conversion-page .grid-table .table-header .row-lotNumber, .product-conversion-page .grid-table .table-body .row-lotNumber {
  /*width: 125px !important;*/
  width: 6% !important;
  text-align: left !important;
  line-height: initial; }

.product-conversion-page .grid-table .table-header .row-name, .product-conversion-page .grid-table .table-body .row-name {
  /*width: 207px;*/
  width: 12.35%;
  text-align: left !important;
  line-height: initial; }

.product-conversion-page .grid-table .table-header .row-stock, .product-conversion-page .grid-table .table-body .row-stock {
  text-align: right !important;
  width: 100px;
  line-height: initial; }

.product-conversion-page .grid-table .table-header .row-size, .product-conversion-page .grid-table .table-body .row-size {
  text-align: right !important;
  width: 110px;
  line-height: initial; }

.product-conversion-page .grid-table .table-header .row-date, .product-conversion-page .grid-table .table-body .row-date {
  text-align: left !important;
  line-height: initial;
  /*width: 88px;*/
  width: 6.2%; }

.product-conversion-page .grid-table .table-header .row-uom, .product-conversion-page .grid-table .table-body .row-uom {
  text-align: center !important;
  line-height: initial;
  /* width: 55px;*/
  width: 4%; }

.product-conversion-page .grid-table .table-header .row-qty, .product-conversion-page .grid-table .table-body .row-qty {
  text-align: right !important;
  line-height: initial;
  /*width: 97px;*/
  width: 7%;
  background-color: transparent !important; }

.product-conversion-page .grid-table .table-header .row-weightFactor, .product-conversion-page .grid-table .table-body .row-weightFactor {
  text-align: left !important;
  line-height: initial;
  width: 7%; }

.product-conversion-page .grid-table .table-header .row-lostFactor, .product-conversion-page .grid-table .table-body .row-lostFactor {
  text-align: right !important;
  line-height: initial;
  width: 7%; }

.product-conversion-page .grid-table .table-header .row-expire-date, .product-conversion-page .grid-table .table-body .row-expire-date {
  text-align: left !important;
  line-height: initial;
  width: 7.5%; }

.product-conversion-page .grid-table .table-header .row-duplicate, .product-conversion-page .grid-table .table-body .row-duplicate {
  text-align: center !important;
  line-height: initial;
  width: 5%; }

.product-conversion-page .grid-table .table-body .row-size, .product-conversion-page .grid-table .table-body .row-qty, .product-conversion-page .grid-table .table-body .row-weightFactor, .product-conversion-page .grid-table .table-body .row-expire-date {
  padding: 4px !important;
  line-height: initial;
  background-color: transparent !important; }
  .product-conversion-page .grid-table .table-body .row-size input.form-control, .product-conversion-page .grid-table .table-body .row-qty input.form-control, .product-conversion-page .grid-table .table-body .row-weightFactor input.form-control, .product-conversion-page .grid-table .table-body .row-expire-date input.form-control {
    width: 100%;
    text-align: right;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #c9c9c9; }
  .product-conversion-page .grid-table .table-body .row-size input[type='date'].form-control, .product-conversion-page .grid-table .table-body .row-qty input[type='date'].form-control, .product-conversion-page .grid-table .table-body .row-weightFactor input[type='date'].form-control, .product-conversion-page .grid-table .table-body .row-expire-date input[type='date'].form-control {
    padding: 6px 3px;
    font-size: 12px;
    line-height: 14px; }

.product-conversion-page .grid-table .table-body .row-item-name {
  padding: 4px !important;
  line-height: initial;
  background-color: transparent !important; }
  .product-conversion-page .grid-table .table-body .row-item-name input.form-control {
    width: 100%;
    text-align: left;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #c9c9c9;
    font-size: 12px !important; }

.product-conversion-page .grid-table .table-body .row-damage-qty {
  padding: 5px 10px !important; }

.product-conversion-page .grid-table .table-body .row-duplicate {
  display: flex;
  justify-content: center;
  align-items: center; }
  .product-conversion-page .grid-table .table-body .row-duplicate .checkbox-field {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    margin: 0 auto;
    padding: 0px !important;
    border-right: 0px !important;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .product-conversion-page .grid-table .table-body .row-duplicate .checkbox-field .custom-checkbox-element {
      padding: 0px !important;
      margin: -7px -15px 0px 0px !important; }
    .product-conversion-page .grid-table .table-body .row-duplicate .checkbox-field .custom-checkbox {
      padding: 0px !important;
      margin: 0px !important;
      border-right: 0px !important;
      font-size: 17px !important; }

.product-conversion-page .grid-table #divBody {
  max-height: calc(100vh - 310px);
  overflow: auto; }

.product-conversion-page .grid-table #divOneToMany .left-panel #divOneToManyLotTable #divBody {
  max-height: calc(100vh - 522px);
  overflow: auto; }

@media screen and (max-device-width: 1366px) {
  .product-conversion-page .grid-table #divOneToMany .left-panel #divOneToManyLotTable .table-header {
    width: auto !important; }
  .product-conversion-page .grid-table #divOneToMany .left-panel #divOneToManyLotTable .table-body {
    width: auto !important; } }

.product-conversion-page .grid-table #divOneToMany .right-panel {
  width: calc(100vw - 785px); }
  .product-conversion-page .grid-table #divOneToMany .right-panel #divOneToManyConvertToTable #divBody {
    max-height: calc(100vh - 465px);
    overflow: auto; }
  @media screen and (max-device-width: 1366px) {
    .product-conversion-page .grid-table #divOneToMany .right-panel #divOneToManyConvertToTable .table-header {
      width: auto !important; }
    .product-conversion-page .grid-table #divOneToMany .right-panel #divOneToManyConvertToTable .table-body {
      width: auto !important; } }

@media only screen and (min-device-width: 1920px) {
  .product-conversion-page .grid-table #divManyToOne .left-panel {
    width: 900px !important; } }

.product-conversion-page .grid-table #divManyToOne .left-panel #divManyToOneLotTable #divBody {
  max-height: calc(100vh - 456px);
  overflow: auto; }

@media only screen and (min-device-width: 1920px) {
  .product-conversion-page .grid-table #divManyToOne .left-panel #divManyToOneLotTable .width-200 {
    width: 455px !important; } }

@media screen and (max-device-width: 1366px) {
  .product-conversion-page .grid-table #divManyToOne .left-panel #divManyToOneLotTable .table-header {
    width: auto !important; }
  .product-conversion-page .grid-table #divManyToOne .left-panel #divManyToOneLotTable .table-body {
    width: auto !important; } }

.product-conversion-page .grid-table #divManyToOne .right-panel {
  width: calc(100vw - 955px); }
  .product-conversion-page .grid-table #divManyToOne .right-panel #divManyToOneConvertToTable #divBody {
    max-height: calc(100vh - 558px);
    overflow: auto; }
  @media screen and (max-device-width: 1366px) {
    .product-conversion-page .grid-table #divManyToOne .right-panel #divManyToOneConvertToTable .table-header {
      width: auto !important; }
    .product-conversion-page .grid-table #divManyToOne .right-panel #divManyToOneConvertToTable .table-body {
      width: auto !important; } }
  @media only screen and (min-device-width: 1920px) {
    .product-conversion-page .grid-table #divManyToOne .right-panel {
      width: calc(100vw - 1222px); } }
  @media screen and (max-device-width: 1366px) {
    .product-conversion-page .grid-table #divManyToOne .right-panel #txtManyToOneConvertToItem {
      width: 215px !important; } }

.product-conversion-page .card {
  display: inline-block;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  max-width: 100%;
  padding-bottom: 10px !important; }
  .product-conversion-page .card .field-group .form-group {
    display: grid !important;
    width: 250px; }
    .product-conversion-page .card .field-group .form-group label {
      margin-top: 0px !important; }
  .product-conversion-page .card .grid-table {
    width: fit-content;
    margin: auto;
    max-width: 100%;
    overflow: hidden; }
    .product-conversion-page .card .grid-table #divMainTable {
      overflow: auto;
      width: calc(100vw - 1px) !important;
      /*max-width: 100%;*/ }
      .product-conversion-page .card .grid-table #divMainTable #divHeader {
        width: calc(100% - 10px);
        /*width: 1390px;*/ }
        @media screen and (max-device-width: 1366px) {
          .product-conversion-page .card .grid-table #divMainTable #divHeader {
            width: calc(100% - -700px); } }
      .product-conversion-page .card .grid-table #divMainTable #divBody {
        /* width: max-content;*/
        /* width: 1400px;*/
        width: calc(100% - 0px);
        max-height: calc(100vh - 375px) !important;
        overflow-x: auto;
        overflow-y: scroll;
        border-bottom: 0px solid #f2f4f8; }
        @media screen and (max-device-width: 1366px) {
          .product-conversion-page .card .grid-table #divMainTable #divBody {
            width: calc(100% - -710px); } }

.product-conversion-page .btn {
  padding: 4px 12px !important;
  height: 30px;
  line-height: 23px; }

.product-conversion-page #btnOneToManyAddToGrid, .product-conversion-page #btnOneToManyConvertToAddToGrid, .product-conversion-page #btnManyToOneAddToGrid, .product-conversion-page #btnManyToOneConvertToAddToGrid, .product-conversion-page #btnDirectAddToGrid {
  font-size: 25px !important;
  line-height: 1 !important;
  margin-top: 19px !important;
  margin-left: 10px !important; }

.product-conversion-page .btn-primary-cus {
  min-width: 32px !important; }

.sub-menu-icon {
  float: left;
  filter: invert(12%) sepia(51%) saturate(2878%) hue-rotate(52deg) brightness(85%) contrast(2%);
  width: 15px;
  margin-top: 2px; }

#divConfirmationPopup {
  background: rgba(0, 0, 0, 0.4); }
  #divConfirmationPopup .modal-dialog {
    border-radius: 8px !important; }
  #divConfirmationPopup .modal-content {
    border-radius: 8px !important; }
  #divConfirmationPopup .modal-footer {
    padding: 0; }
  #divConfirmationPopup .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #divConfirmationPopup .apbutton {
    padding: 15px;
    text-align: center;
    display: block; }
    #divConfirmationPopup .apbutton .btn {
      margin: 0 auto;
      margin-left: 5px !important; }
  #divConfirmationPopup .appcheck:checked {
    color: #13b2b0;
    font-size: 18px;
    margin-top: 1px; }
    #divConfirmationPopup .appcheck:checked:before {
      content: '\efae';
      background-color: #fff; }
  #divConfirmationPopup .appcheck {
    margin-left: -24px;
    color: #d0d4da;
    font-size: 18px;
    margin-top: 3px;
    cursor: pointer;
    margin: 8px 10px 3px 0 !important; }
    #divConfirmationPopup .appcheck:before {
      content: '\f0e2';
      font-family: IcoFont;
      margin-bottom: -35px;
      position: relative;
      top: -5px;
      left: -1px; }
  #divConfirmationPopup h4 {
    text-align: center; }

.req-note .icon-field {
  width: 44px !important; }
  .req-note .icon-field #btnAddToGrid {
    /*padding: 0 12px !important;*/ }

.req-note .remark-n {
  width: 772px !important; }

#lotInfoPopup {
  /*#btnlotInfoClose {
        background-color: #13b2b0;
        color: #fff;
    }

    #btnlotInfoClose:hover {
        background-color: #1091a1;
        color: #fff !important;
    }*/ }
  #lotInfoPopup .lotIn-dialog {
    width: 1032px !important;
    max-width: 100%; }
  #lotInfoPopup .lotIn-body .lotheader {
    display: inline-flex;
    max-width: 100%; }
  #lotInfoPopup .lotIn-body .table-header {
    background-color: #62dbd9;
    color: #fff; }
  #lotInfoPopup .ppa {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  #lotInfoPopup .colc1 {
    width: 123px; }
  #lotInfoPopup .colc2 {
    width: 243px; }
  #lotInfoPopup .colc3 {
    width: 105px; }

.customer-return-page {
  /*    .w-85px {
        width: 86px !important;
    }

    .w-90px {
        width: 91px !important;
    }

    .w-170px {
        width: 190px !important;

        @media screen and (min-device-width: 1500px) {
            width: 359px !important;
        }
    }

    .w-160px {
        width: 160px !important;
    }

    .w-45px {
        width: 46px !important;
    }*/
  /* .discount-field {
        width: 119px !important;
    }
*/ }
  .customer-return-page .left-panel .panel .panel-heading i {
    padding: 5px 3px 0; }
  .customer-return-page .side-padding-15 {
    padding: 0 2px; }
    .customer-return-page .side-padding-15.form {
      padding-left: 10px; }
  .customer-return-page .width-682 {
    width: 682px !important; }
  .customer-return-page .grid-headers {
    background-color: #f2f4f8;
    border-bottom: 1px solid #e0e3e8; }
    .customer-return-page .grid-headers .order-field {
      width: 3% !important; }
    .customer-return-page .grid-headers .code-field {
      width: 8% !important; }
    .customer-return-page .grid-headers .medium-field {
      width: 23.98%; }
    .customer-return-page .grid-headers .category-field {
      width: 12.5% !important;
      text-align: right !important; }
    .customer-return-page .grid-headers .invoiceqty-field {
      width: 7.1%;
      text-align: right !important; }
    .customer-return-page .grid-headers .qty-field {
      width: 8.1% !important; }
    .customer-return-page .grid-headers .price-field {
      width: 10.3% !important; }
    .customer-return-page .grid-headers .small-field {
      width: 8.2% !important; }
    .customer-return-page .grid-headers .discount-field {
      width: 11.8% !important; }
      .customer-return-page .grid-headers .discount-field #txtItemDiscount {
        padding: 4px;
        width: 52%; }
      .customer-return-page .grid-headers .discount-field #txtItemDiscountPercentage {
        width: 34%;
        padding: 3px; }
      .customer-return-page .grid-headers .discount-field span {
        padding: 0px 3px 0px 4px !important; }
    .customer-return-page .grid-headers .icon-field {
      width: 9%; }
  .customer-return-page .grid-table .table-header, .customer-return-page .grid-table .table-body {
    width: 100%; }
    .customer-return-page .grid-table .table-header .row-order, .customer-return-page .grid-table .table-body .row-order {
      width: 3% !important; }
    .customer-return-page .grid-table .table-header .action, .customer-return-page .grid-table .table-body .action {
      width: 3% !important;
      padding: 5px 2px 0px !important; }
    .customer-return-page .grid-table .table-header .row-code, .customer-return-page .grid-table .table-body .row-code {
      width: 7.9% !important;
      text-align: left !important;
      line-height: initial; }
    .customer-return-page .grid-table .table-header .row-name, .customer-return-page .grid-table .table-body .row-name {
      width: 23.8%;
      text-align: left !important;
      line-height: initial;
      /*@media screen and (min-device-width: 1500px) {
                    width: 358px;
                }*/ }
    .customer-return-page .grid-table .table-header .row-category, .customer-return-page .grid-table .table-body .row-category {
      width: 12.4% !important;
      text-align: left !important; }
    .customer-return-page .grid-table .table-header .row-price, .customer-return-page .grid-table .table-header .row-discount, .customer-return-page .grid-table .table-body .row-price, .customer-return-page .grid-table .table-body .row-discount {
      text-align: right !important;
      width: 10.1%;
      line-height: initial; }
    .customer-return-page .grid-table .table-header .row-size, .customer-return-page .grid-table .table-body .row-size {
      text-align: left !important;
      width: 8%;
      line-height: initial; }
    .customer-return-page .grid-table .table-header .row-invoiceqty, .customer-return-page .grid-table .table-body .row-invoiceqty {
      width: 7%;
      text-align: right !important; }
    .customer-return-page .grid-table .table-header .row-qty, .customer-return-page .grid-table .table-header .row-return-qty, .customer-return-page .grid-table .table-body .row-qty, .customer-return-page .grid-table .table-body .row-return-qty {
      text-align: right !important;
      width: 8.05%;
      line-height: initial; }
    .customer-return-page .grid-table .table-header .row-amount, .customer-return-page .grid-table .table-body .row-amount {
      width: 10.5%; }
  .customer-return-page .grid-table .table-body .row-order-qty {
    padding: 4px !important;
    line-height: initial; }
    .customer-return-page .grid-table .table-body .row-order-qty input.releaseItem {
      width: 100%;
      text-align: right;
      height: 23px;
      border-radius: 3px;
      border: 1px solid #c9c9c9; }
  .customer-return-page .grid-table #divBody {
    max-height: calc(100vh - 480px);
    overflow: auto scroll;
    width: calc(100% - -10px) !important; }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
      .customer-return-page .grid-table #divBody {
        max-height: calc(100vh - 620px); } }
    @media screen and (min-device-width: 1800px) {
      .customer-return-page .grid-table #divBody {
        max-height: calc(100vh - 660px);
        /* width: calc(100vh - -330px);*/
        /*width: calc(100% - -10px);*/ } }
    .customer-return-page .grid-table #divBody .div-rows {
      width: 100%; }
  .customer-return-page #divListContainer {
    max-height: calc(100vh - 235px) !important; }
  .customer-return-page .form-group.navigator {
    right: -38px;
    top: -57px; }
  .customer-return-page .form .form-group.supplier div select {
    width: 333px; }
  .customer-return-page .row-lines .row-line .item-row {
    background-color: transparent; }
  .customer-return-page .total-amount.cr {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0px; }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
      .customer-return-page .total-amount.cr {
        margin-right: 0px; } }
    @media screen and (max-device-width: 1400px) {
      .customer-return-page .total-amount.cr {
        margin-right: 14px; } }
    @media screen and (max-device-width: 1367px) {
      .customer-return-page .total-amount.cr {
        margin-right: 10px; } }
    .customer-return-page .total-amount.cr .form-group #lblTotal {
      width: 142px !important; }
    .customer-return-page .total-amount.cr .form-group.one-line div .recall {
      margin-left: -1px;
      width: 159px; }
      @media screen and (max-device-width: 1920px) {
        .customer-return-page .total-amount.cr .form-group.one-line div .recall {
          width: 155px; } }
    .customer-return-page .total-amount.cr .form-group.double-inputs div:nth-child(2) {
      width: 182px; }
      @media screen and (max-device-width: 1920px) {
        .customer-return-page .total-amount.cr .form-group.double-inputs div:nth-child(2) {
          width: 177px; } }
  .customer-return-page .right-panel {
    width: calc(100vw - 400px); }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1810px) {
      .customer-return-page .right-panel.card .w-750px {
        /*width: calc(100vh - -200px);*/
        width: 60vw;
        overflow: auto; }
        .customer-return-page .right-panel.card .w-750px .grid-headers {
          width: 1090px !important; }
        .customer-return-page .right-panel.card .w-750px .grid-table {
          width: 1090px; } }
    @media screen and (min-device-width: 1420px) and (max-device-width: 1510px) {
      .customer-return-page .right-panel.card .w-750px {
        width: 55vw !important;
        overflow: auto; } }
    @media screen and (max-device-width: 1366px) {
      .customer-return-page .right-panel.card .w-750px {
        overflow: auto;
        width: calc(100vw - 440px); }
        .customer-return-page .right-panel.card .w-750px .grid-headers {
          width: 1500px !important; }
        .customer-return-page .right-panel.card .w-750px .grid-table {
          width: 1500px; } }
  .customer-return-page.panel-cus {
    height: auto !important;
    max-height: calc(100vh - 83px) !important;
    overflow: auto !important; }
  .customer-return-page.crn-approval-page .grid-headers .order-field {
    width: 3% !important; }
  .customer-return-page.crn-approval-page .grid-headers .code-field {
    width: 8% !important; }
  .customer-return-page.crn-approval-page .grid-headers .qty-field {
    width: 8.06% !important; }
  .customer-return-page.crn-approval-page .grid-headers .invoiceqty-field {
    width: 7.1%;
    text-align: right !important; }
  .customer-return-page.crn-approval-page .grid-headers .medium-field {
    width: 29.4%; }
  .customer-return-page.crn-approval-page .grid-headers .category-field {
    width: 12.5% !important;
    text-align: right !important; }
  .customer-return-page.crn-approval-page .grid-headers .price-field {
    width: 10.3% !important; }
  .customer-return-page.crn-approval-page .grid-headers .small-field {
    width: 8.2% !important; }
    .customer-return-page.crn-approval-page .grid-headers .small-field select {
      text-align: left;
      padding: 0px 5px; }
  .customer-return-page.crn-approval-page .grid-headers .discount-field {
    width: 11.8% !important; }
    .customer-return-page.crn-approval-page .grid-headers .discount-field #txtItemDiscount {
      padding: 4px;
      width: 52%; }
    .customer-return-page.crn-approval-page .grid-headers .discount-field #txtItemDiscountPercentage {
      width: 34%;
      padding: 3px; }
  .customer-return-page.crn-approval-page .grid-headers .icon-field {
    width: 5.6%; }
  .customer-return-page.crn-approval-page .grid-table .table-header, .customer-return-page.crn-approval-page .grid-table .table-body {
    width: 100%; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-order, .customer-return-page.crn-approval-page .grid-table .table-body .row-order {
      width: 3% !important; }
    .customer-return-page.crn-approval-page .grid-table .table-header .action, .customer-return-page.crn-approval-page .grid-table .table-body .action {
      width: 3% !important;
      padding: 5px 2px 0px !important; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-code, .customer-return-page.crn-approval-page .grid-table .table-body .row-code {
      width: 7.9% !important;
      text-align: left !important;
      line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-name, .customer-return-page.crn-approval-page .grid-table .table-body .row-name {
      width: 29.3%;
      text-align: left;
      line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-category, .customer-return-page.crn-approval-page .grid-table .table-body .row-category {
      width: 12.4%;
      text-align: left; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-price, .customer-return-page.crn-approval-page .grid-table .table-header .row-discount, .customer-return-page.crn-approval-page .grid-table .table-body .row-price, .customer-return-page.crn-approval-page .grid-table .table-body .row-discount {
      text-align: right !important;
      width: 10.1%;
      line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-size, .customer-return-page.crn-approval-page .grid-table .table-body .row-size {
      text-align: left !important;
      width: 8%;
      line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-invoiceqty, .customer-return-page.crn-approval-page .grid-table .table-body .row-invoiceqty {
      width: 7%;
      text-align: right !important; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-qty, .customer-return-page.crn-approval-page .grid-table .table-header .row-return-qty, .customer-return-page.crn-approval-page .grid-table .table-body .row-qty, .customer-return-page.crn-approval-page .grid-table .table-body .row-return-qty {
      text-align: right !important;
      width: 8%;
      line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-header .row-amount, .customer-return-page.crn-approval-page .grid-table .table-body .row-amount {
      width: 10.5%; }
  .customer-return-page.crn-approval-page .grid-table .table-body .row-order-qty {
    padding: 4px !important;
    line-height: initial; }
    .customer-return-page.crn-approval-page .grid-table .table-body .row-order-qty input.releaseItem {
      width: 100%;
      text-align: right;
      height: 23px;
      border-radius: 3px;
      border: 1px solid #c9c9c9; }
  .customer-return-page.crn-approval-page .grid-table #divBody {
    max-height: calc(100vh - 480px);
    overflow: auto scroll;
    width: calc(100% - -10px) !important; }
    @media screen and (min-device-width: 1800px) {
      .customer-return-page.crn-approval-page .grid-table #divBody {
        max-height: calc(100vh - 660px); } }
  .customer-return-page .navigator #txtCancelledIndicator {
    font-weight: 700;
    padding-top: 8px;
    color: #f33935; }
  .customer-return-page .navigator #crnNo {
    padding: 0px 5px 0px;
    margin-top: -1px; }
    .customer-return-page .navigator #crnNo label {
      margin-left: 15px;
      font-weight: 700; }

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

.temp-list-table {
  width: 288px !important;
  margin-right: 20px; }
  .temp-list-table .row-line {
    width: 100% !important;
    /*        background: #f2f4f8 !important;
*/ }
  .temp-list-table .row-lines {
    max-height: 415px !important; }

.temp-list-table-recipt {
  width: 319px !important;
  margin-right: 20px; }

.req-note-main #divListContainer {
  /* max-height: 178px !important*/ }

.sectemplist {
  /*max-height: 284px !important;*/
  max-height: calc(100vh - 210px) !important;
  overflow: auto; }

.plowsetup {
  max-height: 110px !important; }

.payrow .item-row {
  display: flex !important; }

.req-noteapp-main #divListContainer {
  /*max-height: 137px !important;*/ }
  .req-noteapp-main #divListContainer .row-line {
    width: 100% !important;
    background: #f2f4f8 !important; }
  .req-noteapp-main #divListContainer .row-lines {
    max-height: 415px !important; }

.h-33 {
  height: 33px !important; }

#consumedQtyLotPopup {
  background-color: rgba(0, 0, 0, 0.76); }

#userShiftStopPopup #divStopStoreOrderContainer {
  padding-top: 10px; }
  #userShiftStopPopup #divStopStoreOrderContainer .relesse-qty-btn {
    width: auto;
    margin-right: 5px; }
  #userShiftStopPopup #divStopStoreOrderContainer .col-md-5 {
    width: 47.5% !important; }
  #userShiftStopPopup #divStopStoreOrderContainer .col-md-2-3 {
    width: 2.333333% !important;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block; }
    #userShiftStopPopup #divStopStoreOrderContainer .col-md-2-3 .gtt-info-btn {
      margin: auto !important; }

#userShiftStopPopup #divStopStoreOrderTableBody {
  max-height: calc(100vh - 478px) !important;
  overflow-y: scroll;
  margin-top: -6px; }

#userShiftStopPopup .text-warning {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 15px; }

#userShiftStopPopup .modal-body {
  padding-bottom: 0px; }
  #userShiftStopPopup .modal-body .form-group label {
    font-size: 13px !important; }

#userShiftStopPopup input[type='text'].form-control, #userShiftStopPopup input[type="date"] {
  padding: 6px 8px;
  font-size: 13px;
  height: 30px;
  line-height: 1; }

#userShiftStopPopup .short-qty {
  background: #ffc1c1;
  border: #f1a6a6; }

#userShiftStopPopup .btn-success {
  min-width: 85px; }
  #userShiftStopPopup .btn-success:hover, #userShiftStopPopup .btn-success:focus {
    color: #fff !important;
    background-color: #449d44;
    border-color: #449d44; }

#userShiftStopPopup .btn-warning {
  min-width: 85px; }
  #userShiftStopPopup .btn-warning:hover, #userShiftStopPopup .btn-warning:focus {
    color: #fff !important;
    background-color: #e99f37;
    border-color: #e99f37; }

#userShiftStopPopup .d-flex .icofont-info-circle {
  font-size: 20px;
  color: #2196f3;
  cursor: pointer; }
  #userShiftStopPopup .d-flex .icofont-info-circle:hover {
    color: #1381d9; }

#userShiftStopPopup .d-flex .damage-qty-icon {
  cursor: pointer;
  background-color: #24d1cf;
  border-radius: 50%;
  line-height: 15px;
  background-image: url(../Images/Damage-Qty.png);
  /*background-image: url('Images/Damage-Qty.png');*/
  width: 31.7px;
  height: 24px;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center; }
  #userShiftStopPopup .d-flex .damage-qty-icon:hover {
    background-color: #17b3b1; }
  #userShiftStopPopup .d-flex .damage-qty-icon.red {
    background-color: #fb9d9d; }
    #userShiftStopPopup .d-flex .damage-qty-icon.red:hover {
      background-color: #d75b51; }

#workOrderClosePopup .d-flex .icofont-info-circle, #PreReleasePopup .d-flex .icofont-info-circle, #consumptionItemReturnPopup .d-flex .icofont-info-circle {
  font-size: 20px;
  color: #2196f3;
  cursor: pointer; }
  #workOrderClosePopup .d-flex .icofont-info-circle:hover, #PreReleasePopup .d-flex .icofont-info-circle:hover, #consumptionItemReturnPopup .d-flex .icofont-info-circle:hover {
    color: #1381d9; }

#workOrderClosePopup .d-flex .damage-qty-icon, #PreReleasePopup .d-flex .damage-qty-icon, #consumptionItemReturnPopup .d-flex .damage-qty-icon {
  cursor: pointer;
  background-color: #24d1cf;
  border-radius: 50%;
  line-height: 15px;
  background-image: url(../Images/Damage-Qty.png);
  width: 31.7px;
  height: 24px;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center; }
  #workOrderClosePopup .d-flex .damage-qty-icon:hover, #PreReleasePopup .d-flex .damage-qty-icon:hover, #consumptionItemReturnPopup .d-flex .damage-qty-icon:hover {
    background-color: #17b3b1; }
  #workOrderClosePopup .d-flex .damage-qty-icon.red, #PreReleasePopup .d-flex .damage-qty-icon.red, #consumptionItemReturnPopup .d-flex .damage-qty-icon.red {
    background-color: #fb9d9d; }
    #workOrderClosePopup .d-flex .damage-qty-icon.red:hover, #PreReleasePopup .d-flex .damage-qty-icon.red:hover, #consumptionItemReturnPopup .d-flex .damage-qty-icon.red:hover {
      background-color: #d75b51; }

.fa-plus.relesse-qty-btn {
  border-radius: 50%;
  width: 21px !important;
  height: 21px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 5px;
  line-height: 25px;
  margin-left: 20px; }

.popcombineinput {
  width: 21% !important; }

.popcombineinput-hed {
  width: 19.6% !important; }

.popdesc {
  width: 21.33333333% !important; }

.debit-note-page .form .form-group.navigator {
  right: -46px;
  top: -58px; }

.debit-note-page #divMainTable .checkbox {
  width: 35px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .debit-note-page #divMainTable .checkbox input {
    margin: 0px !important; }

.debit-note-page #divMainTable .invoice-summary {
  max-height: calc(100vh - 430px) !important; }

.debit-note-page #divMainTable .row-ref {
  width: 310px; }
  @media only screen and (max-device-width: 1366px) {
    .debit-note-page #divMainTable .row-ref {
      width: 274px; } }

.debit-note-page #divMainTable .row-inv-name {
  width: 310px; }
  @media only screen and (max-device-width: 1366px) {
    .debit-note-page #divMainTable .row-inv-name {
      width: 274px; } }

.debit-note-page #divMainTable .row-SONO {
  width: 140px !important;
  text-align: left !important; }

.debit-note-page #divMainTable .row-Route {
  width: 189px !important;
  text-align: left !important; }

.debit-note-page #divMainTable .row-update {
  width: 113px !important;
  text-align: right !important; }

.debit-note-page #divMainTable .row-print {
  width: 113px !important;
  text-align: right !important; }

.debit-note-page #divMainTable .row-invoice {
  text-align: left !important;
  width: 140px; }

.debit-note-page #divMainTable .row-amount {
  text-align: right !important; }

.debit-note-page #divMainTable .recall {
  background-color: #fffae4;
  border: 1px solid #f1e3a6;
  border-left: 3px solid #f1e3a6; }

.credit-note-page .form .form-group.navigator {
  right: -46px;
  top: -58px; }

.credit-note-page #divMainTable .checkbox {
  width: 35px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .credit-note-page #divMainTable .checkbox input {
    margin: 0px !important; }

.credit-note-page #divMainTable .invoice-summary {
  max-height: calc(100vh - 430px) !important; }

.credit-note-page #divMainTable .row-ref {
  width: 310px; }
  @media only screen and (max-device-width: 1366px) {
    .credit-note-page #divMainTable .row-ref {
      width: 274px; } }

.credit-note-page #divMainTable .row-inv-name {
  width: 310px; }
  @media only screen and (max-device-width: 1366px) {
    .credit-note-page #divMainTable .row-inv-name {
      width: 274px; } }

.credit-note-page #divMainTable .row-SONO {
  width: 140px !important;
  text-align: left !important; }

.credit-note-page #divMainTable .row-Route {
  width: 189px !important;
  text-align: left !important; }

.credit-note-page #divMainTable .row-update {
  width: 113px !important;
  text-align: right !important; }

.credit-note-page #divMainTable .row-print {
  width: 113px !important;
  text-align: right !important; }

.credit-note-page #divMainTable .row-invoice {
  text-align: left !important;
  width: 140px; }

.credit-note-page #divMainTable .row-amount {
  text-align: right !important; }

.credit-note-page #divMainTable .recall {
  background-color: #fffae4;
  border: 1px solid #f1e3a6;
  border-left: 3px solid #f1e3a6; }

.w-150px {
  width: 150px !important; }

.w-700 {
  width: 700px !important; }

.w-625 {
  width: 625px !important; }

.w-566 {
  width: 566px !important; }

.w-842 {
  width: 842px !important; }

.width-1230 {
  width: 1230px; }

.w-1260px {
  width: 1260px; }

.width-255 {
  width: 255px !important; }

.prn-page .grid-table #divMainTable #divHeader .row-code, .prn-page .grid-table #divMainTable .div-rows .row-code {
  width: 90px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.prn-page .grid-table #divMainTable #divHeader .row-name, .prn-page .grid-table #divMainTable .div-rows .row-name {
  width: 290px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.prn-page .grid-table #divMainTable #divHeader .row-pending-qty, .prn-page .grid-table #divMainTable .div-rows .row-pending-qty {
  width: 96px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.prn-page .grid-table #divMainTable #divHeader .row-order-qty, .prn-page .grid-table #divMainTable .div-rows .row-order-qty {
  width: 96px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.prn-page .grid-table #divBody {
  max-height: calc(100vh - 395px) !important;
  overflow: auto;
  max-width: calc(100vh - -85px) !important; }
  .prn-page .grid-table #divBody .row-order-qty {
    padding: 3px; }

.prn-page hr {
  margin-top: 13px;
  margin-bottom: 6px;
  border: 0;
  margin-left: 0px !important;
  border-top: 1px solid #eee; }

.Pro-map-item-list {
  max-height: calc(100vh - 290px) !important;
  overflow: auto; }

.choice-page #divListContainer {
  max-height: calc(100vh - 227px) !important;
  overflow: auto; }

.section-page .table-list, .section-page .section-in {
  max-width: 298px; }

.section-page .full-width .one-line div:nth-child(2) {
  margin-left: 0px !important; }

.section-page .width-255 {
  width: 255px !important; }

.route-page .section-separator {
  margin-bottom: 15px !important; }

.c-type #divListContainer {
  max-height: calc(100vh - 228px) !important;
  min-height: calc(100vh - 228px) !important; }

.c-type #divListSubTypeContainer {
  max-height: calc(100vh - 338px) !important; }

.c-type .nav li a {
  padding: 10px 25px !important; }

.voucher-create-page .voucher-main {
  padding-top: 22px; }
  .voucher-create-page .voucher-main #txtValidDays {
    /*width: 186px !important;*/ }
  .voucher-create-page .voucher-main .v-type label, .voucher-create-page .voucher-main .num-voucher label {
    /*width: 101px !important;*/ }
  .voucher-create-page .voucher-main .labelddlProcessType {
    /*width: 81px !important;*/ }
  .voucher-create-page .voucher-main .num-voucher {
    /*width: 109px !important;*/ }
  .voucher-create-page .voucher-main #txtNoofVouchers {
    margin-left: 0px !important; }
  .voucher-create-page .voucher-main .margin-left-0 {
    margin-left: 0 !important; }
  .voucher-create-page .voucher-main .margin-right-0 {
    margin-right: 0 !important; }

.voucher-create-page #divManual label.prefix {
  width: auto;
  margin-left: 0px; }

.voucher-create-page #divManual input[type="text"] {
  width: 100%;
  float: left;
  margin-right: 0px; }

.loyalty-point-page .panel {
  min-height: 264px; }
  .loyalty-point-page .panel .panel-body {
    padding: 20px 15px; }
    .loyalty-point-page .panel .panel-body #divListContainer {
      max-height: calc(100vh - 228px) !important; }
    .loyalty-point-page .panel .panel-body #frmForm .section-separator {
      margin: 15px 0 20px !important; }

.loyalty-point-page .row-line span {
  top: 6px !important; }

.loyalty-point-page .form-group.medium-field {
  width: 190px !important; }

.loyalty-point-page .item-lists.collapsed {
  width: 62px !important; }
  .loyalty-point-page .item-lists.collapsed .search {
    display: none; }
  .loyalty-point-page .item-lists.collapsed .panel {
    min-height: 62px; }
    .loyalty-point-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.bank-page .panel-body {
  padding: 20px 15px; }
  .bank-page .panel-body #divListContainer {
    max-height: calc(100vh - 237px) !important; }
  .bank-page .panel-body .section-separator {
    margin: 10px 0 15px !important; }

.bank-page .row-line span {
  top: 6px !important; }

@media screen and (min-device-width: 1367px) {
  .product-page #itemChoice .choice-field {
    width: 250px !important; }
  .product-page #itemChoice .price-field {
    width: 168px !important; }
  .product-page #itemChoice .foreignprice-field {
    width: 168px !important; }
  .product-page #itemChoice .row-choice {
    width: 247px !important; }
  .product-page #itemChoice .row-price {
    width: 167px !important; }
  .product-page #itemChoice .row-foreignprice {
    width: 168px !important; } }

#qtyPopup .modal-dialog {
  border-radius: 6px; }
  #qtyPopup .modal-dialog .modal-content {
    border-radius: 6px; }
    #qtyPopup .modal-dialog .modal-content .close {
      display: none !important; }
    #qtyPopup .modal-dialog .modal-content .modal-body label {
      border-radius: 100px;
      padding: 6px 8px;
      line-height: 1;
      border: 2px solid #13b2b0;
      font-size: 15px;
      margin-right: 12px; }
      #qtyPopup .modal-dialog .modal-content .modal-body label:last-child {
        margin-right: 0px !important; }
      #qtyPopup .modal-dialog .modal-content .modal-body label:hover {
        background: #13b2b0;
        color: white; }
    #qtyPopup .modal-dialog .modal-content .modal-body .p-24px {
      padding: 15px !important; }
    #qtyPopup .modal-dialog .modal-content .modal-body .pb-10 {
      padding-bottom: 10px; }

.width-880 {
  width: 880px !important; }

.w-125px {
  width: 125px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

#storeOrderPopup .h-width {
  width: 16.5% !important; }

#storeOrderPopup #divStoreOrderTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

#storeOrderPopup .pl-10 {
  padding-left: 35px !important; }

#storeOrderPopup .releaseItem {
  width: 122px; }

section.contents .side-menu #mainMenuAccordion .panel ul .active a .sub-menu-icon {
  filter: invert(49%) sepia(96%) saturate(1327%) hue-rotate(140deg) brightness(95%) contrast(85%); }

@media only screen and (min-device-width: 1920px) {
  section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .grid-headers .width-355 {
    width: 291px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 360px; }
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .width-355 {
    width: 529px !important; }
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 528px; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .right-panel .custom-width .medium-field.width-355 {
    width: 433px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 433px !important; }
  section.contents .side-menu + .body-content .po-approval-page .right-panel .custom-width .grid-headers .width-355 {
    width: 290px !important; }
  section.contents .side-menu + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 360px !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .width-283 {
      width: 463px !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel {
    width: calc(100vw - 1222px); }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
    section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .width-283 {
      width: 463px !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel {
    width: calc(100vw - 1222px); } }

@media screen and (min-device-width: 1370px) and (max-device-width: 1600px) {
  section.contents .side-menu + .body-content .so-summary-page .so-summary-customer {
    width: 635px; }
    section.contents .side-menu + .body-content .so-summary-page .so-summary-customer .left-side-so {
      width: 55% !important;
      float: left;
      display: inline-block; }
    section.contents .side-menu + .body-content .so-summary-page .so-summary-customer .right-side-so {
      width: 45% !important;
      float: left;
      display: inline-block; }
    section.contents .side-menu + .body-content .so-summary-page .so-summary-customer .width-275 {
      width: 153px !important;
      float: left; }
    section.contents .side-menu + .body-content .so-summary-page .so-summary-customer #divCustomer {
      width: calc(100% - 44%) !important;
      margin-left: 10px !important;
      margin-right: 10px !important; }
      section.contents .side-menu + .body-content .so-summary-page .so-summary-customer #divCustomer .margin-top-0 {
        margin-top: 6px !important; }
  section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer {
    width: 814px; }
    section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer .left-side-so {
      width: 55% !important;
      float: left;
      display: inline-block; }
    section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer .right-side-so {
      width: 45% !important;
      float: left;
      display: inline-block; }
    section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer .width-275 {
      width: 203px !important;
      float: left; }
    section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer #divCustomer {
      width: calc(100% - 34%) !important;
      margin-left: 10px !important;
      margin-right: 10px !important; }
      section.contents .side-menu.open.collapsed + .body-content .so-summary-page .so-summary-customer #divCustomer .margin-top-0 {
        margin-top: 6px !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1820px) {
  section.contents .side-menu.open + .body-content .po-page .panel-body .grid-headers .width-355 {
    width: 328px !important; }
  section.contents .side-menu.open + .body-content .po-page .table .table-header .row-name, section.contents .side-menu.open + .body-content .po-page .table .table-body .row-name {
    width: 327px !important; }
  section.contents .side-menu.open + .body-content .product-conversion-page .grid-table .table-header {
    width: calc(100% - -170px) !important; }
  section.contents .side-menu.open + .body-content .product-conversion-page .grid-table .table-body {
    width: calc(100% - -180PX) !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width {
    max-width: calc(100vw - 674px) !important;
    overflow: auto;
    width: calc(100% - -3px) !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .grid-headers {
      width: 1265px !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .grid-table {
      width: 1335px !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .total-amount {
      width: 1335px !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page .grid-table .table-header {
    width: calc(100% - 10px) !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page .grid-table .table-body {
    width: calc(100% - 0PX) !important; }
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width {
    max-width: calc(100vw - 495px) !important;
    overflow: auto;
    width: calc(100% - -3px) !important; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .grid-headers {
      width: 1265px !important; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .grid-table {
      width: 1335px !important; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .total-amount {
      width: 1335px !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-header, section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-body {
      width: auto !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .left-panel #divOneToManyLotTable .table-header, section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .left-panel #divOneToManyLotTable .table-body {
    width: auto !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel {
    width: calc(100vw - 845px); }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .left-panel #divManyToOneLotTable .table-header, section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .left-panel #divManyToOneLotTable .table-body {
    width: auto !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
    section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-header, section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-body {
      width: auto !important; }
    section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel .left-panel #divOneToManyLotTable .table-header, section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel .left-panel #divOneToManyLotTable .table-body {
      width: auto !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .left-panel #divOneToManyLotTable .table-header, section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divOneToMany .left-panel #divOneToManyLotTable .table-body {
    width: auto !important; }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel {
    width: calc(100vw - 845px); }
  section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divManyToOne .left-panel #divManyToOneLotTable .table-header, section.contents .side-menu.open.collapsed + .body-content .product-conversion-page #divManyToOne .left-panel #divManyToOneLotTable .table-body {
    width: auto !important; } }

@media screen and (max-device-width: 1366px) {
  section.contents .side-menu.open .w-71 {
    width: 84.4%; }
  section.contents .side-menu.open + .body-content .gtn-approval-page .width-1342 .grid-table .row-name {
    width: 225px !important; }
  section.contents .side-menu.open + .body-content .damage-qa-approval-page .width-1342 .grid-table .row-name {
    width: 175px !important; }
  section.contents .side-menu.open + .body-content .damage-qa-approval-page .width-1342 .checkbox-field {
    margin-left: 0px;
    margin-bottom: 0px; }
  section.contents .side-menu.open + .body-content .customer-page #customer .cus-width + .checkbox-field + .name-field .top-chk {
    margin-top: -20px; }
  section.contents .side-menu.open + .body-content .customer-page .left-panel.collapsed + .right-panel #customer .cus-width + .checkbox-field + .name-field .top-chk {
    margin-top: 0px; }
  section.contents .side-menu.open + .body-content .so-summary-page {
    /*.width-320 {
                        width: 190px !important;
                    }*/ }
    section.contents .side-menu.open + .body-content .so-summary-page .width-210 {
      width: 115px !important; }
    section.contents .side-menu.open + .body-content .so-summary-page .width-190 {
      width: 121px !important; }
    section.contents .side-menu.open + .body-content .so-summary-page .width-115 {
      width: 105px !important; }
    section.contents .side-menu.open + .body-content .so-summary-page .sosummary-table .so-summery-btn-group {
      padding: 5px 5px;
      border-right: none !important;
      width: 100%; }
      section.contents .side-menu.open + .body-content .so-summary-page .sosummary-table .so-summery-btn-group .btn {
        min-width: 24px !important; }
    section.contents .side-menu.open + .body-content .so-summary-page .so-summary-serach {
      width: 98%; }
  section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width {
    max-width: calc(100vw - 305px);
    overflow: auto; }
    section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width .table-header {
      width: 1182px; }
    section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width .table-body {
      width: 1192px; }
  section.contents .side-menu.open + .body-content .invoice-bulk-import-page .w-1232px {
    width: unset; }
  section.contents .side-menu.open + .body-content .product-conversion-page .grid-table .table-header {
    width: calc(100% - -780px) !important; }
  section.contents .side-menu.open + .body-content .product-conversion-page .grid-table .table-body {
    width: calc(100% - -790px) !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width {
    max-width: calc(100vw - 674px) !important;
    overflow: auto;
    width: calc(100% - -3px) !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .grid-headers {
      width: 1096px; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .grid-table {
      width: 1214px !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .custom-width .total-amount {
      width: 1214px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .right-panel .po-width-adjustment .width-320 {
    width: 195px !important; }
    section.contents .side-menu.open + .body-content .po-approval-page .right-panel .po-width-adjustment .width-320 .width-260 {
      width: 170px !important; }
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width {
    max-width: calc(100vw - 495px) !important;
    overflow: auto;
    width: calc(100% - -3px) !important; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .grid-headers {
      width: 1096px; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .grid-table {
      width: 1150px !important; }
    section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .total-amount {
      width: 1150px !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel {
    width: calc(100vw - 605px); }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-header {
      width: 1092px !important; }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divOneToMany .right-panel #divOneToManyConvertToTable .table-body {
      width: 1102px !important; }
  section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel {
    width: calc(100vw - 780px); }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel #divManyToOneLotTable .table-header {
      width: 1092px !important; }
    section.contents .side-menu.collapsed + .body-content .product-conversion-page #divManyToOne .right-panel #divManyToOneLotTable .table-body {
      width: 1102px !important; } }

#locationPopup .modal-dialog {
  border-radius: 6px; }
  #locationPopup .modal-dialog .modal-content {
    border-radius: 6px; }
    #locationPopup .modal-dialog .modal-content .modal-footer .btn {
      line-height: 22px;
      vertical-align: middle; }

#packingAdditionalRequestPopup #divPackingAdditionalRequestTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

#approvalOrderPopup .form-control {
  font-size: 13px;
  height: 30px !important; }

#approvalOrderPopup #divApprovalOrderTableBody {
  max-height: calc(100vh - 488px) !important;
  overflow-y: scroll; }

#approvalOrderPopup .add-bom-item-btn {
  background-color: #13b2b0;
  color: white;
  padding-left: 10px;
  padding-right: 22px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 25px !important;
  height: 25px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 1px;
  line-height: 25px;
  margin-left: 0; }

#approvalOrderPopup .w-80px {
  width: 80px; }

#approvalOrderPopup .w-15px {
  width: 15px; }

#approvalOrderPopup .px-8 {
  padding-right: 8px;
  padding-left: 8px; }

#approvalOrderPopup #txtPreviousRejectionRemark {
  border-radius: 5px;
  color: red;
  padding: 8px 10px;
  background-color: #ffefed; }

#approvalOrderPopup #divRejectRemarkHistory {
  max-height: auto !important; }
  #approvalOrderPopup #divRejectRemarkHistory #divRawRejectionReson {
    max-height: calc(100vh - 488px) !important;
    overflow-y: scroll;
    margin-top: -6px; }
    #approvalOrderPopup #divRejectRemarkHistory #divRawRejectionReson .wo-detail-row div {
      padding-left: 14px; }

#approvalOrderPopup #divRawRejectionResonHeader {
  background-color: #62dbd9;
  color: white; }

#approvalOrderPopup .remarkhiscard {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

#approvalOrderPopup #error_bomItem {
  top: 35px !important; }

@media screen and (max-device-width: 1820px) {
  .side-menu.open + .body-content .right-panel .w-750px {
    /*width: 920px;*/
    width: 60vw;
    overflow-y: auto; }
    .side-menu.open + .body-content .right-panel .w-750px .grid-headers {
      width: 1090px !important; }
    .side-menu.open + .body-content .right-panel .w-750px .grid-table {
      width: 1090px; } }

@media screen and (min-device-width: 1420px) and (max-device-width: 1500px) {
  .side-menu.open + .body-content .right-panel .w-750px {
    width: 59vw !important;
    overflow-y: auto; } }

/*@media screen and (min-device-width: 1520px) and (max-device-width: 1810px) {
    .side-menu.open + .body-content {
        .right-panel {
            .w-750px {
                width: 1100px;
                overflow-y: auto;

                .grid-headers {
                    width: 1045px;
                }

                .grid-table {
                    width: 1100px;
                }
            }
        }
    }
}*/
@media screen and (max-device-width: 1366px) {
  .side-menu.open + .body-content .right-panel .w-750px {
    width: 750px;
    overflow-y: auto; }
    .side-menu.open + .body-content .right-panel .w-750px .grid-headers {
      width: 1200px !important;
      border-right: 6px solid transparent; }
    .side-menu.open + .body-content .right-panel .w-750px .grid-table {
      width: 1200px !important; }
  .side-menu.open + .body-content .right-panel #remark #divRemarkHeader .row-remark, .side-menu.open + .body-content .right-panel #remark #divRemarkBody .row-remark {
    width: 400px; }
  .side-menu.open + .body-content .gtn-approval-page .right-panel .width-237, .side-menu.open + .body-content .damage-qa-approval-page .right-panel .width-237 {
    width: 170px !important; }
  .side-menu.open + .body-content .wrapper-recipt.receipt-page .flexible-panels.collapsed + .right-panel .padding-top-28 {
    padding-top: 28px !important; }
  .side-menu.open + .body-content .wrapper-recipt.receipt-page .flexible-panels.collapsed + .right-panel .padding-top-25 {
    padding-top: 25px !important; }
  .side-menu.open + .body-content .wrapper-recipt.receipt-page .right-panel .padding-top-28 {
    padding-top: 10px !important; }
  .side-menu.open + .body-content .wrapper-recipt.receipt-page .right-panel .padding-top-25 {
    padding-top: 7px !important; }
  .side-menu.open + .body-content .customer-return-page .right-panel .w-750px {
    width: calc(100vw - 610px);
    overflow-y: auto; }
    .side-menu.open + .body-content .customer-return-page .right-panel .w-750px .grid-headers {
      width: 1200px !important;
      border-right: 6px solid transparent; }
    .side-menu.open + .body-content .customer-return-page .right-panel .w-750px .grid-table {
      width: 1200px !important; }
  .side-menu.open + .body-content .po-page .grid-headers .width-355 {
    width: 234px !important; }
  .side-menu.open + .body-content .po-page .grid-table .width-354 {
    width: 234px !important; }
  .side-menu.open + .body-content .po-page .quotno-proformainv-width .w-117 {
    width: 118px !important; } }

.side-menu.open + .body-content .customer-return-page .right-panel {
  /*width: calc(100vw - 550px);*/ }
  .side-menu.open + .body-content .customer-return-page .right-panel .w-750px {
    /*overflow-y: auto;*/
    /*width: calc(100vw - 450px);*/ }

.dispatch-page .dispatch-tbody {
  max-height: calc(100vh - 458px) !important;
  overflow: auto; }
  .dispatch-page .dispatch-tbody .row-action {
    padding: 3.1px 10px !important; }
    .dispatch-page .dispatch-tbody .row-action .btn {
      padding: 2px 6px !important;
      font-size: 12px; }

.dispatch-page .btn {
  padding: 4px 12px !important;
  height: 30px;
  line-height: 23px; }

.soa-page {
  /*    .pending-list {

        max-width: 100%;
        width: 350px !important;
    }*/ }
  .soa-page .btn {
    padding: 4px 12px !important;
    height: 30px;
    line-height: 23px; }

.Sales-Order-On-Demand .btn {
  padding: 4px 12px !important;
  height: 30px;
  line-height: 23px; }

.Sales-Order-On-Demand #divSalesOrderContainer {
  margin-right: 0px !important;
  width: 680px !important; }

.Sales-Order-On-Demand .possibleWorkOrder {
  padding: 0px !important; }

#userShiftStopPopup .fa-plus.relesse-qty-btn {
  margin-left: 0px !important; }

@media only screen and (min-device-width: 1500px) {
  .d-inline-block-xl {
    display: inline-block !important; } }

.Bom-Approval #divMoliHeadersContainer {
  max-height: calc(100vh - 230px) !important;
  width: 255px;
  /* @media only screen and (min-device-width: 1500px) {
            .item-row {
                font-size: 12px !important;
                padding: 8px 11px 8px 12px;
            }
        }*/ }
  .Bom-Approval #divMoliHeadersContainer .item-row {
    font-size: 12px !important;
    padding: 8px 11px 8px 12px; }

.Bom-Approval .bom-table {
  margin-top: 10px; }

.Bom-Approval #btnReject {
  /*background-color: #fff !important;*/ }

.Bom-Approval #divMoli .left-panel {
  /*max-width: calc(100% - 925px);
            width: auto;*/
  width: auto;
  /*max-width: calc(25%);*/
  height: calc(100vh - 165px) !important; }
  .Bom-Approval #divMoli .left-panel.collapsed #divMoliHeadersContainer {
    display: none; }

.Bom-Approval #divMoli .right-panel {
  /*width: calc(100% - 290px);
            display: inline-block;*/ }
  @media only screen and (min-device-width: 1960px) {
    .Bom-Approval #divMoli .right-panel {
      width: calc(100% - 214px) !important; } }
  @media only screen and (max-device-width: 1800px) {
    .Bom-Approval #divMoli .right-panel {
      width: calc(100% - 300px);
      display: inline-block; } }
  @media only screen and (max-device-width: 1400px) {
    .Bom-Approval #divMoli .right-panel .custom-width {
      width: calc(100vw - 418px);
      overflow: auto; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .Bom-Approval #divMoli .right-panel .custom-width {
      width: calc(100vw - 600px);
      overflow: auto; } }
  .Bom-Approval #divMoli .right-panel .custom-width .row-skip-weighing {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center; }
    .Bom-Approval #divMoli .right-panel .custom-width .row-skip-weighing .checkbox-field {
      border: 0;
      padding-right: 12px; }
      .Bom-Approval #divMoli .right-panel .custom-width .row-skip-weighing .checkbox-field .custom-checkbox-element {
        margin: 4px 0px 0 -5px !important; }
      .Bom-Approval #divMoli .right-panel .custom-width .row-skip-weighing .checkbox-field .custom-checkbox {
        margin: -4px -15px 0 0;
        font-size: 17px !important;
        padding: 4px;
        border: 0; }
  .Bom-Approval #divMoli .right-panel .custom-width #divHeader {
    width: 1124px; }
    @media only screen and (min-device-width: 1900px) {
      .Bom-Approval #divMoli .right-panel .custom-width #divHeader {
        width: 1294px; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
      .Bom-Approval #divMoli .right-panel .custom-width #divHeader {
        width: 1107px !important; } }
  .Bom-Approval #divMoli .right-panel .custom-width #divBody {
    width: 1134px; }
    @media only screen and (min-device-width: 1900px) {
      .Bom-Approval #divMoli .right-panel .custom-width #divBody {
        width: 1304px; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
      .Bom-Approval #divMoli .right-panel .custom-width #divBody {
        width: 1117px !important; } }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-65, .Bom-Approval #divMoli .right-panel .grid-table .w-65 {
    width: 65px !important; }
    .Bom-Approval #divMoli .right-panel .grid-headers .w-65.row-qty, .Bom-Approval #divMoli .right-panel .grid-table .w-65.row-qty {
      padding-right: 5px;
      padding-left: 5px;
      text-align: right !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-66, .Bom-Approval #divMoli .right-panel .grid-table .w-66 {
    width: 66px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-63, .Bom-Approval #divMoli .right-panel .grid-table .w-63 {
    width: 63px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-60, .Bom-Approval #divMoli .right-panel .grid-table .w-60 {
    width: 60px !important; }
    .Bom-Approval #divMoli .right-panel .grid-headers .w-60.row-uom, .Bom-Approval #divMoli .right-panel .grid-table .w-60.row-uom {
      padding-right: 5px;
      padding-left: 5px;
      text-align: center !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-70, .Bom-Approval #divMoli .right-panel .grid-table .w-70 {
    width: 70px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-71, .Bom-Approval #divMoli .right-panel .grid-table .w-71 {
    width: 71px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-80, .Bom-Approval #divMoli .right-panel .grid-table .w-80 {
    width: 110px !important; }
    .Bom-Approval #divMoli .right-panel .grid-headers .w-80.row-price, .Bom-Approval #divMoli .right-panel .grid-table .w-80.row-price {
      border-left: 2px solid #b1dbef; }
  .Bom-Approval #divMoli .right-panel .grid-headers .row-scrap-qty, .Bom-Approval #divMoli .right-panel .grid-headers .row-scrap-percentage, .Bom-Approval #divMoli .right-panel .grid-table .row-scrap-qty, .Bom-Approval #divMoli .right-panel .grid-table .row-scrap-percentage {
    text-align: right !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-81, .Bom-Approval #divMoli .right-panel .grid-table .w-81 {
    width: 81px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-88, .Bom-Approval #divMoli .right-panel .grid-table .w-88 {
    width: 88px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-100, .Bom-Approval #divMoli .right-panel .grid-table .w-100 {
    width: 120px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-110, .Bom-Approval #divMoli .right-panel .grid-table .w-110 {
    width: 110px !important; }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
      .Bom-Approval #divMoli .right-panel .grid-headers .w-110, .Bom-Approval #divMoli .right-panel .grid-table .w-110 {
        width: 132px !important; } }
    .Bom-Approval #divMoli .right-panel .grid-headers .w-110.row-code, .Bom-Approval #divMoli .right-panel .grid-table .w-110.row-code {
      padding-right: 5px;
      padding-left: 5px;
      text-align: left !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-130, .Bom-Approval #divMoli .right-panel .grid-table .w-130 {
    width: 130px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-131, .Bom-Approval #divMoli .right-panel .grid-table .w-131 {
    width: 131px !important; }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-250, .Bom-Approval #divMoli .right-panel .grid-table .w-250 {
    width: 230px !important; }
    @media only screen and (min-device-width: 1920px) {
      .Bom-Approval #divMoli .right-panel .grid-headers .w-250, .Bom-Approval #divMoli .right-panel .grid-table .w-250 {
        width: 400px !important; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
      .Bom-Approval #divMoli .right-panel .grid-headers .w-250, .Bom-Approval #divMoli .right-panel .grid-table .w-250 {
        width: 192px !important; } }
  .Bom-Approval #divMoli .right-panel .grid-headers .w-231, .Bom-Approval #divMoli .right-panel .grid-table .w-231 {
    width: 231px !important; }
    @media only screen and (min-device-width: 1920px) {
      .Bom-Approval #divMoli .right-panel .grid-headers .w-231, .Bom-Approval #divMoli .right-panel .grid-table .w-231 {
        width: 501px !important; } }
    @media only screen and (min-device-width: 1800px) {
      .Bom-Approval #divMoli .right-panel .grid-headers .w-231, .Bom-Approval #divMoli .right-panel .grid-table .w-231 {
        width: 301px !important; } }
  .Bom-Approval #divMoli .right-panel .grid-headers .action, .Bom-Approval #divMoli .right-panel .grid-table .action {
    width: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  .Bom-Approval #divMoli .right-panel .row.card-body {
    display: inline-block;
    width: calc(100% - 0px);
    overflow: auto;
    padding: 20px;
    padding-bottom: 15px !important;
    /*.align-left {
                        width: 1028px;

                        @media only screen and (min-device-width: 1920px) {
                            width: 1300px;
                        }

                        @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
                            width: 1120px;
                        }
                    }*/ }
    @media only screen and (max-device-width: 1400px) {
      .Bom-Approval #divMoli .right-panel .row.card-body {
        width: calc(100% - 0px); } }
  .Bom-Approval #divMoli .right-panel .total-amount.po {
    margin-right: 109px; }
    .Bom-Approval #divMoli .right-panel .total-amount.po #lblMoliItemTotal {
      width: 110px;
      padding-top: 2px;
      font-size: 13px !important; }

.Bom-Approval #divMoli .w-80 {
  width: 80px !important; }

.Bom-Approval #divMoli .w-90 {
  width: 90px !important; }

.Bom-Approval #divMoli .table-body {
  overflow: auto;
  max-height: calc(100vh - 490px); }
  @media only screen and (min-device-width: 1920px) {
    .Bom-Approval #divMoli .table-body {
      max-height: calc(100vh - 479px); } }

.Bom-Approval #divMoli .full-width .one-line div label {
  min-width: auto !important; }

.Bom-Approval #divMoli #divHeader .row-price {
  border: 0px !important;
  border-right: 1px solid #e0e3e8 !important; }

.Bom-Approval #divMoli .collapsed.left-panel {
  height: 70px !important; }

.Bom-Approval #divMoli .collapsed + .right-panel {
  width: calc(100% - 80px); }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
    .Bom-Approval #divMoli .collapsed + .right-panel {
      width: calc(100% - 74px); } }
  .Bom-Approval #divMoli .collapsed + .right-panel .left-panel {
    height: 70px !important; }

@media only screen and (max-device-width: 1500px) {
  .side-menu.open + .body-content .Bom-Approval #divMoli .left-panel.collapsed + .right-panel .grid-table .custom-width {
    width: calc(100vw - 380px); } }

@media only screen and (max-device-width: 1500px) {
  .side-menu.open + .body-content .Bom-Approval #divMoli .grid-table .custom-width {
    width: calc(100vw - 608px); } }

.joh-page {
  height: 100% !important; }

.Production-Flow-Setup .name-label label {
  margin-top: 0px; }

.Production-Flow-Setup .panel-body {
  padding-top: 20px; }
  .Production-Flow-Setup .panel-body .center-panel {
    width: 925px; }
    .Production-Flow-Setup .panel-body .center-panel .section-separator {
      margin: 20px 0 20px; }
    .Production-Flow-Setup .panel-body .center-panel #divListContainer {
      max-height: calc(100vh - 234px) !important;
      min-height: 220px; }

#weighingAdditionalRequestPopup input[type="text"], #weighingAdditionalRequestPopup input[type="date"], #weighingAdditionalRequestPopup select, #storeOrderPopup input[type="text"], #storeOrderPopup input[type="date"], #storeOrderPopup select, #weighingReleasePopup input[type="text"], #weighingReleasePopup input[type="date"], #weighingReleasePopup select, #releaseQtyPopup input[type="text"], #releaseQtyPopup input[type="date"], #releaseQtyPopup select, #packingAdditionalRequestPopup input[type="text"], #packingAdditionalRequestPopup input[type="date"], #packingAdditionalRequestPopup select, #userShiftStopPopup input[type="text"], #userShiftStopPopup input[type="date"], #userShiftStopPopup select, #packingReleasePopup input[type="text"], #packingReleasePopup input[type="date"], #packingReleasePopup select, #inspectionPopup input[type="text"], #inspectionPopup input[type="date"], #inspectionPopup select, #workOrderPopup input[type="text"], #workOrderPopup input[type="date"], #workOrderPopup select {
  padding: 6px 8px;
  font-size: 13px;
  height: 30px;
  line-height: 1; }

#releaseQtyPopup {
  background: rgba(0, 0, 0, 0.69); }
  #releaseQtyPopup #divReleaseQtyContainer {
    max-height: 100% !important; }
    #releaseQtyPopup #divReleaseQtyContainer .col-md-2, #releaseQtyPopup #divReleaseQtyContainer .col-md-4 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #releaseQtyPopup #divReleaseQtyTableBody {
    max-height: calc(100vh - 275px) !important;
    overflow-y: scroll;
    margin-top: -6px; }
    #releaseQtyPopup #divReleaseQtyTableBody .releaseItem {
      width: 95%; }
  #releaseQtyPopup .paste-qty-btn {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1cc5bd;
    border-color: #1cc5bd; }
    #releaseQtyPopup .paste-qty-btn:hover {
      color: #ffffff;
      border-color: #1cc5bd;
      background-color: #1cc5bd; }
  #releaseQtyPopup .px-10 {
    padding-right: 10px;
    padding-left: 10px; }
  #releaseQtyPopup .col-md-3 {
    width: 30%; }
  #releaseQtyPopup .pr-28 {
    padding-right: 28px !important; }

.sd-page .panel-body {
  padding-top: 0px !important; }
  .sd-page .panel-body #divStockDemandHeadersContainer {
    max-height: calc(100vh - 375px) !important; }
  .sd-page .panel-body #divBody {
    max-height: calc(100vh - 340px) !important; }
  .sd-page .panel-body .large-field label {
    line-height: 2; }
  .sd-page .panel-body .so-text {
    float: left;
    line-height: 3;
    vertical-align: middle; }
  .sd-page .panel-body .stok-btn-grop {
    padding-top: 11px !important;
    padding-right: 19px; }
  .sd-page .panel-body #divTargetsTableBody .chk-box input {
    margin: 0 auto;
    display: block;
    margin-top: 3px; }

#salesOrderPopup .possibleWorkOrder {
  margin-top: 8px !important; }

#userShiftStopPopup .releaseItem {
  display: inline-block !important; }

#salesOrderPopup .so-text {
  float: left;
  line-height: 3;
  vertical-align: middle; }

.requisition-note-page.panel-cus .panel {
  height: 100%; }
  .requisition-note-page.panel-cus .panel .rqn-body {
    /*padding: 20px 15px;*/ }
    .requisition-note-page.panel-cus .panel .rqn-body #item-row-buttons {
      /* padding: 0px !important;*/ }
      .requisition-note-page.panel-cus .panel .rqn-body #item-row-buttons .icon {
        /*line-height: 1.5;
                    width: 46px;
                    vertical-align: middle;
                    height: 33px;
                    text-align: center;*/ }
      .requisition-note-page.panel-cus .panel .rqn-body #item-row-buttons .icon .icofont-ui-edit {
        /* padding: 9px 14px 8px 16px !important;*/ }
  .requisition-note-page.panel-cus .panel .panel-heading h4 {
    margin-top: 5px !important;
    margin-bottom: 0px !important; }

.requisition-note-page #divListContainer {
  max-height: calc(100vh - 267px) !important;
  min-height: calc(100vh - 267px) !important; }

.requisition-note-page .grid-headers .order-field {
  width: 50px !important; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-page .grid-headers .order-field {
      width: 70px; } }

.requisition-note-page .grid-headers .code-field {
  width: 126px !important;
  text-align: left; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-page .grid-headers .code-field {
      width: 161px !important; } }

.requisition-note-page .grid-headers .rqn-item {
  width: 421px !important;
  text-align: left; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-headers .rqn-item {
      width: 398px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-headers .rqn-item {
      width: 500px; } }

.requisition-note-page .grid-headers .qty-field {
  width: 100px !important; }

.requisition-note-page .grid-headers #divServiceFields .service-field {
  width: 153px !important;
  text-align: left; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-headers #divServiceFields .service-field {
      width: 159px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-headers #divServiceFields .service-field {
      width: 210px !important; } }

.requisition-note-page .grid-headers #divServiceFields .asset-field {
  width: 153px !important;
  text-align: left; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-headers #divServiceFields .asset-field {
      width: 159px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-headers #divServiceFields .asset-field {
      width: 210px !important; } }

.requisition-note-page .grid-table #divMainTable #divHeader .row-order, .requisition-note-page .grid-table #divMainTable #divHeader .service-row-order, .requisition-note-page .grid-table #divMainTable .div-rows .row-order, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-order {
  width: 50px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 10px 5px; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .row-order, .requisition-note-page .grid-table #divMainTable #divHeader .service-row-order, .requisition-note-page .grid-table #divMainTable .div-rows .row-order, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-order {
      width: 70px; } }

.requisition-note-page .grid-table #divMainTable #divHeader .row-code, .requisition-note-page .grid-table #divMainTable .div-rows .row-code {
  width: 125px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .row-code, .requisition-note-page .grid-table #divMainTable .div-rows .row-code {
      width: 160px !important; } }

.requisition-note-page .grid-table #divMainTable #divHeader .row-name, .requisition-note-page .grid-table #divMainTable .div-rows .row-name {
  width: 420px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .row-name, .requisition-note-page .grid-table #divMainTable .div-rows .row-name {
      width: 397px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .row-name, .requisition-note-page .grid-table #divMainTable .div-rows .row-name {
      width: 499px; } }

.requisition-note-page .grid-table #divMainTable #divHeader .row-qty, .requisition-note-page .grid-table #divMainTable .div-rows .row-qty {
  width: 99px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-page .grid-table #divMainTable #divHeader .service-row-description, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-description {
  width: 152px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .service-row-description, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-description {
      width: 158px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .service-row-description, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-description {
      width: 209px !important; } }

.requisition-note-page .grid-table #divMainTable #divHeader .service-row-asset-item, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-asset-item {
  width: 152px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .service-row-asset-item, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-asset-item {
      width: 158px !important; } }
  @media screen and (min-device-width: 1920px) {
    .requisition-note-page .grid-table #divMainTable #divHeader .service-row-asset-item, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-asset-item {
      width: 209px !important; } }

.requisition-note-page .grid-table #divMainTable #divHeader .service-row-unit-qty, .requisition-note-page .grid-table #divMainTable .div-rows .service-row-unit-qty {
  width: 99px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-page .grid-table #divMainTable #divHeader .row-amount, .requisition-note-page .grid-table #divMainTable .div-rows .row-amount {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-page .grid-table #divMainTable #divHeader .row-discount, .requisition-note-page .grid-table #divMainTable .div-rows .row-discount {
  width: 112px;
  text-align: right; }

.requisition-note-page .grid-table #divMainTable #divHeader .action, .requisition-note-page .grid-table #divMainTable .div-rows .action {
  width: 45px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }
  .requisition-note-page .grid-table #divMainTable #divHeader .action.width-35, .requisition-note-page .grid-table #divMainTable .div-rows .action.width-35 {
    width: 35px !important;
    padding-top: 7px; }

.requisition-note-page .grid-table #divMainTable #divHeader .row-taxes, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes {
  padding: 6px 5px 5px !important;
  width: 45px !important; }
  .requisition-note-page .grid-table #divMainTable #divHeader .row-taxes i, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes i {
    text-align: center;
    font-size: 20px;
    cursor: pointer; }
    .requisition-note-page .grid-table #divMainTable #divHeader .row-taxes i#btnRemove, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes i#btnRemove {
      float: right;
      color: #e05d5d; }
      .requisition-note-page .grid-table #divMainTable #divHeader .row-taxes i#btnRemove:hover, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes i#btnRemove:hover {
        color: #c10000; }
    .requisition-note-page .grid-table #divMainTable #divHeader .row-taxes i#btnAddTaxes, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes i#btnAddTaxes {
      color: #2196f3 !important;
      font-size: 16px;
      padding-top: 3px;
      padding-left: 2px; }
      .requisition-note-page .grid-table #divMainTable #divHeader .row-taxes i#btnAddTaxes:hover, .requisition-note-page .grid-table #divMainTable .div-rows .row-taxes i#btnAddTaxes:hover {
        color: #1281d8 !important; }

.requisition-note-page .grid-table #divMainTable #divHeader:first-child .row-price, .requisition-note-page .grid-table #divMainTable .div-rows:first-child .row-price {
  /* border-top: 0px solid #dfdfe0;*/ }

.requisition-note-page .grid-table #divMainTable #divHeader:last-child .row-price, .requisition-note-page .grid-table #divMainTable .div-rows:last-child .row-price {
  /* border-bottom: 0px solid #b1dbef;*/ }

.requisition-note-page .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .requisition-note-page .grid-table #divMainTable .div-rows:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.requisition-note-page .grid-table #divMainTable #divBody {
  max-height: calc(100vh - 602px) !important;
  overflow: auto;
  max-width: calc(100vw - -2px); }
  .requisition-note-page .grid-table #divMainTable #divBody.rn-table-body {
    max-height: calc(100vh - 514px) !important; }
  .requisition-note-page .grid-table #divMainTable #divBody .row-taxes {
    padding: 9px 5px 5px !important; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .requisition-note-page .grid-table #divMainTable #divBody {
      max-height: calc(100vh - 586px) !important; } }
  .requisition-note-page .grid-table #divMainTable #divBody #btnClearRow {
    padding: 10px 8px 7px 9px; }

.requisition-note-page hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eee; }

.requisition-note-page .form .form-group.one-line {
  clear: none; }

.requisition-note-page .req-note .icon-field {
  width: auto !important; }
  .requisition-note-page .req-note .icon-field input[type=button] {
    min-width: 77px; }

.requisition-note-page .total-amount#divServiceFooter {
  margin-right: 70px;
  margin-top: 0px; }

.requisition-note-page .total-amount#divServiceTotal {
  margin-right: 81px; }
  .requisition-note-page .total-amount#divServiceTotal #lblTotal {
    width: 139px; }

.requisition-note-page .togglebtn-group {
  float: right;
  margin-top: -30px;
  margin-right: 200px; }

.requisition-note-page .form .form-group .form-image #preview {
  padding-top: 1px; }
  .requisition-note-page .form .form-group .form-image #preview span {
    position: relative;
    margin: 0px 15px 0px 0px;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: unset;
    height: unset;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd;
    border-radius: 4px;
    padding: 4px 8px; }
    .requisition-note-page .form .form-group .form-image #preview span:hover {
      background-color: #cac6c6; }
      .requisition-note-page .form .form-group .form-image #preview span:hover a {
        color: #414141;
        font-weight: 700; }
    .requisition-note-page .form .form-group .form-image #preview span i {
      position: unset;
      top: unset;
      right: unset;
      font-size: 20px;
      margin-left: 10px;
      color: #f44336; }
      .requisition-note-page .form .form-group .form-image #preview span i:hover {
        color: #f23628;
        font-weight: 700; }
    .requisition-note-page .form .form-group .form-image #preview span div:hover::before {
      content: unset; }

.requisition-note-page .form .form-group.navigator {
  top: -67px;
  right: -47px; }

#lineTaxPopup .modal-content .modal-body .checkbox {
  display: flex;
  align-items: center;
  justify-content: center; }
  #lineTaxPopup .modal-content .modal-body .checkbox .custom-checkbox-element {
    margin: -9px 0 0 0 !important; }
  #lineTaxPopup .modal-content .modal-body .checkbox .custom-checkbox {
    font-size: 16px; }

.requisition-note-approval-page .panel {
  height: 100%; }
  .requisition-note-approval-page .panel .rqn-body {
    /*  padding: 20px 15px;*/ }
    .requisition-note-approval-page .panel .rqn-body #item-row-buttons {
      padding: 0px !important; }
      .requisition-note-approval-page .panel .rqn-body #item-row-buttons .icon {
        line-height: 1.5;
        width: 46px;
        vertical-align: middle;
        height: 33px;
        text-align: center; }
      .requisition-note-approval-page .panel .rqn-body #item-row-buttons .icon .icofont-ui-edit {
        padding: 9px 14px 8px 16px !important; }
  .requisition-note-approval-page .panel .to-purchase-filter select {
    border: 1px solid #d8e0ef;
    padding: 2px 4px;
    font-size: 12px;
    box-shadow: none;
    /* height: 25px; */
    border-radius: 4px;
    margin-right: 0px;
    float: right;
    outline: none;
    color: #666;
    width: 43%; }
  .requisition-note-approval-page .panel .form-group.navigator {
    position: absolute;
    right: 14px;
    top: 13px; }
    .requisition-note-approval-page .panel .form-group.navigator .form-control {
      border: 1px solid #e0e3e8;
      padding: 4px 10px;
      font-size: 12px;
      box-shadow: none;
      height: 33px;
      background: #fff; }

.requisition-note-approval-page #divListContainer {
  max-height: calc(100vh - 273px) !important;
  min-height: calc(100vh - 273px) !important; }

.requisition-note-approval-page #divBody {
  max-height: calc(100vh - 607px) !important;
  overflow: auto;
  max-width: calc(100vw - -2px); }
  @media screen and (max-device-width: 1520px) {
    .requisition-note-approval-page #divBody {
      max-height: calc(100vh - 455px) !important; } }
  .requisition-note-approval-page #divBody #btnClearRow {
    padding: 10px 8px 7px 9px; }

.requisition-note-approval-page hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eee; }

.requisition-note-approval-page .form .form-group.one-line {
  clear: none; }

.requisition-note-approval-page .req-note {
  padding-right: 20px;
  padding-bottom: 18px; }

.requisition-note-approval-page .row-order {
  width: 50px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 10px 5px !important; }

.requisition-note-approval-page .row-code {
  width: 140px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.requisition-note-approval-page .row-name {
  width: 430px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-approval-page .row-name {
      width: 604px !important; } }

.requisition-note-approval-page .row-qty {
  width: 113px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-approval-page .action {
  width: 91px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.requisition-note-approval-page .service-row-order {
  width: 50px; }

.requisition-note-approval-page .service-row-description {
  width: 138px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-approval-page .service-row-description {
      width: 225px !important; } }

.requisition-note-approval-page .service-row-asset-item {
  width: 138px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-approval-page .service-row-asset-item {
      width: 225px !important; } }

.requisition-note-approval-page .service-row-unit-qty {
  width: 99px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-approval-page .row-amount {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-approval-page .form .form-group .form-image #preview {
  padding-top: 7px;
  margin-left: 0px !important; }
  .requisition-note-approval-page .form .form-group .form-image #preview span {
    position: relative;
    margin: 0px 15px 0px 0px;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: unset;
    height: unset;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd;
    border-radius: 4px;
    padding: 4px 8px; }
    .requisition-note-approval-page .form .form-group .form-image #preview span:hover {
      background-color: #cac6c6; }
      .requisition-note-approval-page .form .form-group .form-image #preview span:hover a {
        color: #414141;
        font-weight: 700; }
    .requisition-note-approval-page .form .form-group .form-image #preview span i {
      position: unset;
      top: unset;
      right: unset;
      font-size: 20px;
      margin-left: 10px;
      color: #f44336; }
      .requisition-note-approval-page .form .form-group .form-image #preview span i:hover {
        color: #f23628;
        font-weight: 700; }
    .requisition-note-approval-page .form .form-group .form-image #preview span div:hover::before {
      content: unset; }

.requisition-note-approval-page .togglebtn-group .btn {
  min-width: 129px !important; }

.requisition-note-approval-page .width-750 {
  width: 750px; }
  @media screen and (min-device-width: 1520px) {
    .requisition-note-approval-page .width-750 {
      width: 920px; } }

.requisition-note-approval-page.sin-a-page .grid-table .table-header {
  height: 48px !important; }
  .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-name-header {
    line-height: unset !important;
    width: 268px !important;
    text-align: left !important;
    display: flex !important;
    height: 48px !important; }
  .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-quantity-header, .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-actual-qty-header, .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-return-qty-header, .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-detailreasons, .requisition-note-approval-page.sin-a-page .grid-table .table-header .row-accept-qty-header {
    height: 48px !important; }

.requisition-note-approval-page.sin-a-page .grid-table .row-name {
  width: 268px !important;
  display: inline-block !important;
  line-height: 28px; }

.requisition-note-approval-page.sin-a-page .grid-table .row-qty {
  width: 90px !important;
  padding: 6px 7px 5px; }

.requisition-note-approval-page.sin-a-page .grid-table .row-actual-qty-header, .requisition-note-approval-page.sin-a-page .grid-table .row-actual-received-quantity {
  width: 125px !important; }

.requisition-note-approval-page.sin-a-page .grid-table .row-accept-qty-header, .requisition-note-approval-page.sin-a-page .grid-table .row-return-qty-header, .requisition-note-approval-page.sin-a-page .grid-table .row-accept-qty, .requisition-note-approval-page.sin-a-page .grid-table .row-return-qty {
  width: 120px !important; }

.requisition-note-approval-page.sin-a-page .grid-table .row-detailreasons-header {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.requisition-note-approval-page.sin-a-page .grid-table .row-detailreasons {
  width: 60px !important;
  padding: 6px 7px 5px; }

.requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check {
  padding: 6px 7px 5px; }

.requisition-note-approval-page.sin-a-page .grid-table .table .row-detailreasons {
  width: 60px !important; }

@media screen and (min-device-width: 1900px) {
  .requisition-note-approval-page.sin-a-page .grid-table .table .table-header {
    width: 1300px !important; }
  .requisition-note-approval-page.sin-a-page .grid-table .table .row-name, .requisition-note-approval-page.sin-a-page .grid-table .table .row-name-header {
    width: 688px !important;
    display: inline-block !important;
    line-height: 28px; } }

.requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check {
  height: 48px !important; }
  .requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check.checkbox-cus {
    padding-top: 9px !important; }
    .requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check.checkbox-cus .checkbox {
      display: flex;
      align-items: center;
      justify-content: center;
      align-content: center;
      height: 30px;
      line-height: 1.4; }
      .requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check.checkbox-cus .checkbox .custom-checkbox-element {
        z-index: 50;
        margin: 3px 2px 3px 2px !important; }
      .requisition-note-approval-page.sin-a-page .grid-table .row-line-not-received-check.checkbox-cus .checkbox .custom-checkbox {
        font-size: 16px; }

.requisition-note-approval-page.sin-a-page .grid-table #divBody {
  max-height: calc(100vh - 391px) !important;
  overflow-y: scroll; }

.requisition-note-approval-page.sin-a-page .grid-table .h-38px {
  height: 38px !important; }

.requisition-note-approval-page.sin-a-page #divListContainer {
  max-height: calc(100vh - 238px) !important;
  min-height: calc(100vh - 238px) !important; }

.requisition-note-approval-page.sin-a-page .relesse-qty-btn {
  width: 21px !important;
  height: 21px !important;
  padding: 0 1px 0 0;
  line-height: 19px; }

#locationPopup .modal-footer .btn {
  height: 30px;
  /* padding: 5px 12px; */
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  float: right;
  line-height: normal; }

.product-page #general {
  max-height: calc(100vh - 294px) !important;
  overflow: auto;
  width: 101.5%; }
  .product-page #general .price-field {
    width: 16.66666667%; }
  .product-page #general .mt-26 {
    margin-top: 26px !important; }

.product-page #suppliers .search .icofont {
  color: #000 !important;
  padding: 6px 5px 0 !important;
  font-size: 16px !important; }

.product-page #suppliers hr {
  margin-top: 10px;
  margin-bottom: 12px; }

.product-page #suppliers #divActiveSupplier {
  overflow: auto;
  max-height: calc(100vh - 384px) !important; }
  .product-page #suppliers #divActiveSupplier .form-group {
    width: 31%; }

.product-page #sizes #divActiveSize {
  overflow: auto;
  max-height: calc(100vh - 329px) !important; }
  .product-page #sizes #divActiveSize .form-group {
    clear: inherit; }

.product-page #departments .search .icofont {
  color: #000 !important;
  padding: 6px 5px 0 !important;
  font-size: 16px !important; }

.product-page #departments hr {
  margin-top: 10px; }

.product-page #departments #divActiveDepartment {
  overflow: auto;
  max-height: calc(100vh - 391px) !important; }
  .product-page #departments #divActiveDepartment .department-entry {
    width: 31% !important;
    display: inline-block !important; }

.product-page #itemChoice .w-67 {
  width: 67%; }

.product-page #itemChoice label {
  padding-right: 10px; }

.product-page #itemChoice .Choice {
  padding: 5px 0px !important; }

.product-page #itemChoice .icon-field {
  width: 75px; }

.product-page #itemChoice .grid-headers {
  border-top: 0px solid #f2f4f8;
  border-bottom: 2px solid transparent;
  border-left: 0px solid #f2f4f8;
  border-right: 0px solid #f2f4f8; }
  .product-page #itemChoice .grid-headers .choice-field {
    width: 168px !important; }

.product-page #itemChoice .grid-table .table-header .row-choice, .product-page #itemChoice .grid-table .table-body .row-choice {
  width: 165px !important; }

.product-page #itemChoice .grid-table .action.idp {
  width: 80px;
  border-right: 1px solid #e0e3e8; }

.product-page #itemChoice .grid-table #divChoiceBody {
  max-height: calc(100vh - 499px) !important;
  overflow: auto;
  /*width: calc(35vw - 0px);*/ }
  @media screen and (min-device-width: 1800px) {
    .product-page #itemChoice .grid-table #divChoiceBody {
      max-height: calc(100vh - 461px) !important; } }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
    .product-page #itemChoice .grid-table #divChoiceBody {
      max-height: calc(100vh - 503px) !important; } }

.product-page #itemChoice .row-price {
  border-right: 1px solid #dedede !important;
  border-top: 0px solid #b1dbef !important; }

.product-page #itemChoice .item-list-width {
  display: inline-table; }

.product-page #itemChoice .item-Choice-width {
  width: calc(100% - -50px) !important;
  overflow: auto; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
    .product-page #itemChoice .item-Choice-width {
      width: calc(100% - -80px) !important; } }
  .product-page #itemChoice .item-Choice-width .pro-choice .grid-headers {
    max-width: 570px; }
    @media screen and (min-device-width: 1800px) {
      .product-page #itemChoice .item-Choice-width .pro-choice .grid-headers {
        max-width: 675px; } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
      .product-page #itemChoice .item-Choice-width .pro-choice .grid-headers {
        max-width: 583px; } }
  .product-page #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
    width: calc(37vw - 17px); }
    @media screen and (min-device-width: 1800px) {
      .product-page #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
        width: calc(32vw - 20px); } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1790px) {
      .product-page #itemChoice .item-Choice-width .pro-choice #divChoiceBody {
        width: calc(37vw - -25px); } }

.product-page #itemChoice #divGroupListContainer {
  max-height: calc(100vh - 348px) !important; }

.product-page #itemChoice .form-group .field-validation-error {
  left: 50px;
  width: 170px;
  position: absolute; }

.product-page #itemChoice .price-field {
  width: 131px !important; }

.product-page #itemChoice .row-choice {
  width: 192px !important; }

.product-page #itemChoice .row-price {
  width: 130px !important; }

.product-page #itemChoice .row-foreignprice {
  width: 100px !important; }

.product-page #itemChoice .panel .custom-btn {
  padding-bottom: 5px !important; }

.product-page #packingStyle .row-rate {
  width: 100px;
  padding: 3px; }
  .product-page #packingStyle .row-rate .input-rate {
    width: 93px;
    height: 25px !important;
    text-align: end; }

.product-page #packingStyle .location {
  padding: 2px;
  width: 144px; }
  .product-page #packingStyle .location select {
    width: 138px;
    padding: 1px 4px;
    font-size: 13px;
    height: 25px; }

.product-page #packingStyle .row-location {
  width: 144px; }

.product-page #packingStyle #divBody {
  max-height: calc(100vh - 381px) !important;
  overflow: auto; }

.product-page #productConvertion #divProductConversion .table #divBody {
  overflow: auto;
  max-height: calc(100vh - 373px) !important; }

.product-page #moli .total-amount.po {
  margin-right: 3.3%;
  margin-bottom: 0; }
  @media only screen and (min-device-width: 1580px) {
    .product-page #moli .total-amount.po {
      margin-right: 2.8%; } }
  .product-page #moli .total-amount.po #lblMoliItemTotal {
    font-size: 13px !important; }

.product-page #moli .footer-btn {
  margin-right: 0.4% !important; }

.product-page #moli .remark-cus {
  width: 100%;
  margin-bottom: 5px !important;
  margin-left: 0px; }
  .product-page #moli .remark-cus label {
    font-size: 13px !important; }

.product-page #moli #divMoli .item-lists {
  width: 200px !important; }

.product-page #moli #divMoli .flexible-panels {
  width: calc(100% - 200px); }

.product-page #moli #divMoli .w-63 {
  width: 63px !important; }

.product-page #moli #divMoli .w-60 {
  width: 56px !important; }

.product-page #moli #divMoli .table-overflow {
  overflow: auto; }
  .product-page #moli #divMoli .table-overflow .form.align-left {
    width: 1078px; }
    @media only screen and (min-device-width: 1580px) {
      .product-page #moli #divMoli .table-overflow .form.align-left {
        width: 1144px; } }

.product-page #moli #divMoliHeadersContainer {
  max-height: calc(100vh - 556px) !important; }
  .product-page #moli #divMoliHeadersContainer .row-line .item-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px !important; }
  .product-page #moli #divMoliHeadersContainer .row-line span {
    top: 7px; }

.product-page #moli #divListQtyLevelContainer {
  max-height: calc(100vh - 556px) !important; }
  .product-page #moli #divListQtyLevelContainer .row-line .item-row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px !important; }
  .product-page #moli #divListQtyLevelContainer .row-line span {
    top: 7px; }

.product-page #itemCodes #divExternalCode {
  overflow: auto;
  max-height: calc(100vh - 508px) !important;
  max-width: calc(46vw - 10px); }

.product-page #itemCodes #divCode .badge-info {
  margin-bottom: 5px;
  margin-right: 5px; }
  .product-page #itemCodes #divCode .badge-info .item-codes label {
    width: 160px; }

.product-page #itemStocks #divItemStock {
  overflow: auto;
  max-height: calc(100vh - 328px) !important; }

.product-page #ItemDescription #divItemDescription .cke_contents.cke_reset {
  min-height: 159px;
  height: auto !important; }

.product-page.panel-cus .left-panel {
  width: auto;
  max-width: calc(32%);
  height: calc(100vh - 162px) !important;
  /*max-width: calc(100% - 760px);*/ }
  .product-page.panel-cus .left-panel #divListContainer {
    max-height: calc(100vh - 258px) !important; }
    .product-page.panel-cus .left-panel #divListContainer .row-line span {
      margin: 0px !important; }
  .product-page.panel-cus .left-panel #spnItemName {
    font-family: "Khand", sans-serif;
    color: #0b9593;
    font-size: 17px;
    padding-bottom: 5px;
    text-transform: capitalize;
    font-weight: 900;
    text-shadow: none;
    margin-bottom: 5px;
    display: flex;
    margin-top: -3px; }
  .product-page.panel-cus .left-panel.collapsed {
    margin-top: 35px;
    height: 70px !important;
    /*height: calc(100vh - 554px) !important;*/ }
    .product-page.panel-cus .left-panel.collapsed .panel {
      width: 65px;
      height: 68px; }
      .product-page.panel-cus .left-panel.collapsed .panel .headers {
        padding: 5px 23px 3px 15px;
        display: none; }
      .product-page.panel-cus .left-panel.collapsed .panel .search, .product-page.panel-cus .left-panel.collapsed .panel .panel-body {
        display: none; }
      .product-page.panel-cus .left-panel.collapsed .panel .row-lines {
        overflow: hidden; }

.product-page.panel-cus .right-panel {
  /*width: auto;*/
  max-width: calc(67%);
  width: calc(67%);
  min-width: calc(67%); }

.product-page.panel-cus .collapsed + .right-panel {
  width: calc(92%);
  max-width: calc(92%);
  padding: 0px !important; }

.product-page .color-code.product-color-code .card {
  position: absolute;
  right: -21px;
  top: -141px;
  width: 262px; }
  @media screen and (mmin-device-width: 1920px) {
    .product-page .color-code.product-color-code .card {
      right: -91px;
      top: -106px; } }

.product-page .collapsed + .right-panel .color-code.product-color-code .card {
  right: -30px;
  top: -106px; }
  @media screen and (min-device-width: 1920px) {
    .product-page .collapsed + .right-panel .color-code.product-color-code .card {
      right: -69px; } }

.product-page .section-separator {
  margin: 5px 0 15px; }

.product-page #preview {
  position: relative; }
  .product-page #preview .icofont-ui-delete {
    top: 25px !important;
    left: 45px !important;
    color: #ff1100; }
    @media only screen and (min-device-width: 1500px) {
      .product-page #preview .icofont-ui-delete {
        left: 55px !important;
        top: 35px !important; } }
    .product-page #preview .icofont-ui-delete:hover {
      color: #b91004; }
  .product-page #preview div:hover img {
    bottom: -65px !important;
    margin-top: 0 !important;
    max-width: 95px !important; }
  .product-page #preview img {
    object-fit: cover; }
  .product-page #preview .default {
    position: relative;
    margin: -3px 12px 10px !important;
    float: left;
    cursor: pointer;
    background: #e8eef9;
    border-radius: 27px;
    width: 40px !important;
    height: 40px !important;
    z-index: 10; }
    .product-page #preview .default img {
      width: 40px !important;
      height: 40px !important;
      margin: 0px 0px 0px !important; }
    .product-page #preview .default div:hover img {
      width: 40px !important;
      height: 40px !important;
      border: 0px solid #fff !important; }

.product-page .mh-163 {
  max-height: calc(100vh - 163px) !important;
  overflow: hidden; }

.product-page .mh-197 {
  max-height: calc(100vh - 197px) !important;
  overflow: auto; }

.product-page .panel.customize-panle .headers {
  padding: 5px 22px 3px 11px; }
  .product-page .panel.customize-panle .headers .code {
    width: 20%;
    padding-right: 6px; }
  .product-page .panel.customize-panle .headers .item-name {
    width: 45%;
    padding-right: 6px; }
  .product-page .panel.customize-panle .headers .cost-price {
    width: 14%; }
  .product-page .panel.customize-panle .headers .sel-price {
    width: 15%; }

.product-page .panel.customize-panle .panel-body .time-entry .item-row {
  padding: 8px 8px 8px 10px; }
  .product-page .panel.customize-panle .panel-body .time-entry .item-row .code {
    width: 20%;
    padding-right: 6px; }
  .product-page .panel.customize-panle .panel-body .time-entry .item-row .item-name {
    width: 45%;
    padding-right: 6px; }
  .product-page .panel.customize-panle .panel-body .time-entry .item-row .cost-price {
    width: 14%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .product-page .panel.customize-panle .panel-body .time-entry .item-row .sel-price {
    width: 15%; }

.product-page .panel.customize-panle .panel-body .time-entry span.delete-icon {
  top: 6px;
  right: 7px; }

.panel .panel-body label {
  font-size: 12px !important; }

.panel .panel-body .form-control {
  /*height: 30px !important;*/ }

.panel .panel-body #btnAddToGrid {
  font-size: 25px !important;
  line-height: 1.3 !important; }

.panel .panel-body .single-button .btn {
  font-size: 25px !important;
  line-height: 1.42857143 !important; }

.panel .panel-body .btn-primary, .panel .panel-body .btn-default {
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 21px !important; }
  .panel .panel-body .btn-primary:hover, .panel .panel-body .btn-primary:active .panel .panel-body .btn-primary:focus, .panel .panel-body .btn-default:hover, .panel .panel-body .btn-default:active .panel .panel-body .btn-primary:focus, .panel .panel-body .btn-primary:active .panel .panel-body .btn-default:focus, .panel .panel-body .btn-default:active .panel .panel-body .btn-default:focus {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: none !important; }

.panel .panel-body .panel-heading h4 {
  font-size: 12px !important; }

.modal-content label {
  font-size: 12px !important; }

.section-page .body-width {
  max-width: 967px !important; }
  .section-page .body-width .sectemplist-on {
    max-height: calc(100vh - 228px) !important; }

.overflow-auto {
  overflow: auto; }

.card {
  position: relative;
  display: -ms-flexbox;
  /*display: flex;*/
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem; }

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; }

.panel-cus .panel {
  background-color: transparent;
  border: 1px solid transparent !important;
  box-shadow: none !important; }
  .panel-cus .panel .panel-heading {
    border: 1px solid #eaeef1; }
    .panel-cus .panel .panel-heading h4 {
      margin-top: 8px !important; }
  .panel-cus .panel .panel-body {
    padding: 8px 8px 0px;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .panel-cus .panel .panel-body .form-control {
      height: 30px; }
    .panel-cus .panel .panel-body .row-lines .item-row {
      border-bottom: 1px solid #eaeef5;
      border-right: 1px solid #eaeef5;
      border-left: 1px solid #eaeef5;
      font-size: 12px;
      line-height: 1.2; }
    .panel-cus .panel .panel-body .text-left {
      text-align: left !important; }
    .panel-cus .panel .panel-body .text-right {
      text-align: right !important; }
    .panel-cus .panel .panel-body .d-none {
      display: none !important; }
    .panel-cus .panel .panel-body ::-webkit-scrollbar {
      width: 10px;
      height: 10px; }
    .panel-cus .panel .panel-body ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #c8c8c8;
      border-radius: 5px;
      cursor: pointer; }
    .panel-cus .panel .panel-body ::-webkit-scrollbar-thumb {
      background: #cacaca;
      border-radius: 5px;
      cursor: pointer; }
    .panel-cus .panel .panel-body ::-webkit-scrollbar-thumb:hover {
      background: #a0a0a0; }

.panel-cus .mr-1em {
  margin-right: 1rem !important; }

.panel-cus .mb-1em {
  margin-bottom: 1rem !important; }

.panel-cus .item-lists {
  width: 340px; }

.panel-cus .nav {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  margin-left: 5px;
  border-bottom: none; }
  .panel-cus .nav.nav-tabs a {
    position: relative;
    display: inline-block;
    padding: 11px 25px;
    color: inherit;
    text-decoration: none;
    margin: 0 -5px;
    color: #ffffff;
    border: 0;
    font-size: 13.4px; }
    .panel-cus .nav.nav-tabs a::before {
      content: '';
      /* To generate the box */
      position: absolute;
      top: 0;
      right: 0;
      bottom: .5em;
      left: 0;
      z-index: -1;
      border-bottom: none;
      border: 0;
      border-radius: 10px 10px 0 0;
      background: #13b2b0;
      transform: perspective(5px) rotateX(1deg);
      transform-origin: bottom;
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); }
    .panel-cus .nav.nav-tabs a:hover, .panel-cus .nav.nav-tabs a:focus {
      z-index: 2;
      color: #13b2b0;
      background: transparent;
      border: 0; }
      .panel-cus .nav.nav-tabs a:hover::before, .panel-cus .nav.nav-tabs a:focus::before {
        background: #f8f8f8; }
  .panel-cus .nav li {
    margin-bottom: -7px; }
    .panel-cus .nav li.active a {
      z-index: 2;
      color: #13b2b0;
      background: transparent;
      border: 0; }
      .panel-cus .nav li.active a::before {
        background: #f8f8f8; }

.panel-cus .tab-content {
  margin-top: -6px;
  border: none;
  padding: 10px 10px; }

.panel-cus .row-lines .row-line span.delete-icon {
  top: 7px; }

.panel-cus .row-lines .row-line span input[type="checkbox"] {
  margin: 0px; }

.panel-cus .form .form-group.icon-field .icon:first-child {
  padding: 8px 12px 8px 12px !important;
  height: 30px !important; }

.panel-cus .form .form-group.icon-field .icon:last-child i {
  padding: 10px 15px 10px 15px !important;
  font-size: 11px !important;
  height: 30px !important; }

input[type='text'].form-control {
  padding: 6px 3px;
  font-size: 13px; }

.customer-price-page .grid-headers .order-field {
  width: 50px;
  text-align: left !important; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-headers .order-field {
      width: 60px !important; } }

.customer-price-page .grid-headers .seling-price-field, .customer-price-page .grid-headers .price-field {
  width: 101px !important; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-headers .seling-price-field, .customer-price-page .grid-headers .price-field {
      width: 121px !important; } }

.customer-price-page .grid-headers .item-field {
  width: 361px !important; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-headers .item-field {
      width: 481px !important; } }

.customer-price-page .grid-headers .code-field {
  width: 96px !important; }

.customer-price-page .grid-table #divMainTable #divHeader .row-order, .customer-price-page .grid-table #divMainTable .div-rows .row-order {
  width: 50px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px 5px; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-table #divMainTable #divHeader .row-order, .customer-price-page .grid-table #divMainTable .div-rows .row-order {
      width: 60px !important; } }

.customer-price-page .grid-table #divMainTable #divHeader .row-item, .customer-price-page .grid-table #divMainTable .div-rows .row-item {
  width: 360px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-table #divMainTable #divHeader .row-item, .customer-price-page .grid-table #divMainTable .div-rows .row-item {
      width: 479px !important; } }

.customer-price-page .grid-table #divMainTable #divHeader .row-selling-price, .customer-price-page .grid-table #divMainTable #divHeader .row-price, .customer-price-page .grid-table #divMainTable .div-rows .row-selling-price, .customer-price-page .grid-table #divMainTable .div-rows .row-price {
  width: 100px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #dfdfe0 !important;
  border-left: 1px solid #dfdfe0 !important; }
  @media only screen and (min-device-width: 1520px) {
    .customer-price-page .grid-table #divMainTable #divHeader .row-selling-price, .customer-price-page .grid-table #divMainTable #divHeader .row-price, .customer-price-page .grid-table #divMainTable .div-rows .row-selling-price, .customer-price-page .grid-table #divMainTable .div-rows .row-price {
      width: 121px !important; } }

.customer-price-page .grid-table #divMainTable #divHeader .row-code, .customer-price-page .grid-table #divMainTable .div-rows .row-code {
  width: 95px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.customer-price-page .grid-table #divMainTable #divHeader .action, .customer-price-page .grid-table #divMainTable .div-rows .action {
  width: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.customer-price-page .grid-table #divMainTable #divHeader:first-child .row-price, .customer-price-page .grid-table #divMainTable .div-rows:first-child .row-price {
  border-top: 0px solid #dfdfe0; }

.customer-price-page .grid-table #divMainTable #divHeader:last-child .row-price, .customer-price-page .grid-table #divMainTable .div-rows:last-child .row-price {
  border-bottom: 0px solid #b1dbef; }

.customer-price-page .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .customer-price-page .grid-table #divMainTable .div-rows:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.customer-price-page .grid-table #divBody {
  max-height: calc(100vh - 414px) !important;
  overflow: auto; }
  .customer-price-page .grid-table #divBody .row-order-qty {
    padding: 3px; }

.customer-price-page hr {
  margin-top: 12px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  margin-left: 10px; }

.customer-price-page #divListContainer {
  max-height: calc(100vh - 353px) !important; }

.customer-price-page #frmForm {
  margin-right: 10px; }

.customer-price-page .form .form-group #item-row-buttons .icon:first-child {
  padding: 8px 12px 8px 12px !important;
  height: 30px !important; }

.customer-price-page .form .form-group #item-row-buttons .icon:last-child i {
  padding: 10px 15px 10px 15px !important;
  font-size: 11px;
  height: 30px !important; }

.customer-price-page .cus-search {
  width: 70% !important; }

.customer-price-page .temp-list-table {
  width: 350px !important;
  min-height: 224px;
  margin-right: 20px; }
  .customer-price-page .temp-list-table select {
    border: 1px solid #e0e3e8;
    padding: 4px 8px;
    font-size: 12px;
    box-shadow: none;
    height: 30px !important;
    border-radius: 2px;
    background: #fff;
    width: 200px; }

.customer-price-page .btn-danger {
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 23px !important; }

.customer-price-page .table-header .action, .customer-price-page .table-body .action {
  width: 35px !important; }

.customer-price-page #txtTemplateName {
  width: 300px !important; }

.target-adjustment .grid-table #divMainTable #divHeader .row-order, .target-adjustment .grid-table #divMainTable .div-rows .row-order {
  width: 45px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px 5px; }

.target-adjustment .grid-table #divMainTable #divHeader .row-item, .target-adjustment .grid-table #divMainTable #divHeader .row-name, .target-adjustment .grid-table #divMainTable .div-rows .row-item, .target-adjustment .grid-table #divMainTable .div-rows .row-name {
  width: 327px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.target-adjustment .grid-table #divMainTable #divHeader .row-selling-price, .target-adjustment .grid-table #divMainTable #divHeader .row-price, .target-adjustment .grid-table #divMainTable #divHeader .row-qty, .target-adjustment .grid-table #divMainTable .div-rows .row-selling-price, .target-adjustment .grid-table #divMainTable .div-rows .row-price, .target-adjustment .grid-table #divMainTable .div-rows .row-qty {
  width: 90px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #dfdfe0 !important; }

.target-adjustment .grid-table #divMainTable #divHeader .row-code, .target-adjustment .grid-table #divMainTable .div-rows .row-code {
  width: 85px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.target-adjustment .grid-table #divMainTable #divHeader .action, .target-adjustment .grid-table #divMainTable .div-rows .action {
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.target-adjustment .grid-table #divMainTable #divHeader .row-so-check, .target-adjustment .grid-table #divMainTable .div-rows .row-so-check {
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.target-adjustment .grid-table #divMainTable #divHeader:first-child .row-price, .target-adjustment .grid-table #divMainTable .div-rows:first-child .row-price {
  border-top: 0px solid #dfdfe0; }

.target-adjustment .grid-table #divMainTable #divHeader:last-child .row-price, .target-adjustment .grid-table #divMainTable .div-rows:last-child .row-price {
  border-bottom: 0px solid #b1dbef; }

.target-adjustment .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .target-adjustment .grid-table #divMainTable .div-rows:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.target-adjustment .grid-table #divBody {
  max-height: calc(100vh - 300px) !important;
  overflow: auto;
  /* max-width: calc(100vh - 37px) !important;*/
  border-bottom: 0px solid #f2f4f8;
  /* max-width: 716px;
            width: 714px;*/
  max-width: 717px;
  /* width: 717px; */
  padding-right: 3px; }
  .target-adjustment .grid-table #divBody .row-order-qty {
    padding: 3px; }
  .target-adjustment .grid-table #divBody .grid-table.sub-table {
    padding: 0;
    width: unset;
    height: auto; }
    .target-adjustment .grid-table #divBody .grid-table.sub-table .table {
      height: auto;
      padding: 0;
      width: unset; }
      .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
        padding: 0;
        width: unset;
        height: auto;
        border-right: 0px solid #e0e3e8 !important;
        border-bottom: 0px solid #f2f4f8; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-code, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-code {
          width: 45px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          text-align: left !important; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-so, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so {
          width: 85px;
          text-align: left !important;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-packing-style, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-packing-style {
          width: 93px;
          text-align: left !important;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-customer-name, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-customer-name {
          width: 300px;
          text-align: left !important;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-target-qty, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-target-qty {
          width: 90px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          text-align: right !important; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-qty, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-qty {
          width: 111px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          text-align: right !important;
          border-right: 1px solid #e0e3e8 !important; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-header .row-so-check, .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check {
          width: 35px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0; }
      .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
        max-height: calc(100vh - 500px) !important;
        overflow: auto;
        /*width: calc(100vw - 921px) !important;*/
        width: 100%;
        margin-right: 2px; }
        @media only screen and (min-device-width: 1900px) {
          .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
            /*width: calc(100vw - 1305px) !important;*/ } }
        @media only screen and (max-device-width: 1420px) {
          .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
            /*width: calc(100vw - 751px) !important;*/ } }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-code {
          border-left: 4px solid #13b2b0;
          text-align: right; }
        .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-qty {
          padding: 2px;
          width: 111px;
          position: relative; }
          .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-qty input {
            height: 26px !important;
            text-align: end;
            padding-right: 8px;
            font-size: 12px; }
          .target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-qty i {
            position: absolute;
            left: 8px;
            color: #2196f3;
            font-size: 16px;
            margin-top: 1px;
            cursor: pointer; }
    .target-adjustment .grid-table #divBody .grid-table.sub-table ::-webkit-scrollbar-thumb {
      background: #809d99; }
    .target-adjustment .grid-table #divBody .grid-table.sub-table ::-webkit-scrollbar {
      width: 8px; }
  .target-adjustment .grid-table #divBody .border-right-0 {
    border-right: 0px solid #e0e3e8 !important; }
  .target-adjustment .grid-table #divBody .border-left-3 {
    border-left: 3px solid #f2f4f8; }
  .target-adjustment .grid-table #divBody .border-bottom-1 {
    border-bottom: 1px solid #e0e3e8; }
  .target-adjustment .grid-table #divBody .h-auto {
    height: auto !important; }

.target-adjustment hr {
  margin-top: 10px;
  margin-bottom: 12px; }

.target-adjustment .left-panel #divListContainer {
  max-height: calc(100vh - 281px) !important;
  min-height: calc(100vh - 281px) !important;
  overflow: auto; }
  .target-adjustment .left-panel #divListContainer .item-row {
    display: flex;
    justify-content: space-between;
    padding-right: 12px; }
    .target-adjustment .left-panel #divListContainer .item-row label {
      font-size: 12px !important;
      font-weight: 600;
      text-shadow: none; }

.target-adjustment .left-panel .form-group {
  justify-content: space-between;
  font-size: 13px !important;
  padding-left: 11px; }
  .target-adjustment .left-panel .form-group .form-control {
    font-size: 13px !important; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-order, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-order {
  width: 35px; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-item, .target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-name, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-item, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-name {
  width: 379px; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-selling-price, .target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-price, .target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-qty, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-selling-price, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-price, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-qty {
  width: 80px; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .row-code, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .row-code {
  width: 150px; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable #divHeader .action, .target-adjustment.dispatched-return-page .grid-table #divMainTable .div-rows .action {
  width: 35px; }

.target-adjustment.dispatched-return-page .grid-table #divMainTable .table-header .row-selling-price {
  justify-content: space-between !important;
  position: unset !important; }
  .target-adjustment.dispatched-return-page .grid-table #divMainTable .table-header .row-selling-price .checkbox {
    padding: 6px 0px 0px 0px !important;
    border: 0px !important;
    margin: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    position: unset !important; }
    .target-adjustment.dispatched-return-page .grid-table #divMainTable .table-header .row-selling-price .checkbox .custom-checkbox-element {
      margin: 0px 0px 3px 0px !important;
      height: 14px; }
    .target-adjustment.dispatched-return-page .grid-table #divMainTable .table-header .row-selling-price .checkbox .custom-checkbox {
      padding: 0px;
      margin: 0px;
      font-size: 17px;
      border: 0px;
      font-weight: 100; }

.target-adjustment.dispatched-return-page .grid-table #divBody {
  max-width: 670px;
  width: max-content; }
  .target-adjustment.dispatched-return-page .grid-table #divBody .grid-table.sub-table {
    padding-left: 89px !important; }
    .target-adjustment.dispatched-return-page .grid-table #divBody .grid-table.sub-table .table .table-header .row-lot-no, .target-adjustment.dispatched-return-page .grid-table #divBody .grid-table.sub-table .table .table-body .row-lot-no {
      width: 204px !important; }
    .target-adjustment.dispatched-return-page .grid-table #divBody .grid-table.sub-table .table .table-body {
      max-height: calc(100vh - 500px) !important;
      overflow: auto;
      width: 100%;
      margin-right: 2px; }

.target-adjustment.dispatched-return-page .form .grid-table .table-header div div {
  position: unset; }

.target-adjustment-page.target-adjustment .grid-table #divMainTable #divHeader .row-so-check, .target-adjustment-page.target-adjustment .grid-table #divMainTable .div-rows .row-so-check {
  width: 146px;
  padding: 6px 10px 5px; }

.target-adjustment-page.target-adjustment .grid-table #divMainTable #divHeader .row-item, .target-adjustment-page.target-adjustment .grid-table #divMainTable #divHeader .row-name, .target-adjustment-page.target-adjustment .grid-table #divMainTable .div-rows .row-item, .target-adjustment-page.target-adjustment .grid-table #divMainTable .div-rows .row-name {
  width: 327px; }

.target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .row-customer-name {
  width: 234px; }

.target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .row-so-check {
  width: 35px;
  text-align: center !important; }
  .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .row-so-check input[type="checkbox"] {
    margin-top: 0px !important; }
  .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .row-so-check .checkbox .custom-checkbox-element {
    margin: 9px 0px 0px -5px !important;
    z-index: 5; }
  .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .row-so-check .checkbox .custom-checkbox {
    font-size: 16px;
    padding-left: 0px !important;
    padding-top: 4px !important;
    width: 100%;
    font-weight: 100; }

.target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
  /*width: calc(100vw - 834px) !important;*/ }
  @media only screen and (min-device-width: 1900px) {
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
      /*width: calc(100vw - 1218px) !important;*/ } }
  @media only screen and (max-device-width: 1420px) {
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body {
      /* width: calc(100vw - 664px) !important;*/ } }
  .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check {
    width: 35px;
    text-align: center !important; }
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check input[type="checkbox"] {
      margin: 0px 0px 0px 1px !important; }
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check .checkbox {
      padding: 0 !important;
      margin: 0 !important;
      overflow: unset !important;
      width: 100%; }
      .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check .checkbox .custom-checkbox-element {
        margin: 9px 0px 0px -5px !important;
        z-index: 5; }
      .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-so-check .checkbox .custom-checkbox {
        padding: 0 !important;
        width: 100%;
        margin: 4px 0px 0px 0px !important;
        font-size: 16px !important;
        overflow: unset !important;
        height: unset !important; }
  .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-packing-edit {
    margin-left: -25px;
    padding: 7px 6px;
    border: 0; }
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-packing-edit i {
      color: #057e7d;
      cursor: pointer; }
    .target-adjustment-page.target-adjustment .grid-table #divBody .grid-table.sub-table .table .table-body .row-packing-edit:hover i {
      color: #044a4a; }

.target-adjustment-page .padding-right-92 {
  padding-right: 64px !important; }

.target-adjustment-page .df-target-qty {
  width: 90px;
  padding-right: 3px;
  font-weight: 700; }

.automation-page .grid-headers .order-field {
  width: 61px; }

.automation-page .grid-headers .w-300px {
  width: 300px; }

.automation-page .grid-headers .small-field {
  width: 121px; }

.automation-page .grid-headers .price-field {
  width: 181px; }

.automation-page .grid-table #divMainTable #divHeader .row-order, .automation-page .grid-table #divMainTable .div-rows .row-order {
  width: 60px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px 5px; }

.automation-page .grid-table #divMainTable #divHeader .row-item, .automation-page .grid-table #divMainTable #divHeader .row-name, .automation-page .grid-table #divMainTable .div-rows .row-item, .automation-page .grid-table #divMainTable .div-rows .row-name {
  width: 300px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.automation-page .grid-table #divMainTable #divHeader .row-packing-style, .automation-page .grid-table #divMainTable #divHeader .row-packingStyle, .automation-page .grid-table #divMainTable .div-rows .row-packing-style, .automation-page .grid-table #divMainTable .div-rows .row-packingStyle {
  width: 120px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-right: 1px solid #dfdfe0 !important; }

.automation-page .grid-table #divMainTable #divHeader .row-moli-count, .automation-page .grid-table #divMainTable .div-rows .row-moli-count {
  width: 180px;
  text-align: right !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.automation-page .grid-table #divMainTable #divHeader .row-qty, .automation-page .grid-table #divMainTable .div-rows .row-qty {
  width: 86px;
  text-align: left !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.automation-page .grid-table #divMainTable #divHeader .action, .automation-page .grid-table #divMainTable .div-rows .action {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.automation-page .grid-table #divMainTable #divHeader:first-child .row-price, .automation-page .grid-table #divMainTable .div-rows:first-child .row-price {
  border-top: 0px solid #dfdfe0; }

.automation-page .grid-table #divMainTable #divHeader:last-child .row-price, .automation-page .grid-table #divMainTable .div-rows:last-child .row-price {
  border-bottom: 0px solid #b1dbef; }

.automation-page .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .automation-page .grid-table #divMainTable .div-rows:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.automation-page .grid-table #divBody {
  max-height: calc(100vh - 390px) !important;
  overflow: auto; }
  .automation-page .grid-table #divBody .row-order-qty {
    padding: 3px; }
  .automation-page .grid-table #divBody #btnClearRow {
    padding: 10px 8px 7px 9px; }

.automation-page hr {
  margin-top: 12px;
  margin-bottom: 25px;
  border: 0;
  border-top: 1px solid #eee;
  margin-left: 10px; }

.picksheet-page #summaryPanel .chk-panel-heading .checkbox {
  padding-top: 3px !important; }
  .picksheet-page #summaryPanel .chk-panel-heading .checkbox .custom-checkbox {
    font-size: 16px;
    margin-left: -2px !important; }

.picksheet-page .pick-sheet-page .w-536px {
  width: 536px !important; }

.picksheet-page .pick-sheet-page .ml-183px {
  margin-left: 183px !important; }

.picksheet-page .pick-sheet-page .grid-headers .order-field {
  width: 50px; }

.picksheet-page .pick-sheet-page .grid-headers .w-300px {
  width: 300px; }

.picksheet-page .pick-sheet-page .grid-headers .w-238px {
  width: 238px; }

.picksheet-page .pick-sheet-page .grid-headers .w-95px {
  width: 95px; }
  .picksheet-page .pick-sheet-page .grid-headers .w-95px .btn-primary {
    height: 32px !important; }

.picksheet-page .pick-sheet-page .grid-headers .w-180px {
  width: 180px; }

.picksheet-page .pick-sheet-page .grid-headers .w-130px {
  width: 130px; }

.picksheet-page .pick-sheet-page .grid-headers .w-185px {
  width: 183px; }

.picksheet-page .pick-sheet-page .grid-headers .price-field {
  width: 181px; }

.picksheet-page .pick-sheet-page .grid-table .w-503-cat {
  width: 503px !important; }

.picksheet-page .pick-sheet-page .grid-table .w-checkall {
  width: 34px !important; }

.picksheet-page .pick-sheet-page .grid-table .w-483px {
  width: 537px !important; }

.picksheet-page .pick-sheet-page .grid-table .w-537px {
  width: 536px !important; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader .row-order, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows .row-order {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 10px 5px; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader .row-item, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows .row-item {
  width: 292px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader .row-category, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows .row-category {
  width: 149px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid #dfdfe0 !important; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader .row-qty, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows .row-qty {
  width: 95px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader .action, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows .action {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader:first-child .row-price, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows:first-child .row-price {
  border-top: 0px solid #dfdfe0; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader:last-child .row-price, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows:last-child .row-price {
  border-bottom: 0px solid #b1dbef; }

.picksheet-page .pick-sheet-page .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .picksheet-page .pick-sheet-page .grid-table #divMainTable .div-rows:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.picksheet-page .pick-sheet-page .grid-table #divBody {
  /*    max-height: calc(100vh - 374px) !important;
            overflow: auto;
            max-width: calc(100vw - 2px);*/
  max-height: calc(100vh - 385px) !important;
  overflow: auto;
  max-width: calc(100vw - 10px) !important; }
  .picksheet-page .pick-sheet-page .grid-table #divBody .row-order-qty {
    padding: 3px; }
  .picksheet-page .pick-sheet-page .grid-table #divBody #btnClearRow {
    padding: 10px 8px 7px 9px; }
  .picksheet-page .pick-sheet-page .grid-table #divBody .sub-row .row-order {
    width: 199px;
    justify-content: flex-end;
    border-left: 6px solid #13b2b0; }
  .picksheet-page .pick-sheet-page .grid-table #divBody .sub-row .row-name {
    width: 292px; }
  .picksheet-page .pick-sheet-page .grid-table #divBody .sub-row .row-qty {
    width: 95px; }

.picksheet-page .pick-sheet-page .grid-table #divRouteBody {
  /* max-height: calc(100vh - 375px) !important;
            overflow: auto;
            max-width: calc(100vw - 2px);*/
  max-height: calc(100vh - 385px) !important;
  overflow: auto;
  max-width: calc(100vw - 10px) !important; }
  .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-name {
    width: 503px; }
  .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-action {
    align-items: center;
    justify-content: center;
    width: 34px;
    padding: 5px 8px; }
    .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-action .checkbox {
      font-weight: 100; }
      .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-action .checkbox .custom-checkbox-element {
        margin: 8px 0px 0px 1px !important;
        z-index: 5; }
      .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-action .checkbox .custom-checkbox {
        font-size: 16px;
        padding-left: 0px !important;
        padding-top: 0px !important;
        width: 100%; }
    .picksheet-page .pick-sheet-page .grid-table #divRouteBody .row-summary .row-action input {
      margin-top: 0px; }

.picksheet-page .pick-sheet-page hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eee; }

.foc-page .panel .panel-heading .search {
  width: 72%; }

.foc-page .panel .panel-body #divListContainer {
  max-height: calc(100vh - 325px) !important;
  overflow: auto; }

.foc-page #divMainTable #divDetailBody .sub-table .table {
  padding-left: 475px !important;
  border-left: 3px solid #f2f4f8; }
  .foc-page #divMainTable #divDetailBody .sub-table .table .table-body {
    /*max-height: calc(100vh - 530px) !important;
                        overflow: auto;*/ }
    .foc-page #divMainTable #divDetailBody .sub-table .table .table-body .div-rows {
      height: auto; }

.foc-page #focSummaryPanel #divSummaryBody {
  max-height: calc(100vh - 325px) !important;
  overflow: auto; }

.foc-page .togglebtn-group {
  padding-top: 1px; }

.dispatch-target-page .grid-table #divMainTable #divHeader .row-item, .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-item {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60px; }

.dispatch-target-page .grid-table #divMainTable #divHeader .row-available-qty, .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-available-qty {
  width: 95px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 60px; }

.dispatch-target-page .grid-table #divMainTable #divHeader .row-pickup, .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-pickup {
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  padding-right: 5px; }

.dispatch-target-page .grid-table #divMainTable #divHeader:hover .action i.icofont-close-circled, .dispatch-target-page .grid-table #divMainTable #dispatch-table:hover .action i.icofont-close-circled {
  font-size: 20px !important; }

.dispatch-target-page .grid-table #divMainTable #dispatch-table {
  /* max-height: calc(100vh - 334px) !important;
                overflow: auto;
                max-width: calc(100vw - 2px);*/
  max-height: calc(100vh - 414px) !important;
  overflow: auto;
  /*.title {
                    font-family: Heebo, sans-serif;
                    color: #535353;
                    font-size: 13px;
                    margin-bottom: 0;
                    text-transform: uppercase;
                    padding: 5px 10px;
                    font-weight: 600;
                    border-right: 0px solid #f2f4f8;
                    border-left: 1px solid #f2f4f8;
                    width: 100%;
                    text-align: left;
                    background-color: #e3ebfb;

                    &:hover {
                        background-color: #e3ebfb !important;
                    }
                }*/ }
  .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-order-qty {
    padding: 3px; }
  .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-pickup {
    padding-top: 0px;
    width: 141px; }
    .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-pickup input {
      height: 26px !important; }
    .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-pickup .relesse-qty-btn {
      margin-top: 0px;
      margin-left: 10px; }
  .dispatch-target-page .grid-table #divMainTable #dispatch-table .row-item {
    height: 30px !important; }
  .dispatch-target-page .grid-table #divMainTable #dispatch-table .target-qty {
    width: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 30px !important; }

.dispatch-target-page .grid-table #divMainTable .row-header-item {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 60px; }
  .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-location-name {
    width: 100%;
    border-bottom: 1px solid #e0e3e8;
    border-right: 0px solid #e0e3e8;
    text-transform: uppercase; }
    .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-location-name span i.fa-eraser {
      border-radius: 50%;
      width: 21px !important;
      height: 21px !important;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      margin-top: -1px;
      line-height: 25px;
      margin-right: -5px;
      margin-left: 20px;
      background-color: #ff4f42;
      color: white; }
  .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-sub {
    padding: 0;
    border-right: 0px solid #e0e3e8; }
    .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-sub .row-header-load-Qty, .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-sub .row-header-avialbe-Qty {
      width: 95px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 12px; }
    .dispatch-target-page .grid-table #divMainTable .row-header-item .row-header-sub .row-header-pickup-Qty {
      width: 140px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0;
      padding-right: 5px;
      border-right: 0px solid #e0e3e8;
      font-size: 12px; }

.dispatch-target-page .grid-table #divMainTable .row-location .row-loaded-qty {
  width: 95px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  height: 30px !important; }

.dispatch-target-page .grid-table #divMainTable .row-location .row-available-qty {
  width: 95px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  height: 30px !important; }

.dispatch-target-page .grid-table #divMainTable .row-location .row-pickup {
  width: 141px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  padding-right: 5px;
  height: 30px !important; }

.dispatch-target-page hr {
  margin-top: 12px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eee;
  margin-left: 0px; }

.dispatch-target-page .card-body {
  padding: 20px;
  /*  padding-bottom: 10px !important;*/ }
  .dispatch-target-page .card-body .row-width {
    width: calc(100% - 0px);
    overflow: auto; }
    .dispatch-target-page .card-body .row-width .panal-width {
      width: 2060px;
      width: max-content; }

.dispatch-target-page .row-item.bg-danger {
  background-color: #fbcccc !important; }

.dispatch-target-page .row-item.line-highlighted-tragqty {
  border-left: 5px solid #ff8585 !important;
  padding-left: 6px !important; }

.dispatch-target-page .row-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dispatch-release-page .dr-header-checkbox .custom-checkbox-element {
  margin: 9px 0px 0px -5px !important;
  z-index: 5; }

.dispatch-release-page .dr-header-checkbox .custom-checkbox {
  font-size: 16px;
  padding-left: 0px !important;
  padding-top: 4px !important;
  width: 100%; }

.dispatch-release-page .float-right {
  float: right !important; }

.dispatch-release-page .table .table-body .div-rows div.row-qty {
  background-color: transparent; }

.dispatch-release-page #relaseSoListContainer .bold-text {
  font-weight: bold !important; }

.dispatch-release-page #relaseSoListContainer .wrapper-parent-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 6.5px !important;
  width: 574px !important; }
  .dispatch-release-page #relaseSoListContainer .wrapper-parent-checkbox .custom-checkbox-element {
    margin: 9px 0px 0px -7px !important;
    z-index: 5; }
  .dispatch-release-page #relaseSoListContainer .wrapper-parent-checkbox .custom-checkbox {
    font-size: 16px;
    padding-left: 0px !important;
    padding-top: 5px !important; }

.dispatch-release-page #relaseSoListContainer .relaseSoList-body {
  max-height: calc(100vh - 360px);
  overflow-y: scroll;
  width: 584px !important; }

.dispatch-release-page .sub-heading-bg.padding-right-15 {
  padding-right: 15.5px !important; }

.dispatch-release-page .sub-heading-bg .checkbox {
  height: auto;
  font-size: 16px; }
  .dispatch-release-page .sub-heading-bg .checkbox .custom-checkbox-element {
    margin: 3px 3px 3px 2px !important; }
  .dispatch-release-page .sub-heading-bg .checkbox .custom-checkbox {
    height: auto;
    font-size: 16px;
    font-weight: 100; }

#workOrderClosePopup #txtPackingReusableDamageQty, #PreReleasePopup #txtPackingReusableDamageQty {
  width: 119px !important; }

#workOrderClosePopup #txtPackingPermanentDamageQty, #PreReleasePopup #txtPackingPermanentDamageQty {
  width: 128px !important; }

#workOrderClosePopup .wc-error, #PreReleasePopup .wc-error {
  margin-top: 10px; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.m-auto {
  margin: auto !important; }

.salesman-page .sales-panel label {
  width: 60px !important; }

.rep-commission-page .repf-group {
  margin: 0 15px 12px !important; }
  .rep-commission-page .repf-group label {
    margin-right: 20px;
    margin-left: 10px; }

.requisition-note-approval .req-note {
  padding-top: 15px; }
  .requisition-note-approval .req-note .rnamain-table {
    margin-top: 10px; }
  .requisition-note-approval .req-note .row-qty {
    width: 76px !important; }

.opening-stock-balance-page .w-125px {
  width: 126px !important; }

.opening-stock-balance-page .w-330px {
  width: 330px !important; }

.opening-stock-balance-page .w-90px {
  width: 91px !important; }

.opening-stock-balance-page .w-85px {
  width: 86px !important; }

.opening-stock-balance-page .grid-table .table-header .row-price, .opening-stock-balance-page .grid-table .table-header .row-amount, .opening-stock-balance-page .grid-table .table-body .row-price, .opening-stock-balance-page .grid-table .table-body .row-amount {
  width: 125px !important;
  text-align: right !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.opening-stock-balance-page .grid-table .table-header .row-qty, .opening-stock-balance-page .grid-table .table-body .row-qty {
  width: 85px !important;
  text-align: right !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.opening-stock-balance-page .grid-table .table-header .row-name, .opening-stock-balance-page .grid-table .table-body .row-name {
  width: 450px;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.opening-stock-balance-page .grid-table .table-header .row-size, .opening-stock-balance-page .grid-table .table-body .row-size {
  width: 90px !important;
  text-align: center !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.opening-stock-balance-page .grid-table .table-body .action .icofont-exclamation-circle {
  color: #2196f3 !important; }
  .opening-stock-balance-page .grid-table .table-body .action .icofont-exclamation-circle:hover {
    color: #0e75c6 !important; }

.opening-stock-balance-page .grid-table #divBody {
  max-height: calc(100vh - 428px);
  overflow: auto; }

.opening-stock-balance-page hr {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }

.opening-stock-balance-page .card-body {
  padding: 20px 18px 18px 20px; }
  .opening-stock-balance-page .card-body .total-amount.osb {
    margin-right: 67px;
    margin-bottom: 0; }
    .opening-stock-balance-page .card-body .total-amount.osb label#lblTotal {
      width: 112px; }

.opening-stock-balance-page .form-group .form-image .input-group-btn {
  margin-left: 0;
  margin-top: -1px; }

.opening-stock-balance-page .form-group .btn-download-icon {
  padding: 3px 4px 3px !important;
  height: 32px;
  margin-top: -1px;
  width: 32px; }

.opening-stock-balance-page .form-group #item-row-buttons #btnClearRow {
  padding: 9px 8px 8px 9px; }

.opening-stock-balance-page .tooltip.top {
  right: -37px !important; }
  .opening-stock-balance-page .tooltip.top .tooltip-arrow {
    bottom: 0px !important; }

.invoice-page .form .form-group.navigator {
  position: absolute;
  top: -91.1px;
  right: -18px; }

.invoice-page .form .tab-content {
  margin-top: 0px;
  border: none;
  padding: 10px; }
  .invoice-page .form .tab-content .i-temp-list .search {
    float: right;
    width: 57%;
    margin-right: 0px;
    margin-top: 2px; }
  .invoice-page .form .tab-content .i-temp-list #divListContainer {
    max-height: 148px !important; }
  .invoice-page .form .tab-content .i-so-list .panel-heading .checkbox {
    float: right;
    margin: 2px 10px 2px 10px; }
  .invoice-page .form .tab-content .i-so-list .search {
    float: right;
    width: 68%;
    margin-right: -4px;
    margin-top: 2px; }
  .invoice-page .form .tab-content .i-so-list #ddlRoute {
    height: 30px !important;
    margin-top: 35px;
    margin-bottom: 6px;
    padding: 3px; }
  .invoice-page .form .tab-content .i-so-list #divSoListContainer {
    max-height: 108px !important; }
    .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line {
      border-bottom: 1px solid #eaeef5;
      border-right: 1px solid #eaeef5;
      border-left: 1px solid #eaeef5;
      background-color: #fefeff;
      height: 30px; }
      .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line:nth-child(even) {
        background-color: #f7faff; }
      .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line:hover {
        background-color: #c9c9c9;
        color: #000;
        font-weight: bold; }
      .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line .item-row, .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line .item-row, .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line .refno-entry {
        background-color: transparent !important; }
      .invoice-page .form .tab-content .i-so-list #divSoListContainer .row-line .item-row {
        padding-right: 5px;
        padding: 7px 8px 7px 13px; }
  .invoice-page .form .tab-content .grid-headers .order-field {
    width: 35px; }
  .invoice-page .form .tab-content .grid-headers .code-field {
    width: 100px !important; }
  .invoice-page .form .tab-content .grid-headers .medium-field {
    width: 162px !important; }
  .invoice-page .form .tab-content .grid-headers .small-field, .invoice-page .form .tab-content .grid-headers .price-field {
    width: 80px !important; }
    .invoice-page .form .tab-content .grid-headers .small-field.w-100px, .invoice-page .form .tab-content .grid-headers .price-field.w-100px {
      width: 101px !important; }
  .invoice-page .form .tab-content .grid-headers .discount-field {
    width: 130px; }
  .invoice-page .form .tab-content .grid-headers .icon-field #item-row-buttons #btnClearRow {
    padding: 9px 8px 8px 9px; }
  .invoice-page .form .tab-content .grid-headers .icon-field #item-row-buttons #btnUpdateRow i {
    padding: 10px 18px 11px 18px;
    font-size: 12px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-order, .invoice-page .form .tab-content .grid-table .table .table-body .row-order {
    width: 35px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-code, .invoice-page .form .tab-content .grid-table .table .table-body .row-code {
    width: 99px;
    text-align: left; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-name, .invoice-page .form .tab-content .grid-table .table .table-body .row-name {
    width: 161px !important; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-size, .invoice-page .form .tab-content .grid-table .table .table-body .row-size {
    width: 79px !important; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-qty, .invoice-page .form .tab-content .grid-table .table .table-body .row-qty {
    width: 69px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-total-discount, .invoice-page .form .tab-content .grid-table .table .table-body .row-total-discount {
    width: 104px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-price, .invoice-page .form .tab-content .grid-table .table .table-body .row-price {
    width: 78px !important; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-discount, .invoice-page .form .tab-content .grid-table .table .table-body .row-discount {
    width: 112px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-amount, .invoice-page .form .tab-content .grid-table .table .table-body .row-amount {
    width: 123px; }
  .invoice-page .form .tab-content .grid-table .table .table-header .row-packing, .invoice-page .form .tab-content .grid-table .table .table-body .row-packing {
    text-align: left;
    line-height: 19px;
    padding: 6px 10px 5px !important; }
  .invoice-page .form .tab-content .grid-table .table #divBody {
    max-height: calc(100vh - 375px) !important;
    overflow: auto;
    max-width: calc(100vw - 2px); }
    .invoice-page .form .tab-content .grid-table .table #divBody .row-price {
      border-left: 2px solid #b1dbef; }
  .invoice-page .form .tab-content .customer-group .adult-customer {
    clear: none;
    float: left;
    margin-bottom: 1px; }
    .invoice-page .form .tab-content .customer-group .adult-customer .inv-search {
      width: 250px !important; }
  .invoice-page .form .tab-content .customer-group .wholesale {
    clear: none;
    float: left; }
    .invoice-page .form .tab-content .customer-group .wholesale .wholesale-chk-align {
      width: 15px; }
    .invoice-page .form .tab-content .customer-group .wholesale .mt-28 {
      margin-top: 28px; }
    .invoice-page .form .tab-content .customer-group .wholesale label {
      width: 70px; }
  .invoice-page .form .tab-content #directreciept .w-114px {
    width: 114px !important; }
  .invoice-page .form .tab-content #directreciept .w-119px {
    width: 119px !important; }
  .invoice-page .form .tab-content #directreciept .w-120px {
    width: 120px !important; }
  .invoice-page .form .tab-content #directreciept .w-159px {
    width: 159px !important; }
  .invoice-page .form .tab-content #directreciept .w-160px {
    width: 160px !important; }
  .invoice-page .form .tab-content #directreciept .width-85 {
    width: 85px !important; }
  .invoice-page .form .tab-content #directreciept .pr-11 {
    text-align: end;
    padding-right: 98px;
    line-height: 28px; }
    .invoice-page .form .tab-content #directreciept .pr-11 #lblPendingInvTotal {
      width: 113px;
      border: 1px solid #e0e3e8;
      border-radius: 3px;
      padding: 2px 9px 0px;
      height: 29px;
      line-height: 25px;
      display: inline-block;
      font-weight: 400;
      margin-top: 0px;
      float: right; }
    .invoice-page .form .tab-content #directreciept .pr-11 label {
      margin-bottom: 0;
      float: right;
      margin-right: 10px !important;
      font-weight: bold; }
  .invoice-page .form .tab-content #directreciept .inv-recipt {
    margin-right: 98px; }
  .invoice-page .form .tab-content #directreciept #divDReceiptBody {
    max-height: calc(100vh - 471px) !important;
    overflow: auto;
    max-width: calc(100vw - 2px); }

.invoice-page .form .total-amount.inv {
  margin-right: 38px; }

.invoice-page .form .total-amount .recall {
  width: 150px !important; }

.invoice-page .form .total-amount .discount-box {
  margin-right: -10px; }
  .invoice-page .form .total-amount .discount-box .discount-input {
    margin-left: 13px !important;
    width: 176px !important;
    /* span {
                        border-left: 1px solid transparent !important;
                        border: 1px solid #e0e3e8;
                        margin-left: -1px;
                        height: 33px;
                        padding-right: 8px;
                    }*/ }
    .invoice-page .form .total-amount .discount-box .discount-input input[name="Percentage"] {
      width: 31% !important;
      margin-right: 0px;
      /*border-right: 0px;*/
      padding-left: 5px !important;
      padding-right: 5px !important; }

.invoice-page .form .total-amount .tax-box {
  display: flex;
  margin-right: -16px; }
  .invoice-page .form .total-amount .tax-box .tax-input {
    width: 176px !important;
    margin-left: 13px;
    margin-top: 0px;
    /*span {
                        border-left: 1px solid transparent !important;
                        border: 1px solid #e0e3e8;
                        margin-left: -1px;
                        height: 33px;
                        padding-right: 8px;
                    }*/ }
    .invoice-page .form .total-amount .tax-box .tax-input input[name="Percentage"] {
      width: 31% !important;
      margin-right: 0px;
      /*border-right: 0px;*/
      padding-left: 5px !important;
      padding-right: 5px !important; }
  .invoice-page .form .total-amount .tax-box .tax-checkbox {
    width: 6px;
    margin-left: -6px;
    margin-top: 3px; }
    .invoice-page .form .total-amount .tax-box .tax-checkbox #taxToggle {
      margin-left: -52px !important;
      width: 20px !important; }
    .invoice-page .form .total-amount .tax-box .tax-checkbox .custom-checkbox {
      margin-left: -40px; }

.invoice-page .form .total-amount .total-qty-label {
  position: unset !important;
  left: 0; }

.invoice-page .form .total-amount #lblTotal {
  width: 145px; }

.invoice-page .form #lblMainCusName {
  color: #333333 !important;
  margin-left: 0px;
  margin-top: 7px;
  font-size: 11px !important;
  position: absolute;
  left: 57px;
  width: 400px !important; }
  .invoice-page .form #lblMainCusName span {
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70% !important;
    display: inline-block; }

.invoice-page #delivery {
  clear: inherit; }
  .invoice-page #delivery.width-816 {
    width: 750px !important;
    margin-top: 58px; }
  .invoice-page #delivery fieldset {
    margin: 0 2px; }

.invoice-page .width-724 {
  width: 651px !important; }

@media only screen and (min-device-width: 1850px) {
  .invoice-page .w-1165 {
    width: 1530px; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .invoice-page .w-1165 {
    width: 1258px; } }

@media only screen and (max-device-width: 1400px) {
  .invoice-page .w-1165 {
    width: 1090px; } }

.invoice-page .btn-link {
  height: 33px !important;
  line-height: 26px !important;
  color: #13b2b0;
  padding: 3px 12px;
  font-size: 17px;
  text-decoration: underline; }
  .invoice-page .btn-link:hover {
    text-decoration: none; }

@media only screen and (min-device-width: 1850px) {
  .invoice-page-cus .card-body .form .grid-headers .order-field {
    width: 55px !important; }
  .invoice-page-cus .card-body .form .grid-headers .medium-field {
    width: 563px !important; }
  .invoice-page-cus .card-body .form .grid-headers .price-field {
    width: 122px !important; }
  .invoice-page-cus .card-body .form .grid-headers .discount-field {
    width: 133px; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .invoice-page-cus .card-body .form .grid-headers .order-field {
    width: 55px !important; }
  .invoice-page-cus .card-body .form .grid-headers .price-field {
    width: 102px !important; }
  .invoice-page-cus .card-body .form .grid-headers .medium-field {
    width: 326px !important; }
  .invoice-page-cus .card-body .form .grid-headers .discount-field {
    width: 118px; } }

@media only screen and (max-device-width: 1400px) {
  .invoice-page-cus .card-body .form .grid-headers .medium-field {
    width: 179px !important; }
  .invoice-page-cus .card-body .form .grid-headers .price-field {
    width: 102px !important; }
  .invoice-page-cus .card-body .form .grid-headers .discount-field {
    width: 118px; } }

@media only screen and (min-device-width: 1850px) {
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-order, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-order {
    width: 55px !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
    width: 562px !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-price, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-price {
    width: 120px !important;
    padding-left: 0 !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-discount, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-discount {
    width: 115px; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-order, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-order {
    width: 55px !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
    width: 325px !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-price, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-price {
    width: 100px !important;
    padding-left: 0 !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-discount, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-discount {
    width: 100px; } }

@media only screen and (max-device-width: 1400px) {
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-name, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-name {
    width: 178px !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-price, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-price {
    width: 100px !important;
    padding-left: 0 !important; }
  .invoice-page-cus .card-body .form .grid-table .table .table-header .row-discount, .invoice-page-cus .card-body .form .grid-table .table .table-body .row-discount {
    width: 100px; } }

@media only screen and (max-device-width: 1800px) {
  .invoice-page-cus .card-body .form .w-50pr {
    width: 40%; } }

.invoice-page-cus .card-body .wrapper-row-chk {
  height: 30px;
  display: inline-block;
  padding: 6px 0 0 0; }

.invoice-page-cus .card-body #lblMainCusName label {
  margin: 0; }

.invoice-page-cus .card-body #lblMainCusName .parent-cutomer-name {
  padding-left: 4px;
  padding-right: 2px; }

.btn-process {
  background-color: #29B293 !important;
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 22px !important;
  color: #fff; }
  .btn-process:hover {
    background-color: #19977a !important;
    color: #fff !important; }

.btn-print {
  color: #fff;
  background-color: #4690B2 !important;
  border-color: #4690B2 !important;
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 23px !important; }
  .btn-print:hover {
    color: #fff;
    background-color: #337b9d !important;
    border-color: #337b9d !important; }

.btn-done-d {
  color: #fff;
  background-color: #4caf50 !important;
  border-color: #4caf50 !important;
  font-size: 13px !important;
  padding: 4px 12px !important;
  height: 30px !important;
  line-height: 23px !important; }
  .btn-done-d:hover {
    color: #fff;
    background-color: #3d9d41 !important;
    border-color: #3d9d41 !important; }

/* Chrome, Safari, Edge, Opera */
.input-hidden-number input::-webkit-outer-spin-button,
.input-hidden-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
.input-hidden-number input[type=number] {
  -moz-appearance: textfield; }

input[type="radio"], input[type="checkbox"] {
  cursor: pointer; }

.dispatch-page ::-webkit-scrollbar {
  width: 4px !important;
  height: 10px;
  border-radius: 5px; }

.dispatch-page ::-webkit-scrollbar-thumb {
  background: #b8b8b8; }

.dispatch-page ::-webkit-scrollbar-track {
  background: transparent; }

.dispatch-page .dis-tbl-header {
  float: none !important; }

.dispatch-page .webkit-scrollbar {
  width: 4px !important;
  height: 10px;
  border-radius: 5px; }

.dispatch-page .dis-body {
  max-height: calc(100vh - 353px) !important;
  overflow-y: auto; }

.dispatch-page .d-time label {
  width: 92px !important; }

.dispatch-page .fg {
  margin-right: 40px;
  display: block; }

.dispatch-page .dispatch-header .row-name {
  width: 360px !important;
  font-weight: bold; }

.dispatch-page .dispatch-header .rpq-1 {
  width: 95px !important;
  text-align: left;
  font-weight: bold; }

.dispatch-page .dispatch-header .rpq-2 {
  width: 95px !important;
  font-weight: bold; }

.dispatch-page .dispatch-header .rpq-3 {
  width: 120px !important;
  font-weight: bold; }

.dispatch-page .dispatch-header .blank {
  width: 41px; }

.dispatch-page .dispatch-table {
  padding-left: 11px !important; }
  .dispatch-page .dispatch-table .rb-line {
    height: 40px;
    line-height: 30px !important; }
  .dispatch-page .dispatch-table .row-loaded-qty {
    padding-right: 10px !important; }
  .dispatch-page .dispatch-table .row-name {
    width: 350px !important; }
  .dispatch-page .dispatch-table .row-available-qty {
    width: 95px !important;
    text-align: right !important; }
  .dispatch-page .dispatch-table .row-loaded-qty {
    width: 95px !important;
    text-align: right !important;
    padding: 5px; }
  .dispatch-page .dispatch-table .row-pickup-qty {
    width: 120px !important;
    height: 40px !important; }
  .dispatch-page .dispatch-table .releaseItem {
    width: 100%;
    height: 30px !important; }
  .dispatch-page .dispatch-table .fa-plus {
    margin-left: 10px !important;
    margin-right: 10px;
    margin-top: 10px !important; }

.dispatch-page .m-header {
  font-weight: 600;
  margin-bottom: 0px !important;
  margin-top: 15px;
  text-transform: uppercase; }

.dispatch-page hr {
  margin-top: 6px !important; }

.dispatch-page .dispatch-location-header {
  text-align: left !important;
  text-transform: uppercase;
  background-color: #dfdfdf;
  padding-left: 13px;
  display: table;
  width: 100%;
  max-width: 712px; }

.dispatch-page .btn {
  margin-left: 10px !important; }

.dispatch-page #gridTable_0 {
  margin-left: 0px;
  max-width: 722px;
  overflow: hidden;
  margin: 0 auto;
  display: block; }

.dispatch-page #gridTable_1 {
  margin-left: 20px; }
  .dispatch-page #gridTable_1 .row-name {
    width: 360px !important; }
  .dispatch-page #gridTable_1 .row-available-qty {
    width: 95px !important; }
  .dispatch-page #gridTable_1 .blank {
    width: 40px !important; }
  .dispatch-page #gridTable_1 .rcol {
    font-weight: bold; }
  .dispatch-page #gridTable_1 .row-pickup-qty {
    width: 95px !important; }

#pickupQtyLotPopup .pick-main {
  width: 650px;
  max-width: 650px !important; }
  #pickupQtyLotPopup .pick-main #maxPickupQty {
    margin-bottom: 10px; }
    #pickupQtyLotPopup .pick-main #maxPickupQty label {
      font-size: 14px !important; }
    #pickupQtyLotPopup .pick-main #maxPickupQty span {
      color: #49afd3;
      font-size: 14px !important;
      padding-left: 3px; }
  #pickupQtyLotPopup .pick-main #divPickupQtyTableHeader {
    background-color: #f2f4f8; }
    #pickupQtyLotPopup .pick-main #divPickupQtyTableHeader .pq-header {
      font-weight: bold;
      padding-right: 3px !important; }

#pickupQtyLotPopup #divPickupQtyTableBody {
  max-height: calc(100vh - 320px) !important;
  /* max-width: calc(100vh - 15px) !important;*/ }
  #pickupQtyLotPopup #divPickupQtyTableBody .pk-qty {
    float: right !important;
    height: 24px !important;
    margin-right: 0px !important;
    padding-right: 5px;
    font-size: 12px !important; }
  #pickupQtyLotPopup #divPickupQtyTableBody .p-5px {
    padding: 3px !important; }
  #pickupQtyLotPopup #divPickupQtyTableBody .icofont-warning-alt {
    color: #2196f3;
    font-size: 16px;
    position: absolute;
    left: 8px;
    top: 8px;
    cursor: pointer; }

#suggestTargetQtyPopup {
  z-index: 1100;
  background: rgba(0, 0, 0, 0.6); }

@media screen and (max-device-width: 1366px) {
  .dispatch-page .dis-body {
    max-height: 424px;
    overflow: auto; }
  #divPickupQtyTableBody {
    /*        max-height: 480px !important;
*/ } }

.product-mapping .search {
  width: 55% !important; }
  .product-mapping .search i {
    padding: 4px 5px 0; }

.product-mapping #divItemListContainer {
  height: calc(100vh - 322px) !important; }

.product-mapping #divListContainer {
  min-height: calc(100vh - 237px) !important;
  max-height: calc(100vh - 237px) !important; }

.product-mapping .right-panel .panel-heading {
  width: 98%; }
  .product-mapping .right-panel .panel-heading .checkbox {
    margin: 2px 2px 2px 5px; }
  .product-mapping .right-panel .panel-heading .search {
    width: 72% !important;
    margin-right: 0px; }
    .product-mapping .right-panel .panel-heading .search input [type='text'] {
      width: 75%; }

.product-mapping .right-panel .w-335 {
  width: 335px !important; }

.product-mapping .right-panel .w-250 {
  width: 250px !important; }

.product-mapping .row-lines .item-row {
  margin-bottom: -1px; }

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

.choice-page .item-lists.collapsed {
  width: 62px !important; }
  .choice-page .item-lists.collapsed .search {
    display: none; }
  .choice-page .item-lists.collapsed .panel-body {
    display: none; }

.choice-page .left-panel .card-body {
  /*height: calc(100vh - 165px) !important;*/ }

.tax-page .item-lists.collapsed {
  width: 62px !important;
  margin-top: 35px; }
  .tax-page .item-lists.collapsed .search {
    display: none; }
  .tax-page .item-lists.collapsed .panel-body {
    display: none; }

.tax-page #divListContainer {
  min-height: calc(100vh - 237px) !important;
  max-height: calc(100vh - 237px) !important; }
  .tax-page #divListContainer .row-line .item-row {
    margin-bottom: -1px; }

.tax-page #taxSequence header h4 {
  margin-top: 5px !important; }

.tax-page #taxSequence .up-down {
  margin-top: 150px; }

.tax-page #taxSequence .row-line .item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 6px 8px 10px;
  margin-top: -1px; }
  .tax-page #taxSequence .row-line .item-row input[type="checkbox"] {
    margin: -5px 0px 0px 14px !important;
    cursor: pointer; }
  .tax-page #taxSequence .row-line .item-row .align-center, .tax-page #taxSequence .row-line .item-row .align-right {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 13px; }

.tax-page #frmForm {
  width: 553px;
  max-width: 100%; }

.tax-page .name-field {
  /* width: 365px !important;*/ }

.tax-page .float-right {
  float: right !important; }

.tax-page .row-line span {
  /* top: 6px !important;*/ }

.tax-page .form .form-group.percentage div input {
  width: 87%; }

.recipe-page .item-lists.collapsed {
  width: 62px !important; }
  .recipe-page .item-lists.collapsed .search {
    display: none; }
  .recipe-page .item-lists.collapsed .panel-body {
    display: none; }

.recipe-page .left-panel #divListContainer {
  max-height: calc(100vh - 228px) !important; }

.recipe-page .grid-headers .code-field {
  width: 121px; }

.recipe-page .grid-headers .medium-field {
  width: 165px; }
  @media only screen and (min-device-width: 1920px) {
    .recipe-page .grid-headers .medium-field {
      width: 501px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .recipe-page .grid-headers .medium-field {
      width: 311px; } }

.recipe-page .grid-table .table-header .row-code, .recipe-page .grid-table .table-body .row-code {
  width: 121px; }

.recipe-page .grid-table #divMainTable #divBody {
  max-height: calc(100vh - 365px) !important;
  overflow: auto; }

.recipe-page .grid-table #divMainTable .row-name {
  width: 164px; }
  @media only screen and (min-device-width: 1920px) {
    .recipe-page .grid-table #divMainTable .row-name {
      width: 500px; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .recipe-page .grid-table #divMainTable .row-name {
      width: 310px; } }

.recipe-page hr {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }

@media only screen and (min-device-width: 1520px) {
  .recipe-page .qty-field {
    width: 90px !important; }
  .recipe-page .row-qty {
    width: 89px !important; }
  .recipe-page .total-amount.po {
    /*margin-right: 56px;*/ }
  .recipe-page .total-amount #lblTotal {
    width: 100px; } }

.recipe-page .panel-body .collapsed + .right-panel .medium-field {
  width: 431px; }
  @media only screen and (min-device-width: 1800px) {
    .recipe-page .panel-body .collapsed + .right-panel .medium-field {
      width: 501px; } }

.recipe-page .panel-body .collapsed + .right-panel .qty-field {
  width: 80px; }
  @media only screen and (min-device-width: 1520px) {
    .recipe-page .panel-body .collapsed + .right-panel .qty-field {
      width: 90px; } }

.recipe-page .panel-body .collapsed + .right-panel .row-qty {
  width: 79px; }
  @media only screen and (min-device-width: 1520px) {
    .recipe-page .panel-body .collapsed + .right-panel .row-qty {
      width: 89px; } }

.recipe-page .panel-body .collapsed + .right-panel .row-name {
  width: 430px !important; }
  @media only screen and (min-device-width: 1800px) {
    .recipe-page .panel-body .collapsed + .right-panel .row-name {
      width: 500px !important; } }

.recipe-page .field-validation-error {
  position: absolute; }

.uof-page .item-lists.collapsed {
  width: 62px !important; }
  .uof-page .item-lists.collapsed .search {
    display: none; }
  .uof-page .item-lists.collapsed .panel-body {
    display: none; }

.uof-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.uof-page .row-line span {
  top: 6px !important; }

.rep-commission-page .item-lists.collapsed {
  width: 62px !important; }
  .rep-commission-page .item-lists.collapsed .search {
    display: none; }
  .rep-commission-page .item-lists.collapsed .panel-body {
    display: none; }

.rep-commission-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.promotions-page {
  height: unset !important; }
  .promotions-page .item-lists.collapsed {
    width: 62px !important; }
    .promotions-page .item-lists.collapsed .search {
      display: none; }
    .promotions-page .item-lists.collapsed .panel-body {
      display: none; }
  .promotions-page .left-panel .card-body #divListContainer {
    max-height: calc(100vh - 222px) !important;
    min-height: calc(100vh - 235px) !important; }
  .promotions-page .right-panel .top-select-box .form-group label {
    width: auto !important; }
  .promotions-page .right-panel .d-name {
    width: 289px !important; }
  .promotions-page .right-panel .rname {
    width: 289px !important; }
  .promotions-page .right-panel .active-chk {
    /*margin-left: 14px;*/ }
  .promotions-page .table-header div div {
    font-weight: bold !important; }
  .promotions-page .table-body {
    max-height: calc(100vh - 530px) !important;
    overflow: auto; }
  .promotions-page .active-chk {
    padding-top: 0px !important; }
  .promotions-page .table .table-header div div.row-code, .promotions-page .table .table-body div div.row-code {
    width: 115px;
    text-align: left; }
  .promotions-page .form .form-group.code-field {
    width: 116px; }
  .promotions-page .row-line span {
    top: 6px !important; }

.supplier-page .item-lists.collapsed {
  width: 62px !important;
  margin-top: 35px; }
  .supplier-page .item-lists.collapsed .search {
    display: none; }
  .supplier-page .item-lists.collapsed .panel-body {
    display: none; }

.supplier-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.supplier-page .width-cal {
  width: calc(100% - 2px); }

.supplier-page .form-control {
  height: 30px !important; }

.supplier-page .row-line span {
  top: 6px !important; }

.dispatched-return-page .grid-table .sub-table {
  padding-left: 49px !important;
  border-left: 3px solid #f1f2f3; }
  .dispatched-return-page .grid-table .sub-table .row-adj-qty {
    position: relative; }
    .dispatched-return-page .grid-table .sub-table .row-adj-qty div {
      padding: 3px; }
      .dispatched-return-page .grid-table .sub-table .row-adj-qty div .form-control {
        height: 24px;
        padding-right: 8px; }
  .dispatched-return-page .grid-table .sub-table .field-validation-error {
    display: inline-block;
    position: absolute;
    top: 53px;
    left: unset;
    right: 0;
    z-index: 500000; }
    .dispatched-return-page .grid-table .sub-table .field-validation-error:before {
      position: absolute;
      top: -17px;
      right: 5px; }

.dispatched-return-page .grid-table #divBody {
  width: 680px;
  /* min-width: 660px;
            max-width: 680px;*/ }

.customer-type-page .item-lists.collapsed {
  width: 62px !important; }
  .customer-type-page .item-lists.collapsed .search {
    display: none; }
  .customer-type-page .item-lists.collapsed .panel-body {
    display: none; }

.customer-type-page .left-panel .card-body {
  /*height: calc(100vh - 165px) !important;*/ }

.customer-type-page .right-panel {
  width: 722px !important;
  /*.bton-box {
            margin-right: 168px !important;
            padding-right: 10px;
        }

        .name-tbox {
            margin-right: -6px;
        }*/ }

.customer-type-page .row-line span {
  top: 6px !important; }

.location-page .item-lists.collapsed {
  width: 62px !important; }
  .location-page .item-lists.collapsed .search {
    display: none; }
  .location-page .item-lists.collapsed .panel-body {
    display: none; }

.location-page .left-panel .card-body #divListContainer {
  max-height: calc(100vh - 227px) !important; }

.location-page .location-margin + .location-margin-top {
  margin-top: -20px !important; }

.location-page .location-margin + .location-margin-top + .location-margin-top {
  margin-top: -20px !important; }

.size-page .item-lists.collapsed {
  width: 62px !important; }
  .size-page .item-lists.collapsed .search {
    display: none; }
  .size-page .item-lists.collapsed .panel-body {
    display: none; }

.size-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.size-page .row-line span {
  top: 6px !important; }

.salesman-page .item-lists.collapsed {
  width: 62px !important; }
  .salesman-page .item-lists.collapsed .search {
    display: none; }
  .salesman-page .item-lists.collapsed .panel-body {
    display: none; }

.salesman-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.salesman-page .row-line span {
  top: 6px !important; }

.invoice-bulk-import-page #divMainTable .checkbox {
  width: 35px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px; }
  .invoice-bulk-import-page #divMainTable .checkbox input {
    margin: 0px !important; }

.invoice-bulk-import-page #divMainTable .invoice-summary {
  /*max-height: calc(100vh - 405px) !important;
            overflow: auto;*/
  max-height: calc(100vh - 464px);
  overflow-y: scroll; }

.invoice-bulk-import-page #divMainTable .row-ref {
  width: 230px;
  /*@media only screen and (max-device-width: 1366px) {
                width: 274px;
            }*/ }

.invoice-bulk-import-page #divMainTable .row-inv-name {
  width: 230px;
  /*@media only screen and (max-device-width: 1366px) {
                width: 274px;
            }*/ }

.invoice-bulk-import-page #divMainTable .row-SONO {
  width: 90px !important;
  text-align: left !important; }

.invoice-bulk-import-page #divMainTable .row-Route {
  width: 180px !important;
  text-align: left !important; }

.invoice-bulk-import-page #divMainTable .row-update {
  width: 113px !important;
  text-align: right !important; }

.invoice-bulk-import-page #divMainTable .row-print {
  width: 113px !important;
  text-align: right !important; }

.invoice-bulk-import-page #divMainTable .row-invoice {
  text-align: left !important; }

.invoice-bulk-import-page #divMainTable .row-amount {
  text-align: right !important; }

.invoice-bulk-import-page .button-group .btn-download {
  background-color: #468cb8 !important;
  color: #fff !important; }

.invoice-bulk-import-page .button-group .btn-print {
  background-color: #4690B2 !important;
  border: 1px solid #4690B2 !important;
  color: #ffff !important; }

.invoice-bulk-import-page .button-group .btn-export {
  background-color: #288b82 !important;
  border: 1px solid #288b82 !important;
  color: #ffff !important; }

.invoice-bulk-import-page .button-group .btn {
  /*border: 1px solid #e0e3e8;*/
  border-radius: 4px !important; }

.invoice-bulk-import-page .button-group .btn-download:hover {
  background-color: #ffff !important;
  border: 1px solid #468cb8 !important;
  color: #000 !important; }

.invoice-bulk-import-page .button-group .btn-print:hover {
  background-color: #337b9d !important;
  border: 1px solid #337b9d !important; }

.invoice-bulk-import-page .button-group .btn-export:hover {
  background-color: #ffff !important;
  border: 1px solid #288b82 !important;
  color: #000 !important; }

.invoice-bulk-import-page .button-group #btnDownload {
  background-color: #fb6156;
  border-color: #fb6156; }
  .invoice-bulk-import-page .button-group #btnDownload i {
    font-size: 15px;
    color: #ffffff;
    position: unset;
    margin-left: 8px; }
  .invoice-bulk-import-page .button-group #btnDownload:hover {
    background-color: #d53024;
    border-color: #d53024; }

.invoice-bulk-import-page .button-group #btnExport {
  background-color: #57a95a;
  border-color: #57a95a; }
  .invoice-bulk-import-page .button-group #btnExport i {
    font-size: 15px;
    color: #ffffff;
    position: unset;
    margin-left: 8px; }
  .invoice-bulk-import-page .button-group #btnExport:hover {
    background-color: #328d35;
    border-color: #328d35; }

.invoice-bulk-import-page .txtcname {
  width: 230px !important; }

.invoice-bulk-import-page hr {
  margin-top: 12px !important;
  margin-bottom: 15px !important; }

.invoice-bulk-import-page #secondaryInvoice .row-ref {
  width: 796px; }

.invoice-bulk-import-page #secondaryInvoice .row-inv-name {
  width: 716px; }

.invoice-bulk-import-page #lotInfo {
  color: #2196f3;
  text-align: center;
  font-size: 18px; }
  .invoice-bulk-import-page #lotInfo:hover {
    color: #0e75c6; }

.invoice-bulk-import-page .w-1232px {
  width: 1232px; }

@media only screen and (min-device-width: 1800px) {
  .invoice-bulk-import-page .summary-serach {
    width: 1182px; } }

@media only screen and (max-device-width: 1366px) {
  .invoice-bulk-import-page .summary-serach {
    width: 1182px; } }

.branch-page .item-lists.collapsed {
  width: 62px !important; }
  .branch-page .item-lists.collapsed .search {
    display: none; }
  .branch-page .item-lists.collapsed .panel-body {
    display: none; }

.branch-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.branch-page .panel-body {
  padding: 20px 15px; }
  .branch-page .panel-body #divListContainer {
    max-height: calc(100vh - 340px) !important; }

.branch-page .row-line span {
  top: 6px !important; }

.bank-page .item-lists.collapsed {
  width: 62px !important; }
  .bank-page .item-lists.collapsed .search {
    display: none; }
  .bank-page .item-lists.collapsed .panel-body {
    display: none; }

.bank-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.category-page .item-lists.collapsed {
  width: 62px !important; }
  .category-page .item-lists.collapsed .search {
    display: none; }
  .category-page .item-lists.collapsed .panel-body {
    display: none; }

.category-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.route-page .item-lists.collapsed {
  width: 62px !important; }
  .route-page .item-lists.collapsed .search {
    display: none; }
  .route-page .item-lists.collapsed .panel-body {
    display: none; }

.route-page .left-panel .card-body {
  height: calc(100vh - 165px) !important; }

.area-page .item-lists.collapsed {
  width: 62px !important; }
  .area-page .item-lists.collapsed .search {
    display: none; }
  .area-page .item-lists.collapsed .panel-body {
    display: none; }

.area-page #divListContainer {
  max-height: calc(100vh - 230px) !important; }
  .area-page #divListContainer .time-entry .item-row {
    padding: 8px 100px 8px 9px;
    position: relative; }
    .area-page #divListContainer .time-entry .item-row span {
      position: absolute;
      right: 30px;
      top: 9px; }

.area-page .float-right {
  float: right !important; }

.refcategory1-page .item-lists.collapsed, .refcategory2-page .item-lists.collapsed, .refcategory3-page .item-lists.collapsed, .refcategory4-page .item-lists.collapsed, .refcategory5-page .item-lists.collapsed, .refcategory6-page .item-lists.collapsed, .refcategory7-page .item-lists.collapsed {
  width: 62px !important; }
  .refcategory1-page .item-lists.collapsed .search, .refcategory2-page .item-lists.collapsed .search, .refcategory3-page .item-lists.collapsed .search, .refcategory4-page .item-lists.collapsed .search, .refcategory5-page .item-lists.collapsed .search, .refcategory6-page .item-lists.collapsed .search, .refcategory7-page .item-lists.collapsed .search {
    display: none; }
  .refcategory1-page .item-lists.collapsed .panel-body, .refcategory2-page .item-lists.collapsed .panel-body, .refcategory3-page .item-lists.collapsed .panel-body, .refcategory4-page .item-lists.collapsed .panel-body, .refcategory5-page .item-lists.collapsed .panel-body, .refcategory6-page .item-lists.collapsed .panel-body, .refcategory7-page .item-lists.collapsed .panel-body {
    display: none; }

.refcategory1-page .left-panel .card-body, .refcategory2-page .left-panel .card-body, .refcategory3-page .left-panel .card-body, .refcategory4-page .left-panel .card-body, .refcategory5-page .left-panel .card-body, .refcategory6-page .left-panel .card-body, .refcategory7-page .left-panel .card-body {
  /* height: calc(100vh - 185px) !important;*/ }
  .refcategory1-page .left-panel .card-body .panel-body #divListContainer, .refcategory2-page .left-panel .card-body .panel-body #divListContainer, .refcategory3-page .left-panel .card-body .panel-body #divListContainer, .refcategory4-page .left-panel .card-body .panel-body #divListContainer, .refcategory5-page .left-panel .card-body .panel-body #divListContainer, .refcategory6-page .left-panel .card-body .panel-body #divListContainer, .refcategory7-page .left-panel .card-body .panel-body #divListContainer {
    max-height: calc(100vh - 228px) !important;
    min-height: calc(100vh - 506px) !important; }

.cndn-category-page .left-panel .card-body .panel-body #divListContainer {
  max-height: calc(100vh - 273px) !important;
  min-height: calc(100vh - 550px) !important; }

.resource-string-page .item-lists.collapsed {
  width: 62px !important; }
  .resource-string-page .item-lists.collapsed .search {
    display: none; }
  .resource-string-page .item-lists.collapsed .panel-body {
    display: none; }

.resource-string-page .left-panel .card-body {
  /*height: calc(100vh - 185px) !important;*/ }
  .resource-string-page .left-panel .card-body .panel-body #divListContainer {
    max-height: calc(100vh - 242px) !important; }

.department-page .item-lists.collapsed, .category-page .item-lists.collapsed, .route-page .item-lists.collapsed {
  width: 62px !important; }
  .department-page .item-lists.collapsed .search, .category-page .item-lists.collapsed .search, .route-page .item-lists.collapsed .search {
    display: none; }
  .department-page .item-lists.collapsed .panel-body, .category-page .item-lists.collapsed .panel-body, .route-page .item-lists.collapsed .panel-body {
    display: none; }

.department-page .left-panel .card-body #divListContainer, .category-page .left-panel .card-body #divListContainer, .route-page .left-panel .card-body #divListContainer {
  overflow: auto;
  max-height: calc(100vh - 230px) !important; }

.department-page .right-panel, .category-page .right-panel, .route-page .right-panel {
  width: 600px; }

.department-page #preview, .category-page #preview, .route-page #preview {
  position: relative;
  height: 40px; }
  .department-page #preview .icofont-ui-delete, .category-page #preview .icofont-ui-delete, .route-page #preview .icofont-ui-delete {
    top: 20px !important;
    left: 40px !important;
    color: #ff1100; }
    @media only screen and (min-device-width: 1500px) {
      .department-page #preview .icofont-ui-delete, .category-page #preview .icofont-ui-delete, .route-page #preview .icofont-ui-delete {
        left: 40px !important;
        top: 20px !important; } }
    .department-page #preview .icofont-ui-delete:hover, .category-page #preview .icofont-ui-delete:hover, .route-page #preview .icofont-ui-delete:hover {
      color: #b91004; }
  .department-page #preview div:hover img, .category-page #preview div:hover img, .route-page #preview div:hover img {
    bottom: -95px !important;
    margin-top: 0 !important;
    max-width: 95px !important; }
  .department-page #preview img, .category-page #preview img, .route-page #preview img {
    object-fit: cover; }
  .department-page #preview .default, .department-page #preview .context-menu-one, .category-page #preview .default, .category-page #preview .context-menu-one, .route-page #preview .default, .route-page #preview .context-menu-one {
    position: relative;
    margin: 0px 12px 10px !important;
    float: left;
    cursor: pointer;
    background: #e8eef9;
    border-radius: 27px;
    width: 30px !important;
    height: 30px !important;
    z-index: 10; }
    .department-page #preview .default img, .department-page #preview .context-menu-one img, .category-page #preview .default img, .category-page #preview .context-menu-one img, .route-page #preview .default img, .route-page #preview .context-menu-one img {
      width: 30px !important;
      height: 30px !important;
      margin: 0px 0px 0px !important; }
    .department-page #preview .default div:hover img, .department-page #preview .context-menu-one div:hover img, .category-page #preview .default div:hover img, .category-page #preview .context-menu-one div:hover img, .route-page #preview .default div:hover img, .route-page #preview .context-menu-one div:hover img {
      width: 30px !important;
      height: 30px !important;
      border: 0px solid #fff !important; }
      .department-page #preview .default div:hover img:before, .department-page #preview .context-menu-one div:hover img:before, .category-page #preview .default div:hover img:before, .category-page #preview .context-menu-one div:hover img:before, .route-page #preview .default div:hover img:before, .route-page #preview .context-menu-one div:hover img:before {
        left: 3px; }

.section-page .item-lists.collapsed {
  width: 62px !important; }
  .section-page .item-lists.collapsed .search {
    display: none; }
  .section-page .item-lists.collapsed .panel-body {
    display: none; }

.section-page .left-panel .card-body {
  min-height: calc(100vh - 221px) !important; }

.section-page .right-panel #divTableListContainer {
  max-height: calc(100vh - 310px) !important; }

.table-page .item-lists.collapsed {
  width: 62px !important; }
  .table-page .item-lists.collapsed .search {
    display: none; }
  .table-page .item-lists.collapsed .panel-body {
    display: none; }

.table-page .left-panel .card-body {
  min-height: calc(100vh - 165px) !important; }
  .table-page .left-panel .card-body #divListContainer {
    max-height: calc(100vh - 227px) !important;
    overflow: auto; }

#dispatchListPopup #divDispatchListContainer {
  max-height: calc(100vh - 240px) !important; }

#dispatchListPopup .w-600 {
  width: 600px !important; }

.border-0 {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important; }

.download-import-section {
  position: absolute;
  top: 0;
  right: 218px; }

.btn-download-icon {
  border: 1px solid #13b2b0;
  min-width: auto;
  padding: 3px 4px 3px !important;
  border-radius: 5px;
  height: 34px;
  margin-top: 1px; }
  .btn-download-icon:hover {
    background: #13b2b0;
    border: 1px solid #13b2b0; }
    .btn-download-icon:hover img {
      filter: brightness(0) invert(1); }
  .btn-download-icon img {
    /*filter: invert(12%) sepia(51%) saturate(2878%) hue-rotate(52deg) brightness(85%) contrast(2%);*/
    filter: invert(552%) sepia(251%) saturate(2528%) hue-rotate(469deg) brightness(325%) contrast(53%);
    width: 21px; }
  .btn-download-icon:active, .btn-download-icon:focus {
    border: 1px solid #13b2b0; }

.ui-tooltip {
  background-color: #464646 !important;
  color: white !important;
  font-size: 11px !important;
  padding: 5px 8px !important;
  border-radius: 5px !important;
  border-color: #464646 !important; }
  .ui-tooltip::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    bottom: 26px;
    border-width: 0 0.7rem 0.7rem;
    border-bottom-color: #464646;
    left: 8px; }

.s-edit-page .table-header .r-name {
  width: 100px !important;
  text-align: left !important; }

.s-edit-page .table-header .row-target-price {
  width: 127px !important;
  text-align: right !important; }

.s-edit-page .table-header .row-forecasted-price {
  width: 140px !important;
  text-align: right !important; }

.location-code-page .table-header .row-name {
  width: 480px !important; }

.location-code-page .table-header .row-code {
  width: 140px !important; }

.location-code-page .table-header .row-crate {
  line-height: 2; }

.location-code-page .table-body .ch-box {
  width: 51px;
  text-align: center;
  padding-top: 7px !important; }
  .location-code-page .table-body .ch-box .checkbox {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: unset !important;
    height: unset !important; }
    .location-code-page .table-body .ch-box .checkbox .custom-checkbox-element {
      margin: 4px 0px 3px 0 !important; }
    .location-code-page .table-body .ch-box .checkbox .custom-checkbox {
      padding: 0 !important;
      margin: 0px 0px 0px 8px !important;
      border: 0 !important;
      font-size: 16px !important;
      overflow: unset !important;
      height: unset !important; }

.location-code-page .table-body .row-name {
  width: 480px !important; }

.location-code-page .table-body .row-code {
  width: 140px !important; }

#uploadMsg .modal-dialog {
  border-radius: 10px; }
  #uploadMsg .modal-dialog .modal-content {
    border-radius: 10px; }
    #uploadMsg .modal-dialog .modal-content .modal-body #lblFileName {
      background: #ececec;
      padding: 7px 15px;
      border-radius: 5px;
      width: 100%;
      font-size: 13px !important;
      font-weight: 600; }
    #uploadMsg .modal-dialog .modal-content .modal-body p {
      margin: 8px 0 17px; }
    #uploadMsg .modal-dialog .modal-content .modal-footer {
      padding: 8px 15px 15px;
      border-top: 0px solid #e5e5e5; }

#deleteMsg .modal-dialog, #suggestTargetQtyPopup .modal-dialog, #confirmDispatchAdjustment .modal-dialog, #closePopup .modal-dialog, #divPrintOption .modal-dialog {
  border-radius: 10px; }
  #deleteMsg .modal-dialog .modal-content, #suggestTargetQtyPopup .modal-dialog .modal-content, #confirmDispatchAdjustment .modal-dialog .modal-content, #closePopup .modal-dialog .modal-content, #divPrintOption .modal-dialog .modal-content {
    border-radius: 10px; }
    #deleteMsg .modal-dialog .modal-content .modal-body p, #suggestTargetQtyPopup .modal-dialog .modal-content .modal-body p, #confirmDispatchAdjustment .modal-dialog .modal-content .modal-body p, #closePopup .modal-dialog .modal-content .modal-body p, #divPrintOption .modal-dialog .modal-content .modal-body p {
      margin: 8px 0 17px; }
    #deleteMsg .modal-dialog .modal-content .modal-footer, #suggestTargetQtyPopup .modal-dialog .modal-content .modal-footer, #confirmDispatchAdjustment .modal-dialog .modal-content .modal-footer, #closePopup .modal-dialog .modal-content .modal-footer, #divPrintOption .modal-dialog .modal-content .modal-footer {
      padding: 15px;
      border-top: 1px solid #f1f1f1; }

#targetPopup .modal-dialog {
  border-radius: 10px;
  width: 455px !important; }
  #targetPopup .modal-dialog .modal-content {
    border-radius: 10px; }
    #targetPopup .modal-dialog .modal-content .modal-header .modal-title {
      text-transform: capitalize;
      font-size: 14px;
      margin-bottom: 0px;
      padding: 0px; }
    #targetPopup .modal-dialog .modal-content .modal-body {
      padding: 10px 15px; }
    #targetPopup .modal-dialog .modal-content .modal-footer {
      padding: 15px;
      border-top: 1px solid #f1f1f1; }

.clear-inherit {
  clear: inherit !important; }

.Pending-Requisition-Note .left-panel {
  min-height: 132px; }

.Pending-Requisition-Note .top-card {
  width: 1077px !important;
  padding: 15px; }
  .Pending-Requisition-Note .top-card .sup-drop-box {
    margin: 0 auto;
    display: block;
    /* float: none;*/ }
    .Pending-Requisition-Note .top-card .sup-drop-box .sup-label {
      padding-top: 1px !important;
      max-width: 66px; }
    .Pending-Requisition-Note .top-card .sup-drop-box .selec-sup {
      height: 30px !important; }

.Pending-Requisition-Note .t-head .row-name, .Pending-Requisition-Note .t-body .row-name {
  width: 311px !important; }
  @media screen and (min-device-width: 1520px) {
    .Pending-Requisition-Note .t-head .row-name, .Pending-Requisition-Note .t-body .row-name {
      width: 411px !important; } }

.Pending-Requisition-Note .t-head .row-uom, .Pending-Requisition-Note .t-body .row-uom {
  width: 111px !important; }
  @media screen and (min-device-width: 1520px) {
    .Pending-Requisition-Note .t-head .row-uom, .Pending-Requisition-Note .t-body .row-uom {
      width: 211px !important; } }

.Pending-Requisition-Note .t-head .row-code, .Pending-Requisition-Note .t-body .row-code {
  width: 100px !important; }

.Pending-Requisition-Note #divPendingRequisitionItemsContainer {
  /*max-height: calc(100vh - 320px) !important;
        min-height: 74px;
            overflow:unset;
        */
  /*.child-item {
            padding-left: 35px !important;
            padding-top: 10px !important;
        }*/
  overflow: unset;
  max-height: unset !important; }
  .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .checkbox {
    position: absolute;
    margin-left: 8px; }
  .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line span {
    right: 7px; }
    .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line span i {
      color: #2196f3;
      font-size: 15px; }
      .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line span i:hover {
        color: #1282db; }
  .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row {
    padding: 8px 28px 8px 30px; }
    .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row .ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row .action {
      margin-right: 10px;
      background-color: #e8eef9;
      padding: 1px;
      height: 15px;
      width: 14px;
      line-height: 0.8;
      margin-top: 3px; }
    .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row i {
      font-size: 15px; }
    .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row.child-item {
      padding-left: 30px !important;
      padding-top: 10px !important; }
      .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row.child-item .checkbox {
        position: absolute;
        margin-left: 0px;
        margin-top: 0; }
      .Pending-Requisition-Note #divPendingRequisitionItemsContainer .row-line .item-row.child-item label {
        padding-left: 25px; }

.Pending-Requisition-Note #divPendingPoApprovalRequisitionsContainer, .Pending-Requisition-Note #divPendingRequisitionItemsContainer {
  max-height: calc(100vh - 362px) !important;
  overflow: auto; }
  .Pending-Requisition-Note #divPendingPoApprovalRequisitionsContainer .time-entry-pending-Req span, .Pending-Requisition-Note #divPendingRequisitionItemsContainer .time-entry-pending-Req span {
    top: 6px;
    font-size: 18px; }

.Pending-Requisition-Note .prq-button-group {
  padding-bottom: 0px !important; }

.Pending-Requisition-Note .row-line {
  line-height: 21px !important; }
  .Pending-Requisition-Note .row-line input[type='checkbox'] {
    float: left; }

.Pending-Requisition-Note .table-body {
  border-bottom: 1px !important; }

.Pending-Requisition-Note #divBody {
  max-height: calc(100vh - 321px) !important; }

.Pending-Requisition-Note .req-btn-grop {
  padding-top: 15px !important; }

#SupplierItemModel {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #SupplierItemModel ::-webkit-scrollbar {
    width: 8px; }
  #SupplierItemModel ::-webkit-scrollbar-track {
    background: transparent; }
  #SupplierItemModel ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 5px; }
  #SupplierItemModel ::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f; }
  #SupplierItemModel .modal-dialog {
    border-radius: 8px;
    width: 500px; }
    #SupplierItemModel .modal-dialog .modal-content {
      border-radius: 8px; }
      #SupplierItemModel .modal-dialog .modal-content .modal-header {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
        #SupplierItemModel .modal-dialog .modal-content .modal-header .modal-title {
          padding: 2px 0px 0px; }
        #SupplierItemModel .modal-dialog .modal-content .modal-header .close {
          margin-top: 0px !important; }
      #SupplierItemModel .modal-dialog .modal-content .modal-body {
        padding: 20px 20px; }
        #SupplierItemModel .modal-dialog .modal-content .modal-body .sup-pop-body {
          max-height: calc(100vh - 237px) !important;
          padding: 5px 0; }
          #SupplierItemModel .modal-dialog .modal-content .modal-body .sup-pop-body .pop-row {
            padding: 6px 33px 5px 15px;
            border-top: 1px solid #eaeef5;
            background-color: #fefeff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 13px;
            color: #666;
            border-bottom: 1px solid #eaeef5;
            border-right: 1px solid #eaeef5;
            border-left: 1px solid #eaeef5;
            margin-bottom: -1px;
            cursor: pointer; }
            #SupplierItemModel .modal-dialog .modal-content .modal-body .sup-pop-body .pop-row:hover, #SupplierItemModel .modal-dialog .modal-content .modal-body .sup-pop-body .pop-row.active {
              background-color: #c9c9c9 !important;
              color: #000;
              font-weight: bold; }
      #SupplierItemModel .modal-dialog .modal-content .modal-footer {
        padding: 12px 15px; }

.input-fake-indicator {
  border: solid 1px #e0e3e8;
  padding: 9px 8px;
  height: 30px; }
  .input-fake-indicator input[type="date"] {
    padding: 0 !important;
    height: 12px !important;
    border: none !important;
    width: 101px !important;
    background-color: transparent !important; }
  .input-fake-indicator [type="date"]::-webkit-calendar-picker-indicator {
    padding-left: 10px;
    cursor: pointer; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-start {
  justify-content: flex-start !important; }

#salesOrderInfo #divSalesOrderInfoHeader .col-md-12 {
  padding-right: 8px !important; }

#salesOrderInfo #divSalesOrderInfoDiv {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

.automation-page .grid-headers {
  margin-top: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important; }
  .automation-page .grid-headers .item-search-box {
    width: 460px !important; }
  .automation-page .grid-headers .price-field {
    width: 87px !important; }
  .automation-page .grid-headers #btnClearRow {
    padding: 10px 8px 7px 8px !important; }

.automation-page .grid-table .row-item {
  width: 460px !important; }

.automation-page .grid-table .table-body {
  border-bottom: 0px !important; }
  .automation-page .grid-table .table-body .row-name {
    width: 460px !important; }

.automation-page .grid-table .row-blank {
  width: 40px !important; }

.wo-automation-page .grid-headers {
  margin-top: 15px !important; }
  .wo-automation-page .grid-headers .moli-count-field {
    width: 100px !important;
    text-align: left; }

.wo-automation-page .grid-table .table-body .row-moli-count, .wo-automation-page .grid-table .table-header .row-moli-count {
  width: 100px !important;
  text-align: left; }

#divSalesOrderContainer .pop-btn-danger:hover {
  color: #fff !important; }

#divSalesOrderContainer .pf-btn-grop {
  position: absolute;
  right: 0;
  margin-top: 0px;
  top: 0; }

#divSalesOrderContainer .note-tab {
  width: 70% !important; }

#divSalesOrderContainer .warr-tab {
  width: 70% !important; }

.job-card-collapesed .btn-wo-next.fa-search {
  display: none; }

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

.wrapper-date-picker {
  width: 123px; }

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

.btn-back {
  background-color: #999999;
  color: #ffffff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important; }

.discount-scheme-page #divItemListContainer {
  max-height: calc(100vh - 308px) !important;
  overflow-y: scroll;
  /*overflow-y: auto;
        width: calc(100vh - 322px) !important;*/ }
  .discount-scheme-page #divItemListContainer::-webkit-scrollbar-track {
    box-shadow: none !important; }
  .discount-scheme-page #divItemListContainer .item-row.row-line .checkbox {
    position: absolute;
    top: 0;
    right: 22px; }

.discount-scheme-page .search.dsi {
  width: 52% !important;
  margin-right: 0px !important; }

.discount-scheme-page .right-panel .panel-heading {
  padding-right: 4px;
  width: 97%; }

.discount-scheme-page .right-panel .search {
  width: 60% !important; }

.discount-scheme-page .item-lists.collapsed {
  width: 62px !important;
  height: 70px; }
  .discount-scheme-page .item-lists.collapsed .panel {
    width: 62px;
    height: calc(100vh - 165px) !important; }
    .discount-scheme-page .item-lists.collapsed .panel .panel-heading .search {
      display: none; }
    .discount-scheme-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.discount-scheme-page .row-line span {
  position: absolute;
  top: 7px;
  right: 10px; }

.dst-page #divListContainer {
  height: calc(100vh - 226px) !important; }

.dst-page .item-lists.collapsed {
  width: 62px !important;
  height: 70px; }
  .dst-page .item-lists.collapsed .panel {
    width: 62px;
    height: calc(100vh - 165px) !important; }
    .dst-page .item-lists.collapsed .panel .panel-heading .search {
      display: none; }
    .dst-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.dst-page .right-panel .form-group label {
  text-align: left !important;
  width: 111px !important; }
  .dst-page .right-panel .form-group label.width-40 {
    width: 40px !important; }

.dst-page .right-panel .form-group .r-label {
  /*margin-left: 20px;*/ }

.dst-page .right-panel .form-group input {
  /*width: 150px !important;*/ }
  .dst-page .right-panel .form-group input.w-120px {
    width: 120px !important; }

.dst-page .right-panel .form-group .checkbox-field input {
  width: 20px !important; }

.dst-page .right-panel .form-group .checkbox-field label.w-8px {
  width: 8px !important; }

.dst-page .right-panel .form-group .checkbox-field .atcive-chk {
  width: 12px !important; }

.dst-page .right-panel .form-group .amount input {
  width: 112px !important;
  margin: 0px !important; }

.dst-page .right-panel #ddlCcBank {
  width: 262px; }

.dst-page .right-panel .supplier input {
  width: 270px !important; }

.dst-page .right-panel .select-days-wrapper {
  padding-left: 8px !important; }
  .dst-page .right-panel .select-days-wrapper h4 {
    text-align: left !important; }

.dst-page .width-645 {
  width: 645px; }

.dst-page .row-line span {
  top: 6px !important; }

.gtn-approval-page .panel-body .search {
  width: 70% !important; }
  @media screen and (max-device-width: 1366px) {
    .gtn-approval-page .panel-body .search {
      width: 66% !important; }
      .gtn-approval-page .panel-body .search #txtSearch {
        max-width: 70% !important; } }

.gtn-approval-page .panel-body.width-1342 {
  max-width: 1342px;
  margin: 0 auto;
  display: block; }
  .gtn-approval-page .panel-body.width-1342 .form-group label {
    text-align: left !important; }
  .gtn-approval-page .panel-body.width-1342 .total-amount.gtn {
    margin-right: 0px !important; }
    .gtn-approval-page .panel-body.width-1342 .total-amount.gtn label {
      text-align: right !important;
      width: 101px !important; }
  .gtn-approval-page .panel-body.width-1342 #divListContainer {
    max-height: calc(100vh - 230px) !important; }

.gtn-approval-page .grid-table #divMainTable #divHeader .row-name, .gtn-approval-page .grid-table #divMainTable .div-rows .row-name {
  text-align: left !important;
  width: 359px; }

.gtn-approval-page .grid-table #divMainTable #divHeader .row-qty, .gtn-approval-page .grid-table #divMainTable #divHeader .row-price, .gtn-approval-page .grid-table #divMainTable #divHeader .row-amount, .gtn-approval-page .grid-table #divMainTable .div-rows .row-qty, .gtn-approval-page .grid-table #divMainTable .div-rows .row-price, .gtn-approval-page .grid-table #divMainTable .div-rows .row-amount {
  text-align: right !important; }
  .gtn-approval-page .grid-table #divMainTable #divHeader .row-qty.selling-price, .gtn-approval-page .grid-table #divMainTable #divHeader .row-price.selling-price, .gtn-approval-page .grid-table #divMainTable #divHeader .row-amount.selling-price, .gtn-approval-page .grid-table #divMainTable .div-rows .row-qty.selling-price, .gtn-approval-page .grid-table #divMainTable .div-rows .row-price.selling-price, .gtn-approval-page .grid-table #divMainTable .div-rows .row-amount.selling-price {
    border-top: 2px solid transparent;
    border-right: 1px solid #e0e3e8;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent; }

.gtn-approval-page .grid-table #divMainTable #divHeader .row-size, .gtn-approval-page .grid-table #divMainTable .div-rows .row-size {
  text-align: left !important; }

.gtn-approval-page .grid-table #divMainTable #divHeader .row-order, .gtn-approval-page .grid-table #divMainTable .div-rows .row-order {
  width: 50px;
  text-align: left !important;
  padding-left: 8px !important; }

.gtn-approval-page .grid-table #divMainTable #divBody {
  max-height: calc(100vh - 480px) !important;
  overflow: auto; }

.gtn-approval-page .item-lists {
  /*width: 250px !important;*/
  width: 20% !important; }
  .gtn-approval-page .item-lists .panel #divListContainer {
    min-height: calc(100vh - 260px) !important;
    overflow: auto;
    max-height: calc(100vh - 260px) !important; }

.gtn-approval-page .gtn-remark {
  width: 100% !important; }

.gtn-approval-page #btnApprove {
  float: right !important;
  margin-right: 10px; }

.gtn-approval-page .togglebtn-cus .togglebtn-group .btn-primary {
  background-color: #13b2b0;
  border-color: #13b2b0;
  color: #fff; }

.gtn-approval-page .row-detailreasons {
  width: 54px;
  background-color: unset !important;
  padding: 6px 5px 5px !important; }
  .gtn-approval-page .row-detailreasons #btnDetailReasonsPopupIcon {
    background-color: #68a0ec;
    color: #fff !important;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 8px !important;
    width: 20px;
    min-width: unset !important;
    margin-left: 11px; }
    .gtn-approval-page .row-detailreasons #btnDetailReasonsPopupIcon i {
      font-size: 11px !important;
      margin-top: 0px;
      padding-right: 1px;
      padding-bottom: 0.5px; }

.damage-qa-approval-page .panel-body .search {
  width: 70% !important; }
  @media screen and (max-device-width: 1366px) {
    .damage-qa-approval-page .panel-body .search {
      width: 66% !important; }
      .damage-qa-approval-page .panel-body .search #txtSearch {
        max-width: 70% !important; } }

.damage-qa-approval-page .panel-body.width-1342 {
  max-width: 1342px;
  margin: 0 auto;
  display: block; }
  .damage-qa-approval-page .panel-body.width-1342 .form-group label {
    text-align: left !important; }
  .damage-qa-approval-page .panel-body.width-1342 .total-amount.gtn {
    margin-right: 0px !important; }
    .damage-qa-approval-page .panel-body.width-1342 .total-amount.gtn label {
      text-align: right !important;
      width: 101px !important; }
  .damage-qa-approval-page .panel-body.width-1342 #divListContainer {
    max-height: calc(100vh - 230px) !important; }
  .damage-qa-approval-page .panel-body.width-1342 .checkbox-field {
    margin-left: 0px;
    margin-top: 6px; }

.damage-qa-approval-page .grid-table #divMainTable #divHeader .row-name, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-name {
  text-align: left !important;
  width: 309px; }

.damage-qa-approval-page .grid-table #divMainTable #divHeader .row-qty, .damage-qa-approval-page .grid-table #divMainTable #divHeader .row-price, .damage-qa-approval-page .grid-table #divMainTable #divHeader .row-amount, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-qty, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-price, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-amount {
  text-align: right !important; }
  .damage-qa-approval-page .grid-table #divMainTable #divHeader .row-qty.selling-price, .damage-qa-approval-page .grid-table #divMainTable #divHeader .row-price.selling-price, .damage-qa-approval-page .grid-table #divMainTable #divHeader .row-amount.selling-price, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-qty.selling-price, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-price.selling-price, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-amount.selling-price {
    border-top: 2px solid transparent;
    border-right: 1px solid #e0e3e8;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent; }

.damage-qa-approval-page .grid-table #divMainTable #divHeader .row-size, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-size {
  text-align: left !important; }

.damage-qa-approval-page .grid-table #divMainTable #divHeader .row-order, .damage-qa-approval-page .grid-table #divMainTable .div-rows .row-order {
  width: 50px;
  text-align: left !important;
  padding-left: 8px !important; }

.damage-qa-approval-page .grid-table #divMainTable #divBody {
  max-height: calc(100vh - 480px) !important;
  overflow: auto; }

.damage-qa-approval-page .item-lists {
  width: 20% !important; }
  .damage-qa-approval-page .item-lists .panel #divListContainer {
    min-height: calc(100vh - 230px) !important;
    overflow: auto;
    max-height: calc(100vh - 230px) !important; }

.damage-qa-approval-page .gtn-remark {
  width: 100% !important; }

.damage-qa-approval-page #btnApprove {
  float: right !important;
  margin-right: 10px; }

.item-dismantle-process-page .form .form-group.navigator {
  right: -46px !important;
  top: -75px !important; }

.item-dismantle-process-page .form .custom-width {
  max-width: calc(100vw - 315px);
  overflow: auto; }
  .item-dismantle-process-page .form .custom-width .grid-headers {
    width: 1282px; }
  .item-dismantle-process-page .form .custom-width .grid-table {
    width: 1255px; }
    .item-dismantle-process-page .form .custom-width .grid-table #divMainTable #divBody {
      max-height: calc(100vh - 430px) !important;
      overflow: auto; }

.item-dismantle-process-page .row-separater {
  background-color: #f2f4f8; }

.delete-hold-invoice-page .togglebtn-group {
  padding-top: 7px !important; }

.delete-hold-invoice-page .togglebtn-delete {
  padding-top: 7px !important; }

.delete-hold-invoice-page #divInvListContainer {
  max-height: calc(100vh - 237px) !important; }
  .delete-hold-invoice-page #divInvListContainer .row-line .item-row {
    padding: 8px 8px 5px 9px; }
    .delete-hold-invoice-page #divInvListContainer .row-line .item-row input[type="checkbox"] {
      margin: 0px 0 0; }
    .delete-hold-invoice-page #divInvListContainer .row-line .item-row span.invoice-amount, .delete-hold-invoice-page #divInvListContainer .row-line .item-row span.invoice-no {
      width: calc((100% - -32px) / 3); }
    .delete-hold-invoice-page #divInvListContainer .row-line .item-row span.invoice-date {
      width: calc((100% - 160px) / 3); }

.supplier-return-page .form .form-group.navigator {
  top: -79px;
  right: -30px; }

.supplier-return-page .main-body {
  padding-top: 20px !important; }

.supplier-return-page .form-error .field-validation-error {
  /* position: absolute;
            top: 34px !important;*/ }

@media screen and (min-device-width: 1900px) {
  .supplier-return-page .center-panel {
    /*  max-width: calc(100vw - 640px);*/ } }

.supplier-return-page .center-panel .custom-width {
  max-width: calc(100vw - 298px); }

.supplier-return-page .center-panel .grid-headers {
  width: 1176px; }
  @media screen and (min-device-width: 1520px) {
    .supplier-return-page .center-panel .grid-headers {
      width: 1162px; } }
  .supplier-return-page .center-panel .grid-headers .item-field {
    width: 403px !important;
    text-align: left !important; }
    @media screen and (min-device-width: 1520px) {
      .supplier-return-page .center-panel .grid-headers .item-field {
        width: 389px !important; } }

.supplier-return-page .center-panel .grid-table {
  width: 1235px; }
  @media screen and (min-device-width: 1520px) {
    .supplier-return-page .center-panel .grid-table {
      width: 100%; } }
  .supplier-return-page .center-panel .grid-table .table .row-name {
    width: 402px !important;
    text-align: left !important; }
    @media screen and (min-device-width: 1520px) {
      .supplier-return-page .center-panel .grid-table .table .row-name {
        width: 388px !important; } }
  .supplier-return-page .center-panel .grid-table .table .row-size {
    text-align: left !important; }
  .supplier-return-page .center-panel .grid-table .table .table-body {
    max-height: calc(100vh - 466px) !important;
    overflow-y: auto; }
    @media screen and (min-device-width: 1920px) {
      .supplier-return-page .center-panel .grid-table .table .table-body {
        max-height: calc(100vh - 697px) !important; } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
      .supplier-return-page .center-panel .grid-table .table .table-body {
        max-height: calc(100vh - 560px) !important; } }

.supplier-return-page .center-panel .total-amount {
  width: 1283px;
  display: inline-block;
  font-size: 13px;
  float: unset;
  margin-bottom: 0;
  clear: none; }
  @media screen and (min-device-width: 1520px) {
    .supplier-return-page .center-panel .total-amount {
      width: 1283px; } }
  .supplier-return-page .center-panel .total-amount .form-group {
    display: inline-block;
    float: right;
    margin-right: 10px; }
    .supplier-return-page .center-panel .total-amount .form-group.double-inputs {
      margin-right: -13px; }

.supplier-return-page .center-panel .custom-width {
  max-width: calc(100vw - 301px);
  overflow: auto; }
  @media screen and (max-device-width: 1366px) {
    .supplier-return-page .center-panel .custom-width {
      max-width: calc(100vw - 318px) !important; } }

.supplier-return-page .available-qty-section .row-lines {
  max-height: 84px !important; }
  .supplier-return-page .available-qty-section .row-lines .border-bottom {
    font-size: 12px !important;
    border: 1px solid #e0e3e8;
    color: #757575;
    padding: 4px 7px;
    text-align: right;
    width: 103px !important;
    height: 28px; }

.cash-flow-page .item-lists.collapsed {
  width: 62px !important; }
  .cash-flow-page .item-lists.collapsed .panel {
    width: 62px;
    /*            height: calc(100vh - 165px) !important;
*/ }
    .cash-flow-page .item-lists.collapsed .panel .panel-heading .search {
      display: none; }
    .cash-flow-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.route-mag-page {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .route-mag-page .color-code .card {
    top: -28px !important; }
  .route-mag-page .color-code .frozen {
    background: #69b5ff; }
  .route-mag-page .color-code .non-frozen {
    background: #fc9797; }
  .route-mag-page .grid-table {
    overflow-x: auto;
    width: 100%; }
    .route-mag-page .grid-table .table .table-body .w-200, .route-mag-page .grid-table .table .table-header .w-200 {
      width: 200px !important; }
      @media only screen and (min-width: 1500px) and (max-width: 1790px) {
        .route-mag-page .grid-table .table .table-body .w-200, .route-mag-page .grid-table .table .table-header .w-200 {
          width: 200px !important; } }
    @media only screen and (min-width: 1800px) {
      .route-mag-page .grid-table .table .table-body .row-customer, .route-mag-page .grid-table .table .table-header .row-customer {
        width: calc(20vw - 25px) !important; } }
    @media only screen and (min-width: 1800px) {
      .route-mag-page .grid-table .table .table-body .row-name, .route-mag-page .grid-table .table .table-header .row-name {
        width: calc(20vw - 25px) !important; } }
    .route-mag-page .grid-table .checkbox-cus {
      padding-top: 4px !important; }
      .route-mag-page .grid-table .checkbox-cus .checkbox {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        height: 30px;
        line-height: 1.4; }
        .route-mag-page .grid-table .checkbox-cus .checkbox .custom-checkbox-element {
          z-index: 50;
          margin: 3px 2px 3px 2px !important; }
        .route-mag-page .grid-table .checkbox-cus .checkbox .custom-checkbox {
          font-size: 16px; }
    .route-mag-page .grid-table #divMainTable1, .route-mag-page .grid-table #divMainTable2 {
      overflow-x: auto;
      overflow-y: hidden;
      width: calc(35vw);
      max-height: calc(100vh - 375px);
      /*width: calc(100vw - 836px);*/ }
      @media only screen and (min-width: 1500px) and (max-width: 1790px) {
        .route-mag-page .grid-table #divMainTable1, .route-mag-page .grid-table #divMainTable2 {
          width: calc(36vw); } }
      @media only screen and (min-width: 1800px) {
        .route-mag-page .grid-table #divMainTable1, .route-mag-page .grid-table #divMainTable2 {
          width: calc(38vw); } }
      .route-mag-page .grid-table #divMainTable1 .table-header, .route-mag-page .grid-table #divMainTable2 .table-header {
        width: 848px; }
        @media only screen and (min-width: 1800px) {
          .route-mag-page .grid-table #divMainTable1 .table-header, .route-mag-page .grid-table #divMainTable2 .table-header {
            /*width: 998px !important;*/
            width: auto !important; } }
        .route-mag-page .grid-table #divMainTable1 .table-header .row-order, .route-mag-page .grid-table #divMainTable2 .table-header .row-order {
          width: 40px !important;
          margin-left: 15px; }
      .route-mag-page .grid-table #divMainTable1 .table-body, .route-mag-page .grid-table #divMainTable2 .table-body {
        width: 848px;
        /*max-height: none !important;*/
        max-height: calc(100vh - 510px) !important;
        overflow-y: scroll; }
        @media only screen and (min-width: 1800px) {
          .route-mag-page .grid-table #divMainTable1 .table-body, .route-mag-page .grid-table #divMainTable2 .table-body {
            /*width: 998px !important;*/
            width: auto !important; } }
        .route-mag-page .grid-table #divMainTable1 .table-body .div-rows, .route-mag-page .grid-table #divMainTable2 .table-body .div-rows {
          border-left: 8px solid transparent !important;
          margin-left: 3px; }
          .route-mag-page .grid-table #divMainTable1 .table-body .div-rows.d-frozen, .route-mag-page .grid-table #divMainTable2 .table-body .div-rows.d-frozen {
            border-left: 8px solid #69b5ff !important; }
          .route-mag-page .grid-table #divMainTable1 .table-body .div-rows.d-non-frozen, .route-mag-page .grid-table #divMainTable2 .table-body .div-rows.d-non-frozen {
            border-left: 8px solid #fc9797 !important; }
          .route-mag-page .grid-table #divMainTable1 .table-body .div-rows .new, .route-mag-page .grid-table #divMainTable2 .table-body .div-rows .new {
            display: flex;
            flex-direction: row-reverse; }
        .route-mag-page .grid-table #divMainTable1 .table-body .refno-entry, .route-mag-page .grid-table #divMainTable2 .table-body .refno-entry {
          width: 37px !important; }
  .route-mag-page ::-webkit-scrollbar {
    width: 5px;
    height: 8px; }
  .route-mag-page ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .route-mag-page ::-webkit-scrollbar-thumb {
    background: #888; }
  .route-mag-page ::-webkit-scrollbar-thumb:hover {
    background: #555; }

.w-80px {
  width: 80px !important; }

.goods-receive-note-page .main-content .panel-heading h4 {
  margin: 2px 0 1px 1px !important; }

.goods-receive-note-page .main-content .card-body {
  /* @media only screen and (min-device-width: 1920px) {
                max-width: calc(100vw - 303px) !important;
            }*/ }
  @media only screen and (min-device-width: 1800px) {
    .goods-receive-note-page .main-content .card-body {
      max-width: calc(100vw - 265px) !important; } }

.goods-receive-note-page .top-panel {
  border: unset !important;
  padding-left: 0px !important; }
  .goods-receive-note-page .top-panel .form-group {
    margin-right: 35px !important; }
  .goods-receive-note-page .top-panel .lbl-date {
    width: 42px !important; }

.goods-receive-note-page .grid-headers .icon-field #btnClearRow {
  /*padding: 9px 8px 8px 9px !important;*/ }

.goods-receive-note-page .grid-headers.grn {
  border-top: 8px solid #f2f4f8; }

.goods-receive-note-page .btn-fix {
  height: 30px !important;
  line-height: 23px !important;
  font-size: 13px !important;
  padding: 4px 12px !important; }

.goods-receive-note-page .pl-144 {
  padding-left: 144px !important; }

.goods-receive-note-page .center-panel .custom-width {
  max-width: calc(100vw - 318px) !important;
  overflow: auto; }
  @media only screen and (min-device-width: 1850px) {
    .goods-receive-note-page .center-panel .custom-width {
      max-width: calc(100vw - 305px) !important; } }
  @media only screen and (max-device-width: 1800px) {
    .goods-receive-note-page .center-panel .custom-width {
      max-width: calc(100vw - 320px) !important; } }
  @media only screen and (max-device-width: 1366px) {
    .goods-receive-note-page .center-panel .custom-width {
      max-width: calc(100vw - 318px) !important; } }
  .goods-receive-note-page .center-panel .custom-width .grid-headers {
    width: 1310px; }
    @media only screen and (min-device-width: 1850px) {
      .goods-receive-note-page .center-panel .custom-width .grid-headers {
        width: 1499px; }
        .goods-receive-note-page .center-panel .custom-width .grid-headers .width-251 {
          width: 441px !important; } }
  .goods-receive-note-page .center-panel .custom-width .grid-table {
    width: 1422px; }
    @media only screen and (min-device-width: 1850px) {
      .goods-receive-note-page .center-panel .custom-width .grid-table {
        width: 1612px; }
        .goods-receive-note-page .center-panel .custom-width .grid-table #divBody {
          width: 1612px !important;
          border-bottom: transparent; }
        .goods-receive-note-page .center-panel .custom-width .grid-table .width-250 {
          width: 440px !important; }
        .goods-receive-note-page .center-panel .custom-width .grid-table #divServiceTable .width-250 {
          width: 500px !important; } }
    @media only screen and (max-device-width: 1366px) {
      .goods-receive-note-page .center-panel .custom-width .grid-table #divServiceTable .width-250 {
        width: 436px !important; } }
  .goods-receive-note-page .center-panel .custom-width .total-amount {
    width: 1410px;
    display: inline-block;
    font-size: 13px;
    float: unset;
    margin-bottom: 0;
    clear: none;
    border-bottom: 3px solid transparent; }
    @media only screen and (min-device-width: 1850px) {
      .goods-receive-note-page .center-panel .custom-width .total-amount {
        width: 1600px; } }
    .goods-receive-note-page .center-panel .custom-width .total-amount .total-amount-align {
      display: inline-block;
      float: right;
      margin-right: 10px; }

.goods-receive-note-page .navigator {
  top: -47px !important;
  right: -17px !important; }

@media only screen and (min-device-width: 1921px) {
  .goods-receive-note-page .close-check {
    height: 58px; } }

@media only screen and (max-device-width: 1920px) {
  .goods-receive-note-page .close-check {
    height: 60px; } }

@media only screen and (max-device-width: 1560px) {
  .goods-receive-note-page .close-check {
    height: 60px;
    margin-bottom: 0; } }

.goods-receive-note-page.grn-page {
  max-height: calc(100vh - 83px) !important;
  overflow: auto; }

.goods-receive-note-page #poInfo {
  color: #2196f3 !important;
  font-size: 16px;
  padding-top: 0px;
  margin-right: -3px;
  margin-left: 5px;
  margin-top: -4px; }

.goods-receive-note-page #divRemarksHistoryContent .remarkhis .table-body {
  max-height: 95px !important; }

.goods-receive-note-page #divPendingPoListContainer {
  max-height: 97px !important; }
  .goods-receive-note-page #divPendingPoListContainer .refno-entry {
    border-left: 1px solid #eaeef5; }
    .goods-receive-note-page #divPendingPoListContainer .refno-entry .item-row {
      border-left: 5px solid transparent; }
    .goods-receive-note-page #divPendingPoListContainer .refno-entry.grn-temp-created {
      border-left: 1px solid #eaeef5; }
      .goods-receive-note-page #divPendingPoListContainer .refno-entry.grn-temp-created .item-row {
        border-left: 5px solid #08b2b0 !important; }
  .goods-receive-note-page #divPendingPoListContainer.row-lines {
    margin-top: 0px !important; }

.goods-receive-note-page #txtSearchPendingPoList {
  width: calc(100% - 31px) !important; }

.goods-receive-note-page .checkbox-po-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 2px 2px 7px; }

.goods-receive-note-page .form .form-group .form-image #preview {
  padding-top: 7px;
  margin-left: 0px !important; }
  .goods-receive-note-page .form .form-group .form-image #preview span {
    position: relative;
    margin: 0px 15px 0px 0px;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: unset;
    height: unset;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd;
    border-radius: 4px;
    padding: 4px 8px; }
    .goods-receive-note-page .form .form-group .form-image #preview span:hover {
      background-color: #cac6c6; }
      .goods-receive-note-page .form .form-group .form-image #preview span:hover a {
        color: #414141;
        font-weight: 700; }
    .goods-receive-note-page .form .form-group .form-image #preview span i {
      position: unset;
      top: unset;
      right: unset;
      font-size: 20px;
      margin-left: 10px;
      color: #f44336; }
      .goods-receive-note-page .form .form-group .form-image #preview span i:hover {
        color: #f23628;
        font-weight: 700; }
    .goods-receive-note-page .form .form-group .form-image #preview span div:hover::before {
      content: unset; }

.goods-receive-note-page #divServiceBody .div-rows .row-tax {
  padding: 5px 4px !important; }

.btn-fix {
  height: 30px !important;
  line-height: 23px !important;
  font-size: 13px !important;
  padding: 4px 12px !important; }

.panel-top-gaph {
  padding-top: 20px !important; }

.Grn-Approval-page .top-panel {
  border: unset !important; }
  .Grn-Approval-page .top-panel .form-group {
    margin-right: 35px !important; }
  .Grn-Approval-page .top-panel .lbl-date {
    width: 42px !important; }

.Grn-Approval-page .main-content .panel-heading h4 {
  margin: 2px 0 1px 1px !important; }

@media only screen and (min-device-width: 1800px) {
  .Grn-Approval-page .main-content .card-body {
    max-width: calc(100vw - 498px) !important; } }

.Grn-Approval-page .center-panel .custom-width {
  max-width: calc(100vw - 318px) !important;
  overflow: auto; }
  @media only screen and (max-device-width: 1800px) {
    .Grn-Approval-page .center-panel .custom-width {
      max-width: calc(100vw - 320px) !important; } }
  @media only screen and (max-device-width: 1366px) {
    .Grn-Approval-page .center-panel .custom-width {
      max-width: calc(100vw - 318px) !important; } }
  .Grn-Approval-page .center-panel .custom-width .grid-headers {
    width: 1310px; }
  .Grn-Approval-page .center-panel .custom-width .grid-table {
    width: 1382px; }
  .Grn-Approval-page .center-panel .custom-width .total-amount {
    width: 1370px;
    display: inline-block;
    font-size: 13px;
    float: unset;
    margin-bottom: 0;
    clear: none; }
    .Grn-Approval-page .center-panel .custom-width .total-amount .total-amount-align {
      display: inline-block;
      float: right;
      margin-right: 10px; }

.Grn-Approval-page #divListContainer {
  max-height: 97px !important;
  overflow: auto; }
  @media only screen and (max-device-width: 1800px) {
    .Grn-Approval-page #divListContainer {
      max-height: 66px !important; } }
  @media only screen and (max-device-width: 1366px) {
    .Grn-Approval-page #divListContainer {
      max-height: 97px !important; } }

.Grn-Approval-page .form .form-group .form-image #preview {
  padding-top: 7px;
  margin-left: 0px !important; }
  .Grn-Approval-page .form .form-group .form-image #preview span {
    position: relative;
    margin: 0px 15px 0px 0px;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: unset;
    height: unset;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd;
    border-radius: 4px;
    padding: 4px 8px; }
    .Grn-Approval-page .form .form-group .form-image #preview span:hover {
      background-color: #cac6c6; }
      .Grn-Approval-page .form .form-group .form-image #preview span:hover a {
        color: #414141;
        font-weight: 700; }
    .Grn-Approval-page .form .form-group .form-image #preview span i {
      position: unset;
      top: unset;
      right: unset;
      font-size: 20px;
      margin-left: 10px;
      color: #f44336; }
      .Grn-Approval-page .form .form-group .form-image #preview span i:hover {
        color: #f23628;
        font-weight: 700; }
    .Grn-Approval-page .form .form-group .form-image #preview span div:hover::before {
      content: unset; }

.gift-voucher-page {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .gift-voucher-page .center-panel .form-group.navigator {
    position: absolute;
    top: -60px !important;
    right: -40px; }
  .gift-voucher-page .center-panel .grid-table .table-header .row-name {
    width: 350px;
    text-align: left !important; }
  .gift-voucher-page .center-panel .grid-table .table-header .row-qty {
    text-align: right !important; }
  .gift-voucher-page .center-panel .grid-table .table-header .row-price {
    text-align: right !important; }
  .gift-voucher-page .center-panel .grid-table .table-body .row-name {
    width: 350px; }
  .gift-voucher-page .center-panel #btnClearRow {
    padding: 9px 8px 8px 9px !important; }
  .gift-voucher-page .single-button #btnAddToGrid {
    font-size: 25px !important;
    line-height: 1.3 !important; }
  .gift-voucher-page .field-validation-error {
    display: inline-block;
    position: absolute;
    top: 53px;
    left: unset;
    right: 0;
    z-index: 500000; }
    .gift-voucher-page .field-validation-error:before {
      position: absolute;
      top: -17px;
      right: 5px; }
  .gift-voucher-page .box {
    margin-right: 20px; }
    .gift-voucher-page .box .d-label {
      width: 33px !important; }
    .gift-voucher-page .box .d-location {
      width: 55px !important; }
    .gift-voucher-page .box .d-ref {
      width: 40px !important; }
  .gift-voucher-page .grid-headers .item-box {
    width: 700px !important; }
  .gift-voucher-page .grid-headers #btnClearRow {
    /*                padding: 8px 16px 8px 16px !important;
*/ }
  .gift-voucher-page .form-group .form-control {
    height: 30px !important; }
  .gift-voucher-page .grid-table .table-header .row-name {
    width: 700px !important; }
  .gift-voucher-page .grid-table .table-header div div {
    font-weight: bold; }
  .gift-voucher-page .grid-table .table-body {
    max-height: calc(100vh - 442px) !important;
    overflow-y: auto; }
    .gift-voucher-page .grid-table .table-body .row-name {
      width: 700px !important;
      text-align: left !important; }
  .gift-voucher-page ::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  .gift-voucher-page ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c8c8c8;
    border-radius: 5px;
    cursor: pointer; }
  .gift-voucher-page ::-webkit-scrollbar-thumb {
    background: #cacaca;
    border-radius: 5px;
    cursor: pointer; }
  .gift-voucher-page ::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0; }

.barcode-page .btn-download {
  background-color: #468cb8;
  color: #fff !important;
  border-radius: 4px !important;
  /*float: left !important;*/ }
  .barcode-page .btn-download:hover {
    background-color: #4488b3 !important; }

.barcode-page #btnClearRow {
  padding: 9px 8px 8px 9px !important; }

.barcode-page .grid-headers .item-field {
  width: 400px !important; }

.barcode-page .grid-headers .code-field {
  width: 104px !important; }

.barcode-page .grid-headers .table-date-field {
  width: 108px !important; }

.barcode-page .grid-headers .order-field {
  width: 50px !important; }

.barcode-page .grid-table .table-header .row-order, .barcode-page .grid-table .table-body .row-order {
  width: 50px !important; }

.barcode-page .grid-table .table-header .row-code, .barcode-page .grid-table .table-header .row-item, .barcode-page .grid-table .table-header .row-date, .barcode-page .grid-table .table-body .row-code, .barcode-page .grid-table .table-body .row-item, .barcode-page .grid-table .table-body .row-date {
  text-align: left !important; }

.barcode-page .grid-table .table-header .row-code, .barcode-page .grid-table .table-body .row-code {
  width: 103px !important; }

.barcode-page .grid-table .table-header .row-item, .barcode-page .grid-table .table-body .row-item {
  width: 400px !important; }

.barcode-page .grid-table .table-header .row-date, .barcode-page .grid-table .table-body .row-date {
  width: 107px !important; }

.barcode-page .grid-table .table-header .row-sellingPrice, .barcode-page .grid-table .table-header .row-qty, .barcode-page .grid-table .table-body .row-sellingPrice, .barcode-page .grid-table .table-body .row-qty {
  text-align: right !important; }

.barcode-page .grid-table #divBody {
  max-height: calc(100vh - 348px) !important;
  overflow: auto; }

.barcode-page .navigator {
  top: 15px !important;
  right: -15px !important; }

.payment-page .left-panel .headers {
  padding-right: 3px !important; }
  .payment-page .left-panel .headers .price {
    text-align: right !important; }
  .payment-page .left-panel .headers .date {
    margin-left: 6px !important; }

.payment-page .left-panel .panel-body #divListContainer {
  max-height: calc(100vh - 256px) !important; }

.payment-page .left-panel .panel-body .item-row {
  padding-right: 8px !important; }
  .payment-page .left-panel .panel-body .item-row .price {
    text-align: right !important; }

.payment-page .right-panel {
  width: calc(100vw - 623px) !important; }
  @media screen and (min-device-width: 1910px) {
    .payment-page .right-panel {
      width: calc(100vw - 770px) !important; } }
  .payment-page .right-panel .navigator {
    top: -56.5px !important;
    right: -40px !important; }
  .payment-page .right-panel .custom-width {
    max-width: calc(100vw - 666px) !important;
    overflow: auto; }
    .payment-page .right-panel .custom-width .grid-headers {
      width: 1101px; }
      .payment-page .right-panel .custom-width .grid-headers .orderInv-field {
        width: 81px !important;
        text-align: left !important; }
      .payment-page .right-panel .custom-width .grid-headers .table-date-field {
        width: 109px !important; }
    .payment-page .right-panel .custom-width .grid-table {
      width: 1112px; }
      .payment-page .right-panel .custom-width .grid-table .table-header {
        width: 1101px; }
        .payment-page .right-panel .custom-width .grid-table .table-header div div {
          font-weight: 700; }
        .payment-page .right-panel .custom-width .grid-table .table-header div .row-invNumber {
          width: 80px !important;
          text-align: left !important;
          padding: 6px 10px 5px; }
        .payment-page .right-panel .custom-width .grid-table .table-header div .row-date {
          width: 107px !important; }
        .payment-page .right-panel .custom-width .grid-table .table-header div .row-type, .payment-page .right-panel .custom-width .grid-table .table-header div .row-size, .payment-page .right-panel .custom-width .grid-table .table-header div .row-date, .payment-page .right-panel .custom-width .grid-table .table-header div .row-item {
          text-align: left !important; }
      .payment-page .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.payment-page .table-body {
  max-height: calc(100vh - 455px) !important;
  overflow-y: auto; }
  .payment-page .table-body .row-invNumber {
    width: 80px !important;
    text-align: left !important;
    padding: 6px 10px 5px !important; }
  .payment-page .table-body .row-type, .payment-page .table-body .row-size, .payment-page .table-body row-date, .payment-page .table-body .row-item {
    text-align: left !important; }
  .payment-page .table-body .payment-date {
    width: 107px !important; }

.payment-page .field-validation-error {
  display: inline-block;
  position: absolute;
  top: 53px;
  left: unset;
  right: 0;
  z-index: 500000; }
  .payment-page .field-validation-error:before {
    position: absolute;
    top: -17px;
    right: 5px; }

.payment-page .item-lists.collapsed {
  width: 62px !important; }
  .payment-page .item-lists.collapsed .panel {
    width: 62px;
    height: calc(100vh - 165px); }
    .payment-page .item-lists.collapsed .panel .panel-heading .search {
      display: none; }
    .payment-page .item-lists.collapsed .panel .headers {
      display: none; }
    .payment-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.payment-page .flexible-panels.collapsed ~ .form {
  width: calc(100% - 74px);
  padding: 0px; }

.payment-page .collapsed + .right-panel {
  width: calc(100vw - 370px) !important; }
  @media screen and (min-device-width: 1910px) {
    .payment-page .collapsed + .right-panel {
      width: calc(100vw - 770px) !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1900px) {
    .payment-page .collapsed + .right-panel {
      width: calc(100vw - 390px) !important; } }
  .payment-page .collapsed + .right-panel .custom-width {
    max-width: calc(100vw - 412px) !important; }
    .payment-page .collapsed + .right-panel .custom-width .grid-table {
      width: 1112px; }
      .payment-page .collapsed + .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.receipt-page .left-panel .panel-heading .reciptSourceCategory {
  width: 40%;
  display: inline-block;
  padding-left: 5px;
  margin-bottom: 9px;
  margin-top: 1.5px; }
  .receipt-page .left-panel .panel-heading .reciptSourceCategory .form-control {
    padding: 0px 4px;
    font-size: 13px;
    height: 25px;
    border: 1px solid #d8e0ef;
    box-shadow: none; }

.receipt-page .left-panel .panel-heading .search {
  width: 59%; }
  .receipt-page .left-panel .panel-heading .search i {
    padding: 5px 5px 0; }

.receipt-page .left-panel .headers {
  padding-right: 3px !important; }
  .receipt-page .left-panel .headers .price {
    text-align: right !important; }
  .receipt-page .left-panel .headers .date {
    margin-left: 6px !important; }

.receipt-page .left-panel .panel-body #divListContainer {
  max-height: calc(100vh - 284px) !important; }

.receipt-page .left-panel .panel-body .item-row {
  padding-right: 8px !important; }
  .receipt-page .left-panel .panel-body .item-row .price {
    text-align: right !important; }

.receipt-page .right-panel {
  width: calc(100vw - 636px) !important; }
  @media screen and (min-device-width: 1910px) {
    .receipt-page .right-panel {
      width: calc(100vw - 770px) !important; } }
  .receipt-page .right-panel .navigator {
    top: -57.5px !important;
    right: -36px !important; }
  .receipt-page .right-panel .custom-width {
    max-width: calc(100vw - 666px) !important;
    overflow: auto; }
    .receipt-page .right-panel .custom-width .grid-headers {
      width: 1101px; }
      .receipt-page .right-panel .custom-width .grid-headers .orderInv-field {
        width: 79px !important;
        text-align: left !important; }
      .receipt-page .right-panel .custom-width .grid-headers .table-date-field {
        width: 109px !important; }
    .receipt-page .right-panel .custom-width .grid-table {
      width: 1112px; }
      .receipt-page .right-panel .custom-width .grid-table .table-header {
        width: 1101px; }
        .receipt-page .right-panel .custom-width .grid-table .table-header div .row-invNumber {
          width: 80px !important;
          text-align: left !important;
          padding: 6px 10px 5px; }
        .receipt-page .right-panel .custom-width .grid-table .table-header div .row-date {
          width: 107px !important; }
        .receipt-page .right-panel .custom-width .grid-table .table-header div .row-type, .receipt-page .right-panel .custom-width .grid-table .table-header div .row-size, .receipt-page .right-panel .custom-width .grid-table .table-header div .row-date, .receipt-page .right-panel .custom-width .grid-table .table-header div .row-item {
          text-align: left !important; }
      .receipt-page .right-panel .custom-width .grid-table .table-body {
        width: 1112px;
        max-height: calc(100vh - 452px) !important;
        overflow-y: auto; }
  .receipt-page .right-panel .table-header .row-date, .receipt-page .right-panel .table-header .row-item, .receipt-page .right-panel .table-body .row-date, .receipt-page .right-panel .table-body .row-item {
    text-align: left !important; }
  .receipt-page .right-panel .table-header .row-invNumber, .receipt-page .right-panel .table-body .row-invNumber {
    width: 80px !important;
    text-align: left !important;
    padding: 6px 10px 5px !important; }
  .receipt-page .right-panel .table-header .row-date, .receipt-page .right-panel .table-body .row-date {
    width: 107px !important; }

.receipt-page .item-lists.collapsed {
  width: 62px !important; }
  .receipt-page .item-lists.collapsed .panel {
    width: 62px;
    /*height: calc(100vh - 165px) !important;*/ }
    .receipt-page .item-lists.collapsed .panel .panel-heading .search, .receipt-page .item-lists.collapsed .panel .panel-heading .reciptSourceCategory {
      display: none; }
    .receipt-page .item-lists.collapsed .panel .headers {
      display: none; }
    .receipt-page .item-lists.collapsed .panel .panel-body {
      display: none; }

.receipt-page .flexible-panels.collapsed ~ .form {
  width: calc(100% - 74px);
  padding: 0px; }

.receipt-page .collapsed + .right-panel {
  width: calc(100vw - 370px) !important; }
  @media screen and (min-device-width: 1910px) {
    .receipt-page .collapsed + .right-panel {
      width: calc(100vw - 770px) !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1900px) {
    .receipt-page .collapsed + .right-panel {
      width: calc(100vw - 390px) !important; } }
  .receipt-page .collapsed + .right-panel .custom-width {
    max-width: calc(100vw - 412px) !important; }
    .receipt-page .collapsed + .right-panel .custom-width .grid-table {
      width: 1112px; }
      .receipt-page .collapsed + .right-panel .custom-width .grid-table .table-body {
        width: 1112px; }

.hamper-page .center-panel {
  width: calc(100vw - 270px);
  /*width: 1096px;*/ }
  .hamper-page .center-panel .navigator {
    top: -67px !important;
    right: -45px !important; }
  .hamper-page .center-panel .date-box {
    margin-right: 20px !important;
    width: 106px !important; }
  .hamper-page .center-panel .num-of-hampers input {
    width: 85px !important; }
  .hamper-page .center-panel .ham-item-box {
    margin-right: 20px !important;
    width: 368px !important; }
  .hamper-page .center-panel .form-group .lbl-location {
    width: 60px !important; }
  .hamper-page .center-panel .location-group {
    margin-left: 0px !important; }
    .hamper-page .center-panel .location-group select {
      width: 200px; }
  .hamper-page .center-panel .size-box {
    margin-left: 0px !important;
    width: 85px; }
    .hamper-page .center-panel .size-box select {
      margin-left: 0px !important; }
  .hamper-page .center-panel .grid-headers {
    margin-top: 15px !important;
    /*width: calc(100vw - 394px) !important;*/
    width: calc(100% - 6px) !important;
    border: none !important; }
    .hamper-page .center-panel .grid-headers .item-tab {
      width: 49.2% !important; }
    .hamper-page .center-panel .grid-headers .order-field {
      width: 38px; }
    .hamper-page .center-panel .grid-headers .price-field {
      width: 94px; }
  .hamper-page .center-panel .table-header {
    width: calc(100% - 10px) !important; }
  .hamper-page .center-panel .table-header .row-order, .hamper-page .center-panel .table-body .row-order {
    width: 39px; }
  .hamper-page .center-panel .table-header .row-name, .hamper-page .center-panel .table-body .row-name {
    width: 45.5% !important;
    text-align: left !important; }
  .hamper-page .center-panel .table-header .row-size, .hamper-page .center-panel .table-body .row-size {
    text-align: left !important; }
  .hamper-page .center-panel .table-header .row-stock, .hamper-page .center-panel .table-body .row-stock {
    text-align: right !important; }
  .hamper-page .center-panel .table-header .row-qty, .hamper-page .center-panel .table-body .row-qty {
    text-align: right !important; }
  .hamper-page .center-panel .table-header .row-price, .hamper-page .center-panel .table-body .row-price {
    text-align: right !important;
    width: 94px; }
  .hamper-page .center-panel .table-header > div > div {
    font-weight: bold; }
  .hamper-page .center-panel #divBody {
    max-height: calc(100vh - 465px) !important;
    overflow-y: scroll;
    width: 100%; }
    .hamper-page .center-panel #divBody .div-rows {
      width: 100%; }
  .hamper-page .center-panel .custom-width .total-amount {
    /*width: 1164px;*/
    display: inline-block;
    font-size: 13px;
    float: unset;
    margin-bottom: 0;
    clear: none;
    margin-right: 0px;
    margin-top: 5px;
    width: calc(100% - 4.9%) !important; }
    .hamper-page .center-panel .custom-width .total-amount .form-group {
      display: inline-block;
      float: right;
      margin-right: 10px; }
      .hamper-page .center-panel .custom-width .total-amount .form-group label {
        font-size: 13px !important; }
        .hamper-page .center-panel .custom-width .total-amount .form-group label#lblTotal {
          width: 120px; }
  .hamper-page .center-panel .col-sm-1-5 {
    width: 4.1% !important; }
  .hamper-page .center-panel .col-sm-2 {
    width: 12.666667%; }
  .hamper-page .center-panel .col-sm-5 {
    width: 45.8%; }

.hamper-page .field-validation-error {
  display: inline-block;
  position: absolute;
  top: 53px;
  left: unset;
  right: 0;
  z-index: 500000; }
  .hamper-page .field-validation-error:before {
    position: absolute;
    top: -17px;
    right: 5px; }

.Production-Flow-Setup .collapsed {
  width: 62px !important; }
  .Production-Flow-Setup .collapsed .panel {
    width: 62px;
    padding-bottom: 7px !important; }
    .Production-Flow-Setup .collapsed .panel .panel-heading .search {
      display: none; }
    .Production-Flow-Setup .collapsed .panel .headers {
      display: none; }
    .Production-Flow-Setup .collapsed .panel .panel-body {
      display: none; }

.soq-page .lbl-sofildate {
  width: 86px !important; }

.soq-page .lbl-flowtype {
  width: 126px !important; }

.soq-page .btn-box .btn {
  margin-left: 6px !important; }

.soq-page .btn-box .btn-finalize {
  background-color: #2c8330 !important; }

.sd-po-page .item-lists .divStockDemand {
  max-height: calc(100vh - 228px) !important; }

.sd-po-page .collapsed {
  width: 62px !important; }
  .sd-po-page .collapsed .panel {
    width: 62px;
    padding-bottom: 7px !important; }
    .sd-po-page .collapsed .panel .panel-heading .search {
      display: none; }
    .sd-po-page .collapsed .panel .headers {
      display: none; }
    .sd-po-page .collapsed .panel .panel-body {
      display: none; }

.sd-po-page .right-panel .text-left .salesDemandInactiveMoliesText {
  display: inline-block;
  padding-top: 10px; }

.sd-po-page .right-panel .table-body {
  max-height: calc(100vh - 402px) !important;
  max-width: calc(100vw - 24px) !important;
  overflow: auto; }
  .sd-po-page .right-panel .table-body .row-order-qty {
    padding: 3px 4px; }

.sd-po-page .right-panel .card-body {
  display: inherit; }

.sd-rn-page .item-lists .divStockDemand {
  max-height: calc(100vh - 270px) !important; }

.sd-rn-page .collapsed {
  width: 62px !important; }
  .sd-rn-page .collapsed .panel {
    width: 62px;
    padding-bottom: 7px !important; }
    .sd-rn-page .collapsed .panel .panel-heading .search {
      display: none; }
    .sd-rn-page .collapsed .panel .headers {
      display: none; }
    .sd-rn-page .collapsed .panel .panel-body {
      display: none; }

.sd-rn-page .right-panel .text-left .salesDemandInactiveMoliesText {
  display: inline-block;
  padding-top: 10px; }

.sd-rn-page .panel-body #divStockDemandHeadersContainer {
  max-height: calc(100vh - 228px) !important; }

.sd-rn-page .panel-body #divBody {
  max-height: calc(100vh - 380px) !important;
  overflow: auto;
  min-width: 100%; }

.sd-rn-page .flexible-panels.collapsed ~ .form {
  width: calc(100% - 72px);
  padding: 0px; }

.cheque-page .main-card {
  /* .form-group {
            margin-right: 40px;
            padding-bottom: 6px;

            .lbl-date {
                width: 43px !important;
            }

            .lbl-bk {
                width: 90px !important;
            }

            .lbl-status {
                width: 55px !important;
            }

            .lbl-remark {
                width: 60px !important;
            }
        }*/ }
  .cheque-page .main-card .date-box, .cheque-page .main-card .remark {
    margin-left: 0px !important; }
  .cheque-page .main-card .checkbox {
    margin-right: 15px !important; }
  .cheque-page .main-card #divListContainer {
    max-height: calc(100vh - 407px) !important;
    overflow-y: scroll; }
    .cheque-page .main-card #divListContainer.cheque-list-table .item-row {
      padding: 10px 33px 8px 15px !important; }
      .cheque-page .main-card #divListContainer.cheque-list-table .item-row .checkbox-cheque input[type="checkbox"] {
        margin-top: 0px !important;
        margin-right: -4px !important; }
  .cheque-page .main-card .headers .date {
    width: 10% !important; }
  .cheque-page .main-card .headers .number {
    text-align: left !important;
    padding-right: 3px !important;
    margin-left: -2px !important; }
  .cheque-page .main-card .headers .branch {
    text-align: left !important; }
  .cheque-page .main-card .headers .customer {
    width: 27.8% !important; }
  .cheque-page .main-card .headers .bank {
    margin-left: -3px !important;
    text-align: left !important;
    padding-right: 3px; }
  .cheque-page .main-card .headers .status {
    margin-left: 4px !important;
    text-align: center !important; }
  .cheque-page .main-card .panel-body .row-line .date {
    width: 10% !important; }
  .cheque-page .main-card .panel-body .row-line .customer {
    width: 27.8% !important; }
  .cheque-page .main-card .panel-body .row-line .number {
    margin-right: 0px !important;
    text-align: left !important; }
  .cheque-page .main-card .panel-body .row-line .branch {
    text-align: left !important; }
  .cheque-page .main-card .panel-body .row-line .bank {
    text-align: left !important; }
  .cheque-page .main-card .panel-body .row-line .status {
    text-align: center !important; }

.cheque-page .btn-factoring {
  background-color: #69b213 !important;
  border-color: #69b213 !important; }

.cheque-page .checkbox-cheque {
  position: absolute;
  right: 11px;
  top: 1.5px; }

.expense-page {
  /*    .form-group {

        #btnClearRow {
            padding: 9px 8px 8px 9px !important;
        }
    }*/ }
  .expense-page .table .table-header .row-note, .expense-page .table .table-body .row-note {
    text-align: left !important; }
  .expense-page .table .table-header .row-small-amount, .expense-page .table .table-body .row-small-amount {
    text-align: right !important; }
  .expense-page .table .table-body {
    max-height: calc(100vh - 420px) !important;
    overflow: auto; }

.product-mapping-page #divItemListContainer {
  overflow-y: scroll; }

.product-mapping-page .act-chk {
  padding-left: 0px !important;
  margin-top: 8px; }

.product-mapping-page .scroll-bg ::-webkit-scrollbar-track {
  box-shadow: none !important; }

.product-mapping-page .scroll-bg .item-row.row-line .item-row {
  padding: 8px 35px 8px 9px; }

.product-mapping-page .scroll-bg .item-row.row-line .checkbox {
  position: absolute;
  top: 10px;
  right: 22px;
  margin: 0px; }

.product-mapping-page.panel-cus {
  height: auto !important; }

/*-----------------------------------common class for left-panel collapsed box---------------------------*/
.left-panel.collapsed .collapsed-box {
  padding-bottom: 4px;
  padding-left: 10px;
  padding-top: 10px;
  height: auto !important; }

.choice-page .form-group .lbl-name, .choice-page .form-group .lbl-type {
  width: 45px !important; }

.category-page .right-panel .chk-box {
  padding-left: 120px !important; }
  .category-page .right-panel .chk-box .chk-allow {
    padding-bottom: 6px !important; }

.category-page .right-panel .fileUpload {
  /*margin-left: 122px!important;*/ }

.p-5px {
  padding: 5px !important; }

.p-10px {
  padding: 10px !important; }

.p-15px {
  padding: 15px !important; }

.p-20px {
  padding: 20px !important; }

.customdatafeild datalist {
  position: absolute;
  background-color: white;
  border: 1px solid blue;
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-family: sans-serif;
  width: 350px;
  padding: 5px;
  max-height: 10rem;
  overflow-y: auto; }
  .customdatafeild datalist#ddlReport option {
    background-color: white;
    padding: 4px;
    color: blue;
    margin-bottom: 1px;
    font-size: 18px;
    cursor: pointer; }
    .customdatafeild datalist#ddlReport option:hover, .customdatafeild datalist#ddlReport option.active {
      background-color: lightblue; }

/* width */
/*::-webkit-scrollbar {
        width: 5px;
        height: 8px;
    }*/
/* Track */
/*::-webkit-scrollbar-track {
        background: #f1f1f1;
    }*/
/* Handle */
/*::-webkit-scrollbar-thumb {
        background: #888;
    }*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}*/
#lotDetailModel {
  /* scroll */ }
  #lotDetailModel .modal-dialog {
    border-radius: 8px;
    width: 575px; }
    #lotDetailModel .modal-dialog .modal-content {
      border-radius: 8px; }
      #lotDetailModel .modal-dialog .modal-content .modal-body {
        padding: 20px 20px 10px; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .grid-table #divLotBody {
          max-height: calc(100vh - 325px) !important;
          overflow: auto; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .text-left {
          text-align: left !important; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .text-right {
          text-align: right !important; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .osb-lot .pr-60px {
          padding-right: 76px; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .form-control {
          font-size: 13px;
          padding: 6px 9px;
          height: 25px; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .table-body .row-qty-cus {
          padding: 3px 2px; }
        #lotDetailModel .modal-dialog .modal-content .modal-body .table-body .row-price {
          border-right: 1px solid #e0e3e8;
          border-top: 0px solid #e0e3e8;
          border-bottom: 0px solid #e0e3e8; }
      #lotDetailModel .modal-dialog .modal-content .modal-footer {
        padding: 12px 15px; }
    #lotDetailModel .modal-dialog.width-710 .pr-60px {
      padding-right: 80px !important; }
    #lotDetailModel .modal-dialog.damage-note-popup {
      width: 590px; }
      #lotDetailModel .modal-dialog.damage-note-popup .alert {
        padding: 8px 10px; }
  #lotDetailModel .icon-field .single-button {
    padding: 0px 1px; }
    #lotDetailModel .icon-field .single-button input {
      font-size: 25px !important;
      line-height: 1.3 !important;
      padding: 0 25px 0 24px !important;
      text-align: center;
      min-width: 40px;
      height: 30px !important; }
  #lotDetailModel .icon-field #item-lot-row-buttons #btnClearRow {
    border-right: 1px solid #8fcccb;
    padding: 8px 8px 6px 9px;
    font-size: 11px;
    background: #13b2b0;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    float: left;
    color: white; }
  #lotDetailModel .icon-field #item-lot-row-buttons #btnUpdateRow {
    float: left; }
    #lotDetailModel .icon-field #item-lot-row-buttons #btnUpdateRow i {
      position: relative;
      top: auto;
      color: #fff;
      left: auto;
      font-size: 12px;
      display: inline-block;
      background-color: #13b2b0;
      cursor: pointer;
      border-radius: 0 4px 4px 0;
      padding: 9px 10px 9px 9px;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
  #lotDetailModel .field-validation-error {
    top: 35px; }
  #lotDetailModel ::-webkit-scrollbar {
    width: 5px;
    height: 8px; }
  #lotDetailModel ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  #lotDetailModel ::-webkit-scrollbar-thumb {
    background: #888; }
  #lotDetailModel ::-webkit-scrollbar-thumb:hover {
    background: #555; }

.invoice-print-page .form .form-group.navigator {
  top: -51px;
  right: 4px;
  margin: 0;
  /*background-color: white;*/
  width: 194px;
  height: 37px;
  padding-top: 2px; }
  .invoice-print-page .form .form-group.navigator input.form-control {
    /* width: 60%;*/ }

.invoice-print-page .navigator-card .card-body {
  padding: 14px 0px 10px; }

.invoice-print-page .form-group.supplier div input.wholesale-chk-align {
  width: 15px; }

.invoice-print-page .margin-right-20 {
  margin-right: 20px !important; }

.invoice-print-page #lblMainCusName {
  margin-top: 6px !important;
  left: 63px !important; }

.invoice-print-page #tab1 {
  margin-top: -8px; }
  .invoice-print-page #tab1 .customer-group {
    width: 250px; }

.invoice-print-page .i-temp-list #divListContainer {
  max-height: 68px !important; }

.invoice-print-page .total-amount #lblTotal {
  width: 144px; }

.invoice-print-page .form .total-amount .tax-box {
  margin-left: 108px !important; }

.invoice-print-page .invoice-page .form .total-amount .tax-box .tax-checkbox #taxToggle {
  margin-left: 25px !important;
  width: 20px !important; }

.invoice-print-page .invoice-page .form .total-amount .tax-box .tax-input {
  width: 176px !important;
  margin-left: 44px;
  margin-top: 0px; }

.invoice-print-page .invoice-page .form .total-amount .tax-box .tax-checkbox .custom-checkbox {
  margin-left: -35px; }

@media only screen and (min-device-width: 1850px) {
  .invoice-print-page .card .card-body .grid-headers .order-field {
    width: 55px !important; }
  .invoice-print-page .card .card-body .grid-headers .medium-field {
    width: 563px !important; }
  .invoice-print-page .card .card-body .grid-headers .price-field {
    width: 122px !important; }
  .invoice-print-page .card .card-body .grid-headers .discount-field {
    width: 133px; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .invoice-print-page .card .card-body .grid-headers .order-field {
    width: 55px !important; }
  .invoice-print-page .card .card-body .grid-headers .price-field {
    width: 102px !important; }
  .invoice-print-page .card .card-body .grid-headers .medium-field {
    width: 314px !important; } }

@media only screen and (max-device-width: 1400px) {
  .invoice-print-page .card .card-body .grid-headers .medium-field {
    width: 188px !important; } }

@media only screen and (min-device-width: 1850px) {
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-order, .invoice-print-page .card .card-body .grid-table .table .table-body .row-order {
    width: 55px !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-name, .invoice-print-page .card .card-body .grid-table .table .table-body .row-name {
    width: 562px !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-price, .invoice-print-page .card .card-body .grid-table .table .table-body .row-price {
    width: 120px !important;
    padding-left: 0 !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-discount, .invoice-print-page .card .card-body .grid-table .table .table-body .row-discount {
    width: 115px; }
  .invoice-print-page .card .card-body .grid-table .table .table-header#divBody, .invoice-print-page .card .card-body .grid-table .table .table-body#divBody {
    max-height: calc(100vh - 730px) !important; } }

@media only screen and (min-device-width: 1520px) and (max-device-width: 1800px) {
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-order, .invoice-print-page .card .card-body .grid-table .table .table-body .row-order {
    width: 55px !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-name, .invoice-print-page .card .card-body .grid-table .table .table-body .row-name {
    width: 313px !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-price, .invoice-print-page .card .card-body .grid-table .table .table-body .row-price {
    width: 100px !important;
    padding-left: 0 !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header#divBody, .invoice-print-page .card .card-body .grid-table .table .table-body#divBody {
    max-height: calc(100vh - 475px) !important; } }

@media only screen and (max-device-width: 1400px) {
  .invoice-print-page .card .card-body .grid-table .table .table-header .row-name, .invoice-print-page .card .card-body .grid-table .table .table-body .row-name {
    width: 187px !important; }
  .invoice-print-page .card .card-body .grid-table .table .table-header#divBody, .invoice-print-page .card .card-body .grid-table .table .table-body#divBody {
    max-height: calc(100vh - 473px) !important; } }

.mt-n6 {
  margin-top: -6px !important; }

.mt-n8 {
  margin-top: -8px !important; }

.checkbox-field label {
  cursor: pointer !important; }

.d-none {
  display: none !important; }

.not-available-data-grid {
  padding: 20px;
  text-align: center;
  font-size: 13px;
  background-color: #f9f9f9;
  width: 98.4%;
  font-weight: 700;
  color: #f44336; }

.required-not-validate {
  border-color: #ffb3b3 !important;
  background-color: #fff1f0 !important; }

.btn-done-cus {
  color: #fff;
  background-color: #4caf50;
  border-color: #4caf50; }
  .btn-done-cus:hover {
    color: #fff !important;
    background-color: #3d9d41;
    border-color: #3d9d41; }

.use-flow-qty .card {
  border-right: solid 5px #ffa755 !important;
  padding-right: 7px !important; }

.use-flow-qty .job-card-collapesed .btn-flowqtyuse {
  display: none; }

.use-flow-qty .job-card-expanded .btn-flowqtyuse {
  font-family: "Khand", sans-serif;
  display: inline;
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: -10px;
  /*position: absolute;*/
  background-color: #ffa755;
  border-radius: 4px;
  padding: 6px 6px;
  font-size: 11px;
  line-height: 12px;
  color: #fff;
  border: none;
  font-weight: 500;
  cursor: pointer; }
  .use-flow-qty .job-card-expanded .btn-flowqtyuse:hover {
    background-color: #f08a2c; }

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0; }

.grn-payment-confirmation-page .supplier .select-box {
  width: 355px !important;
  margin-bottom: 4px;
  line-height: 1;
  padding: 3px 6px; }

@media screen and (max-device-width: 1366px) {
  .grn-payment-confirmation-page .right-panel {
    width: 783px; } }

.grn-payment-confirmation-page .right-panel .total-amount {
  margin-right: 10px !important; }
  .grn-payment-confirmation-page .right-panel .total-amount #lblTotal {
    width: 139px; }

@media screen and (max-device-width: 1366px) {
  .grn-payment-confirmation-page .right-panel .grid-table {
    width: calc(100vw - 818px) !important;
    overflow: auto; } }

@media screen and (max-device-width: 1366px) {
  .grn-payment-confirmation-page .right-panel .grid-table .table-header {
    width: 728px; } }

.grn-payment-confirmation-page .right-panel .grid-table .table-header .row-name {
  text-align: left !important;
  width: 202px !important; }
  @media screen and (min-device-width: 1900px) {
    .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-name {
      width: 500px !important; } }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1890px) {
    .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-name {
      width: 192px !important; } }

.grn-payment-confirmation-page .right-panel .grid-table .table-header .row-qty, .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-price, .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-selling-price, .grn-payment-confirmation-page .right-panel .grid-table .table-header .row-discount {
  text-align: right !important; }

.grn-payment-confirmation-page .right-panel .grid-table .table-body {
  max-height: calc(100vh - 535px) !important;
  overflow: auto; }
  @media screen and (max-device-width: 1366px) {
    .grn-payment-confirmation-page .right-panel .grid-table .table-body {
      width: 738px; } }
  .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-name {
    text-align: left !important;
    width: 202px !important; }
    @media screen and (min-device-width: 1900px) {
      .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-name {
        width: 500px !important; } }
    @media screen and (min-device-width: 1520px) and (max-device-width: 1890px) {
      .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-name {
        width: 192px !important; } }
  .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-qty, .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-price, .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-selling-price, .grn-payment-confirmation-page .right-panel .grid-table .table-body .row-discount {
    text-align: right !important; }

.grn-payment-confirmation-page .right-panel .grid-table .row-discount.width-76 {
  width: 76px !important; }

.grn-payment-confirmation-page .left-panel {
  width: 480px; }
  .grn-payment-confirmation-page .left-panel #divListContainer {
    max-height: calc(100vh - 330px) !important; }
    .grn-payment-confirmation-page .left-panel #divListContainer .time-entry {
      position: relative; }
      .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row {
        padding: 9px 30px 8px 10px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row span {
          margin: 0 10px 0 0; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnno {
          width: 50px;
          height: 14px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnamount {
          width: 50px;
          text-align: right;
          height: 14px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grndate, .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnpodate {
          width: 62px;
          height: 14px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnpono {
          width: 45px;
          height: 14px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnpoamount {
          width: 50px;
          text-align: right;
          height: 14px; }
        .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .item-row .grnpoamount {
          width: 50px;
          height: 14px; }
      .grn-payment-confirmation-page .left-panel #divListContainer .time-entry .wrapper-row-chk {
        position: absolute;
        top: 8px;
        right: 10px; }
  .grn-payment-confirmation-page .left-panel .headers {
    padding: 5px 2px 3px 11px; }
    .grn-payment-confirmation-page .left-panel .headers span {
      margin: 0 10px 0 0; }
    .grn-payment-confirmation-page .left-panel .headers .grnno {
      width: 50px; }
    .grn-payment-confirmation-page .left-panel .headers .grnamount {
      width: 50px;
      text-align: right; }
    .grn-payment-confirmation-page .left-panel .headers .grndate, .grn-payment-confirmation-page .left-panel .headers .grnpodate {
      width: 62px; }
    .grn-payment-confirmation-page .left-panel .headers .grnpono {
      width: 45px; }
    .grn-payment-confirmation-page .left-panel .headers .grnpoamount {
      width: 50px;
      text-align: right; }
    .grn-payment-confirmation-page .left-panel .headers .grnpoamount {
      width: 50px; }

.packing-slip-page .navigator {
  top: -77px !important;
  right: -49px !important; }

.packing-slip-page .grid-table .table-header .row-name {
  text-align: left !important;
  width: 539px !important; }

.packing-slip-page .grid-table .table-header .row-code {
  text-align: left !important; }

.packing-slip-page .grid-table .table-header .row-qty, .packing-slip-page .grid-table .table-header .row-price, .packing-slip-page .grid-table .table-header .row-selling-price, .packing-slip-page .grid-table .table-header .row-discount {
  text-align: right !important; }

.packing-slip-page .grid-table .table-header .row-packing {
  padding: 6px 10px 5px !important; }

.packing-slip-page .grid-table .table-header div div {
  font-weight: bold; }

.packing-slip-page .grid-table .table-body {
  max-height: calc(100vh - 344px) !important;
  overflow-y: auto; }
  .packing-slip-page .grid-table .table-body .row-code {
    text-align: left !important; }
  .packing-slip-page .grid-table .table-body .row-name {
    text-align: left !important;
    width: 539px !important; }
  .packing-slip-page .grid-table .table-body .row-qty, .packing-slip-page .grid-table .table-body .row-price, .packing-slip-page .grid-table .table-body .row-selling-price, .packing-slip-page .grid-table .table-body .row-discount {
    text-align: right !important; }

.packing-slip-page .tab-content {
  border: unset !important; }
  .packing-slip-page .tab-content .grid-table {
    margin-top: 10px !important; }
    .packing-slip-page .tab-content .grid-table .table-header .row-name {
      text-align: left !important; }
    .packing-slip-page .tab-content .grid-table .table-header .row-name {
      width: 400px; }

.packing-slip-page .packingcustomer #lblCustomer {
  margin-top: 5px !important;
  margin-left: -4px;
  font-size: 14px; }

.production-note-page .navigator {
  top: -75px !important;
  right: -56px !important; }

.production-note-page .grid-headers .ddlItem {
  width: 660px !important; }

.production-note-page .grid-headers .qty-field {
  width: 105px !important; }

.production-note-page .grid-table .table-header .row-name, .production-note-page .grid-table .table-body .row-name {
  width: 660px !important;
  text-align: left !important; }

.production-note-page .grid-table .table-header .row-qty, .production-note-page .grid-table .table-body .row-qty {
  width: 105px !important; }

.production-note-page .grid-table .table-header .action, .production-note-page .grid-table .table-body .action {
  width: 35px;
  padding: 5px 5px !important; }

.production-note-page .form-group label {
  width: 65px !important; }

.production-note-page #divBody {
  max-height: calc(100vh - 425px) !important;
  overflow: auto; }

.quotation-page {
  /* .remark div:nth-child(2) {
        width: calc(100% - 61px) !important;
    }*/
  /* .date-box {
        input {
            max-width: 102px !important;
        }
    }*/ }
  .quotation-page .field-validation-error {
    display: inline-block;
    position: absolute;
    top: 53px;
    left: unset;
    right: 0;
    z-index: 500000; }
    .quotation-page .field-validation-error:before {
      position: absolute;
      top: -17px;
      right: 5px; }
  .quotation-page .remark {
    width: 591px !important;
    margin-right: 0px !important; }
    .quotation-page .remark div {
      width: 100% !important; }
  .quotation-page .navigator {
    top: -59px !important;
    right: -48px !important; }
  .quotation-page .custom-width {
    max-width: calc(100vw - 140px) !important;
    overflow: auto; }
  .quotation-page .grid-headers {
    width: 1134px; }
    .quotation-page .grid-headers .item-box {
      width: 581px !important; }
    .quotation-page .grid-headers #btnUpdateRow i {
      /*padding: 8px 16px 8px 16px !important;*/ }
  .quotation-page .grid-table {
    width: 1193px; }
    .quotation-page .grid-table .table-header .row-name {
      width: 580px !important;
      text-align: left !important; }
    .quotation-page .grid-table .table-header .row-qty {
      text-align: right !important; }
    .quotation-page .grid-table .table-header .row-size {
      text-align: left !important; }
    .quotation-page .grid-table .table-header .row-price {
      text-align: right !important; }
    .quotation-page .grid-table .table-header .row-discount {
      text-align: right !important; }
    .quotation-page .grid-table .table-header div div {
      font-weight: bold; }
    .quotation-page .grid-table .table-body {
      max-height: calc(100vh - 610px) !important;
      overflow-y: auto; }
      @media screen and (max-device-width: 1520px) {
        .quotation-page .grid-table .table-body {
          max-height: calc(100vh - 546px) !important; } }
      .quotation-page .grid-table .table-body .row-name {
        width: 580px !important;
        text-align: left !important; }
  @media screen and (max-device-width: 1366px) {
    .quotation-page .custom-width {
      max-width: calc(100vw - 318px) !important; } }

.cash-flow-page .form-group label {
  width: 88px !important; }

.cash-flow-page .date-box .recall {
  max-width: 102px !important; }

.delete-hold-invoice-page .left-panel.collapsed {
  width: 62px !important; }
  .delete-hold-invoice-page .left-panel.collapsed .panel-body {
    display: none !important; }

.delete-hold-invoice-page .panel-heading .checkbox {
  margin-right: 10px !important; }

.invoice-summary-page .panel .panel-body .table .table-body {
  max-height: calc(100vh - 305px) !important;
  overflow-y: auto; }
  .invoice-summary-page .panel .panel-body .table .table-body .row-invoice {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .invoice-summary-page .panel .panel-body .table .table-body .row-ref {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 4px; }
    .invoice-summary-page .panel .panel-body .table .table-body .row-ref input {
      height: 27px; }
  .invoice-summary-page .panel .panel-body .table .table-body .row-amount {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .invoice-summary-page .panel .panel-body .table .table-body .row-update, .invoice-summary-page .panel .panel-body .table .table-body .row-print {
    display: flex;
    justify-content: center;
    align-items: center; }
    .invoice-summary-page .panel .panel-body .table .table-body .row-update button, .invoice-summary-page .panel .panel-body .table .table-body .row-print button {
      height: 27px !important;
      line-height: 1px !important;
      min-width: 3px !important;
      width: 75px !important; }
  .invoice-summary-page .panel .panel-body .table .table-body div div {
    height: 35px; }

.barcode-page .navigator {
  top: -49px !important; }

.barcode-page .field-validation-error {
  display: inline-block;
  position: absolute;
  top: 53px;
  left: unset;
  right: 0;
  z-index: 500000; }
  .barcode-page .field-validation-error:before {
    position: absolute;
    top: -17px;
    right: 5px; }

.barcode-page .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }

.barcode-page .grid-headers {
  width: 1221px; }

.barcode-page .grid-table {
  width: 1206px; }

@media screen and (max-device-width: 1366px) {
  .barcode-page .custom-width {
    max-width: calc(100vw - 318px) !important; } }

.sales-order-edit-page .field-validation-error {
  display: inline-block;
  position: absolute;
  top: 53px;
  left: unset;
  right: 0;
  z-index: 500000; }
  .sales-order-edit-page .field-validation-error:before {
    position: absolute;
    top: -17px;
    right: 5px; }

.sales-order-edit-page .togglebtn-group {
  /*right: -15px !important;*/
  right: 192px !important; }

.sales-order-edit-page .soe-list-table {
  position: absolute !important;
  left: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 168px; }

.sales-order-edit-page #divListContainer .time-entry .item-row {
  padding: 8px 10px 8px 10px; }

.physical-stock-adjustment-page {
  /* @media screen and (max-device-width: 1366px) {
        .custom-width {
            max-width: calc(100vw - 318px) !important;
        }
    }*/ }
  @media screen and (min-device-width: 1900px) {
    .physical-stock-adjustment-page .center-panel {
      max-width: calc(100vw - 640px); } }
  .physical-stock-adjustment-page .center-panel .navigator {
    top: -67px !important;
    right: -24px;
    width: auto;
    margin: 0; }
  .physical-stock-adjustment-page .center-panel .grid-headers {
    width: 1132px; }
    @media screen and (min-device-width: 1520px) {
      .physical-stock-adjustment-page .center-panel .grid-headers {
        width: 1132px; } }
    .physical-stock-adjustment-page .center-panel .grid-headers .item-field {
      width: 443px !important;
      text-align: left !important; }
      @media screen and (min-device-width: 1520px) {
        .physical-stock-adjustment-page .center-panel .grid-headers .item-field {
          width: 443px !important; } }
  .physical-stock-adjustment-page .center-panel .grid-table {
    width: 1234px; }
    @media screen and (min-device-width: 1520px) {
      .physical-stock-adjustment-page .center-panel .grid-table {
        width: 100%; } }
    .physical-stock-adjustment-page .center-panel .grid-table .table .row-name {
      width: 442px !important;
      text-align: left !important; }
      @media screen and (min-device-width: 1520px) {
        .physical-stock-adjustment-page .center-panel .grid-table .table .row-name {
          width: 442px !important; } }
    .physical-stock-adjustment-page .center-panel .grid-table .table .row-size {
      text-align: left !important; }
    .physical-stock-adjustment-page .center-panel .grid-table .table .action {
      width: 66px; }
    .physical-stock-adjustment-page .center-panel .grid-table .table .table-body {
      max-height: calc(100vh - 466px) !important;
      overflow-y: auto; }
      @media screen and (min-device-width: 1520px) {
        .physical-stock-adjustment-page .center-panel .grid-table .table .table-body {
          max-height: calc(100vh - 560px) !important; } }
      .physical-stock-adjustment-page .center-panel .grid-table .table .table-body .action #btnLotPopup {
        color: #6e9cef; }
        .physical-stock-adjustment-page .center-panel .grid-table .table .table-body .action #btnLotPopup:hover {
          color: #4478d5; }
  .physical-stock-adjustment-page .center-panel .total-amount {
    width: 1157px;
    display: inline-block;
    font-size: 13px;
    float: unset;
    margin-bottom: 0;
    clear: none; }
    @media screen and (min-device-width: 1520px) {
      .physical-stock-adjustment-page .center-panel .total-amount {
        width: 1157px; } }
    .physical-stock-adjustment-page .center-panel .total-amount .form-group {
      display: inline-block;
      float: right;
      margin-right: 10px; }
  .physical-stock-adjustment-page .center-panel .custom-width {
    max-width: calc(100vw - 140px);
    overflow: auto; }
    @media screen and (max-device-width: 1366px) {
      .physical-stock-adjustment-page .center-panel .custom-width {
        max-width: calc(100vw - 318px) !important; } }
  .physical-stock-adjustment-page .panel .panel-body .panel-heading .search {
    width: 64%; }
  .physical-stock-adjustment-page .form-group.navigator.psa {
    right: 526px !important; }
  .physical-stock-adjustment-page .margin-right-222 {
    margin-right: 347px !important; }
  .physical-stock-adjustment-page .form .form-group.one-line div label {
    width: 100px !important; }
  .physical-stock-adjustment-page .tooltip.top {
    padding: 0px 0; }
  .physical-stock-adjustment-page .w-73 {
    width: 73% !important; }
  .physical-stock-adjustment-page .row-lines.grn {
    max-height: 95px !important; }

.invoice-page .field-validation-error {
  display: inline-block;
  position: absolute;
  top: 53px;
  left: unset;
  right: 0;
  z-index: 500000; }
  .invoice-page .field-validation-error:before {
    position: absolute;
    top: -17px;
    right: 5px; }

.invoice-page .left-card-width {
  width: 41% !important; }

.invoice-page .gtn-inv-buttons {
  position: relative !important;
  display: grid;
  padding-top: 1px !important; }
  .invoice-page .gtn-inv-buttons input {
    width: 30px;
    min-width: unset !important;
    border-radius: 4px !important;
    margin-left: 4px !important; }
  .invoice-page .gtn-inv-buttons .btn-primary {
    padding: 4px 10px !important; }
  .invoice-page .gtn-inv-buttons .toggle-right {
    margin-top: 5px !important; }

.invoice-page .last-table {
  margin-right: 35px !important; }

.invoice-page .min-selling-price-box {
  width: 99px !important;
  text-align: right !important; }

.invoice-page .min-qty-price-box {
  text-align: right !important; }

.hide-arrows input::-webkit-outer-spin-button,
.hide-arrows input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.hide-arrows input[type=number] {
  -moz-appearance: textfield; }

.production-flow-page .flow-body {
  padding-top: 20px !important;
  width: calc(100% + 12px) !important;
  padding-right: 10px; }
  .production-flow-page .flow-body .wo-level.card {
    border-radius: 5px !important;
    border: 1px solid #D2D2D2 !important;
    padding: 8px !important;
    margin-bottom: 23px !important;
    box-shadow: unset !important;
    display: block; }
    .production-flow-page .flow-body .wo-level.card .wo-level-header {
      margin-left: -9px !important;
      min-width: 52px !important;
      width: max-content;
      border-radius: 0px !important;
      font-size: 12px;
      text-transform: uppercase;
      line-height: 1;
      padding: 4px 5px;
      text-align: center;
      margin-top: -18px !important;
      background-color: #79A5DF !important;
      font-family: 'Inter'; }
      .production-flow-page .flow-body .wo-level.card .wo-level-header span {
        position: absolute;
        color: #000;
        right: 0px;
        border-radius: 50%;
        background-color: #797979;
        color: #fff;
        width: 20px;
        height: 20px;
        text-align: center;
        top: -11px; }
        .production-flow-page .flow-body .wo-level.card .wo-level-header span i {
          line-height: 2;
          font-size: 11px !important;
          cursor: pointer; }
    .production-flow-page .flow-body .wo-level.card .wo-card {
      padding: 0px !important; }
      .production-flow-page .flow-body .wo-level.card .wo-card .card {
        /*border-right: transparent !important;*/
        box-shadow: unset !important;
        border: 1px #B8E9E8 solid; }
        .production-flow-page .flow-body .wo-level.card .wo-card .card h3 {
          max-width: 82% !important;
          width: auto;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
  .production-flow-page .flow-body .wo-level.card.clevel-expanded {
    transition: max-height 0.02s ease-out; }
    .production-flow-page .flow-body .wo-level.card.clevel-expanded .wo-level-header span i {
      transform: rotate(180deg);
      line-height: 1.6;
      display: block; }
  .production-flow-page .flow-body .wo-level.card.clevel-collapse {
    border-bottom-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    transition: max-height 0.02s ease-out; }
    .production-flow-page .flow-body .wo-level.card.clevel-collapse .wo-level-header span i {
      transform: rotate(0deg);
      line-height: 2;
      display: block; }
    .production-flow-page .flow-body .wo-level.card.clevel-collapse .wo-card {
      height: 0;
      overflow: hidden;
      transition: max-height 0.02s ease-out; }

.production-flow-page .color-code .card {
  position: unset; }
  .production-flow-page .color-code .card span {
    width: 12px;
    height: 12px; }

.userShiftStopPopup .label-box span {
  margin-bottom: 10px;
  font-size: 12px;
  padding: 3px 8px !important;
  width: max-content;
  float: left; }

.distributor-page {
  /*    .flexible-panels.collapsed ~ .form {
        width: calc(100% - 72px);
        padding: 0px;
    }*/ }
  .distributor-page .left-panel #divListContainer {
    max-height: calc(100vh - 221px) !important;
    overflow: auto; }
    .distributor-page .left-panel #divListContainer .row-line.active, .distributor-page .left-panel #divListContainer .row-line:hover {
      background-color: #d3d3d3;
      color: #1a1a1a;
      font-weight: 700; }
      .distributor-page .left-panel #divListContainer .row-line.active span i, .distributor-page .left-panel #divListContainer .row-line:hover span i {
        color: #e05d5d !important; }
  .distributor-page .right-panel .grid-table .table .table-header .row-customer, .distributor-page .right-panel .grid-table .table .table-body .row-customer {
    /*width: 49.74%;*/
    width: 50%;
    text-align: left !important; }
  .distributor-page .right-panel .grid-table .table .table-header .row-distributor, .distributor-page .right-panel .grid-table .table .table-header .row-distributor-name, .distributor-page .right-panel .grid-table .table .table-body .row-distributor, .distributor-page .right-panel .grid-table .table .table-body .row-distributor-name {
    width: 37%;
    text-align: left !important; }
  .distributor-page .right-panel .grid-table .table .table-header .row-distributor-select-all, .distributor-page .right-panel .grid-table .table .table-header .action, .distributor-page .right-panel .grid-table .table .table-body .row-distributor-select-all, .distributor-page .right-panel .grid-table .table .table-body .action {
    width: 13%;
    text-align: center !important; }
    .distributor-page .right-panel .grid-table .table .table-header .row-distributor-select-all .checkbox .custom-checkbox-element, .distributor-page .right-panel .grid-table .table .table-header .action .checkbox .custom-checkbox-element, .distributor-page .right-panel .grid-table .table .table-body .row-distributor-select-all .checkbox .custom-checkbox-element, .distributor-page .right-panel .grid-table .table .table-body .action .checkbox .custom-checkbox-element {
      margin: 9px 0px 0px -5px !important;
      z-index: 5; }
    .distributor-page .right-panel .grid-table .table .table-header .row-distributor-select-all .checkbox .custom-checkbox, .distributor-page .right-panel .grid-table .table .table-header .action .checkbox .custom-checkbox, .distributor-page .right-panel .grid-table .table .table-body .row-distributor-select-all .checkbox .custom-checkbox, .distributor-page .right-panel .grid-table .table .table-body .action .checkbox .custom-checkbox {
      font-size: 16px;
      padding-left: 0px !important;
      padding-top: 4px !important;
      width: 100%; }
  .distributor-page .right-panel .grid-table .table .table-header {
    padding-right: 10px; }
    .distributor-page .right-panel .grid-table .table .table-header .row-customer-name {
      width: 50%; }
  .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody1 {
    max-height: calc(100vh - 509px) !important;
    overflow-y: scroll; }
    .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody1 .action .checkbox {
      padding: 0 !important;
      margin: 0 !important;
      overflow: unset !important;
      width: 100%; }
      .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody1 .action .checkbox .custom-checkbox-element {
        margin: 8px 9px 0px 0px; }
      .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody1 .action .checkbox .custom-checkbox {
        padding: 0 !important;
        width: 100%;
        margin: 4px 0px 0px 0px !important;
        font-size: 16px !important;
        overflow: unset !important;
        height: unset !important; }
  .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody2 {
    max-height: calc(100vh - 365px) !important;
    overflow-y: scroll; }
    .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody2 .action .checkbox {
      padding: 0 !important;
      margin: 0 !important;
      overflow: unset !important;
      width: 100%; }
      .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody2 .action .checkbox .custom-checkbox-element {
        margin: 8px 9px 0px 0px; }
      .distributor-page .right-panel .grid-table .table .table-body#divDistributorCustomerBody2 .action .checkbox .custom-checkbox {
        padding: 0 !important;
        width: 100%;
        margin: 4px 0px 0px 0px !important;
        font-size: 16px !important;
        overflow: unset !important;
        height: unset !important; }
  .distributor-page .right-panel .switch-btn .btn-primary {
    /*min-width: 50px !important;
                font-size: 20px !important;*/
    min-width: 35px !important;
    font-size: 18px !important;
    height: 35px !important; }
  .distributor-page .w-45 {
    width: 50% !important; }

.cheque-postponed-page .single-button {
  padding-top: 27px; }
  .cheque-postponed-page .single-button #btnAddToGrid {
    min-width: 35px;
    line-height: 1 !important; }

.cheque-postponed-page .row-line .item-row {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 8px 0px 8px 11px !important; }
  .cheque-postponed-page .row-line .item-row .date {
    width: 10% !important; }
  .cheque-postponed-page .row-line .item-row .number {
    width: 12% !important;
    text-align: left !important; }
  .cheque-postponed-page .row-line .item-row .bank, .cheque-postponed-page .row-line .item-row .branch {
    width: 25% !important; }
  .cheque-postponed-page .row-line .item-row .status {
    width: 10% !important;
    text-align: left !important; }
  .cheque-postponed-page .row-line .item-row .amount {
    width: 15% !important;
    text-align: right !important; }
  .cheque-postponed-page .row-line .item-row .checkbox {
    width: 4% !important;
    text-align: center !important;
    padding-left: 16px; }
    .cheque-postponed-page .row-line .item-row .checkbox input[type="checkbox"] {
      margin-top: -6px;
      margin-left: -7px !important; }

.cheque-postponed-page .headers {
  padding: 5px 10px 8px 11px !important; }
  .cheque-postponed-page .headers .date {
    width: 10% !important; }
  .cheque-postponed-page .headers .number {
    width: 12% !important;
    text-align: left !important; }
  .cheque-postponed-page .headers .bank, .cheque-postponed-page .headers .branch {
    width: 24% !important; }
  .cheque-postponed-page .headers .status {
    width: 10% !important;
    text-align: left !important; }
  .cheque-postponed-page .headers .amount {
    width: 14.3% !important;
    text-align: right !important; }
  .cheque-postponed-page .headers .checkbox {
    width: 4% !important;
    text-align: center !important; }

.cheque-postponed-page #divListContainer {
  max-height: calc(100vh - 405px) !important;
  overflow: auto; }

.cheque-postponed-page .panel-heading .checkbox {
  margin: 3px 12px 1px 1px !important; }

.cheque-postponed-page .checkbox-cheque {
  position: absolute;
  right: 11px;
  top: 1.5px; }

.receipt-confirmation-page .panel .reciptno {
  width: 120px;
  padding: 8px 10px;
  margin: 0 !important; }

.receipt-confirmation-page .panel .customername {
  width: 300px;
  padding: 8px 10px;
  margin: 0 !important; }

.receipt-confirmation-page .panel .reciptamount {
  width: 120px;
  text-align: right !important;
  padding: 8px 10px;
  margin: 0 !important; }

.receipt-confirmation-page .panel .transactiondate {
  width: 120px;
  text-align: left;
  padding: 8px 10px;
  margin: 0 !important; }

.receipt-confirmation-page .panel .chkItem {
  width: 35px;
  text-align: center !important;
  padding: 8px 10px;
  margin: 0 !important;
  float: right !important; }

.receipt-confirmation-page .panel .headers, .receipt-confirmation-page .panel .item-row {
  padding: 0px;
  height: 32px; }

.receipt-confirmation-page .panel #divItemListContainer {
  max-height: calc(100vh - 412px) !important;
  overflow: auto; }

.receipt-confirmation-page .panel .checkbox {
  margin: 2px 12px 2px 10px !important;
  padding: 7px 17px 5px 2px !important;
  position: absolute !important;
  right: -4px !important; }

.receipt-confirmation-page .panel-heading .checkbox {
  padding: 0px !important;
  right: 8px !important; }

.option-page .center-panel .right-panel .form-group .checkbox-field {
  padding-top: 0px !important; }
  .option-page .center-panel .right-panel .form-group .checkbox-field label {
    margin-top: 4px !important; }

.option-page .center-panel .item-lists.collapsed {
  width: 62px !important; }
  .option-page .center-panel .item-lists.collapsed .search {
    display: none; }
  .option-page .center-panel .item-lists.collapsed .panel-body {
    display: none; }

.dscsq-page .w-52 {
  width: 52% !important; }

.dscsq-page .w-46 {
  width: 46% !important; }

.dscsq-page .w-50 {
  width: 50% !important; }

.dscsq-page .w-48 {
  width: 48% !important; }

@media only screen and (min-device-width: 1920px) {
  .dscsq-page .w-lg-80 {
    width: 80% !important; } }

.dscsq-page .panel .panel-body header.panel-heading {
  text-transform: uppercase;
  padding: 0;
  background: transparent;
  border: 0;
  margin-bottom: 10px; }
  .dscsq-page .panel .panel-body header.panel-heading h4 {
    text-transform: uppercase;
    /* font-family: "Khand", sans-serif; */
    color: #666;
    font-size: 13px !important;
    border-bottom: 1px solid #e0e3e8;
    padding-bottom: 4px;
    width: 100%;
    margin: 0 !important;
    letter-spacing: .5px; }

.dscsq-page .panel .spi-list-table .headers {
  /*padding: 6px 10px 0px 5px !important;*/
  padding: 0px 11px 3px 5px !important;
  background: #f2f4f8;
  border-top: 1px solid #f2f4f8;
  height: 30px;
  align-items: center; }
  .dscsq-page .panel .spi-list-table .headers .no-dscsq {
    width: 4.333333%; }
  .dscsq-page .panel .spi-list-table .headers .date-dscsq {
    width: 13.666667%; }
  .dscsq-page .panel .spi-list-table .headers .inv-dscsq {
    width: 13.666667%; }
  .dscsq-page .panel .spi-list-table .headers .ref-dscsq {
    width: 13.666667%; }
  .dscsq-page .panel .spi-list-table .headers .customer-dscsq {
    width: 32.7%; }
  .dscsq-page .panel .spi-list-table .headers .no-close {
    width: 4.333333%; }

.dscsq-page .panel .spi-list-table .panel-body .spi-list {
  max-height: calc(100vh - 444px) !important;
  overflow-y: scroll; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .row-line:hover .close-dscsq i, .dscsq-page .panel .spi-list-table .panel-body .spi-list .row-line.active .close-dscsq i {
    font-weight: bold;
    color: #f44 !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .item-row {
    /*padding: 8px 0px 3px 5px !important;*/
    padding: 0px 0px 0px 4px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .no-dscsq {
    width: 4.333333%;
    padding: 7px 6px 2px 1px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .date-dscsq {
    width: 13.666667%;
    padding: 6px 8px 6px 0px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .inv-dscsq {
    width: 13.666667%;
    padding: 6px 8px 6px 0px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .ref-dscsq {
    width: 13.666667%;
    padding: 6px 8px 6px 0px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .customer-dscsq {
    width: 34%;
    padding: 6px 8px 6px 0px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .amount-dscsq {
    padding: 6px 8px 6px 0px !important; }
  .dscsq-page .panel .spi-list-table .panel-body .spi-list .close-dscsq {
    width: 3.333333%;
    padding: 4px 0px 2px 0px !important;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    color: #e05d5d; }

.dscsq-page .panel .spi-list-table .panel-body #txtPendingInvoicesTotalAmount, .dscsq-page .panel .spi-list-table .panel-body #txtPendingInvoicesSelectedAmount {
  font-size: 12px !important; }

.dscsq-page .panel .do-list-table .headers {
  padding: 6px 15px 5px 10px !important;
  background: #f2f4f8;
  border-top: 1px solid #f2f4f8;
  height: 30px; }

.dscsq-page .panel .do-list-table .panel-body .do-list {
  /* max-height: calc(100vh - 726px) !important;
                    overflow-y: auto;*/ }
  .dscsq-page .panel .do-list-table .panel-body .do-list .row-line .item-row {
    padding: 7px 8px 5px 10px !important; }
    .dscsq-page .panel .do-list-table .panel-body .do-list .row-line .item-row .info-dscsq {
      font-size: 15px;
      color: #2196F3;
      margin-top: -2px; }

.dscsq-page .panel .po-list-table .headers {
  padding: 6px 10px 5px 10px !important;
  background: #f2f4f8;
  border-top: 1px solid #f2f4f8;
  height: 30px; }

.dscsq-page .panel .po-list-table .panel-body .po-list {
  max-height: calc(100vh - 542px) !important;
  overflow-y: auto; }
  @media only screen and (min-device-width: 1920px) {
    .dscsq-page .panel .po-list-table .panel-body .po-list {
      max-height: calc(100vh - 660px) !important; } }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .dscsq-page .panel .po-list-table .panel-body .po-list {
      max-height: calc(100vh - 600px) !important; } }
  .dscsq-page .panel .po-list-table .panel-body .po-list .row-line .item-row {
    padding: 7px 8px 7px 10px !important; }

.dscsq-page .panel .po-list-table .grid-headers {
  margin-top: -7px !important; }
  .dscsq-page .panel .po-list-table .grid-headers .w-17 {
    width: 16.9%; }
  .dscsq-page .panel .po-list-table .grid-headers .icon-field #item-row-buttons #btnClearRow {
    padding: 7px 8px 6px 8px;
    text-align: center; }
  .dscsq-page .panel .po-list-table .grid-headers .icon-field #item-row-buttons #btnEditRow i {
    font-size: 12px;
    text-align: center; }

.dscsq-page .panel .not-available-data-grid {
  width: 100%; }

.cancellation-page .grid-table .table .table-header div div {
  font-weight: bold; }

.cancellation-page .grid-table .table .table-header div .row-order {
  width: 50px; }

.cancellation-page .grid-table .table .table-header div .row-name, .cancellation-page .grid-table .table .table-header div .row-size {
  text-align: left; }

.cancellation-page .grid-table .table .table-header div .row-qty, .cancellation-page .grid-table .table .table-header div .row-price {
  text-align: right; }

.cancellation-page .grid-table .table .table-body {
  overflow: auto;
  max-height: 112px; }
  .cancellation-page .grid-table .table .table-body .row-order {
    width: 50px; }

.user-maintenance-page .left-panel #divListContainer {
  max-height: calc(100vh - 238px) !important; }

.user-maintenance-page .left-panel.collapsed .collapsed-box {
  padding-bottom: 4px;
  padding-left: 10px;
  padding-top: 10px;
  height: auto !important; }

.user-maintenance-page .right-panel #pages #divPageListContainer {
  max-height: calc(100vh - 375px) !important; }

.user-maintenance-page .right-panel #divReport #divReportListContainer {
  max-height: calc(100vh - 348px) !important; }

.user-maintenance-page .right-panel #divReport .checkbox {
  margin-right: 13px !important; }

.user-maintenance-page .right-panel #location #divLocationListContainer {
  max-height: calc(100vh - 348px) !important; }

.user-maintenance-page .right-panel #production .headers {
  padding: 5px 15px 3px 15px !important; }

.user-maintenance-page .right-panel #production #productionEnmList {
  max-height: calc(100vh - 375px) !important; }
  .user-maintenance-page .right-panel #production #productionEnmList .item-row.page {
    padding: 8px 15px 2px 15px !important; }
  .user-maintenance-page .right-panel #production #productionEnmList .process, .user-maintenance-page .right-panel #production #productionEnmList .tempory {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center; }

.user-maintenance-page .right-panel #productionFlowSetup .headers .tempory {
  width: 37.6% !important; }

.user-maintenance-page .right-panel #productionFlowSetup #productionFlowList {
  max-height: calc(100vh - 375px) !important; }
  .user-maintenance-page .right-panel #productionFlowSetup #productionFlowList .item-row.page {
    padding: 8px 33px 2px 15px !important; }
  .user-maintenance-page .right-panel #productionFlowSetup #productionFlowList .tempory {
    width: 37% !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-content: center; }

.user-maintenance-page .field-validation-error {
  display: inline-block;
  /*width: 98%;*/
  width: auto;
  font-size: 12px;
  position: absolute;
  top: 53px;
  left: 1%;
  padding: 3px 8px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }
  .user-maintenance-page .field-validation-error:before {
    content: '\eb28';
    font-family: IcoFont;
    position: absolute;
    top: -17px;
    font-size: 20px;
    color: #ffecf2;
    left: 5px; }

.user-maintenance-page .item-lists.collapsed {
  width: 62px !important; }
  .user-maintenance-page .item-lists.collapsed .search {
    display: none; }
  .user-maintenance-page .item-lists.collapsed .panel-body {
    display: none; }

.user-maintenance-page .headers {
  padding-right: 20px; }

.user-maintenance-page #divPage .page {
  width: 55%; }

.user-maintenance-page #divPage .right {
  width: 8%;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center; }

.user-maintenance-page #divPage .tempory {
  width: 12%;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center; }

.user-maintenance-page #divPage .process {
  width: 12%;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center; }

.user-maintenance-page #divPage .viewOnly {
  width: 12%;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center; }

.user-maintenance-page #divPage [hidden] + .custom-checkbox {
  color: transparent; }

.setting-page .card-body .tab-content .drop-inbox input {
  width: 130px; }

.setting-page .card-body .tab-content #printer .grid-headers {
  border-bottom: unset !important;
  border-top: 1px !important;
  border-left: 1px !important; }
  .setting-page .card-body .tab-content #printer .grid-headers .printer-field {
    width: 212px !important; }
  .setting-page .card-body .tab-content #printer .grid-headers .name-field {
    width: 682px; }

.setting-page .card-body .tab-content #printer .table .table-header .row-printer {
  text-align: left; }

.setting-page .card-body .tab-content #printer .table .table-header .row-name {
  width: 684px;
  text-align: left; }

.setting-page .card-body .tab-content #printer .table .table-header .row-printer {
  width: 209px; }

.setting-page .card-body .tab-content #printer .table .table-body {
  border-bottom: 1px !important;
  max-height: calc(100vh - 375px) !important;
  overflow: auto; }
  .setting-page .card-body .tab-content #printer .table .table-body .row-name {
    width: 684px;
    text-align: left; }
  .setting-page .card-body .tab-content #printer .table .table-body .row-type {
    width: 209px; }

.setting-page .card-body .tab-content #genaral, .setting-page .card-body .tab-content #prefix {
  max-height: calc(100vh - 300px) !important;
  overflow: auto;
  /*width: calc(100vh - -375px) !important;*/ }

.setting-page .card-body .form-group .checkbox-field {
  padding: 0px; }
  .setting-page .card-body .form-group .checkbox-field label {
    text-transform: capitalize;
    max-width: calc(100% - 28px) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.setting-page .field-validation-error {
  display: inline-block;
  /*width: 98%;*/
  width: auto;
  font-size: 12px;
  position: absolute;
  top: 53px;
  left: 1%;
  padding: 3px 8px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }
  .setting-page .field-validation-error:before {
    content: '\eb28';
    font-family: IcoFont;
    position: absolute;
    top: -17px;
    font-size: 20px;
    color: #ffecf2;
    left: 5px; }

.company-page .field-validation-error {
  display: inline-block;
  /*width: 98%;*/
  width: auto;
  font-size: 12px;
  position: absolute;
  top: 53px;
  left: 1%;
  padding: 3px 8px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }
  .company-page .field-validation-error:before {
    content: '\eb28';
    font-family: IcoFont;
    position: absolute;
    top: -17px;
    font-size: 20px;
    color: #ffecf2;
    left: 5px; }

.company-page .card .card-body #distributor .grid-table #divMainTable #divItemSlabBody {
  max-height: calc(100vh - 440px) !important;
  overflow: auto; }

.company-page .card .card-body #vehiclerentitem .w-45 {
  width: 47% !important; }

.company-page .card .card-body #vehiclerentitem .switch-btn .btn-primary {
  font-size: 18px !important;
  padding: 4px 8px !important;
  height: 34px !important;
  line-height: 27px !important;
  min-width: 40px; }

.company-page .card .card-body #general .form-image #preview {
  height: 38px; }
  .company-page .card .card-body #general .form-image #preview span {
    margin-bottom: 0px !important; }
    .company-page .card .card-body #general .form-image #preview span div:hover img {
      margin-top: 65px; }

.company-page .row-distributor-select-all .checkbox, .company-page .action .checkbox {
  font-weight: 100; }
  .company-page .row-distributor-select-all .checkbox .custom-checkbox-element, .company-page .action .checkbox .custom-checkbox-element {
    margin: 9px 0px 0px -5px !important;
    z-index: 5; }
  .company-page .row-distributor-select-all .checkbox .custom-checkbox, .company-page .action .checkbox .custom-checkbox {
    font-size: 16px;
    padding-left: 0px !important;
    padding-top: 4px !important;
    width: 100%; }

.report-page {
  /*    .ch-box {
        margin: 10px 10px 10px 6px;
    }

    .ch-box-middle {
        margin: 10px 10px 10px 6px;
    }

    .ch-box-new-row {
        margin: 10px 10px 10px 6px;
    }

    .ch-box-dl-box {
        margin: 10px 10px 10px 6px;
    }*/ }
  .report-page .width-115 {
    width: 115px; }
  .report-page .form .form-group.supplier div select, .report-page .form .form-group.supplier div input {
    width: 100% !important; }
  .report-page .checkbox-field {
    padding: 0px !important; }
  .report-page .reports {
    width: 100% !important;
    max-width: 1190px !important;
    margin: 0 auto; }
    .report-page .reports .nav-tabs {
      border-bottom: unset !important; }
    .report-page .reports .tab-main-body {
      padding: 20px;
      background-color: #fff; }
      .report-page .reports .tab-main-body .tab-content-body {
        /*border: 1px solid #ddd;*/
        display: -webkit-box;
        background-color: #fff; }
        .report-page .reports .tab-main-body .tab-content-body .tab-content {
          width: 50% !important;
          float: left !important;
          border-right: 1px #ddd solid !important;
          border-top: unset;
          border-left: unset;
          border-bottom: unset;
          margin-top: 0px !important;
          padding: 0px 0px;
          padding-right: 20px !important; }
        .report-page .reports .tab-main-body .tab-content-body .row-lines {
          padding-top: 0px !important;
          max-height: calc(100vh - 270px) !important;
          margin-top: 0px !important; }
          .report-page .reports .tab-main-body .tab-content-body .row-lines .time-entry:first-child .item-row {
            border-top: unset !important; }
          .report-page .reports .tab-main-body .tab-content-body .row-lines .time-entry .item-row {
            border-right: unset !important;
            border-bottom: unset !important;
            border-left: unset !important; }
        .report-page .reports .tab-main-body .tab-content-body .start-no {
          width: 155px !important; }
        .report-page .reports .tab-main-body .tab-content-body .end-no {
          width: 155px !important; }
        .report-page .reports .tab-main-body .tab-content-body #divInputs {
          padding-right: 0px !important;
          padding-top: 0px !important;
          padding-left: 15px !important;
          padding-bottom: 0px !important; }
  .report-page .whats-app-button {
    background-color: #25D366 !important; }
  .report-page .reports #divSaleReportListContainer, .report-page #divMasterReportListContainer, .report-page #divTransactionReportListContainer, .report-page #divManagementReportListContainer, .report-page #divDistributorsReportListContainer {
    overflow-y: auto !important; }
  .report-page .padding-top-0 {
    padding-top: 0px !important; }

.company-page .width-177 {
  width: 177px !important; }

.company-page #vehiclerentitem #divItemBody2 {
  max-height: calc(100vh - 370px) !important;
  overflow-y: auto; }

.company-page #vehiclerentitem #divItemBody1 {
  max-height: calc(100vh - 437px) !important;
  overflow-y: auto; }

.finance-menu .distributor-secondary-credit-sales-queue span {
  width: 170px !important; }

.discount-scheme-page .item-row span {
  top: 10px !important; }

.reimbursement-page .border-right {
  border-right: 1px solid #e0e3e8; }

.reimbursement-page .border-left {
  border-left: 1px solid #e0e3e8; }

.reimbursement-page .border-bottom {
  border-bottom: 1px solid #e0e3e8; }

.reimbursement-page .border-top {
  border-top: 1px solid #e0e3e8; }

.reimbursement-page .table .table-body div div {
  height: 30px !important; }

.reimbursement-page .table .table-body div.reimbersment-body-data {
  /*.div-rows {
                &:hover {
                    .reimburesment-bg, .vehiclerent-bg {
                        background-color: #c9c9c9 !important;
                    }
                }
            }*/
  /*.reimburesment-bg {
                background: #efefef;

                &:hover {
                    background-color: #c9c9c9 !important;
                }
            }*/
  /*.vehiclerent-bg {
                background: #f9f9f9;

                &:hover {
                    background-color: #c9c9c9 !important;
                }
            }*/ }

.reimbursement-page .table .table-body div.reimbersment-body-data:nth-child(even) {
  /*            .div-rows {
                background-color: #f7faff;

                &:hover {
                    .reimburesment-bg, .vehiclerent-bg {
                        background-color: #c9c9c9 !important;
                    }
                }
            }

            .reimburesment-bg {
                background: #dfdfdf;

                &:hover {
                    background-color: #c9c9c9 !important;
                }
            }

            .vehiclerent-bg {
                background: #f1f1f1;

                &:hover {
                    background-color: #c9c9c9 !important;
                }
            }*/ }

.reimbursement-page #divReimburesmentBody, .reimbursement-page #divVehicleRentBody {
  max-height: calc(100vh - 470px);
  overflow-y: scroll;
  /*width: calc(100vw - 305px) !important;*/
  width: calc(100% - -10px) !important; }

.reimbursement-page .border-bottom:hover {
  background-color: transparent; }

.reimbursement-page .not-available-data-grid {
  width: 99.9%; }

.reimbursement-page .icofont-eye {
  font-size: 20px;
  color: #55c7c6; }

.reimbursement-page #divReimburesmentHeader .distributor-header {
  /*border-left: 1px solid #c9c9c9;*/ }
  .reimbursement-page #divReimburesmentHeader .distributor-header .Distributor {
    background: #dfdfdf;
    text-transform: uppercase; }
    .reimbursement-page #divReimburesmentHeader .distributor-header .Distributor.border-bottom {
      border-bottom: 1px solid #c9c9c9; }
  .reimbursement-page #divReimburesmentHeader .distributor-header .distributor-header-sub {
    background: #dfdfdf; }
    .reimbursement-page #divReimburesmentHeader .distributor-header .distributor-header-sub div {
      border-right: 1px solid #c9c9c9; }

.reimbursement-page #divReimburesmentHeader .vehicle-header .vehicle {
  /* background: #f1f1f1;*/
  text-transform: uppercase; }

.reimbursement-page #divReimburesmentHeader .vehicle-header .vehicle-header-sub {
  /*background: #f1f1f1;*/ }

.reimbursement-page .flexible-panels.products-page {
  width: 65%; }
  @media (max-width: 1900px) {
    .reimbursement-page .flexible-panels.products-page {
      width: 85%; } }

@media (min-width: 768px) {
  .reimbursement-page .col-sm-1 {
    width: 4.33333333%; }
  .reimbursement-page .col-sm-3 {
    width: 33%; }
  .reimbursement-page .col-sm-5 {
    width: 45.666667%; } }

.reimbursement-page .checkbox-head .checkbox .custom-checkbox-element {
  margin: 9px 0px 0px -5px !important;
  z-index: 5; }

.reimbursement-page .checkbox-head .checkbox .custom-checkbox {
  font-size: 16px;
  width: 100%;
  margin-left: 0px !important; }

.reimbursement-page .checkbox-body .checkbox .custom-checkbox-element {
  margin: 4px 0px 0px -6px !important;
  z-index: 5; }

.reimbursement-page .checkbox-body .checkbox .custom-checkbox {
  font-size: 16px;
  width: 100%;
  margin-left: 0px !important; }

.reimbursement-settlement .icofont-eye {
  font-size: 20px;
  color: #55c7c6; }

.reimbursement-settlement .icofont-credit-card {
  font-size: 18px;
  color: #d78787; }

.reimbursement-settlement .icofont-check-circled {
  font-size: 16px;
  color: #24bf4f; }

.reimbursement-settlement .mt-6-2 {
  margin-top: 6.2px; }

.reimbursement-settlement .mr-1px {
  margin-right: 1px; }

@media only screen and (min-device-width: 1520px) {
  .reimbursement-settlement .col-sm-1 {
    width: 6.333333% !important; }
  .reimbursement-settlement .col-sm-3 {
    width: 32% !important; }
  .reimbursement-settlement .w-14pc {
    width: 27% !important; }
  .reimbursement-settlement .w-5-5pc {
    width: 4.5% !important; } }

@media only screen and (max-device-width: 1400px) {
  .reimbursement-settlement .w-85 {
    width: 85px !important; }
  .reimbursement-settlement .w-55 {
    width: 55px !important; }
  .reimbursement-settlement .col-sm-3 {
    width: 25.2%; }
  .reimbursement-settlement .w-14pc {
    width: 17.3% !important; } }

@media only screen and (max-device-width: 1400px) {
  .menu-collapsed .reimbursement-settlement .w-14pc {
    width: 19.3% !important; }
  .menu-collapsed .reimbursement-settlement .col-sm-3 {
    width: 26.5%; } }

.menu-collapsed .reimbursement-settlement #divReimburesmentOrVehicleRentBody {
  width: calc(100vw - 110px) !important;
  max-height: calc(100vh - 374px);
  overflow-y: scroll; }

.reimbursement-settlement #divReimburesmentOrVehicleRentBody {
  width: calc(100vw - 288px) !important;
  max-height: calc(100vh - 374px);
  overflow-y: scroll; }

#reimbersmentPopupModel, #vehicleRentPopupModel {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #reimbersmentPopupModel .modal-dialog, #vehicleRentPopupModel .modal-dialog {
    width: 1285px;
    border-radius: 10px; }
    #reimbersmentPopupModel .modal-dialog .modal-content, #vehicleRentPopupModel .modal-dialog .modal-content {
      border-radius: 10px; }
      #reimbersmentPopupModel .modal-dialog .modal-content .modal-body .title, #vehicleRentPopupModel .modal-dialog .modal-content .modal-body .title {
        text-transform: uppercase;
        /* font-family: "Khand", sans-serif; */
        color: #666;
        font-size: 13px !important;
        border-bottom: 1px solid #e0e3e8;
        padding-bottom: 4px;
        width: 100%;
        margin: 0 !important;
        letter-spacing: .5px;
        font-weight: bold; }
      #reimbersmentPopupModel .modal-dialog .modal-content .modal-body .user-name, #vehicleRentPopupModel .modal-dialog .modal-content .modal-body .user-name {
        text-transform: uppercase;
        color: #000;
        font-size: 12px !important;
        border-bottom: 1px solid #e0e3e8;
        padding-bottom: 4px;
        width: 100%;
        margin: 0 !important;
        letter-spacing: .5px;
        font-weight: bold;
        background-color: aliceblue;
        line-height: 20px; }
      #reimbersmentPopupModel .modal-dialog .modal-content .modal-body #reimbursementSummaryRow .ext-total, #reimbersmentPopupModel .modal-dialog .modal-content .modal-body #vehicleRentSummaryRows .ext-total, #vehicleRentPopupModel .modal-dialog .modal-content .modal-body #reimbursementSummaryRow .ext-total, #vehicleRentPopupModel .modal-dialog .modal-content .modal-body #vehicleRentSummaryRows .ext-total {
        padding: 5px 10px;
        float: left;
        height: 30px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #reimbersmentPopupModel .modal-dialog .modal-content .modal-body .not-available-data-grid, #vehicleRentPopupModel .modal-dialog .modal-content .modal-body .not-available-data-grid {
        padding: 20px;
        text-align: center;
        font-size: 13px;
        background-color: #f9f9f9;
        width: 99.9%;
        font-weight: 700;
        color: #f44336; }
  #reimbersmentPopupModel ::-webkit-scrollbar, #vehicleRentPopupModel ::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  #reimbersmentPopupModel ::-webkit-scrollbar-track, #vehicleRentPopupModel ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c8c8c8;
    border-radius: 5px;
    cursor: pointer; }
  #reimbersmentPopupModel ::-webkit-scrollbar-thumb, #vehicleRentPopupModel ::-webkit-scrollbar-thumb {
    background: #cacaca;
    border-radius: 5px;
    cursor: pointer; }
  #reimbersmentPopupModel ::-webkit-scrollbar-thumb:hover, #vehicleRentPopupModel ::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body label {
  font-size: 13px !important; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body .form-control {
  border: 1px solid #e0e3e8;
  padding: 4px 8px;
  font-size: 12px;
  box-shadow: none;
  height: 30px;
  border-radius: 4px;
  background: #fff; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body .checkbox .custom-checkbox {
  float: left;
  margin-left: 0px;
  color: #d0d4da;
  font-size: 16px;
  margin-top: 0px; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body .checkbox .custom-checkbox-element:checked ~ .custom-checkbox {
  color: #13b2b0;
  font-size: 18px;
  margin-top: 0px; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body .checkbox .custom-checkbox:before {
  font-size: 16px; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body .checkbox .custom-checkbox-element {
  margin: 9px 0px 0px -7px !important; }

.settlement-amount-popup .modal-dialog .modal-content .modal-body #divSecondaryInvoiceItemContainer #divInvoiceItemsTableBody {
  max-height: calc(100vh - 360px);
  overflow-y: scroll;
  width: 103% !important; }

.vehiclerent-reimbersment-model #divReimburesmentVehicleRentBody {
  max-height: calc(100vh - 520px);
  overflow: auto; }

.vehiclerent-reimbersment-model #divReimburesmentPopupBody {
  max-height: calc(100vh - 440px);
  overflow: auto; }

.Grn-Approval-page .full-total {
  float: right;
  padding-right: 36px; }

.quotation-page .tot-box {
  float: right;
  padding-right: 36px; }

.customer-settlement-page .left-panel .panel .headers {
  padding: 5px 12px 3px 11px; }
  .customer-settlement-page .left-panel .panel .headers .settled {
    padding-right: 10px !important; }

.customer-settlement-page .left-panel .panel .inv-no {
  width: 20% !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: left;
  align-items: center; }

.customer-settlement-page .left-panel .panel .date {
  width: 15% !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: left;
  align-items: center; }

.customer-settlement-page .left-panel .panel .price {
  width: 27% !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: right;
  align-items: center; }

.customer-settlement-page .left-panel .panel .checkbox {
  width: 10% !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 3px !important;
  float: left; }

.customer-settlement-page .left-panel .panel .settled {
  width: 27% !important;
  margin-right: 0 !important;
  display: flex;
  justify-content: right;
  align-items: center; }
  .customer-settlement-page .left-panel .panel .settled input {
    height: 24px;
    margin-top: -5px; }

.customer-settlement-page .left-panel .panel .btn-default, .customer-settlement-page .left-panel .panel .btn-primary {
  line-height: 21px !important; }

.customer-settlement-page .left-panel .card-body {
  height: auto !important; }

.customer-settlement-page .left-panel #divListContainer {
  max-height: calc(100vh - 254px) !important;
  overflow: auto; }
  .customer-settlement-page .left-panel #divListContainer .time-entry .item-row {
    padding: 5px 7px 4px 11px; }
    .customer-settlement-page .left-panel #divListContainer .time-entry .item-row span {
      top: 3px !important; }

.customer-settlement-page.panel-cus .item-lists {
  width: 550px; }

.customer-settlement-page #lblExcess {
  padding-right: 8px;
  font-weight: bold; }

.customer-settlement-page .float-right {
  float: right !important; }

.customer-settlement-page #excessSettlementDetailDiv {
  max-height: calc(100vh - 337px) !important;
  overflow-y: scroll;
  width: 102.5%; }
  .customer-settlement-page #excessSettlementDetailDiv .excess-rows {
    cursor: pointer;
    padding: 5px 0px;
    border-left: 4px solid transparent; }
    .customer-settlement-page #excessSettlementDetailDiv .excess-rows label {
      margin: 0px; }
    .customer-settlement-page #excessSettlementDetailDiv .excess-rows.active {
      background-color: #f0f5ff;
      border-left: 4px solid #e9655b; }
      .customer-settlement-page #excessSettlementDetailDiv .excess-rows.active label {
        font-weight: 700; }

.customer-settlement-page .reciptSourceCategory {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 150px; }
  .customer-settlement-page .reciptSourceCategory .form-control {
    line-height: 1;
    padding: 0px 5px;
    font-size: 13px;
    font-family: 'Heebo'; }

.outlet-page.panel-cus .left-panel {
  width: auto;
  max-width: calc(32%);
  height: calc(100vh - 162px) !important; }
  .outlet-page.panel-cus .left-panel.collapsed {
    margin-top: 35px;
    height: 70px !important; }
    .outlet-page.panel-cus .left-panel.collapsed .panel {
      width: 65px;
      height: 68px; }
      .outlet-page.panel-cus .left-panel.collapsed .panel .headers {
        padding: 5px 23px 3px 15px;
        display: none; }
      .outlet-page.panel-cus .left-panel.collapsed .panel .search, .outlet-page.panel-cus .left-panel.collapsed .panel .panel-body {
        display: none; }
      .outlet-page.panel-cus .left-panel.collapsed .panel .row-lines {
        overflow: hidden; }

.outlet-page.panel-cus .right-panel {
  max-width: calc(70%);
  width: calc(70%);
  min-width: calc(70%); }
  @media only screen and (min-device-width: 1520px) {
    .outlet-page.panel-cus .right-panel {
      max-width: calc(76%);
      width: calc(76%);
      min-width: calc(76%); } }

.outlet-page.panel-cus .collapsed + .right-panel {
  width: calc(92%);
  max-width: calc(92%);
  padding: 0px !important; }

.outlet-page .search {
  width: 70% !important; }

.outlet-page #terminal #divListContainer {
  overflow: auto;
  max-height: calc(100vh - 228px) !important; }

.outlet-page #terminal .custom-width {
  max-width: calc(100vw - 140px) !important;
  overflow: auto; }
  .outlet-page #terminal .custom-width .grid-headers {
    width: 1192px; }
  .outlet-page #terminal .custom-width .grid-table .table-header {
    width: 1192px; }
  .outlet-page #terminal .custom-width .grid-table .table-body {
    width: 1202px;
    overflow: auto;
    max-height: calc(100vh - 398px) !important; }
    .outlet-page #terminal .custom-width .grid-table .table-body .div-rows {
      border-right: 1px solid #eee; }
  .outlet-page #terminal .custom-width .action.outlet {
    width: 82px !important; }

.outlet-page .form .form-group.icon-field {
  width: 80px; }
  .outlet-page .form .form-group.icon-field #btnAddToGrid {
    padding: 0 31px 0 31px !important; }

.dst-page .select-days-wrapper .select-days {
  padding: 0px !important;
  height: 37px !important; }
  .dst-page .select-days-wrapper .select-days .day {
    padding: 0px !important;
    height: 36px !important; }
    .dst-page .select-days-wrapper .select-days .day label {
      padding: 11px 11px !important; }

#vehicleRentPopupModel .ext-total {
  padding: 5px 10px;
  float: left;
  height: 30px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#reimbursementPayment .form-control {
  height: 30px;
  padding: 4px 8px; }

/* width */
::-webkit-scrollbar {
  width: 12px;
  height: 10px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c8c8c8;
  border-radius: 8px;
  cursor: pointer; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #cacaca;
  border-radius: 8px;
  cursor: pointer; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0; }

.invoiceInfo-popup {
  /* .modal-header {
        padding: 8px 25px 0px;
        border-bottom: none;
        background-color: transparent;
        border-radius: 0;
        font-size: unset;

        h4 {
            font-family: "Khand", sans-serif;
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase;
            color: #656464;
            border-bottom: 1px solid #DBDBDB;
            padding-bottom: 10px;
            padding-top: 6px;
        }

        .close {
            margin-top: 5px;
            font-size: 30px;
            font-weight: 100;
        }
    }*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .invoiceInfo-popup .modal-body {
    display: inline-block;
    width: 100%;
    padding: 18px;
    /*  #lblUserShifIttem {
            background-color: #5a92dc;
        }*/ }
    .invoiceInfo-popup .modal-body .table-header .pr-8 {
      padding-right: 8px !important; }
    .invoiceInfo-popup .modal-body .px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    .invoiceInfo-popup .modal-body .pr-0 {
      padding-right: 0px !important; }
    .invoiceInfo-popup .modal-body .pl-0 {
      padding-left: 0px !important; }
    .invoiceInfo-popup .modal-body .row-lines {
      margin-top: 0px; }
    .invoiceInfo-popup .modal-body .div-rows {
      display: flex;
      align-items: center;
      padding: 5px 0px;
      border-bottom: 1px solid #ECECEC; }
      .invoiceInfo-popup .modal-body .div-rows div {
        font-size: 13px;
        font-family: "Heebo", sans-serif;
        font-weight: 500;
        color: #686868;
        line-height: 1.8;
        vertical-align: middle; }
    .invoiceInfo-popup .modal-body .table-header {
      padding-top: 8px;
      padding-bottom: 8px;
      margin-top: 2px !important;
      display: inline-block;
      width: 100%;
      font-size: 13px; }
      .invoiceInfo-popup .modal-body .table-header#divUserShiftHeader {
        /*background-color: #79a5df;*/
        background-color: #62dbd9;
        color: white; }
    .invoiceInfo-popup .modal-body .one-line {
      display: flex;
      align-items: center; }
  .invoiceInfo-popup .modal-footer {
    padding: 18px;
    /*background-color: #F2F4F8;
        border-top: white;*/
    border-radius: 0px 0px 8px 8px !important; }
    .invoiceInfo-popup .modal-footer button {
      cursor: pointer;
      outline: none;
      box-sizing: border-box;
      height: 30px;
      line-height: 23px; }
  .invoiceInfo-popup .modal-dialog {
    border-radius: 8px !important; }
    .invoiceInfo-popup .modal-dialog .modal-content {
      border-radius: 8px !important; }
  .invoiceInfo-popup .lblInvoiceItemsTableTitle, .invoiceInfo-popup .lblSecondaryInvoiceItemsTableTitle {
    background-color: #13b2b0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white; }
  .invoiceInfo-popup #divInvoiceItemsTableHeader, .invoiceInfo-popup #divSecondaryInvoiceItemsTableHeader {
    background-color: #62dbd9;
    padding-top: 10px;
    padding-bottom: 30px;
    color: white;
    margin-top: 39px; }
  .invoiceInfo-popup #divInvoiceItemsTableBody, .invoiceInfo-popup #divSecondaryInvoiceItemsTableBody {
    max-height: calc(100vh - 400px) !important;
    overflow-y: scroll; }
  .invoiceInfo-popup .invoiceItemRow {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
    background-color: #fbfbfb;
    vertical-align: middle;
    line-height: 21px;
    border-bottom: 1px solid #eee; }
    .invoiceInfo-popup .invoiceItemRow div {
      font-size: 13px;
      font-family: "Heebo", sans-serif;
      font-weight: 500;
      color: #686868;
      line-height: 1.8;
      vertical-align: middle; }
      .invoiceInfo-popup .invoiceItemRow div.col-md-1 {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
    .invoiceInfo-popup .invoiceItemRow:nth-child(even) {
      background-color: #f7faff; }
  .invoiceInfo-popup .lblSoInfoTableTitle {
    background-color: #13b2b0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white; }
  .invoiceInfo-popup #divSoInfoTableHeader {
    background-color: #62dbd9;
    padding-top: 10px;
    padding-bottom: 30px;
    color: white;
    margin-top: 39px; }
  .invoiceInfo-popup #divSoInfoTableBody {
    max-height: calc(100vh - 458px) !important;
    overflow-y: scroll; }
  .invoiceInfo-popup .soItemRow {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
    background-color: #fbfbfb;
    vertical-align: middle;
    line-height: 21px;
    border-bottom: 1px solid #eee; }
    .invoiceInfo-popup .soItemRow div {
      font-size: 13px;
      font-family: "Heebo", sans-serif;
      font-weight: 500;
      color: #686868;
      line-height: 1.8;
      vertical-align: middle; }
      .invoiceInfo-popup .soItemRow div.col-md-1 {
        display: flex;
        align-items: center;
        justify-content: center; }
    .invoiceInfo-popup .soItemRow:nth-child(even) {
      background-color: #f7faff; }
  .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divInvoiceItemsTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divSoInfoTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divCrnTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divFocTableBody {
    margin-top: -5px; }
    .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divInvoiceItemsTableBody .item-row-sub, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divSoInfoTableBody .item-row-sub, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divCrnTableBody .item-row-sub, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divFocTableBody .item-row-sub {
      margin: 10px;
      border: 1px solid #e3e3e3;
      border-radius: 6px; }
      .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divInvoiceItemsTableBody .item-row-sub #divCrnItemTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divSoInfoTableBody .item-row-sub #divCrnItemTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divCrnTableBody .item-row-sub #divCrnItemTableBody, .invoiceInfo-popup#invoiceInfoPopup .modal-content .modal-body #divFocTableBody .item-row-sub #divCrnItemTableBody {
        margin-top: -5px;
        max-height: 70px;
        overflow: auto; }
  .invoiceInfo-popup ::-webkit-scrollbar {
    width: 8px; }
  .invoiceInfo-popup ::-webkit-scrollbar-track {
    background: transparent; }
  .invoiceInfo-popup ::-webkit-scrollbar-thumb {
    background: #b8b8b8; }
  .invoiceInfo-popup ::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f; }
  .invoiceInfo-popup#invoiceInfoPopup .checkbox .custom-checkbox {
    float: right !important;
    margin-left: 0px !important;
    color: #d0d4da !important;
    font-size: 16px !important;
    margin-top: 0px !important; }
  .invoiceInfo-popup#invoiceInfoPopup .checkbox .custom-checkbox-element {
    left: 2px;
    top: 2px;
    margin: 0 !important; }
  .invoiceInfo-popup#invoiceInfoPopup .custom-checkbox-element:checked ~ .custom-checkbox {
    color: #13b2b0 !important;
    font-size: 18px !important;
    margin-top: 1px !important; }
  .invoiceInfo-popup#invoiceInfoPopup .div-cus {
    font-size: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    line-height: 1;
    vertical-align: unset; }

.so-summary-page .sosummary-table .table-header div div {
  height: 30px !important;
  /*   border-right: none !important;*/
  width: 100%; }

.so-summary-page .sosummary-table #divSoSummaryBody {
  max-height: calc(100vh - 488px) !important;
  overflow-y: scroll;
  width: calc(100% - -1px) !important;
  border-bottom: 3px solid transparent; }
  .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row {
    height: auto !important;
    background-color: #ddd;
    width: calc(100% - 1px); }
    @media screen and (min-device-width: 1500px) and (max-device-width: 1900px) {
      .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row {
        width: calc(100% - 12px); } }
    @media screen and (max-device-width: 1500px) {
      .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row {
        width: calc(100% - 13px); } }
    .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row div {
      height: auto !important; }
      .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row div .table-body {
        max-height: calc(100vh - 826px);
        min-height: auto;
        overflow-y: auto; }
      @media screen and (max-device-width: 1700px) {
        .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row div .table-body {
          max-height: calc(100vh - 668px) !important;
          min-height: 60px;
          overflow-y: auto; } }
      .so-summary-page .sosummary-table #divSoSummaryBody .inner-sub-row div .btn-group-vertical {
        padding-top: 5px;
        float: left !important;
        padding-left: 26px; }
  .so-summary-page .sosummary-table #divSoSummaryBody .so-summery-btn-group {
    border-right: none !important;
    width: 100%; }
  .so-summary-page .sosummary-table #divSoSummaryBody .row-createdby .checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    line-height: 30px; }
    .so-summary-page .sosummary-table #divSoSummaryBody .row-createdby .checkbox .custom-checkbox {
      font-size: 16px; }

.so-summary-page .sosummary-table .so-summery-btn-group .btn {
  min-width: 24px !important; }

.so-summary-page .sosummary-table .btn-info {
  background-color: #333333 !important;
  border-color: #333333 !important; }

.so-summary-page .sosummary-table .bg-colour {
  background-color: #fff !important; }

.so-summary-page .sosummary-table .customer-so-summary {
  width: 520px !important; }
  @media screen and (max-device-width: 1900px) {
    .so-summary-page .sosummary-table .customer-so-summary {
      /*width: 200px !important;*/
      width: calc(100vw - 1397px) !important; } }
  @media screen and (max-device-width: 1370px) {
    .so-summary-page .sosummary-table .customer-so-summary {
      width: 121px !important; } }

.so-summary-page .so-summary-card .card {
  padding: 8px 15px 7px;
  background-color: #fbfcff;
  margin-right: 20px !important; }

.so-summary-page .inner-table-label {
  text-align: left !important;
  display: block !important;
  padding-bottom: 5px;
  padding-left: 3px;
  font-weight: bold; }

.so-summary-page .not-available-label {
  width: 100%;
  text-align: center;
  padding-top: 28px; }

.so-summary-page .ico-btn {
  background-color: unset !important; }
  .so-summary-page .ico-btn i:hover {
    color: #1091a1 !important; }

.so-summary-page .ico-btn:disabled i {
  color: #B0B0B0 !important; }

.so-summary-page .ico-btn i {
  color: #13b2b0 !important; }

.so-summary-page .table .table-header div div, .so-summary-page .table .table-body div div {
  height: auto; }

.so-summary-page .width-cal {
  width: calc(100% - 1342px) !important; }
  @media screen and (max-device-width: 1900px) {
    .so-summary-page .width-cal {
      width: 140px !important; } }
  @media screen and (max-device-width: 1370px) {
    .so-summary-page .width-cal {
      width: calc(100% - 1100px) !important; } }

@media screen and (max-device-width: 1900px) {
  .so-summary-page #divCustomer {
    width: 120px !important; } }

@media screen and (max-device-width: 1370px) {
  .so-summary-page #divCustomer {
    width: 456px !important; } }

.so-summary-page .sort-icons {
  width: auto !important;
  padding: 0px 5px !important;
  margin-top: -5.5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: none !important; }
  .so-summary-page .sort-icons i {
    line-height: 6px;
    cursor: pointer; }

@media screen and (min-device-width: 1400px) and (max-device-width: 1900px) {
  .so-summary-page .so-summary-card {
    width: calc(100% - 0px) !important; } }

@media screen and (max-device-width: 1366px) {
  .so-summary-page .width-95 {
    width: 65px !important; }
    .so-summary-page .width-95 .btn {
      min-width: 64px; } }

.so-summary-page .so-summary-serach {
  background-color: aliceblue;
  width: 99.2%; }
  @media screen and (min-device-width: 1900px) {
    .so-summary-page .so-summary-serach {
      /*width: 99.35%;*/
      width: 1593px; } }
  .so-summary-page .so-summary-serach .icofont-search-alt-1 {
    right: 14px;
    top: 7px;
    left: unset;
    color: #0db2b0; }

.summary-serach {
  background-color: aliceblue;
  width: 100%; }
  .summary-serach .icofont-search-alt-1 {
    right: 14px !important;
    top: 7px !important;
    left: unset !important;
    color: #0db2b0 !important; }

@media screen and (max-device-width: 1900px) {
  .side-menu.open + .body-content .so-summary-page .customer-so-summary {
    /*width: 200px !important;*/
    width: calc(100vw - 1340px) !important; }
  .side-menu.open + .body-content .so-summary-page #divCustomer {
    width: 140px !important; }
  .side-menu.open + .body-content .so-summary-page .width-cal {
    width: 140px !important; }
  .side-menu.open + .body-content .so-summary-page #divSoSummaryBody .inner-sub-row {
    width: calc(100% - 19px); } }

@media screen and (min-device-width: 900px) and (max-device-width: 1600px) {
  .side-menu.open + .body-content .so-summary-page .customer-so-summary {
    width: calc(100vw - 1397px) !important; } }

@media screen and (max-device-width: 1366px) {
  .side-menu.open + .body-content .so-summary-page .so-summary-customer .width-275 {
    width: 186px !important; }
  .side-menu.open + .body-content .so-summary-page .so-summary-customer #divCustomer {
    /*width: 376px !important;
                margin-left: 0px !important;*/
    width: calc(100% - 31%) !important;
    margin-left: 10px !important;
    margin-right: 10px !important; }
  .side-menu.open + .body-content .so-summary-page .mr-0-so {
    margin-right: 0px !important; }
  .side-menu.open + .body-content .so-summary-page .padding-top-32 {
    float: right !important; }
  .side-menu.open + .body-content .so-summary-page .width-cal {
    /*width: calc(100% - 860px) !important;*/
    width: calc(100% - 90%) !important; }
  .side-menu.open + .body-content .so-summary-page .customer-so-summary {
    width: 105px !important; }
  .side-menu.open + .body-content .so-summary-page .sosummary-table #divSoSummaryBody {
    max-height: calc(100vh - 492px) !important; }
  .side-menu.open + .body-content .so-summary-page #divSoSummaryBody .inner-sub-row {
    width: calc(100% - 1px); } }

@media screen and (max-device-width: 1366px) {
  .side-menu.open + .body-content .requisition-note-page .temp-list-table {
    width: 240px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-headers #divServiceFields .service-field {
    width: 118px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-headers #divServiceFields .asset-field {
    width: 118px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-headers #divItemFields .rqn-item {
    width: 318px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-header .service-row-description, .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-body .service-row-description {
    width: 117px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-header .service-row-asset-item, .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-body .service-row-asset-item {
    width: 117px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-header .row-amount, .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-body .row-amount {
    width: 118px !important; }
  .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-header .row-name, .side-menu.open + .body-content .requisition-note-page .grid-table #divMainTable.table .table-body .row-name {
    width: 318px !important; }
  .side-menu.open + .body-content .requisition-note-page .total-amount #txtSubTotal {
    width: 118px; }
  .side-menu.open + .body-content .requisition-note-page .total-amount input[type='text'] {
    width: 118px; }
  .side-menu.open + .body-content .requisition-note-page .total-amount#divServiceTotal #lblTotal {
    width: 107px; } }

@media screen and (max-device-width: 1370px) {
  .contents .side-menu.open + .body-content .so-summary-page .width-210.customer-so-summary {
    width: 115px !important; } }

@media screen and (max-device-width: 1366px) {
  .contents .side-menu.open + .body-content .so-summary-page .width-210.customer-so-summary {
    width: calc(100vw - 1265px) !important; } }

@media screen and (min-device-width: 1910px) {
  .menu-collapsed .side-menu.open.collapsed + .body-content .psdc-summary-main-page .psdc-summary-serach {
    width: 1721px; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table .custom-width {
    width: calc(100vw - 188px);
    overflow: auto; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryHeader {
    width: 2006px; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryBody {
    width: 2006px !important; } }

@media screen and (min-device-width: 1400px) and (max-device-width: 1900px) {
  .menu-collapsed .side-menu.open.collapsed + .body-content .customer-so-summary {
    /*width: 380px !important;*/
    width: calc(100vw - 1155px) !important; }
  .menu-collapsed .side-menu.open.collapsed + .body-content #divCustomer {
    width: 240px !important; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .so-summary-page .width-cal {
    width: 170px !important; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .width-cal {
    /*width: 170px !important;*/
    width: calc(100% - 2px) !important; }
  .menu-collapsed .side-menu.open.collapsed + .body-content #divSoSummaryBody .inner-sub-row {
    width: calc(100% - 12px); } }

@media screen and (min-device-width: 900px) and (max-device-width: 1600px) {
  .menu-collapsed .side-menu.open.collapsed + .body-content .customer-so-summary {
    width: calc(100vw - 1219px) !important; } }

@media screen and (max-device-width: 1366px) {
  .menu-collapsed .side-menu.open.collapsed + .body-content .so-summary-page .customer-so-summary {
    width: calc(100vw - 1330px) !important; }
  .menu-collapsed .side-menu.open.collapsed + .body-content .so-summary-page #divCustomer {
    /*width: 376px !important;
                margin-left: 0px !important;*/ } }

@media screen and (min-device-width: 1910px) {
  .menu-collapsed .side-menu.collapsed + .body-content .psdc-summary-main-page .psdc-summary-serach {
    width: 1721px; }
  .menu-collapsed .side-menu.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table .custom-width {
    width: calc(100vw - 188px);
    overflow: auto; }
  .menu-collapsed .side-menu.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryHeader {
    width: 1732px; }
  .menu-collapsed .side-menu.collapsed + .body-content .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryBody {
    width: 1732px !important; } }

@media screen and (min-device-width: 1400px) and (max-device-width: 1900px) {
  .menu-collapsed .side-menu.collapsed + .body-content .customer-so-summary {
    /*width: 380px !important;*/
    width: calc(100vw - 1155px) !important; }
  .menu-collapsed .side-menu.collapsed + .body-content #divCustomer {
    width: 200px !important; }
  .menu-collapsed .side-menu.collapsed + .body-content .so-summary-page .width-cal {
    width: 200px !important; }
  .menu-collapsed .side-menu.collapsed + .body-content .width-cal {
    width: 200px !important;
    width: calc(100% - 2px) !important; } }

@media screen and (min-device-width: 900px) and (max-device-width: 1600px) {
  .menu-collapsed .side-menu.collapsed + .body-content .customer-so-summary {
    width: calc(100vw - 1219px) !important; } }

@media screen and (min-device-width: 1910px) {
  .psdc-summary-main-page .psdc-summary-serach {
    width: 100% !important; }
  .psdc-summary-main-page .grid-table .sosummary-table .custom-width {
    width: calc(100vw - 312px);
    overflow: auto; }
  .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryHeader {
    width: 2006px; }
  .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryBody {
    width: 2006px !important; }
  .so-summary-page .so-summary-customer {
    width: 944px; }
    .so-summary-page .so-summary-customer .left-side-so {
      width: 55% !important;
      float: left;
      display: inline-block; }
    .so-summary-page .so-summary-customer .right-side-so {
      width: 45% !important;
      float: left;
      display: inline-block; }
    .so-summary-page .so-summary-customer .width-275 {
      width: 239px !important;
      float: left; }
    .so-summary-page .so-summary-customer #divCustomer {
      width: calc(100% - 30%) !important;
      margin-left: 10px !important;
      margin-right: 10px !important; }
      .so-summary-page .so-summary-customer #divCustomer .margin-top-0 {
        margin-top: 6px !important; } }

@media screen and (min-device-width: 1370px) and (max-device-width: 1600px) {
  .so-summary-page .so-summary-customer {
    width: 814px; }
    .so-summary-page .so-summary-customer .left-side-so {
      width: 55% !important;
      float: left;
      display: inline-block; }
    .so-summary-page .so-summary-customer .right-side-so {
      width: 45% !important;
      float: left;
      display: inline-block; }
    .so-summary-page .so-summary-customer .width-275 {
      width: 203px !important;
      float: left; }
    .so-summary-page .so-summary-customer #divCustomer {
      width: calc(100% - 30%) !important;
      margin-left: 10px !important;
      margin-right: 10px !important; }
      .so-summary-page .so-summary-customer #divCustomer .margin-top-0 {
        margin-top: 6px !important; } }

.lblCrnTableTitle {
  background-color: #13b2b0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white; }

#divCrnTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#divCrnTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

.div-rows.crnItemRow {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
  background-color: #fbfbfb;
  vertical-align: middle;
  line-height: 21px;
  border-bottom: 1px solid #eee; }
  .div-rows.crnItemRow div {
    font-size: 13px;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    color: #686868;
    line-height: 1.8;
    vertical-align: middle; }
    .div-rows.crnItemRow div.col-md-1 {
      display: flex;
      align-items: center;
      justify-content: center; }
  .div-rows.crnItemRow:nth-child(even) {
    background-color: #f7faff; }

.crnItemRowSub, .focItemRowSub {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
  background-color: #fdfdfd;
  vertical-align: middle;
  line-height: 21px;
  border-bottom: 1px solid #eee; }
  .crnItemRowSub div, .focItemRowSub div {
    font-size: 13px;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    color: #161616;
    line-height: 1.8;
    vertical-align: middle; }
    .crnItemRowSub div.col-md-1, .focItemRowSub div.col-md-1 {
      display: flex;
      align-items: center;
      justify-content: center; }
  .crnItemRowSub:nth-child(even), .focItemRowSub:nth-child(even) {
    background-color: #f1f1f1; }

.lblFocTableTitle {
  background-color: #13b2b0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white; }

#divFocTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#divFocTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

#divSettlementTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#divSettlementTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

.focItemRow {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
  background-color: #fbfbfb;
  vertical-align: middle;
  line-height: 21px;
  border-bottom: 1px solid #eee; }
  .focItemRow div {
    font-size: 13px;
    font-family: "Heebo", sans-serif;
    font-weight: 500;
    color: #686868;
    line-height: 1.8;
    vertical-align: middle; }
    .focItemRow div.col-md-1 {
      display: flex;
      align-items: center;
      justify-content: center; }
  .focItemRow:nth-child(even) {
    background-color: #f7faff; }

#soDetail .modal-dialog {
  width: 843px;
  border-radius: 8px !important; }
  #soDetail .modal-dialog .modal-content {
    border-radius: 8px !important; }
  #soDetail .modal-dialog #divSoDetailBody {
    max-height: calc(100vh - 320px) !important;
    overflow-y: auto;
    /*width: calc(59vw - 3px) !important;*/ }

#lotInfoPopup .modal-dialog, #pricePopup .modal-dialog, #promotionPopup .modal-dialog {
  border-radius: 8px !important; }
  #lotInfoPopup .modal-dialog .modal-content, #pricePopup .modal-dialog .modal-content, #promotionPopup .modal-dialog .modal-content {
    border-radius: 8px !important; }
    #lotInfoPopup .modal-dialog .modal-content #divlotInfoTableBody, #pricePopup .modal-dialog .modal-content #divlotInfoTableBody, #promotionPopup .modal-dialog .modal-content #divlotInfoTableBody {
      max-height: calc(100vh - 320px) !important;
      overflow-y: auto; }
    #lotInfoPopup .modal-dialog .modal-content .modal-body #divPriceContainer, #pricePopup .modal-dialog .modal-content .modal-body #divPriceContainer, #promotionPopup .modal-dialog .modal-content .modal-body #divPriceContainer {
      margin-top: 0px; }
      #lotInfoPopup .modal-dialog .modal-content .modal-body #divPriceContainer .item-row, #pricePopup .modal-dialog .modal-content .modal-body #divPriceContainer .item-row, #promotionPopup .modal-dialog .modal-content .modal-body #divPriceContainer .item-row {
        padding: 5px 5px 5px 5px;
        font-size: 12px;
        text-align: right; }
    #lotInfoPopup .modal-dialog .modal-content .modal-footer, #pricePopup .modal-dialog .modal-content .modal-footer, #promotionPopup .modal-dialog .modal-content .modal-footer {
      padding: 15px 18px; }

#lotInfoPopup .modal-sm, #pricePopup .modal-sm, #promotionPopup .modal-sm {
  width: 300px !important; }

#divCrnItemTableHeader {
  background-color: #8b8b8b;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#divFocItemTableHeader {
  background-color: #a9a9a9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

.credit-note-summary-page .card-body .custom-width {
  max-width: calc(100vw - 314px) !important;
  overflow: auto; }
  .credit-note-summary-page .card-body .custom-width .table-header {
    width: 1594px; }
  .credit-note-summary-page .card-body .custom-width .table-body {
    width: 1604px;
    max-height: calc(100vh - 475px) !important; }
    @media screen and (min-device-width: 1900px) {
      .credit-note-summary-page .card-body .custom-width .table-body {
        max-height: calc(100vh - 310px) !important; } }
    .credit-note-summary-page .card-body .custom-width .table-body .row-action i {
      color: #13b2b0;
      font-size: 16px;
      line-height: 22px;
      z-index: 999; }
  .credit-note-summary-page .card-body .custom-width .cns-table-width {
    max-width: calc(100vw - 135px) !important;
    overflow: auto; }

.credit-note-summary-page .sort-icons {
  border-right: none !important;
  width: auto !important;
  padding: 0px 5px !important;
  margin-top: -5.5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .credit-note-summary-page .sort-icons i {
    line-height: 6px; }

.credit-note-summary-page .blue .icofont-info-circle {
  color: #2196f3 !important;
  text-align: center;
  font-size: 18px !important; }
  .credit-note-summary-page .blue .icofont-info-circle:hover {
    color: #0e75c6 !important; }

.crn-summary-page .card .card-body.p-20px {
  width: 1094px; }

@media screen and (min-device-width: 1700px) {
  .crn-summary-page .card .card-body {
    width: 1374px; } }

.crn-summary-page .card .table .custom-width {
  overflow: auto; }
  @media screen and (max-device-width: 1400px) {
    .crn-summary-page .card .table .custom-width {
      width: calc(100vw - 312px); } }
  .crn-summary-page .card .table .custom-width .table-header {
    width: 1334px !important; }
  .crn-summary-page .card .table .custom-width .table-body {
    width: 1334px !important; }

.crn-summary-page .card .table .table-body {
  max-height: calc(100vh - 416px) !important;
  overflow-y: scroll !important;
  width: calc(100% - -10px) !important;
  border-bottom: 3px solid transparent; }
  @media only screen and (max-device-width: 1366px) {
    .crn-summary-page .card .table .table-body {
      width: calc(100vw - 302px) !important; } }
  .crn-summary-page .card .table .table-body .div-rows .delete-icon i {
    color: #e05d5d;
    cursor: pointer;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    transition: color 200ms linear;
    font-size: 14px; }
  .crn-summary-page .card .table .table-body .div-rows .print-icon {
    margin-right: 4px; }
    .crn-summary-page .card .table .table-body .div-rows .print-icon i {
      color: #13b2b0;
      cursor: pointer;
      -webkit-transition: color 200ms linear;
      -moz-transition: color 200ms linear;
      -ms-transition: color 200ms linear;
      -o-transition: color 200ms linear;
      transition: color 200ms linear;
      font-size: 16px; }
  .crn-summary-page .card .table .table-body .div-rows #crnInfo {
    color: #2196f3 !important;
    font-size: 16px;
    padding-top: 1px;
    margin-right: 4px;
    margin-left: 0px; }

.crn-summary-page .card .sort-icons {
  width: auto !important;
  padding: 0px 5px !important;
  margin-top: -5.5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: none !important; }
  .crn-summary-page .card .sort-icons i {
    line-height: 6px;
    cursor: pointer; }

.product-price-delete-page .panel-body {
  padding: 20px; }

.product-price-delete-page .left-panel {
  width: 550px;
  display: inline-block;
  float: left; }
  .product-price-delete-page .left-panel .panel .headers {
    padding: 5px 0px 3px 15px; }
  .product-price-delete-page .left-panel .panel .panel-body .row-lines .row-line .item-row {
    padding: 8px 0px 8px 15px; }
  .product-price-delete-page .left-panel .panel .panel-body #divListContainer {
    max-height: calc(100vh - 255px) !important; }

.product-price-delete-page .right-panel {
  display: inline-block;
  float: left;
  width: 500px; }
  .product-price-delete-page .right-panel #divPriceListContainer {
    max-height: calc(100vh - 303px) !important; }

.d-none {
  display: none !important; }

.whatsapp-numb-popup .modal-dialog {
  max-width: 400px; }
  .whatsapp-numb-popup .modal-dialog p {
    text-align: center; }
  .whatsapp-numb-popup .modal-dialog h4 {
    text-align: center; }
  .whatsapp-numb-popup .modal-dialog .field-validation-error {
    display: inline-block;
    position: absolute;
    top: 80px;
    left: 120px;
    z-index: 500000; }
    .whatsapp-numb-popup .modal-dialog .field-validation-error:before {
      position: absolute;
      top: -17px;
      right: 5px; }
  .whatsapp-numb-popup .modal-dialog input {
    width: 150px !important;
    margin: 0 auto;
    text-align: center; }
  .whatsapp-numb-popup .modal-dialog .modal-footer {
    margin: 0 auto;
    display: table;
    padding: 12px 15px; }

.wrapper-dc-note {
  width: 960px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .wrapper-dc-note .form-group .navigator {
    top: -70px !important; }
  .wrapper-dc-note .form-group .one-line {
    margin-right: 25px;
    margin-bottom: 15px; }
    .wrapper-dc-note .form-group .one-line .label-wrapper {
      margin-right: 14px;
      line-height: 27px; }
      .wrapper-dc-note .form-group .one-line .label-wrapper label {
        min-width: 47px !important; }
  .wrapper-dc-note .form-group select {
    min-width: 150px;
    cursor: pointer; }
  .wrapper-dc-note .form-group .ddl-name {
    width: 365px; }
  .wrapper-dc-note .remark .label-wrapper + div {
    width: 92% !important; }

.position-relative {
  /* position: relative;*/ }
  .position-relative .field-validation-error {
    /*top: 35px;
        left: 60px;*/ }

.lotInfoPopupcus .modal-dialog .modal-content .modal-body {
  display: inline-block;
  width: 100%;
  padding: 15px 25px; }

.lotInfoPopupcus .modal-dialog .modal-content .pr-8 {
  padding-right: 8px !important; }

.lotInfoPopupcus .modal-dialog .modal-content .wo-detail-row div.col-md-1 {
  display: inline-block; }

.lotInfoPopupcus .modal-dialog .modal-content .table-header {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 10px; }

.dscsq-page {
  /*
    .item-min-width {
        min-width: 331px !important;

        @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
            min-width: 313px !important;
        }
    }*/ }
  .dscsq-page .do-list {
    max-height: calc(100vh - 542px) !important;
    overflow-y: scroll; }
    @media only screen and (min-device-width: 1920px) {
      .dscsq-page .do-list {
        max-height: calc(100vh - 756px) !important; } }
    @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
      .dscsq-page .do-list {
        max-height: calc(100vh - 600px) !important; } }
  .dscsq-page .icon:first-child {
    padding-left: 2px !important;
    padding-right: 2px !important;
    width: 30px !important; }
  .dscsq-page .ac-ed-icon i {
    padding: 9px 2px 2px 2px !important; }

#storeOrderRejectPopup {
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.5); }

.woanew-page .center-panel {
  width: auto !important; }
  .woanew-page .center-panel .row-packing-style {
    width: 150px; }
  .woanew-page .center-panel .row-name {
    width: 530px !important; }
  .woanew-page .center-panel .row-size.psRateError input {
    background-color: #ff00001f; }
  .woanew-page .center-panel .row-size.psRateError .icofont-warning-alt {
    z-index: 9999999999;
    position: relative;
    top: -20px;
    right: 2px; }

.woanew-page .grid-table #divBody {
  max-height: calc(100vh - 385px) !important;
  overflow: auto; }

.accordion-remark .card .card-header {
  background-color: #f0f8ff;
  padding: 10px 12px; }
  .accordion-remark .card .card-header h5 {
    font-size: 13px;
    margin: 0;
    font-weight: 600; }
  .accordion-remark .card .card-header:before {
    content: "\eb5a";
    font-family: IcoFont;
    position: absolute;
    top: 7px;
    right: 9px;
    font-size: 16px;
    cursor: pointer;
    color: #13b2b0; }
  .accordion-remark .card .card-header[aria-expanded="true"]:before {
    content: "\eb62"; }
  .accordion-remark .card .card-header.collapsed[aria-expanded="true"]:before {
    content: "\eb5a"; }
  .accordion-remark .card .card-header[aria-expanded="false"]:before {
    content: "\eb5a"; }

.accordion-remark .card .card-body ul {
  padding-left: 5px;
  margin-bottom: 0px; }
  .accordion-remark .card .card-body ul li {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center; }
    .accordion-remark .card .card-body ul li:before {
      content: "\eb1b";
      font-family: IcoFont;
      font-size: 16px;
      color: #13b2b0;
      margin-right: 15px; }

#crnInfoPopup .modal-dialog .modal-body .table-header, #poInfoPopup .modal-dialog .modal-body .table-header {
  background-color: #f2f4f8 !important;
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  margin-top: 0px !important;
  padding: 0px !important; }
  #crnInfoPopup .modal-dialog .modal-body .table-header div div, #poInfoPopup .modal-dialog .modal-body .table-header div div {
    padding: 6px 10px 5px;
    float: left;
    border-right: 1px solid #e0e3e8;
    height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 19px; }

#crnInfoPopup .modal-dialog .modal-body #focInfoFooter #lblFocTotal, #poInfoPopup .modal-dialog .modal-body #focInfoFooter #lblFocTotal {
  padding-right: 19px; }
  #crnInfoPopup .modal-dialog .modal-body #focInfoFooter #lblFocTotal span, #poInfoPopup .modal-dialog .modal-body #focInfoFooter #lblFocTotal span {
    width: 134px;
    display: inline-block;
    text-align: right; }

#crnInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnTotal, #crnInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnSubTotal, #poInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnTotal, #poInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnSubTotal {
  padding-right: 19px;
  width: 100%;
  text-align: end; }
  #crnInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnTotal span, #crnInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnSubTotal span, #poInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnTotal span, #poInfoPopup .modal-dialog .modal-body #crnInfoFooter #lblCrnSubTotal span {
    width: 134px;
    display: inline-block;
    text-align: right; }

#crnInfoPopup .modal-dialog .modal-body #lblCrnDiscount, #crnInfoPopup .modal-dialog .modal-body #lblCrnTax, #poInfoPopup .modal-dialog .modal-body #lblCrnDiscount, #poInfoPopup .modal-dialog .modal-body #lblCrnTax {
  padding-right: 19px;
  width: 100%;
  text-align: end; }
  #crnInfoPopup .modal-dialog .modal-body #lblCrnDiscount span, #crnInfoPopup .modal-dialog .modal-body #lblCrnTax span, #poInfoPopup .modal-dialog .modal-body #lblCrnDiscount span, #poInfoPopup .modal-dialog .modal-body #lblCrnTax span {
    width: 134px;
    display: inline-block;
    text-align: right; }

#crnInfoPopup .modal-dialog .modal-body #lblCrnDiscountPercentage, #crnInfoPopup .modal-dialog .modal-body #lblCrnTaxPercentage, #poInfoPopup .modal-dialog .modal-body #lblCrnDiscountPercentage, #poInfoPopup .modal-dialog .modal-body #lblCrnTaxPercentage {
  padding-right: 10px;
  width: 100%;
  text-align: end; }
  #crnInfoPopup .modal-dialog .modal-body #lblCrnDiscountPercentage span, #crnInfoPopup .modal-dialog .modal-body #lblCrnTaxPercentage span, #poInfoPopup .modal-dialog .modal-body #lblCrnDiscountPercentage span, #poInfoPopup .modal-dialog .modal-body #lblCrnTaxPercentage span {
    width: 134px;
    display: inline-block;
    text-align: right; }

#crnInfoPopup .modal-dialog .modal-body .lblInvoiceItemsTableTitle, #poInfoPopup .modal-dialog .modal-body .lblInvoiceItemsTableTitle {
  background-color: #d9d9d9;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 10px;
  color: #000000;
  font-weight: 700; }

#crnInfoPopup .modal-dialog .modal-body .div-rows div, #poInfoPopup .modal-dialog .modal-body .div-rows div {
  color: #3a3a3a; }

#crnInfoPopup .modal-dialog .modal-body #divPoTableBody, #poInfoPopup .modal-dialog .modal-body #divPoTableBody {
  max-height: calc(100vh - 458px) !important;
  overflow-y: scroll; }

.damage-note-page .navigator {
  top: -67px !important;
  right: -50px !important; }

.damage-note-page .table .table-body {
  overflow: auto;
  max-height: calc(100vh - 495px) !important;
  width: 101.1%; }
  .damage-note-page .table .table-body .action {
    padding: 5px 15px 0px; }
    .damage-note-page .table .table-body .action #btnlotDetail {
      color: #2196f3 !important; }

.reasons-popup-icon {
  background-color: #68a0ec;
  color: #fff;
  font-size: 25px !important;
  max-width: 50px;
  border-radius: 30px;
  padding: 0px;
  height: 19px;
  line-height: 22px;
  width: 19px;
  min-width: unset !important; }
  .reasons-popup-icon i {
    font-size: 9px !important;
    margin-top: 0px;
    display: block;
    padding: 0 !important; }

.pr-8 {
  padding-right: 8px !important; }

.remarkhiscard {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important; }
  .remarkhiscard .remarkhis .table-body {
    max-height: 95px;
    overflow: auto; }
  @media only screen and (min-device-width: 1520px) and (max-device-width: 1900px) {
    .remarkhiscard .remarkhis .table-body {
      max-height: calc(100vh - 630px) !important; } }

#divPickpQtyContainer #divLotQtyTableBody {
  max-height: calc(100vh - 326px);
  overflow: auto; }

#divlotQtyContainer #divViewOnlyLotQtyTableBody {
  max-height: calc(100vh - 326px);
  overflow: auto; }
  #divlotQtyContainer #divViewOnlyLotQtyTableBody .vlotrow {
    padding-top: 7px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
    /*background-color: #fbfbfb;*/
    vertical-align: middle;
    line-height: 21px;
    border-bottom: 1px solid #eee; }

#lotViewOnlyDetailModel ::-webkit-scrollbar {
  width: 5px;
  height: 8px; }

#lotViewOnlyDetailModel ::-webkit-scrollbar-track {
  background: #f1f1f1; }

#lotViewOnlyDetailModel ::-webkit-scrollbar-thumb {
  background: #888; }

#lotViewOnlyDetailModel ::-webkit-scrollbar-thumb:hover {
  background: #555; }

.chk-panel-heading .checkbox {
  margin-right: -2px !important;
  margin-bottom: 0 !important;
  margin-top: 1px !important; }

.invoice-items-table-title {
  background-color: #d9d9d9 !important;
  padding-top: 6px !important;
  padding-bottom: 4px !important;
  padding-left: 10px !important;
  color: #000000 !important;
  font-weight: 700 !important; }

.distributor-tab-page .panel-body {
  background-color: #F3F4F8;
  padding: 0px 40px !important;
  /* Portrait */ }
  @media only screen and (max-device-width: 768px) and (orientation: portrait) {
    .distributor-tab-page .panel-body {
      padding: 0px 10px !important; } }
  @media only screen and (max-device-width: 850px) and (orientation: landscape) {
    .distributor-tab-page .panel-body {
      padding: 0px 0px !important; } }
  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
    .distributor-tab-page .panel-body {
      padding: 0px 0px !important; } }
  .distributor-tab-page .panel-body .D-card-body {
    background-color: #F3F4F8 !important;
    border-color: #F3F4F8 !important;
    padding-top: 0px !important; }
    @media only screen and (max-device-width: 768px) {
      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-content.p-20px {
        padding: 10px !important; } }
    .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar {
      position: relative;
      display: table;
      margin: 0 auto;
      padding-bottom: 10px; }
      @media only screen and (max-device-width: 520px) and (orientation: portrait) {
        .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divTransactionTypes {
          margin: 0;
          width: 100%; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divTransactionTypes .width-205 {
            width: 100% !important; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divTransactionTypes .distributors-label label {
            margin-top: 0px !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divToDate {
          margin: 0; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divToDate input {
            width: 107px; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar .toDate {
          float: left !important;
          margin-left: 10px !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar .form-group.align-right {
          margin: 0;
          float: right; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar .form-group.align-right #btnSearch {
            margin: 27px 0px 5px !important;
            min-width: 45px !important;
            padding: 0px 30px !important; } }
      @media only screen and (max-device-width: 850px) and (orientation: landscape) {
        .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar {
          margin: 0 !important;
          display: flex; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divTransactionTypes {
            width: 100%; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar #divTransactionTypes .width-205 {
              width: 100% !important; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .top-bar .form-group.align-right {
            margin-top: 1px; } }
    .distributor-tab-page .panel-body .D-card-body .tab-body .tabs {
      text-align: center;
      margin: 0 auto;
      background-color: #13B1B0;
      border-radius: 20px 20px 0px 0px; }
      .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul {
        margin: 0 auto;
        display: table; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li {
          margin-bottom: unset !important; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li a:hover {
            z-index: unset !important;
            border-radius: unset !important;
            color: #000000; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li a {
            border-radius: unset !important;
            color: #fff;
            margin: unset !important;
            padding-top: 13px;
            height: 41px; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li a {
                height: 30px;
                font-size: 13px;
                padding: 6px 20px; } }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li a:before {
            height: 41px; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li a:before {
                height: 30px; } }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li.active a {
          color: #000000 !important;
          z-index: unset !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li.active a:before {
          background-color: #fff !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li:first-child {
          border-right: 1px #fff solid; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li:first-child a:before {
            border-radius: 20px 0px 0px 20px; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul a:before {
          transform: unset !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li:nth-child(2) a:before {
          border-radius: unset !important;
          border-right: 1px #fff solid; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tabs ul li:nth-child(3) a:before {
          border-radius: 0px 20px 20px 0px; }
    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body {
      background: #fff; }
      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body {
        min-height: calc(100vh - 285px); }
        @media only screen and (max-device-width: 520px) and (orientation: portrait) {
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body {
            min-height: calc(100vh - 330px); } }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table {
          margin: 0 auto;
          display: table; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table {
            border-right: 1px #f2f4f8 solid;
            border-bottom: 1px #f2f4f8 solid; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .div-rows {
              position: relative; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .div-rows .action {
                height: 30px; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .div-rows div {
                position: relative; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .div-rows div div {
                  position: relative; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .main-sub-row {
              float: none !important;
              padding: 0px !important;
              border: unset !important;
              border-bottom: 1px solid #ededed !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .main-sub-row .row-Name:before {
                content: '';
                width: 3px;
                position: absolute;
                left: 0px;
                top: 0px;
                height: 32px;
                background-color: #13B1B0; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .main-sub-row:hover {
              background-color: #c9c9c9 !important; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .div-child {
              display: none; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .div-child.active {
                display: block;
                float: none !important;
                padding-bottom: 0px !important;
                padding-left: 0px !important;
                border-top: 1px solid #eee;
                padding-top: 0px !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .div-child.active .table-header {
                  border-right: 0px !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .div-child.active .table-body {
                  border-right: 0px !important; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t .div-child.active .table-body .div-rows {
                    padding: 0px !important;
                    border-right: 0px !important; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t:hover .sub-table .div-rows {
              color: #000;
              font-weight: unset; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .main-table .sub-t:hover {
              background-color: unset !important;
              font-weight: 100 !important; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .action {
            color: #fff;
            font-size: 15px !important;
            text-overflow: clip; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .action .icofont-rounded-down, .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .action .icofont-rounded-right {
              font-size: 22px;
              border-radius: 50%;
              display: block;
              margin: auto;
              color: #A9AAAA;
              z-index: 10;
              cursor: pointer; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .action .icofont-rounded-up {
              background-color: #61C9C8 !important;
              color: #fff !important;
              padding: 0px 2px; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .sub-table {
            padding: 0px 0px 0px 45px;
            border: 1px solid #e0e3e8;
            background-color: #f7f7f7;
            border-right: none !important;
            height: 100% !important; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .grid-table .sub-table .table {
              padding: 15px 5px 15px 15px !important;
              height: 100% !important; }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box {
          margin: 0 auto;
          display: table;
          padding: 0px 4px 14px; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box .single-one {
            width: 94px; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:checked,
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:not(:checked) {
            position: absolute;
            left: -9999px; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:checked + label,
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:checked + label:before,
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 22px;
            height: 22px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:checked + label:after,
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #61C9C8;
            position: absolute;
            top: 5px;
            left: 5px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:not(:checked) + label:after {
            opacity: 1;
            content: '';
            width: 12px;
            height: 12px;
            background: #F5F4F4;
            position: absolute;
            top: 5px;
            left: 5px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease; }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body .radio-box [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1); }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice {
          /*@media only screen and (max-device-width: 520px) and (orientation: portrait) {
                                overflow: auto;
                                min-height: calc(100vh - 365px);
                            }*/
          /*.panel-heading {
                                @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                                    width: 175%;
                                }
                            }*/ }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table {
            width: 100%; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table {
                width: 175%;
                min-height: calc(100vh - 465px); } }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable {
              margin: 0px;
              width: 100%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader {
                width: 100%;
                max-width: calc(100% - 10px); }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .row-action {
                  width: 7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .row-Name {
                  width: 35.8%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .row-mt {
                  width: 10.1%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .row-total {
                  width: 18%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .row-totalOutstanding {
                  width: 28.9%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader .totalItemQty {
                  width: 17.8% !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader #invoiceRowAccumulatedItemNameHeader {
                  width: 53%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader #invoiceRowAccumulatedTotalQuantityHeader {
                  width: 20%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divHeader #invoiceRowAccumulatedTotalHeader {
                  width: 20%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice {
                width: 100%;
                overflow-y: scroll; }
                @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice {
                    /*min-height: calc(100vh - 455px);*/ } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .invoice-accumulated-item-name {
                  width: 53%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .invoice-accumulated-item-qty {
                  width: 20.2%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .invoice-accumulated-item-total {
                  width: 19.8%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t {
                  width: 100%; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row {
                    width: 100%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row .action {
                      width: 7%;
                      padding: 6px 0px; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row .row-Name {
                      width: 36%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row .row-mt {
                      width: 10%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row .row-total {
                      width: 18%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .sub-t .main-sub-row .row-totalOutstanding {
                      width: 29%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child {
                  width: 100%; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table {
                    width: 100%;
                    min-height: unset !important; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table {
                      width: 100%; }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header {
                        width: 100%;
                        max-width: calc(100% - 12px); }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header {
                            max-width: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .invoice-no {
                          width: 30%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .invoice-no {
                              width: 25%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .date {
                          width: 20.1%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .amount {
                          width: 24.9%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .amount {
                              width: 27.5%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .outstanding {
                          width: 24.6%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .outstanding {
                              width: 27%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .invoice-item-name {
                          width: 53%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .invoice-item-qty {
                          width: 22%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-header .invoice-item-sellingprice-total {
                          width: 25%;
                          text-align: right; }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body {
                        width: 100%;
                        overflow-y: scroll; }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body {
                            overflow-y: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .invoice-no {
                          width: 30%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .invoice-no {
                              width: 25%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .date {
                          width: 20%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .amount {
                          width: 25%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .amount {
                              width: 27.5%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .outstanding {
                          width: 25%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .outstanding {
                              width: 27.5%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .invoice-item-name {
                          width: 52.8%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .invoice-item-qty {
                          width: 22%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .grid-table #divMainTable #divBodyInvoice .div-child .sub-table .table .table-body .invoice-item-sellingprice-total {
                          width: 25%;
                          text-align: right; }
          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .radio-box {
              margin-top: 4px !important;
              padding: 0px 0px 5px; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #invoice .radio-box .d-table .w-150px {
                width: 144px !important; } }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder {
          /*.panel-heading {
                                @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                                    width: 160%;
                                }
                            }*/ }
          @media only screen and (max-device-width: 1024px) {
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder {
              position: relative; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .mobile-status {
                position: absolute;
                top: -11px;
                right: 210px;
                justify-content: right !important; } }
          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder {
              position: relative;
              min-height: calc(100vh - 363px); }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .panel-heading span.padding-top-3 {
                padding-top: 5px !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .mobile-status {
                position: absolute;
                top: 30px;
                right: -5px;
                justify-content: right !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .radio-box {
                margin-top: 4px !important;
                padding: 35px 4px 7px; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .radio-box .so-count-radio {
                  width: 80px !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .radio-box .item-quantity-radio {
                  width: 112px !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .radio-box .accumulate-items-radio {
                  width: 128px !important; } }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table {
            width: 100%; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table {
              width: 100%; }
              @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table {
                  width: 280%; } }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header .row-action {
                /*width: 5% !important;*/
                display: none; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedItemNameHeader {
                width: 28.6% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedTotalOrderQtyHeader {
                width: 13.2% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedTargetQtyHeader {
                width: 9.5% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedBalanceQtyHeader {
                width: 10.8% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedOrderValueHeader {
                width: 10.6% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedAllocatedValueHeader {
                width: 13.8% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-header #soRowAccumulatedShortageValueHeader {
                width: 13.5% !important; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body {
                max-height: calc(100vh - 473px); }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .row-action-accu {
                  /*width: 5% !important;*/
                  display: none; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-item-name {
                  width: 28.7% !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-total-order {
                  width: 13.2% !important; }
                  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-total-order {
                      width: 13.25% !important; } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-target-qty {
                  width: 9.6% !important; }
                  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-target-qty {
                      width: 9.5% !important; } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-balance-qty {
                  width: 10.8% !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-order-value {
                  width: 10.7% !important; }
                  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-order-value {
                      width: 10.6% !important; } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-allocated-value {
                  width: 13.8% !important; }
                  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-allocated-value {
                      width: 13.85% !important; } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body .accumulated-shortage-value {
                  width: 13.2% !important; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table.accumulate-items-table .table .table-body #accumulateTotal .accumulated-item-name {
                  width: 28.68% !important; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table {
                width: 230%;
                min-height: calc(100vh - 495px); } }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table .table .p-5-3 {
              padding: 6px 3px 5px; }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable {
              margin: 0px;
              width: 100%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divHeader {
                width: 100%;
                max-width: calc(100% - 9px);
                /* #soRowAccumulatedItemNameHeader {
                                            width: 21.6%;
                                        }

                                        #soRowAccumulatedTotalOrderQtyHeader {
                                            width: 13.2%;
                                        }

                                        #soRowAccumulatedTargetQtyHeader {
                                            width: 9.5%;
                                        }

                                        #soRowAccumulatedBalanceQtyHeader {
                                            width: 10.8%;
                                        }

                                        #soRowAccumulatedOrderValueHeader {
                                            width: 10.6%;
                                        }

                                        #soRowAccumulatedAllocatedValueHeader {
                                            width: 13.8%;
                                        }

                                        #soRowAccumulatedShortageValueHeader {
                                            width: 13.5%;
                                        }*/ }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divHeader .row-action {
                  width: 7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divHeader .row-Name {
                  width: 45.8%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divHeader .row-mt {
                  width: 15%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divHeader .row-total {
                  width: 32%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo {
                width: 100%;
                overflow-y: scroll; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t {
                  width: 100%; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t .main-sub-row {
                    width: 100%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t .main-sub-row .action {
                      width: 7%;
                      padding: 6px 0px; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t .main-sub-row .row-Name {
                      width: 46%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t .main-sub-row .row-mt {
                      width: 15%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .sub-t .main-sub-row .row-total {
                      width: 32%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child {
                  width: 100%;
                  overflow: auto;
                  margin-bottom: 10px !important; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table {
                    width: 120% !important;
                    min-height: unset !important;
                    padding: 0px 0px 0px 0px !important; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table.items-qty-sub-table {
                      width: 100% !important; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table {
                      width: 100%; }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header {
                        width: 100%;
                        max-width: calc(100% - 12px); }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header {
                            max-width: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-no {
                          width: 30.1%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .date {
                          width: 20%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .amount {
                          width: 25%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .status {
                          width: 24.6%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .invoice-item-name {
                          width: 53%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-qty {
                          width: 34.71%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-sellingprice-total {
                          width: 25%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-name {
                          width: 34.9%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-total-order-qty {
                          width: 11.8%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-target-qty {
                          width: 8.7%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-balance-qty {
                          width: 12.1%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-order-value {
                          width: 10.1%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-allocated-value {
                          width: 11.5%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header .so-item-shortage-value {
                          width: 10.9%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-header div div {
                          font-size: 11px; }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body {
                        width: 100%;
                        overflow-y: scroll; }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body {
                            overflow-y: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-no {
                          width: 30%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .date {
                          width: 20%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .amount {
                          width: 24.7%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .status {
                          width: 25%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .invoice-item-name {
                          width: 52.7%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .invoice-item-qty {
                          width: 22%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-sellingprice-total {
                          width: 25%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-name {
                          width: 34.8%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-total-order-qty {
                          width: 11.8%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-target-qty {
                          width: 8.7%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-balance-qty {
                          width: 12%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-order-value {
                          width: 10%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-allocated-value {
                          width: 11.4%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body .so-item-shortage-value {
                          width: 11.2%;
                          text-align: right; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .div-child .sub-table .table .table-body div div {
                          font-size: 11px; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-item-name {
                  width: 21.7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-total-order {
                  width: 13.2%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-target-qty {
                  width: 9.6%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-balance-qty {
                  width: 10.8%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-order-value {
                  width: 10.6%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-allocated-value {
                  width: 13.8%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .grid-table #divMainTable #divBodySo .accumulated-shortage-value {
                  width: 13.3%; }
          @media only screen and (min-device-width: 1200px) {
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #salesorder .radio-box {
              float: left;
              padding-bottom: 0px;
              margin-top: 18px !important; } }
        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales {
          /*  @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                                overflow: auto;
                                min-height: calc(100vh - 363px);
                            }*/
          /*.panel-heading {
                                @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                                    width: 135%;
                                }
                            }*/ }
          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .radio-box {
              padding: 0px 4px 5px; } }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales #divItemQuantity .grid-table {
            width: 100%; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales #divItemQuantity .grid-table {
                width: 265%;
                min-height: calc(100vh - 412px); } }
          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table {
            width: 100%; }
            @media only screen and (max-device-width: 520px) and (orientation: portrait) {
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table {
                width: 135%;
                min-height: calc(100vh - 412px); } }
            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable {
              margin: 0px;
              width: 100%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader {
                width: 100%;
                max-width: calc(100% - 9px); }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader .row-action {
                  width: 7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader .row-Name {
                  width: 38.7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader .row-mt {
                  width: 14.9%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader .row-gt {
                  width: 14.7%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divHeader .row-total {
                  width: 24.4%; }
              .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody {
                width: 100%;
                overflow-y: scroll; }
                @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody {
                    /*   min-height: calc(100vh - 465px);*/ } }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t {
                  width: 100%; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row {
                    width: 100%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row .action {
                      width: 7%;
                      padding: 6px 0px; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row .row-Name {
                      width: 38.8%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row .row-mt {
                      width: 15%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row .row-gt {
                      width: 14.8%; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .sub-t .main-sub-row .row-total {
                      width: 24.4%; }
                .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child {
                  width: 100%; }
                  .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table {
                    width: 100%;
                    min-height: unset !important; }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table {
                      width: 100%; }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header {
                        width: 100%;
                        max-width: calc(100% - 12px); }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header {
                            max-width: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header .invoice-no {
                          width: 45%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header .invoice-no {
                              width: 34%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header .date {
                          width: 25.1%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header .amount {
                          width: 29.7%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-header .amount {
                              width: 40.6%; } }
                      .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body {
                        width: 100%;
                        overflow-y: scroll; }
                        @media only screen and (max-device-width: 767px) {
                          .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body {
                            overflow-y: unset; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body .invoice-no {
                          width: 45%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body .invoice-no {
                              width: 34%; } }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body .date {
                          width: 25%; }
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body .amount {
                          width: 30%; }
                          @media only screen and (max-device-width: 520px) and (orientation: portrait) {
                            .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table .table .table-body .amount {
                              width: 41%; } }
                    .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table #divSalesItemQuantityBody {
                      max-height: calc(100vh - 450px); }
                      @media only screen and (min-device-width: 1200px) {
                        .distributor-tab-page .panel-body .D-card-body .tab-body .tab-body .sales-body #sales .grid-table #divMainTable #divSalesNumberBody .div-child .sub-table #divSalesItemQuantityBody {
                          max-height: calc(100vh - 403px); } }
  .distributor-tab-page .panel-body #divBodySo .sub-table {
    /* Handle */
    /* Handle on hover */ }
    .distributor-tab-page .panel-body #divBodySo .sub-table .table-body {
      max-height: calc(100vh - 520px);
      overflow: auto; }
      @media only screen and (max-device-width: 850px) and (orientation: landscape) {
        .distributor-tab-page .panel-body #divBodySo .sub-table .table-body {
          max-height: calc(100vh - 100px); } }
    .distributor-tab-page .panel-body #divBodySo .sub-table ::-webkit-scrollbar-thumb {
      background: #5da5a4;
      border-radius: 5px;
      cursor: pointer; }
    .distributor-tab-page .panel-body #divBodySo .sub-table ::-webkit-scrollbar-thumb:hover {
      background: #4c9594 !important; }
  .distributor-tab-page .panel-body #divBodySo.main-table {
    max-height: calc(100vh - 467px);
    overflow: auto; }
    @media only screen and (max-device-width: 520px) and (orientation: portrait) {
      .distributor-tab-page .panel-body #divBodySo.main-table {
        max-height: calc(100vh - 455px); } }
    @media only screen and (max-device-width: 850px) and (orientation: landscape) {
      .distributor-tab-page .panel-body #divBodySo.main-table {
        max-height: calc(100vh - 100px); } }
  .distributor-tab-page .panel-body #invoice #divBodyInvoice.main-table {
    max-height: calc(100vh - 453px);
    overflow: auto; }
    @media only screen and (max-device-width: 850px) and (orientation: landscape) {
      .distributor-tab-page .panel-body #invoice #divBodyInvoice.main-table {
        max-height: calc(100vh - 100px); } }
    @media only screen and (max-device-width: 520px) and (orientation: portrait) {
      .distributor-tab-page .panel-body #invoice #divBodyInvoice.main-table {
        max-height: calc(100vh - 455px); } }
  .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table {
    /* Handle */
    /* Handle on hover */ }
    .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table .table-body {
      max-height: calc(100vh - 490px);
      overflow: auto; }
      @media only screen and (max-device-width: 520px) and (orientation: portrait) {
        .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table .table-body {
          /* max-height: calc(100vh - 455px);*/
          max-height: unset; } }
      @media only screen and (max-device-width: 850px) and (orientation: landscape) {
        .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table .table-body {
          /*max-height: calc(100vh - 100px);*/
          max-height: unset; } }
    .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table ::-webkit-scrollbar-thumb {
      background: #5da5a4;
      border-radius: 5px;
      cursor: pointer; }
    .distributor-tab-page .panel-body #invoice #divBodyInvoice .sub-table ::-webkit-scrollbar-thumb:hover {
      background: #4c9594 !important; }
  .distributor-tab-page .panel-body #sales #divSalesNumberBody.main-table {
    max-height: calc(100vh - 453px);
    overflow: auto; }
    @media only screen and (max-device-width: 850px) and (orientation: landscape) {
      .distributor-tab-page .panel-body #sales #divSalesNumberBody.main-table {
        max-height: calc(100vh - 100px); } }
    @media only screen and (max-device-width: 520px) and (orientation: portrait) {
      .distributor-tab-page .panel-body #sales #divSalesNumberBody.main-table {
        max-height: calc(100vh - 448px); } }
  .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table {
    /* Handle */
    /* Handle on hover */ }
    .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table .table-body {
      max-height: calc(100vh - 490px);
      overflow: auto; }
      @media only screen and (max-device-width: 520px) and (orientation: portrait) {
        .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table .table-body {
          /*max-height: calc(100vh - 455px);*/
          max-height: unset; } }
      @media only screen and (max-device-width: 850px) and (orientation: landscape) {
        .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table .table-body {
          /*max-height: calc(100vh - 100px);*/
          max-height: unset; } }
    .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table ::-webkit-scrollbar-thumb {
      background: #5da5a4;
      border-radius: 5px;
      cursor: pointer; }
    .distributor-tab-page .panel-body #sales #divSalesNumberBody .sub-table ::-webkit-scrollbar-thumb:hover {
      background: #4c9594 !important; }

.distributor-tab-page .app-btn {
  border-radius: 5px;
  width: 90px;
  display: inline-block;
  font-size: 11px;
  height: 27px;
  line-height: 27px;
  font-weight: 700; }

.distributor-tab-page .bg-danger {
  background-color: #ffb7b8 !important; }
  .distributor-tab-page .bg-danger:hover {
    background-color: #f1a2a3 !important; }

.distributor-tab-page .bg-success {
  background-color: #c6ffb8 !important; }
  .distributor-tab-page .bg-success:hover {
    background-color: #aeeb9f !important; }

.distributor-tab-page .table .table-body div div {
  height: unset; }

.distributor-tab-page #soTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #soTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #soTotal .float-right {
    float: right !important; }
  .distributor-tab-page #soTotal .row-total {
    width: 32%; }
  .distributor-tab-page #soTotal .row-mt {
    width: 15%; }
  .distributor-tab-page #soTotal .row-Name {
    width: 46%; }

.distributor-tab-page #itemTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #itemTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #itemTotal .float-right {
    float: right !important; }
  .distributor-tab-page #itemTotal .row-total {
    width: 15%; }
  .distributor-tab-page #itemTotal .row-Name {
    width: 79%; }

.distributor-tab-page #accumulateTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #accumulateTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #accumulateTotal .float-right {
    float: right !important; }
  .distributor-tab-page #accumulateTotal .accumulated-item-name {
    width: 29% !important; }
  .distributor-tab-page #accumulateTotal .accumulated-total-order {
    width: 13.2%; }
  .distributor-tab-page #accumulateTotal .accumulated-target-qty {
    width: 9.5% !important; }
  .distributor-tab-page #accumulateTotal .accumulated-balance-qty {
    width: 10.8%; }
  .distributor-tab-page #accumulateTotal .accumulated-order-value {
    width: 10.4% !important; }
  .distributor-tab-page #accumulateTotal .accumulated-allocated-value {
    width: 13.8%; }
  .distributor-tab-page #accumulateTotal .accumulated-shortage-value {
    width: 13.3%; }

.distributor-tab-page #accumulateInvoiceTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #accumulateInvoiceTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #accumulateInvoiceTotal .float-right {
    float: right !important; }
  .distributor-tab-page #accumulateInvoiceTotal .invoice-accumulated-item-name {
    width: 53%; }
  .distributor-tab-page #accumulateInvoiceTotal .invoice-accumulated-item-qty {
    width: 20.2%; }
  .distributor-tab-page #accumulateInvoiceTotal .invoice-accumulated-item-total {
    width: 19.8%; }

.distributor-tab-page #invoiceItemTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #invoiceItemTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #invoiceItemTotal .float-right {
    float: right !important; }
  .distributor-tab-page #invoiceItemTotal .t-item-qty-name {
    width: 75% !important; }
  .distributor-tab-page #invoiceItemTotal .row-totalItemQty {
    width: 18% !important; }

.distributor-tab-page #invoiceTotal {
  display: inline-block;
  width: 100%;
  line-height: 1.5; }
  .distributor-tab-page #invoiceTotal div {
    border-right: 0px solid #e0e3e8; }
  .distributor-tab-page #invoiceTotal .float-right {
    float: right !important; }
  .distributor-tab-page #invoiceTotal .row-Name {
    width: 43%; }
  .distributor-tab-page #invoiceTotal .row-mt {
    width: 10%; }
  .distributor-tab-page #invoiceTotal .row-total {
    width: 18%; }
  .distributor-tab-page #invoiceTotal .row-totalOutstanding {
    width: 29%; }

.distributor-tab-page .cycle {
  color: #ffffff;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  background-color: #F44336;
  border-radius: 50%;
  line-height: 21px;
  font-size: 10px;
  margin-left: 5px; }
  .distributor-tab-page .cycle.green {
    background-color: #4CAF50; }

@media only screen and (max-device-width: 768px) {
  .distributor-tab-page .mobile-w {
    max-height: calc(100vh - 505px) !important; } }

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
  .distributor-tab-page .mobile-w {
    width: 100% !important;
    max-height: unset !important; }
    .distributor-tab-page .mobile-w div {
      width: 100% !important; }
      .distributor-tab-page .mobile-w div div {
        width: 100% !important; } }

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  .distributor-tab-page .mobile-w {
    width: 100% !important;
    max-height: unset !important; }
    .distributor-tab-page .mobile-w div {
      width: 100% !important; }
      .distributor-tab-page .mobile-w div div {
        width: 100% !important; } }

@media only screen and (min-device-width: 1200px) {
  .distributor-tab-page .dw-fix {
    width: 720px !important; } }

#lotDetailModel #lotdetailHeaderDiv .field-validation-error {
  display: inline-block !important;
  width: auto !important;
  font-size: 12px !important;
  position: absolute;
  top: 53px;
  left: auto !important;
  padding: 3px 8px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }

#lotDetailModel #lotdetailHeaderDiv #error_lot_qty {
  display: inline-block !important;
  width: auto !important;
  font-size: 12px !important;
  position: absolute;
  top: 53px;
  left: auto !important;
  margin-left: -84px;
  background-color: #ffecf2;
  border-radius: 5px;
  z-index: 5;
  border: 1px solid #f7dee6; }

.soq-page .table-body .table-header .row-target-qty {
  padding: 5px !important; }

.soq-page .table-body .table-header .row-select label.checkbox {
  float: left;
  margin-left: 10px;
  margin-top: -4px;
  padding: 0px;
  font-weight: normal !important; }
  .soq-page .table-body .table-header .row-select label.checkbox input {
    padding: 0px !important;
    margin: 6px 0px 0px -7px !important; }
  .soq-page .table-body .table-header .row-select label.checkbox .custom-checkbox {
    padding: 0px !important;
    margin: 0px !important;
    border-right: 0px !important;
    font-size: 17px !important; }

.soq-page .table-body .child-rows .row-select {
  display: inline-grid; }
  .soq-page .table-body .child-rows .row-select div.checkbox {
    margin: 0 auto;
    padding: 0px !important;
    border-right: 0px !important;
    margin-top: 3px; }
    .soq-page .table-body .child-rows .row-select div.checkbox input {
      padding: 0px !important;
      margin: 2px -7px !important; }
    .soq-page .table-body .child-rows .row-select div.checkbox .custom-checkbox {
      padding: 0px !important;
      margin: 0px !important;
      border-right: 0px !important;
      font-size: 17px !important; }

.dispatch-note-page .table .table-header .row-category {
  width: 90px !important; }

.dispatch-note-page .table .table-body .row-order {
  width: 106px; }

.dispatch-note-page .table .table-body .old .row-order {
  width: 45px !important; }

.dispatch-note-page .table .table-body .old .w-537px {
  width: 506px !important; }

.dispatch-note-page .table .table-body .old.sub-row .row-order {
  width: 135px !important;
  width: 199px;
  justify-content: flex-end !important;
  border-left: 6px solid #13b2b0; }

.sub-heading-bg {
  font-weight: 700 !important;
  font-size: 12px;
  padding: 4px 11px;
  width: 100%;
  background: #e5e5e5 !important;
  border-right: 0px solid #f2f4f8;
  text-transform: uppercase;
  line-height: 22px !important; }

.dispatch-note-page .target-adjustment .left-panel .d-time {
  min-width: 144px; }
  .dispatch-note-page .target-adjustment .left-panel .d-time select {
    height: 32px !important; }

.dispatch-note-page .target-adjustment .left-panel #divListContainer {
  max-height: calc(100vh - 345px) !important;
  min-height: calc(100vh - 346px) !important; }

.popover .popover-title {
  padding: 5px 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background-color: #f7f7f7 !important;
  font-family: "Khand", sans-serif !important; }

.popover .popover-content {
  padding: 5px 8px !important;
  font-size: 11.5px !important;
  font-family: "Heebo", sans-serif; }

.report-page .location-box {
  max-width: 100% !important; }
  .report-page .location-box .vscomp-toggle-button {
    padding: 4px 8px !important;
    font-size: 12px !important;
    color: #555 !important;
    font-family: inherit !important; }
    .report-page .location-box .vscomp-toggle-button .vscomp-value {
      opacity: unset !important; }
    .report-page .location-box .vscomp-toggle-button .vscomp-clear-button {
      width: 20px !important;
      height: 20px !important;
      margin-top: -10px !important; }
      .report-page .location-box .vscomp-toggle-button .vscomp-clear-button i.vscomp-clear-icon {
        top: 4.5px !important;
        left: 4px !important;
        font-size: 11px !important; }
  .report-page .location-box .vscomp-option span {
    font-size: 12px !important;
    color: #555 !important;
    font-family: inherit !important; }
  .report-page .location-box .vscomp-wrapper {
    font-family: inherit !important; }
  .report-page .location-box .vscomp-search-input {
    font-size: 12px !important;
    color: #555 !important;
    font-family: inherit !important; }

.vscomp-wrapper .checkbox-icon.checked::after {
  border-color: #13b2b0 !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important; }

.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
  border-color: #13b2b0 !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important; }

.sin-a-page .row-lines .row-line .item-row {
  padding: 8px 33px 8px 9px; }

.sin-a-page .row-detailreasons {
  width: 60px;
  padding: 4px 5px 4px !important;
  line-height: 24px !important;
  text-align: center; }
  .sin-a-page .row-detailreasons #btnDetailReasonsPopupIcon {
    background-color: #68a0ec;
    color: #fff !important;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 3px !important;
    width: 20px;
    min-width: unset !important;
    margin-top: 5px; }
    .sin-a-page .row-detailreasons #btnDetailReasonsPopupIcon i {
      font-size: 10px !important;
      margin-top: 0px;
      padding-right: 1px;
      padding-bottom: 0.5px; }
    .sin-a-page .row-detailreasons #btnDetailReasonsPopupIcon:hover {
      background-color: #5494eb; }

.sin-a-page .relesse-qty-btn {
  border-radius: 50%;
  width: 21px !important;
  height: 21px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 0px;
  line-height: 20px;
  margin-left: 0px;
  background-color: #13b2b0;
  color: white;
  border: 1px solid #fff; }

.sin-a-page .row-accept-qty-header, .sin-a-page .row-return-qty-header {
  width: 135px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.sin-a-page .row-accept-qty, .sin-a-page .row-return-qty {
  width: 135px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent !important; }
  .sin-a-page .row-accept-qty input, .sin-a-page .row-return-qty input {
    width: 80% !important; }

#summaryPanel .chk-panel-heading .checkbox {
  float: right;
  margin: 2px 3px 2px 0; }
  #summaryPanel .chk-panel-heading .checkbox .custom-checkbox-element {
    margin: 5px 0px 3px -8px !important;
    height: 14px;
    width: 14px;
    z-index: 999999; }
  #summaryPanel .chk-panel-heading .checkbox .custom-checkbox {
    font-size: 17px;
    margin-left: -3px !important; }

@media only screen and (min-width: 1920px) {
  .body-content .soq-page.delivery-shortages-page .grid-table #divMainTable #divHeader .row-name, .body-content .soq-page.delivery-shortages-page .grid-table #divMainTable .div-rows .row-name {
    width: 47.5% !important; }
  .body-content .soq-page .grid-table #divMainTable #divHeader .row-name, .body-content .soq-page .grid-table #divMainTable .div-rows .row-name {
    width: calc(100vw - 1270px) !important; }
  .body-content .soq-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
    width: calc(100vw - 1326px) !important; }
  .body-content .soq-page .grid-table.sub-table .table .row-name {
    width: calc(100vw - 1326px) !important; }
  .body-content .soq-page.delivery-shortages-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
    width: 16.65% !important; }
  .menu-collapsed .body-content .soq-page .grid-table #divMainTable #divHeader .row-name, .menu-collapsed .body-content .soq-page .grid-table #divMainTable .div-rows .row-name {
    width: calc(100vw - 1090px) !important; }
  .menu-collapsed .body-content .soq-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
    width: calc(100vw - 1145px) !important; }
  .menu-collapsed .body-content .soq-page .grid-table.sub-table .table .row-name {
    width: calc(100vw - 1145px) !important; }
  .menu-collapsed .body-content .soq-page.delivery-shortages-page .grid-table #divBody .sub-table .table .table-body .child-rows .row-name {
    width: 16.45% !important; }
  .soq-page .card .card-body .grid-table #divMainTable {
    overflow: auto;
    max-width: 100vw; } }

.soq-page .div-rows .row-target-percentage {
  display: block !important;
  height: unset !important;
  padding-left: 0px !important; }
  .soq-page .div-rows .row-target-percentage .w-20px {
    margin-left: 5px !important; }
  .soq-page .div-rows .row-target-percentage .rager-input-main .w-20px {
    background: #f16275 !important; }
  .soq-page .div-rows .row-target-percentage .rager-input-first .w-20px {
    background: #479bfd !important; }

.soq-page .div-rows .row-target-percentage > div {
  border-right: 0px !important; }

.soq-page .child-container .table-header .row-excess-qty {
  background-color: #ff4a62;
  color: #fff; }

.soq-page .child-container .table-header .row-target-qty {
  background-color: #479bfd;
  color: #fff; }

.soq-page .parent-div {
  line-height: 61px !important; }
  .soq-page .parent-div .action i {
    line-height: 61px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type='range'].range-2 {
    background: linear-gradient(to right, #ff4a62 0%, #ff4a62 100%, #fff 50%, #fff 100%);
    border: solid 1px #ff4a62;
    border-radius: 8px;
    height: 8px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin-top: 8px; }
  input[type='range'].range-2::-webkit-slider-thumb {
    background-color: #ff4a62;
    border: solid 7.5px #ff4a62;
    border-radius: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-appearance: none; }
  input[type='range'].range-1 {
    background: linear-gradient(to right, #479bfd 0%, #479bfd 100%, #fff 50%, #fff 100%);
    border: solid 1px #479bfd;
    border-radius: 8px;
    height: 8px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    margin-top: 8px; }
  input[type='range'].range-1::-webkit-slider-thumb {
    background-color: #479bfd;
    border: solid 7.5px #479bfd;
    border-radius: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-appearance: none; } }

#soDetailReleasePopup .width-73-percent {
  width: 85% !important; }

#soDetailReleasePopup #relaseSoListContainer {
  max-height: 340px !important; }

#soDetailReleasePopup .div-rows {
  border-right: 1px solid #eee; }

#soDetailReleasePopup .table-header {
  border-right: 1px solid #eee; }

#soDetailReleasePopup .row-available-qty {
  width: 100px !important;
  text-align: right !important; }

#soDetailReleasePopup .row-target-qty {
  text-align: right !important; }

#soDetailReleasePopup .row-code {
  text-align: center !important; }

#soDetailReleasePopup .row-item {
  width: 218px; }

#soDetailReleasePopup .row-so-check {
  width: 100px;
  text-align: center !important;
  border-right: 0 !important; }

#soDetailReleasePopup .expand-out-div-common-class {
  padding: 4px 8px !important;
  cursor: pointer; }
  #soDetailReleasePopup .expand-out-div-common-class i {
    font-weight: bold; }

#divItemQuantity .table-header .row-Name {
  width: 39%; }

#divItemQuantity .table-header .row-mt-qty {
  width: 15%; }

#divItemQuantity .table-header .row-gt-qty {
  width: 14.8%; }

#divItemQuantity .table-header .row-total-qty {
  width: 24.2%; }

#divItemQuantity .wrapper-distributor-qty .main-sub-row .row-Name {
  width: 39%; }

#divItemQuantity .wrapper-distributor-qty .main-sub-row .row-mt-qty {
  width: 15%; }

#divItemQuantity .wrapper-distributor-qty .main-sub-row .row-gt-qty {
  width: 14.9%; }

#divItemQuantity .wrapper-distributor-qty .main-sub-row .row-total-qty {
  width: 24.2%; }

@media only screen and (max-width: 1200px) {
  #divItemQuantity .action {
    width: 7%;
    padding: 6px 0px; }
  #divItemQuantity .row-Name {
    width: 38.8% !important; } }

#divItemQuantity .div-child .sub-table .table {
  padding-left: 2px !important; }
  #divItemQuantity .div-child .sub-table .table .table-header {
    /* .item-sellingprice-total {
                        width: 25%;
                        text-align: right;
                    }*/ }
    #divItemQuantity .div-child .sub-table .table .table-header div div {
      padding: 5px 5px !important; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-name {
      width: 30%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-qty {
      width: 10%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-mt-qty {
      width: 9%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-mt-total {
      width: 14%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-gt-qty {
      width: 9%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-gt-total {
      width: 14%; }
    #divItemQuantity .div-child .sub-table .table .table-header .item-total {
      width: 14%; }
  #divItemQuantity .div-child .sub-table .table .table-body {
    width: 100% !important; }
  #divItemQuantity .div-child .sub-table .table .div-rows {
    /* .item-sellingprice-total {
                        width: 25%;
                        text-align: right;
                    }*/ }
    #divItemQuantity .div-child .sub-table .table .div-rows div div {
      padding: 5px 5px !important; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-name {
      width: 30%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-qty {
      width: 10%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-mt-qty {
      width: 9%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-mt-total {
      width: 14%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-gt-qty {
      width: 9%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-gt-total {
      width: 14%; }
    #divItemQuantity .div-child .sub-table .table .div-rows .item-total {
      width: 14%; }

.wrapper-distributor-sales-order #divBodySo .t-item-qty-name {
  width: 78% !important; }

.wrapper-distributor-sales-order .t-item-qty-name {
  width: 77.7% !important; }

.wrapper-distributor-sales-order .row-totalItemQty {
  width: 15% !important; }

.wrapper-distributor-invoice .t-item-qty-name {
  width: 75% !important; }

.wrapper-distributor-invoice .row-totalItemQty {
  width: 18% !important; }

@media only screen and (max-width: 1200px) {
  .wrapper-distributor-invoice .t-item-qty-name {
    width: 75% !important; }
  .wrapper-distributor-invoice .row-totalItemQty {
    width: 18% !important; } }

.report-page .btn-export-new {
  background-color: #1389b2 !important; }

.grnote-page {
  height: auto !important; }
  .grnote-page .panel .panel-body {
    padding: 7px !important; }
    .grnote-page .panel .panel-body .center-panel .item-lists {
      width: 250px;
      padding: 0px !important; }
      @media screen and (max-width: 1920px) and (min-width: 1800px) {
        .grnote-page .panel .panel-body .center-panel .item-lists {
          width: 300px; } }
      .grnote-page .panel .panel-body .center-panel .item-lists .panel-heading {
        padding: 3px !important; }
      .grnote-page .panel .panel-body .center-panel .item-lists .panel-body {
        padding: 0px !important; }
        .grnote-page .panel .panel-body .center-panel .item-lists .panel-body #divListContainer {
          /* max-height: 551px !important;*/
          max-height: calc(100vh - 223px) !important; }
          @media screen and (max-width: 1800px) and (min-width: 1200px) {
            .grnote-page .panel .panel-body .center-panel .item-lists .panel-body #divListContainer {
              max-height: calc(100vh - 213px) !important; } }
          .grnote-page .panel .panel-body .center-panel .item-lists .panel-body #divListContainer .row-line .item-row span {
            max-width: 85px;
            text-overflow: ellipsis !important;
            overflow: hidden; }
    .grnote-page .panel .panel-body .center-panel .item-lists.collapsed {
      width: 62px !important; }
      .grnote-page .panel .panel-body .center-panel .item-lists.collapsed .search {
        display: none; }
      .grnote-page .panel .panel-body .center-panel .item-lists.collapsed .panel-body {
        display: none; }
    .grnote-page .panel .panel-body .center-panel .flexible-panels.collapsed ~ .form {
      width: calc(100% - 72px) !important; }
    @media screen and (max-width: 1800px) and (min-width: 1200px) {
      .grnote-page .panel .panel-body .center-panel .right-panel {
        width: calc(100% - 261px);
        /*max-height: 460px;*/ } }
    @media screen and (max-width: 1920px) and (min-width: 1800px) {
      .grnote-page .panel .panel-body .center-panel .right-panel {
        width: auto;
        /*height: 585px;*/ } }
    .grnote-page .panel .panel-body .center-panel .right-panel form {
      display: unset !important; }
      @media screen and (max-width: 1423px) {
        .grnote-page .panel .panel-body .center-panel .right-panel form .inv-date {
          margin-left: 0px; } }
      @media screen and (max-width: 1800px) and (min-width: 1423px) {
        .grnote-page .panel .panel-body .center-panel .right-panel form .amount-box {
          margin-left: 0px; } }
    @media screen and (max-width: 1366px) {
      .grnote-page .panel .panel-body .center-panel .right-panel .card-body .custom-width .grid-table .table .table-body#divBody {
        max-height: calc(100vh - 550px) !important; } }
    @media screen and (max-width: 1800px) and (min-width: 1200px) {
      .grnote-page .panel .panel-body .center-panel .right-panel .custom-width {
        width: calc(100% - -3px) !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table {
          width: 1149px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-order {
            width: 40px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-item {
            width: 251px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-code {
            width: 85px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-size {
            width: 70px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-stock {
            width: 70px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-date {
            width: 83px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-discount {
            width: 80px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-price {
            width: 80px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-sellingPrice {
            width: 76px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-amount {
            width: 100px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody {
            width: 1137px !important;
            max-height: calc(100vh - 630px) !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-order {
              width: 40px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-item {
              width: 251px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-code {
              width: 85px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-size {
              width: 70px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-lotNumber {
              width: 80px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-stock {
              width: 70px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-date {
              width: 83px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-discount {
              width: 80px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-sellingPrice {
              width: 76px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-price {
              width: 80px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-amount {
              width: 100px !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .total-amount {
          max-width: 1161px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .total-amount .total-amount-align {
            margin-right: 0px !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width #divRemarksHistoryContent .grid-table {
          width: 719px !important; } }
    @media screen and (max-width: 1920px) and (min-width: 1800px) {
      .grnote-page .panel .panel-body .center-panel .right-panel .custom-width {
        width: calc(100% - -3px) !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table {
          width: 1290px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-order {
            width: 40px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-item {
            width: 320px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-code {
            width: 85px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-size {
            width: 100px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-stock {
            width: 70px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-date {
            width: 83px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-discount {
            width: 80px; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-price {
            width: 100px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-sellingPrice {
            width: 86px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-header .row-amount {
            width: 100px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody {
            width: 1286px !important;
            max-height: calc(100vh - 578px) !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-order {
              width: 40px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-item {
              width: 320px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-code {
              width: 85px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-size {
              width: 100px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-lotNumber {
              width: 100px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-stock {
              width: 70px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-date {
              width: 83px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-discount {
              width: 80px; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-sellingPrice {
              width: 86px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-price {
              width: 100px !important; }
            .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .grid-table .table .table-body#divBody .row-amount {
              width: 100px !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .total-amount {
          max-width: 1310px !important; }
          .grnote-page .panel .panel-body .center-panel .right-panel .custom-width .total-amount .total-amount-align {
            margin-right: 0px !important; }
        .grnote-page .panel .panel-body .center-panel .right-panel .custom-width #divRemarksHistoryContent .grid-table {
          width: 719px !important; } }

.receipt-page .left-panel {
  width: 340px; }
  .receipt-page .left-panel .headers .price {
    padding-right: 26px !important; }
  .receipt-page .left-panel #divListContainer .row-line {
    display: flex; }
    .receipt-page .left-panel #divListContainer .row-line .item-row {
      width: 100%;
      border-right: 0px !important; }
      .receipt-page .left-panel #divListContainer .row-line .item-row span.date {
        margin-left: 8px; }
      .receipt-page .left-panel #divListContainer .row-line .item-row span.price {
        margin-right: 0px; }
  .receipt-page .left-panel #divListContainer .row-line:nth-of-type(odd) {
    background-color: #fefeff; }
  .receipt-page .left-panel #divListContainer .row-line:nth-of-type(even) {
    background-color: #f7faff; }
  .receipt-page .left-panel #divListContainer .row-line > div {
    display: flex; }
    .receipt-page .left-panel #divListContainer .row-line > div button {
      min-width: unset;
      background-color: unset !important;
      color: #2196f3;
      font-size: 15px;
      border-top: 1px solid #eaeef5;
      border-bottom: 1px solid #eaeef5;
      border-right: 1px solid #eaeef5;
      padding-right: 5px !important; }

#ReciptPartiallySettledPopup .modal-dialog {
  max-width: 230px; }
  #ReciptPartiallySettledPopup .modal-dialog .d-box {
    display: unset; }
    #ReciptPartiallySettledPopup .modal-dialog .d-box .p-amount {
      width: 190px;
      line-height: 15px;
      margin-top: 3px;
      font-size: 13px !important; }
    #ReciptPartiallySettledPopup .modal-dialog .d-box input {
      text-align: right;
      width: 197px;
      padding-right: 5px; }
  #ReciptPartiallySettledPopup .modal-dialog #maxAmountLabel {
    font-weight: 600;
    margin-bottom: 0px !important;
    margin-top: 10px;
    position: relative;
    display: block;
    padding-left: 3px; }

.sodetail-dispatch-popup .checkbox {
  margin: 0px !important;
  padding-top: 0px !important; }
  .sodetail-dispatch-popup .checkbox .custom-checkbox {
    color: #d0d4da !important;
    margin: 0px !important;
    margin: -4px -15px 0 0;
    font-size: 17px !important;
    padding-top: 0px !important;
    border-right: 0px !important; }
  .sodetail-dispatch-popup .checkbox .custom-checkbox-element:checked ~ .custom-checkbox {
    color: #13b2b0 !important; }

.sodetail-dispatch-popup .modal-header {
  padding: 8px 15px 6px;
  border-bottom: 1px solid #e8eef9;
  background-color: #e8eef9;
  border-radius: 6px 6px 0 0;
  font-size: 10px; }
  .sodetail-dispatch-popup .modal-header h4 {
    border-bottom: 0px !important;
    padding: 0px !important;
    font-size: 14px !important;
    color: #000 !important;
    font-weight: bold;
    font-family: unset !important; }
  .sodetail-dispatch-popup .modal-header button {
    margin-top: 0px !important;
    font-size: 21px !important; }

.sodetail-dispatch-popup .modal-body .div-rows {
  width: 100% !important; }
  .sodetail-dispatch-popup .modal-body .div-rows span {
    display: flex; }
    .sodetail-dispatch-popup .modal-body .div-rows span div.width-73-percent {
      width: 85% !important; }
    .sodetail-dispatch-popup .modal-body .div-rows span .row-qty {
      width: 100px;
      text-align: right;
      padding-right: 15px;
      padding-top: 4px; }
    .sodetail-dispatch-popup .modal-body .div-rows span .row-name {
      padding-top: 4px; }
    .sodetail-dispatch-popup .modal-body .div-rows span div input {
      float: right;
      margin-right: 8px; }
    .sodetail-dispatch-popup .modal-body .div-rows span .checkbox {
      padding-right: 10px !important; }

.sodetail-dispatch-popup .modal-body .sub-table .table-header {
  padding: 0px !important;
  width: auto !important; }
  .sodetail-dispatch-popup .modal-body .sub-table .table-header .row-code {
    width: 60px !important; }
  .sodetail-dispatch-popup .modal-body .sub-table .table-header .row-item {
    width: 146px !important; }
  .sodetail-dispatch-popup .modal-body .sub-table .table-header .row-target-qty {
    width: 100px !important; }
  .sodetail-dispatch-popup .modal-body .sub-table .table-header .row-so-check {
    width: 50px !important;
    font-weight: normal !important;
    padding-top: 4px !important; }

.sodetail-dispatch-popup .modal-body .sub-table .table-body {
  width: auto; }
  .sodetail-dispatch-popup .modal-body .sub-table .table-body .div-rows {
    padding: 0px !important; }
    .sodetail-dispatch-popup .modal-body .sub-table .table-body .div-rows .row-code {
      width: 60px !important; }
    .sodetail-dispatch-popup .modal-body .sub-table .table-body .div-rows .row-item {
      width: 146px !important; }
    .sodetail-dispatch-popup .modal-body .sub-table .table-body .div-rows .row-target-qty {
      width: 100px !important; }
    .sodetail-dispatch-popup .modal-body .sub-table .table-body .div-rows .row-so-check {
      width: 50px !important; }

.invoice-sec-page #lblMainCusName {
  margin-top: 65px !important;
  left: 0px !important; }

.invoice-sec-page .inv-search {
  min-width: 340px !important; }

.user-controls .mssg-ico .btn {
  min-width: 38px !important;
  padding: 0px !important;
  background-color: unset !important;
  display: grid;
  padding-right: 3px !important; }
  .user-controls .mssg-ico .btn i {
    border-right: 1px #ddd solid !important; }
  .user-controls .mssg-ico .btn i:before {
    border: 1px #ddd solid !important;
    border-radius: 3px;
    padding: 5px !important;
    margin-right: 9px !important; }

#divLstMsgBody .msgInfoWrapper {
  text-align: center !important;
  padding: 20px 0px;
  text-transform: uppercase;
  font-weight: 600;
  color: #5e5e5e; }

#divLstMsgBody .info-success {
  text-align: center !important; }
  #divLstMsgBody .info-success i {
    padding: 10px;
    color: #8be97a;
    font-size: 20px;
    border: 2px #8be97a solid;
    border-radius: 30px;
    width: 44px;
    height: 44px;
    background-color: #f2fff2; }

#divLstMsgBody .info-error {
  text-align: center !important; }
  #divLstMsgBody .info-error i {
    padding: 10px;
    color: #eb8b93;
    font-size: 20px;
    border: 2px #eb8b93 solid;
    border-radius: 30px;
    width: 44px;
    height: 44px;
    background: #fef3f7 none repeat scroll 0 0; }

.inv-price-pop .modal-dialog {
  max-width: 190px; }
  .inv-price-pop .modal-dialog #divPriceContainer {
    max-height: calc(100vh - 254px) !important;
    overflow: auto; }

#cnCategoryPopup .modal-dialog {
  max-width: 274px; }

.target-qty-danger-parent-row, .major-row-danger, .target-qty-danger-child-row {
  background-color: #fb76765c !important; }

.lot-inquiry-page .form .form-group label {
  width: auto !important;
  font-weight: 700; }

.lot-inquiry-page .form .form-group .width-130px {
  width: 130px !important; }

.lot-inquiry-page .form .form-group .width-250 {
  width: 235px !important; }
  @media only screen and (min-device-width: 1520px) {
    .lot-inquiry-page .form .form-group .width-250 {
      width: 235px !important; } }
  @media only screen and (min-device-width: 1921px) {
    .lot-inquiry-page .form .form-group .width-250 {
      width: 192px !important; } }

@media only screen and (min-width: 1850px) and (max-width: 1920px) {
  .lot-inquiry-page .form .form-group .width-150 {
    width: 100px !important; } }

.lot-inquiry-page .form .form-group .form-control {
  padding: 4px 5px; }

.lot-inquiry-page #frmForm .card {
  border: 1px solid #ededed;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 2px 3px #f5f5f5; }

.lot-inquiry-page .grid-table {
  overflow-x: auto;
  width: 100%; }
  .lot-inquiry-page .grid-table .table .table-body .w-200, .lot-inquiry-page .grid-table .table .table-header .w-200 {
    width: 200px !important; }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .lot-inquiry-page .grid-table .table .table-body .w-200, .lot-inquiry-page .grid-table .table .table-header .w-200 {
        width: 200px !important; } }
  .lot-inquiry-page .grid-table .table .table-body .w-300, .lot-inquiry-page .grid-table .table .table-header .w-300 {
    width: 300px !important; }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .lot-inquiry-page .grid-table .table .table-body .w-300, .lot-inquiry-page .grid-table .table .table-header .w-300 {
        width: 300px !important; } }
  .lot-inquiry-page .grid-table .table .table-body .w-130, .lot-inquiry-page .grid-table .table .table-header .w-130 {
    width: 130px !important; }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .lot-inquiry-page .grid-table .table .table-body .w-130, .lot-inquiry-page .grid-table .table .table-header .w-130 {
        width: 130px !important; } }
  .lot-inquiry-page .grid-table #divMainTable2 {
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(35vw);
    max-height: calc(100vh - 375px); }
    @media only screen and (min-width: 1500px) and (max-width: 1790px) {
      .lot-inquiry-page .grid-table #divMainTable2 {
        width: calc(39vw); } }
    @media only screen and (min-width: 1800px) {
      .lot-inquiry-page .grid-table #divMainTable2 {
        width: calc(41vw); } }
    .lot-inquiry-page .grid-table #divMainTable2 .table-header {
      width: 848px; }
      @media only screen and (min-width: 1800px) {
        .lot-inquiry-page .grid-table #divMainTable2 .table-header {
          /*width: 998px !important;*/
          width: auto !important; } }
    .lot-inquiry-page .grid-table #divMainTable2 .table-body {
      width: 848px;
      max-height: calc(100vh - 510px) !important;
      overflow-y: scroll; }
      @media only screen and (min-width: 1800px) {
        .lot-inquiry-page .grid-table #divMainTable2 .table-body {
          width: auto !important; } }
      .lot-inquiry-page .grid-table #divMainTable2 .table-body .div-rows {
        border-left: 8px solid transparent !important;
        margin-left: 3px; }

.production-flow-page .panel-body {
  padding: 14px 6px 14px 16px; }
  .production-flow-page .panel-body .w-percent-23 {
    width: 31.2% !important; }
    .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-header {
      max-height: 32px;
      /*display: flex;
                        align-items: center;
                        justify-content: space-between;*/ }
      .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-header h3 {
        max-width: 64% !important; }
      .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-header h6 {
        margin-top: 1px !important; }
        .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-header h6 span {
          font-size: 12px; }
    .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-body .wo-status {
      margin-top: -7px !important; }
    .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-body h6 span {
      font-size: 12px; }
    .production-flow-page .panel-body .w-percent-23 .wo-card .card .job-card-body .h-16px .workOrderCardDateTimeText {
      font-size: 12px; }

.lot-traceability-page {
  overflow: unset !important; }
  .lot-traceability-page .w-483 {
    width: 473px !important; }
  .lot-traceability-page .center-panel {
    /*max-width: 1283px;*/
    max-width: 1436px; }
    .lot-traceability-page .center-panel .card-body form .search-box {
      height: 38px; }
      .lot-traceability-page .center-panel .card-body form .search-box input.dt-box {
        width: 280px; }
      .lot-traceability-page .center-panel .card-body form .search-box .btn {
        color: #fff !important;
        border: 1px solid #13b2b0; }
    .lot-traceability-page .center-panel .card-body form .lot-name input {
      font-size: 20px !important;
      font-family: "Khand", sans-serif;
      color: #13b2b0; }
    .lot-traceability-page .center-panel .card-body form .detail-card {
      background-color: #F3F5F7; }
      .lot-traceability-page .center-panel .card-body form .detail-card .form-group label {
        background-color: #98D0D7;
        padding: 6px 10px;
        margin: 0px;
        color: #fff !important;
        font-weight: normal; }
      .lot-traceability-page .center-panel .card-body form .detail-card .form-group input {
        width: 100px; }
      .lot-traceability-page .center-panel .card-body form .detail-card .form-group input.date {
        width: 80px; }
      .lot-traceability-page .center-panel .card-body form .detail-card .form-group > div {
        margin-left: 0px !important;
        padding: 0px !important; }
    .lot-traceability-page .center-panel .card-body form .bom-card {
      border-left: 5px #13b2b0 solid !important;
      background-color: #F3F5F7;
      overflow: hidden; }
      .lot-traceability-page .center-panel .card-body form .bom-card .tit::before {
        content: "";
        position: absolute;
        left: 166px;
        top: 14px;
        height: 1px;
        width: 100%;
        color: #bbb;
        background-color: #ffff; }
      .lot-traceability-page .center-panel .card-body form .bom-card .action {
        position: relative;
        width: 20px;
        height: 20px;
        background-color: #61C9C8;
        border-radius: 20px;
        margin-top: 2px; }
        .lot-traceability-page .center-panel .card-body form .bom-card .action i {
          font-size: 16px;
          color: #fff;
          position: absolute;
          top: 3px;
          left: 3px; }
        .lot-traceability-page .center-panel .card-body form .bom-card .action .icofont-rounded-up {
          left: 2px;
          top: 2px; }
      .lot-traceability-page .center-panel .card-body form .bom-card .grid-table #divMainTable1 {
        overflow: auto;
        padding-left: 30px; }
        .lot-traceability-page .center-panel .card-body form .bom-card .grid-table #divMainTable1 .table-body {
          max-height: calc(100vh - 510px) !important;
          overflow-y: auto;
          background-color: #fff; }
        .lot-traceability-page .center-panel .card-body form .bom-card .grid-table #divMainTable1 .table-header {
          background-color: #9DCEE3; }
    .lot-traceability-page .center-panel .card-body form .dispatch-card {
      border-left: 5px #13b2b0 solid !important;
      background-color: #F3F5F7;
      overflow: hidden; }
      .lot-traceability-page .center-panel .card-body form .dispatch-card .tit::before {
        content: "";
        position: absolute;
        left: 166px;
        top: 14px;
        height: 1px;
        width: 100%;
        color: #bbb;
        background-color: #ffff; }
      .lot-traceability-page .center-panel .card-body form .dispatch-card .action {
        position: relative;
        width: 20px;
        height: 20px;
        background-color: #61C9C8;
        border-radius: 20px;
        margin-top: 2px; }
        .lot-traceability-page .center-panel .card-body form .dispatch-card .action i {
          font-size: 16px;
          color: #fff;
          position: absolute;
          top: 3px;
          left: 3px; }
        .lot-traceability-page .center-panel .card-body form .dispatch-card .action .icofont-rounded-up {
          left: 2px; }
      .lot-traceability-page .center-panel .card-body form .dispatch-card .grid-table {
        overflow-x: auto;
        width: 100%; }
        .lot-traceability-page .center-panel .card-body form .dispatch-card .grid-table #divMainTable2 {
          width: 100% !important;
          overflow: auto;
          padding-left: 30px; }
          .lot-traceability-page .center-panel .card-body form .dispatch-card .grid-table #divMainTable2 .table-header {
            width: auto !important;
            background-color: #B3E29F; }
          .lot-traceability-page .center-panel .card-body form .dispatch-card .grid-table #divMainTable2 .table-body {
            width: auto !important;
            max-height: calc(100vh - 510px) !important;
            overflow-y: auto;
            background-color: #fff; }
          .lot-traceability-page .center-panel .card-body form .dispatch-card .grid-table #divMainTable2 .div-rows {
            border-left: 3px solid #f2f4f8 !important;
            margin-left: 0px; }
  .lot-traceability-page hr {
    margin-bottom: 10px !important;
    margin-top: 10px !important; }
  .lot-traceability-page .btn-clear {
    color: #333;
    background-color: #fff;
    border-color: #ccc; }
  .lot-traceability-page.lot-inquiry-page .grid-table #divMainTable2 .table-header .w-130, .lot-traceability-page.lot-inquiry-page .grid-table #divMainTable2 .table-body .w-130 {
    width: 183px !important; }

.dscsq-page .center-panel .single-button form input {
  min-width: 30px !important;
  padding: 0 8px 0 8px !important; }

@media screen and (max-device-width: 1367px) {
  .crn-approval-page .total-amount.cr {
    margin-right: 117px; } }

.crn-approval-page .total-amount.cr {
  margin-right: 114px; }

.supplier-return-page .center-panel .grid-headers {
  width: max-content;
  background-color: #f2f4f8;
  border-bottom: 1px solid #e0e3e8; }
  .supplier-return-page .center-panel .grid-headers .item-field {
    width: 402px !important; }
  .supplier-return-page .center-panel .grid-headers .category-field {
    width: 139px !important; }
  .supplier-return-page .center-panel .grid-headers .order-field {
    width: 39px !important; }
  .supplier-return-page .center-panel .grid-headers .qty-field {
    width: 120px !important; }
  .supplier-return-page .center-panel .grid-headers #txtItemDiscountPercentage {
    width: 60px !important; }

.supplier-return-page .center-panel .grid-table {
  width: max-content !important; }
  .supplier-return-page .center-panel .grid-table .table .row-order {
    text-align: center !important;
    width: 39px !important; }
  .supplier-return-page .center-panel .grid-table .table .row-name {
    width: 401px !important; }
  .supplier-return-page .center-panel .grid-table .table .row-category {
    width: 137px;
    text-align: left; }
  .supplier-return-page .center-panel .grid-table .table .row-return-qty {
    width: 118px !important; }
  .supplier-return-page .center-panel .grid-table .table .row-qty {
    width: 120px !important; }
  .supplier-return-page .center-panel .grid-table .table .row-amount {
    width: 150px !important; }
  .supplier-return-page .center-panel .grid-table .table .row-discount {
    width: 130px !important; }

.supplier-return-page .center-panel .total-amount {
  padding-right: 107px; }

/*@media screen and (max-device-width: 1520px) {

    .supplier-return-page {

        .center-panel {
            max-width: calc(100vw - 175px)!important;
        }
    }
}

@media screen and (max-device-width: 1900px) {

.supplier-return-page{
    
    .center-panel {
    max-width: 100%;
    }
    }
}*/
.damage-note-page .right-panel {
  width: 1040px; }
  .damage-note-page .right-panel .grid-headers {
    width: 99% !important; }
    .damage-note-page .right-panel .grid-headers .category-field {
      width: 158px !important; }
    .damage-note-page .right-panel .grid-headers .reason-field {
      width: 129px !important; }
    @media only screen and (min-width: 1400px) and (max-width: 1920px) {
      .damage-note-page .right-panel .grid-headers .reason-field {
        width: 210px !important; } }
  .damage-note-page .right-panel .grid-table .table-header {
    width: max-content; }
  .damage-note-page .right-panel .grid-table .row-name {
    width: 577px !important; }
  .damage-note-page .right-panel .grid-table .row-category {
    width: 157px !important;
    text-align: left; }
  .damage-note-page .right-panel .grid-table .row-reason {
    width: 129px !important;
    text-align: left; }
  @media only screen and (min-width: 1400px) and (max-width: 1920px) {
    .damage-note-page .right-panel .grid-table .row-reason {
      width: 210px !important;
      text-align: left; } }
  .damage-note-page .right-panel .grid-table .action {
    margin: 0 auto;
    text-align: center; }
  .damage-note-page .right-panel .grid-table .table-body {
    width: auto; }

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .damage-note-page .right-panel {
    width: 1120px !important; } }

.damage-note-page .div-rows:hover .row-detailreasons {
  background-color: #c9c9c9 !important; }

.customermain-page .right-panel .sub-body {
  background-color: #fbfcff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  display: inline-block;
  padding: 10px;
  margin: 10px;
  /*
            .large-field {
                width: 229px;
            }

            .small-box {
                width: 98px
            }
*/ }
  .customermain-page .right-panel .sub-body .street-box {
    width: 400px; }
  .customermain-page .right-panel .sub-body .city-box {
    width: 60%; }
  .customermain-page .right-panel .sub-body .telephone-box {
    width: 137px; }
  .customermain-page .right-panel .sub-body .medium-field {
    width: 44%; }
  .customermain-page .right-panel .sub-body .suite-box {
    width: 44%; }
  .customermain-page .right-panel .sub-body .zip-box {
    width: 28%; }
  .customermain-page .right-panel .sub-body .telephone-box {
    width: 24%; }
  .customermain-page .right-panel .sub-body .fax-box {
    width: 24%; }
  .customermain-page .right-panel .sub-body .wapp-box {
    width: 37%; }
  .customermain-page .right-panel .sub-body .email-box {
    width: 37%; }
  .customermain-page .right-panel .sub-body .wrapper-with-whatsappno .telephone-box {
    width: 28.33%; }
  .customermain-page .right-panel .sub-body .wrapper-with-whatsappno .fax-box {
    width: 28.33%; }
  .customermain-page .right-panel .sub-body .wrapper-with-whatsappno .wapp-box {
    width: 28.33%; }
  .customermain-page .right-panel .sub-body .wrapper-with-whatsappno .email-box {
    width: 44%; }
  .customermain-page .right-panel .sub-body .sub-left {
    background-color: #fbfcff; }
    .customermain-page .right-panel .sub-body .sub-left .sub-title {
      padding-bottom: 5px; }
  .customermain-page .right-panel .sub-body .sub-right {
    background-color: #fbfcff; }
    .customermain-page .right-panel .sub-body .sub-right .sub-title:before {
      content: '';
      width: 1px;
      height: 16px;
      background-color: #ddd;
      position: absolute;
      left: 142px;
      top: 10px; }
    .customermain-page .right-panel .sub-body .sub-right .sub-title {
      padding-right: 10px; }
  .customermain-page .right-panel .sub-body .sub-title {
    font-size: 15px;
    font-weight: bold;
    padding-top: 8px;
    padding-left: 10px !important; }
  .customermain-page .right-panel .sub-body .subhead-check label {
    padding-top: 10px; }
  .customermain-page .right-panel .sub-body .subhead-check .custom-checkbox {
    margin-top: 8px !important;
    height: 13px;
    width: 13px; }
  .customermain-page .right-panel .sub-body .subhead-check .custom-checkbox-element {
    float: left !important; }

@media screen and (max-device-width: 1620px) {
  .customermain-page .telephone-box {
    width: 45% !important; }
  .customermain-page .fax-box {
    width: 41% !important; }
  .customermain-page .email-box {
    width: 60% !important; } }

@media screen and (max-device-width: 1367px) {
  .customermain-page .sub-body .wrapper-with-whatsappno .email-box {
    width: 49% !important; }
  .customermain-page .sub-body .wrapper-with-whatsappno .wapp-box {
    width: 37% !important; }
  .customermain-page .sub-body .email-box {
    width: 92% !important; }
  .customermain-page .sub-body .medium-field {
    width: 43% !important; }
  .customermain-page .sub-body .suite-box {
    width: 43% !important; }
  .customermain-page .sub-body .city-box {
    width: 58% !important; }
  .customermain-page .sub-body .zip-box {
    width: 28% !important; }
  .customermain-page .sub-body .email-box {
    width: % !important; } }

#permentDamgePopup, #PreReleasePopup, #reusableDamgePopup, #storeOrderRejectPopup, #reasonPopup, #consumptionItemReturnPopup {
  background: rgba(0, 0, 0, 0.4); }
  #permentDamgePopup .modal-body .table-header, #PreReleasePopup .modal-body .table-header, #reusableDamgePopup .modal-body .table-header, #storeOrderRejectPopup .modal-body .table-header, #reasonPopup .modal-body .table-header, #consumptionItemReturnPopup .modal-body .table-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 2px !important;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    background-color: #62dbd9;
    color: white; }
    #permentDamgePopup .modal-body .table-header#divUserShiftHeader, #PreReleasePopup .modal-body .table-header#divUserShiftHeader, #reusableDamgePopup .modal-body .table-header#divUserShiftHeader, #storeOrderRejectPopup .modal-body .table-header#divUserShiftHeader, #reasonPopup .modal-body .table-header#divUserShiftHeader, #consumptionItemReturnPopup .modal-body .table-header#divUserShiftHeader {
      background-color: #62dbd9;
      color: white; }
  #permentDamgePopup .modal-body input[type='text'].form-control, #permentDamgePopup .modal-body input[type="date"], #permentDamgePopup .modal-body select, #PreReleasePopup .modal-body input[type='text'].form-control, #PreReleasePopup .modal-body input[type="date"], #PreReleasePopup .modal-body select, #reusableDamgePopup .modal-body input[type='text'].form-control, #reusableDamgePopup .modal-body input[type="date"], #reusableDamgePopup .modal-body select, #storeOrderRejectPopup .modal-body input[type='text'].form-control, #storeOrderRejectPopup .modal-body input[type="date"], #storeOrderRejectPopup .modal-body select, #reasonPopup .modal-body input[type='text'].form-control, #reasonPopup .modal-body input[type="date"], #reasonPopup .modal-body select, #consumptionItemReturnPopup .modal-body input[type='text'].form-control, #consumptionItemReturnPopup .modal-body input[type="date"], #consumptionItemReturnPopup .modal-body select {
    padding: 6px 8px;
    font-size: 13px;
    height: 30px;
    line-height: 1; }
  #permentDamgePopup .modal-body .lblWorkOrderTableDescription, #PreReleasePopup .modal-body .lblWorkOrderTableDescription, #reusableDamgePopup .modal-body .lblWorkOrderTableDescription, #storeOrderRejectPopup .modal-body .lblWorkOrderTableDescription, #reasonPopup .modal-body .lblWorkOrderTableDescription, #consumptionItemReturnPopup .modal-body .lblWorkOrderTableDescription {
    padding-top: 8px;
    padding-bottom: 8px; }
  #permentDamgePopup .modal-body #btnAddToRDGrid, #permentDamgePopup .modal-body #btnAddToPDGrid, #permentDamgePopup .modal-body #btnAddToORGrid, #permentDamgePopup .modal-body #btnAddToReasonGrid, #PreReleasePopup .modal-body #btnAddToRDGrid, #PreReleasePopup .modal-body #btnAddToPDGrid, #PreReleasePopup .modal-body #btnAddToORGrid, #PreReleasePopup .modal-body #btnAddToReasonGrid, #reusableDamgePopup .modal-body #btnAddToRDGrid, #reusableDamgePopup .modal-body #btnAddToPDGrid, #reusableDamgePopup .modal-body #btnAddToORGrid, #reusableDamgePopup .modal-body #btnAddToReasonGrid, #storeOrderRejectPopup .modal-body #btnAddToRDGrid, #storeOrderRejectPopup .modal-body #btnAddToPDGrid, #storeOrderRejectPopup .modal-body #btnAddToORGrid, #storeOrderRejectPopup .modal-body #btnAddToReasonGrid, #reasonPopup .modal-body #btnAddToRDGrid, #reasonPopup .modal-body #btnAddToPDGrid, #reasonPopup .modal-body #btnAddToORGrid, #reasonPopup .modal-body #btnAddToReasonGrid, #consumptionItemReturnPopup .modal-body #btnAddToRDGrid, #consumptionItemReturnPopup .modal-body #btnAddToPDGrid, #consumptionItemReturnPopup .modal-body #btnAddToORGrid, #consumptionItemReturnPopup .modal-body #btnAddToReasonGrid {
    min-width: 54px;
    font-size: 27px !important; }
  #permentDamgePopup .modal-body #divReusableDamgeContainer, #permentDamgePopup .modal-body #divPermentDamgeContainer, #permentDamgePopup .modal-body #divOrderRejectContainer, #permentDamgePopup .modal-body #divReasonContainer, #permentDamgePopup .modal-body #divConsumptionItemReturnTable, #PreReleasePopup .modal-body #divReusableDamgeContainer, #PreReleasePopup .modal-body #divPermentDamgeContainer, #PreReleasePopup .modal-body #divOrderRejectContainer, #PreReleasePopup .modal-body #divReasonContainer, #PreReleasePopup .modal-body #divConsumptionItemReturnTable, #reusableDamgePopup .modal-body #divReusableDamgeContainer, #reusableDamgePopup .modal-body #divPermentDamgeContainer, #reusableDamgePopup .modal-body #divOrderRejectContainer, #reusableDamgePopup .modal-body #divReasonContainer, #reusableDamgePopup .modal-body #divConsumptionItemReturnTable, #storeOrderRejectPopup .modal-body #divReusableDamgeContainer, #storeOrderRejectPopup .modal-body #divPermentDamgeContainer, #storeOrderRejectPopup .modal-body #divOrderRejectContainer, #storeOrderRejectPopup .modal-body #divReasonContainer, #storeOrderRejectPopup .modal-body #divConsumptionItemReturnTable, #reasonPopup .modal-body #divReusableDamgeContainer, #reasonPopup .modal-body #divPermentDamgeContainer, #reasonPopup .modal-body #divOrderRejectContainer, #reasonPopup .modal-body #divReasonContainer, #reasonPopup .modal-body #divConsumptionItemReturnTable, #consumptionItemReturnPopup .modal-body #divReusableDamgeContainer, #consumptionItemReturnPopup .modal-body #divPermentDamgeContainer, #consumptionItemReturnPopup .modal-body #divOrderRejectContainer, #consumptionItemReturnPopup .modal-body #divReasonContainer, #consumptionItemReturnPopup .modal-body #divConsumptionItemReturnTable {
    overflow: unset !important; }
  #permentDamgePopup .modal-body #divPermentDamgeTableBody, #permentDamgePopup .modal-body #divReusableDamgeTableBody, #permentDamgePopup .modal-body #divOrderRejectTableBody, #permentDamgePopup .modal-body #divReasonTableBody, #permentDamgePopup .modal-body #divConsumptionItemReturnTableBody, #PreReleasePopup .modal-body #divPermentDamgeTableBody, #PreReleasePopup .modal-body #divReusableDamgeTableBody, #PreReleasePopup .modal-body #divOrderRejectTableBody, #PreReleasePopup .modal-body #divReasonTableBody, #PreReleasePopup .modal-body #divConsumptionItemReturnTableBody, #reusableDamgePopup .modal-body #divPermentDamgeTableBody, #reusableDamgePopup .modal-body #divReusableDamgeTableBody, #reusableDamgePopup .modal-body #divOrderRejectTableBody, #reusableDamgePopup .modal-body #divReasonTableBody, #reusableDamgePopup .modal-body #divConsumptionItemReturnTableBody, #storeOrderRejectPopup .modal-body #divPermentDamgeTableBody, #storeOrderRejectPopup .modal-body #divReusableDamgeTableBody, #storeOrderRejectPopup .modal-body #divOrderRejectTableBody, #storeOrderRejectPopup .modal-body #divReasonTableBody, #storeOrderRejectPopup .modal-body #divConsumptionItemReturnTableBody, #reasonPopup .modal-body #divPermentDamgeTableBody, #reasonPopup .modal-body #divReusableDamgeTableBody, #reasonPopup .modal-body #divOrderRejectTableBody, #reasonPopup .modal-body #divReasonTableBody, #reasonPopup .modal-body #divConsumptionItemReturnTableBody, #consumptionItemReturnPopup .modal-body #divPermentDamgeTableBody, #consumptionItemReturnPopup .modal-body #divReusableDamgeTableBody, #consumptionItemReturnPopup .modal-body #divOrderRejectTableBody, #consumptionItemReturnPopup .modal-body #divReasonTableBody, #consumptionItemReturnPopup .modal-body #divConsumptionItemReturnTableBody {
    overflow: auto !important;
    max-height: calc(100vh - 400px) !important; }
  #permentDamgePopup .modal-body .delete-section, #PreReleasePopup .modal-body .delete-section, #reusableDamgePopup .modal-body .delete-section, #storeOrderRejectPopup .modal-body .delete-section, #reasonPopup .modal-body .delete-section, #consumptionItemReturnPopup .modal-body .delete-section {
    display: flex;
    align-items: center;
    justify-content: center; }
    #permentDamgePopup .modal-body .delete-section #btnRemove, #PreReleasePopup .modal-body .delete-section #btnRemove, #reusableDamgePopup .modal-body .delete-section #btnRemove, #storeOrderRejectPopup .modal-body .delete-section #btnRemove, #reasonPopup .modal-body .delete-section #btnRemove, #consumptionItemReturnPopup .modal-body .delete-section #btnRemove {
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      padding: 0px 10px 0px;
      color: #e05d5d;
      -webkit-transition: color 100ms linear;
      -moz-transition: color 100ms linear;
      -ms-transition: color 100ms linear;
      -o-transition: color 100ms linear;
      transition: color 100ms linear;
      /* padding-top: 34px !important; */
      line-height: 10px; }

#reasonPopup .modal-body .lblReasonTableDescription {
  background-color: #13b2b0;
  padding-top: 8px;
  padding-bottom: 8px;
  color: white; }

#lblReusableDamgeError, #lblPermentDamgeError, #lblOrderRejectDamgeError, #lblReasonPopupError {
  /* background-color: #ffebeb; */
  width: 100%;
  padding: 0px 1px;
  color: #ff7a7a;
  /* border: 1px solid #ffdddd; */
  border-radius: 4px;
  margin-top: 7px; }

#crnDetailReasonPopup .modal-dialog {
  width: 890px !important; }
  #crnDetailReasonPopup .modal-dialog .modal-title-two {
    margin-top: 15px !important;
    margin-bottom: 0px !important; }
  #crnDetailReasonPopup .modal-dialog .top-header #lblDetailReasonPopupError {
    color: #ff7a7a; }
  #crnDetailReasonPopup .modal-dialog .top-header .form-group .form-control {
    height: 30px !important; }
  #crnDetailReasonPopup .modal-dialog .top-header .add-btn {
    max-width: 55px; }
    #crnDetailReasonPopup .modal-dialog .top-header .add-btn button {
      max-width: 55px;
      min-width: unset !important;
      font-size: 25px !important;
      line-height: 1 !important; }
  #crnDetailReasonPopup .modal-dialog .table-header {
    background-color: #62dbd9;
    color: #fff !important; }
  #crnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup {
    max-height: calc(100vh - 360px) !important;
    overflow: auto; }
    #crnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup .row-qty {
      justify-content: end !important; }
    #crnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup .delete-section i {
      color: #e05d5d !important;
      font-weight: bold;
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      padding-top: 4px;
      display: block; }

.customer-return-page .grid-table .table-header .row-detailreasons {
  width: 4% !important;
  text-align: center !important;
  padding: 6px 3px 5px; }

.customer-return-page .grid-table .table-header .row-lotInfo {
  width: 4.5% !important;
  text-align: center !important;
  padding: 6px 3px 5px !important; }

.customer-return-page .grid-table .table-body .row-detailreasons {
  width: 4% !important;
  text-align: center !important;
  color: #fff;
  background-color: unset !important; }
  .customer-return-page .grid-table .table-body .row-detailreasons #btnDetailReasonsPopupIcon {
    background-color: #68a0ec;
    color: #fff;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 22px !important;
    width: 20px;
    min-width: unset !important; }
    .customer-return-page .grid-table .table-body .row-detailreasons #btnDetailReasonsPopupIcon i {
      font-size: 11px !important;
      margin-top: 0px;
      padding-right: 1px;
      padding-bottom: 0.5px; }

.customer-return-page .grid-table .table-body i {
  display: block;
  margin-top: 0px;
  padding-right: 1px; }

.customer-return-page .grid-table .table-body #btnRemove {
  font-size: 22px !important; }

.customer-return-page .row-lotInfo {
  width: 4.5%;
  background-color: unset !important;
  padding: 5px 5px 4px !important;
  text-align: center !important; }
  .customer-return-page .row-lotInfo #btnLotInfo {
    background-color: #2196f3;
    color: #fff !important;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 8px !important;
    width: 20px;
    min-width: unset !important;
    border: 0; }
    .customer-return-page .row-lotInfo #btnLotInfo i {
      font-size: 17px !important;
      margin-top: 0px;
      padding-right: 1px;
      padding-bottom: 0.5px; }
    .customer-return-page .row-lotInfo #btnLotInfo:hover {
      background-color: #1381d8; }

.customer-return-page .total-amount.cr {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 0px; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
    .customer-return-page .total-amount.cr {
      margin-right: 91px !important; } }
  @media screen and (max-device-width: 1920px) {
    .customer-return-page .total-amount.cr {
      margin-right: 119px; } }
  @media screen and (max-device-width: 1400px) {
    .customer-return-page .total-amount.cr {
      margin-right: 14px; } }
  @media screen and (max-device-width: 1367px) {
    .customer-return-page .total-amount.cr {
      margin-right: 105px !important; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
  .customer-return-page.crn-approval-page .total-amount.cr {
    margin-right: 91px !important; } }

@media screen and (max-device-width: 1920px) {
  .customer-return-page.crn-approval-page .total-amount.cr {
    margin-right: 159px; } }

@media screen and (max-device-width: 1400px) {
  .customer-return-page.crn-approval-page .total-amount.cr {
    margin-right: 14px; } }

@media screen and (max-device-width: 1367px) {
  .customer-return-page.crn-approval-page .total-amount.cr {
    margin-right: 105px !important; } }

.customer-return-page .returnall-btn {
  float: right !important;
  margin-top: 10px; }

@media screen and (max-device-width: 1367px) {
  .menu-collapsed .customer-return-page .total-amount.cr {
    margin-right: 139px !important; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
  .menu-collapsed .customer-return-page .total-amount.cr {
    margin-right: 91px !important; } }

@media screen and (max-device-width: 1920px) {
  .menu-collapsed .customer-return-page .total-amount.cr {
    margin-right: 137px; } }

@media screen and (max-device-width: 1367px) {
  .menu-collapsed .customer-return-page.crn-approval-page.cr {
    margin-right: 139px !important; } }

@media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
  .menu-collapsed .customer-return-page.crn-approval-page.cr {
    margin-right: 91px !important; } }

@media screen and (max-device-width: 1920px) {
  .menu-collapsed .customer-return-page.crn-approval-page.cr {
    margin-right: 181px !important; } }

.crn-approval-page .grid-headers .medium-field {
  width: 30.5% !important; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-headers .medium-field {
      width: 28.1% !important; } }

.crn-approval-page .grid-headers .qty-field {
  width: 8.06% !important; }

.crn-approval-page .grid-table .table-header .row-detailreasons {
  width: 4.5% !important;
  text-align: center !important;
  padding: 6px 5px 4px !important; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-header .row-detailreasons {
      width: 6.5% !important; } }

.crn-approval-page .grid-table .table-header .row-lotInfo {
  width: 4.5% !important;
  padding: 6px 5px 4px !important;
  text-align: center; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-header .row-lotInfo {
      width: 5% !important; } }

.crn-approval-page .grid-table .table-header .row-qty {
  width: 7.9%; }

.crn-approval-page .grid-table .table-header .row-name {
  width: 30.4% !important; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-header .row-name {
      width: 27.9% !important; } }

.crn-approval-page .grid-table .table-body .row-detailreasons {
  width: 4.5% !important;
  text-align: center !important;
  padding: 5px 5px 4px !important;
  background: #fff !important;
  color: #fff; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-body .row-detailreasons {
      width: 6.5% !important; } }

.crn-approval-page .grid-table .table-body .row-lotInfo {
  width: 4.5% !important;
  padding: 5px 5px 4px !important;
  text-align: center; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-body .row-lotInfo {
      width: 5% !important; } }

.crn-approval-page .grid-table .table-body .row-qty {
  width: 7.9%; }

.crn-approval-page .grid-table .table-body .row-name {
  width: 30.4% !important; }
  @media screen and (min-device-width: 1800px) {
    .crn-approval-page .grid-table .table-body .row-name {
      width: 27.9% !important; } }

.crn-approval-page .total-amount.cr {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 0px; }
  @media screen and (min-device-width: 1520px) and (max-device-width: 1910px) {
    .crn-approval-page .total-amount.cr {
      margin-right: 96px; } }
  @media screen and (min-device-width: 1920px) {
    .crn-approval-page .total-amount.cr {
      margin-right: 129px; } }
  @media screen and (max-device-width: 1400px) {
    .crn-approval-page .total-amount.cr {
      margin-right: 14px; } }
  @media screen and (max-device-width: 1367px) {
    .crn-approval-page .total-amount.cr {
      margin-right: 111px; } }

.crn-approval-page .row-lotInfo {
  width: 54px;
  background-color: unset !important;
  padding: 4px 5px 4px !important; }
  .crn-approval-page .row-lotInfo #btnLotInfo {
    background-color: #2196f3 !important;
    color: #fff !important;
    font-size: 25px !important;
    max-width: 50px;
    border-radius: 30px;
    padding: 0px !important;
    height: 20px !important;
    line-height: 8px !important;
    width: 20px;
    min-width: unset !important;
    margin-left: 0px !important; }
    .crn-approval-page .row-lotInfo #btnLotInfo i {
      font-size: 17px !important;
      margin-top: 1px !important;
      padding-right: 0px !important;
      padding-bottom: 0.5px; }

@media screen and (max-device-width: 1367px) {
  .menu-collapsed .crn-approval-page .total-amount.cr {
    margin-right: 148px; } }

#preReleaseInspectionPopup {
  background: rgba(0, 0, 0, 0.4); }
  #preReleaseInspectionPopup .modal-body #divInspectionContainer {
    max-height: unset !important; }
    #preReleaseInspectionPopup .modal-body #divInspectionContainer #divInspectionTableBody {
      overflow: auto !important;
      max-height: calc(100vh - 440px) !important; }
  #preReleaseInspectionPopup .modal-body .col-md-2.w-102px {
    width: 102px !important; }
  #preReleaseInspectionPopup .modal-body .col-md-2.w-92px {
    width: 92px !important; }
  #preReleaseInspectionPopup .modal-body .col-md-4.w-300px {
    width: 297px !important; }

#preReleaseInspectionPopup {
  background: rgba(0, 0, 0, 0.4); }
  #preReleaseInspectionPopup .modal-body #divUseFlowQtyInfoContainer {
    max-height: unset !important; }
    #preReleaseInspectionPopup .modal-body #divUseFlowQtyInfoContainer #divUseFlowQtyInfoTableBody {
      overflow: auto !important;
      max-height: calc(100vh - 440px) !important; }
  #preReleaseInspectionPopup .modal-body .col-md-2.w-102px {
    width: 102px !important; }
  #preReleaseInspectionPopup .modal-body .col-md-2.w-92px {
    width: 92px !important; }
  #preReleaseInspectionPopup .modal-body .col-md-4.w-300px {
    width: 297px !important; }

@media only screen and (min-width: 1920px) {
  .menu-collapsed .body-content .delivery-shortages-page .grid-table #divMainTable #divHeader .row-name, .menu-collapsed .body-content .soq-page .grid-table #divMainTable .div-rows .row-name {
    width: calc(100vw - 1090px) !important; } }

.btn-success:hover, .btn-success:focus {
  color: #fff !important;
  background-color: #449d44;
  border-color: #449d44; }

.btn-warning:hover, .btn-warning:focus {
  color: #fff !important;
  background-color: #e99f37;
  border-color: #e99f37; }

.damage-note-page .grid-headers .search-area {
  width: 578px !important; }

.damage-note-page .table-header {
  line-height: 30px !important; }
  .damage-note-page .table-header .action {
    padding: 0px !important; }
    .damage-note-page .table-header .action .row-detailreasons {
      width: 63px !important;
      text-align: center !important; }

.damage-note-page .table-body .action {
  padding: 0px !important; }
  .damage-note-page .table-body .action .row-detailreasons {
    width: 63px;
    /*padding: 0px !important;*/ }
    .damage-note-page .table-body .action .row-detailreasons input {
      margin-top: 5px; }
  .damage-note-page .table-body .action i {
    padding: 5px 5px; }

.damage-note-page .table-body div div {
  /* height: 40px !important;
                line-height: 30px !important;*/ }

.supplier-return-page .grid-headers {
  width: max-content !important; }

.supplier-return-page .grid-table {
  width: 100%; }
  .supplier-return-page .grid-table .table-header {
    width: 100%; }
    .supplier-return-page .grid-table .table-header .action {
      width: 118px !important;
      padding: 0px !important; }
      .supplier-return-page .grid-table .table-header .action .row-detailreasons {
        text-align: center !important;
        width: 80px !important; }
    .supplier-return-page .grid-table .table-header div div {
      /* height: 40px !important;
                    line-height: 30px !important;*/ }
  .supplier-return-page .grid-table .table-body {
    width: 100%; }
    .supplier-return-page .grid-table .table-body .action {
      padding: 0px !important;
      width: 118px !important; }
      .supplier-return-page .grid-table .table-body .action .row-detailreasons {
        width: 80px;
        background-color: unset !important; }
        .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailReasonsPopupIcon {
          background-color: #68a0ec;
          color: #fff;
          font-size: 25px !important;
          max-width: 50px;
          border-radius: 30px;
          padding: 0px;
          height: 20px;
          line-height: 22px;
          width: 20px;
          min-width: unset !important;
          margin-right: 5px; }
          .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailReasonsPopupIcon i {
            font-size: 11px !important;
            margin-top: 0px;
            padding-right: 0px;
            padding-bottom: 0.5px; }
          .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailReasonsPopupIcon:hover {
            background-color: #5388d0; }
        .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailLotPopupIcon {
          background-color: #2196F3;
          color: #fff;
          font-size: 25px !important;
          max-width: 50px;
          border-radius: 30px;
          padding: 0px;
          height: 20px;
          line-height: 22px;
          width: 20px;
          min-width: unset !important;
          margin-left: 5px; }
          .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailLotPopupIcon i {
            font-size: 11px !important;
            margin-top: 0px;
            padding-right: 0px;
            padding-bottom: 0.5px; }
          .supplier-return-page .grid-table .table-body .action .row-detailreasons #btnDetailLotPopupIcon:hover {
            background-color: #117ed4; }
      .supplier-return-page .grid-table .table-body .action i {
        display: block;
        margin-top: 5px;
        font-size: 22px !important; }
    .supplier-return-page .grid-table .table-body div div {
      /*  height: 40px !important;
                    line-height: 30px !important;*/ }

.po-approval-page .left-panel #divItemViewReqList #divPendingRequisitionItemsContainer {
  max-height: calc(100vh - 310px) !important;
  min-height: calc(100vh - 310px) !important;
  overflow: auto;
  padding: 14px 0px 0px; }
  .po-approval-page .left-panel #divItemViewReqList #divPendingRequisitionItemsContainer .time-entry .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 8px;
    left: 6px; }
  .po-approval-page .left-panel #divItemViewReqList #divPendingRequisitionItemsContainer .time-entry .item-row {
    padding: 8px 33px 8px 25px; }

.po-approval-page .left-panel #divItemViewReqList .popover {
  max-width: 260px; }

.po-approval-page .left-panel #divReqList #divPendingPoApprovalRequisitionsContainer {
  max-height: calc(100vh - 320px) !important;
  overflow: auto; }

.po-approval-page .requisition-notes-table {
  position: unset !important;
  margin-top: 7px !important; }
  .po-approval-page .requisition-notes-table .panel {
    width: 250px; }
    .po-approval-page .requisition-notes-table .panel .panel-heading {
      padding-bottom: 12px; }
    .po-approval-page .requisition-notes-table .panel .panel-body #divRejectedPoTempListContainer {
      max-height: 74px !important; }

.reorder-level-page .right-panel .table #divBody {
  overflow: auto !important;
  max-height: calc(100vh - 307px) !important;
  width: 705px;
  /*width: calc(100% - -1px) !important;*/
  display: inline-block; }

#salesOrderPopup #divSalesOrderContainer #divTargetsTableBody {
  max-height: calc(100vh - 470px) !important; }

.menu-collapsed .requisition-note-approval-page {
  /* .grid-table {
            @media only screen and (min-width: 1368px) {
                overflow: auto;
            }
        }*/ }
  .menu-collapsed .requisition-note-approval-page .center-panel .grid-table {
    width: 100% !important; }
    .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable .table-header {
      width: 880px; }
    .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable .service-row-description {
      width: 210px !important; }
    .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable .service-row-asset-item {
      width: 208px !important; }
    .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable .row-name {
      width: 799px !important; }
      @media screen and (min-device-width: 1450px) and (max-device-width: 1850px) {
        .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable .row-name {
          width: 496px !important; } }
    .menu-collapsed .requisition-note-approval-page .center-panel .grid-table #divMainTable #divServiceTotal .form-group {
      margin-right: 25px !important; }
  .menu-collapsed .requisition-note-approval-page .center-panel .total-amount.sr {
    margin-right: 0px !important; }
  .menu-collapsed .requisition-note-approval-page .center-panel #divServiceTotal {
    margin-right: 2px !important; }

.menu-collapsed .higher .max-width-880 {
  max-width: 880px;
  /* @media only screen and (max-width: 1800px) {
            width: calc(100vw - 525px) !important;
        }*/ }
  @media only screen and (min-width: 1368px) {
    .menu-collapsed .higher .max-width-880 {
      max-width: 1275px; } }
  @media only screen and (min-width: 1368px) and (max-width: 1800px) {
    .menu-collapsed .higher .max-width-880 {
      max-width: 1070px; } }

@media only screen and (min-width: 1920px) {
  .menu-collapsed .higher .center-panel .grid-table.gridwrapper-item #divMainTable .row-name {
    width: 969px !important; } }

.higher .max-width-880 {
  max-width: 880px;
  /* @media only screen and (max-width: 1800px) {
            width: calc(100vw - 525px) !important;
        }*/ }
  @media only screen and (min-width: 1368px) {
    .higher .max-width-880 {
      max-width: 1275px; } }
  @media only screen and (min-width: 1920px) {
    .higher .max-width-880 {
      max-width: 1287px; } }
  @media only screen and (min-width: 1921px) and (max-width: 2500px) {
    .higher .max-width-880 {
      max-width: 894px; } }

.higher .gridwrapper-service {
  overflow: auto;
  width: 100%; }
  .higher .gridwrapper-service #divMainTable .table-header {
    width: 1275px !important; }
    @media only screen and (min-width: 1400px) and (max-width: 1910px) {
      .higher .gridwrapper-service #divMainTable .table-header {
        width: 878px; } }
  .higher .gridwrapper-service #divMainTable .table-body {
    width: 1275px !important; }
  .higher .gridwrapper-service #divMainTable .service-row-description {
    width: 210px !important; }
  .higher .gridwrapper-service #divMainTable .service-row-asset-item {
    width: 208px !important; }
  .higher .gridwrapper-service #divMainTable .row-name {
    width: 572px !important; }
  .higher .gridwrapper-service #divMainTable .service-row-reason {
    width: 250px;
    text-align: left; }
  .higher .gridwrapper-service #divMainTable .service-row-unit-qty {
    width: 65px !important; }
  .higher .gridwrapper-service #divMainTable .service-row-reason-category {
    width: 180px;
    text-align: left; }
  .higher .gridwrapper-service #divMainTable #divServiceTotal .form-group {
    margin-right: 25px !important; }

.higher .gridwrapper-item {
  overflow: hidden !important; }
  .higher .gridwrapper-item #divMainTable .table-header {
    width: 1275px !important; }
    @media only screen and (min-width: 1400px) and (max-width: 1910px) {
      .higher .gridwrapper-item #divMainTable .table-header {
        max-width: 878px; } }
  .higher .gridwrapper-item #divMainTable .table-body {
    width: 1275px !important; }
    @media only screen and (min-width: 1400px) and (max-width: 1910px) {
      .higher .gridwrapper-item #divMainTable .table-body {
        max-width: 878px; } }
  @media only screen and (max-width: 1367px) {
    .higher .gridwrapper-item #divMainTable .table-header .row-name {
      width: 434px !important; }
    .higher .gridwrapper-item #divMainTable .table-body {
      width: 1275px !important; }
      .higher .gridwrapper-item #divMainTable .table-body .row-name {
        width: 434px !important; } }
  @media only screen and (min-width: 1920px) {
    .higher .gridwrapper-item #divMainTable .row-name {
      width: 808px !important; }
    .higher .gridwrapper-item #divMainTable .row-uom {
      width: 160px !important; } }

.requisition-note-approval-page .grid-table .service-row-description {
  width: 210px !important; }

.requisition-note-approval-page .grid-table .service-row-asset-item {
  width: 208px !important; }

.requisition-note-approval-page .grid-table .row-name {
  width: 425px !important; }

.requisition-note-approval-page .total-amount .total-box label {
  padding-right: 37px; }

@media only screen and (max-width: 1920px) {
  .requisition-note-approval-page .total-amount.sr {
    margin-right: 0px !important; }
  .requisition-note-approval-page #divServiceTotal {
    margin-right: 0px !important; } }

@media only screen and (max-width: 1366px) {
  .requisition-note-approval-page .center-panel .grid-table {
    width: calc(100vw - 626px) !important;
    overflow: auto; }
    .requisition-note-approval-page .center-panel .grid-table .table-header {
      width: 871px; }
    .requisition-note-approval-page .center-panel .grid-table .table-body {
      width: 882px; }
  .requisition-note-approval-page .center-panel .total-amount.sr {
    margin-right: 13px !important; }
  .requisition-note-approval-page .center-panel #divServiceTotal {
    margin-right: 13px !important; } }

.po-page .opo-btn {
  top: -104px !important; }

.po-page .navigator {
  top: -105px !important; }

.po-page .togglebtn-group {
  float: right;
  margin-top: -30px;
  margin-right: -10px;
  padding-top: 3px !important; }

.po-page .row-taxes .icofont-ui-edit {
  color: #2196f3 !important;
  font-size: 16px;
  padding-top: 0px;
  padding-left: 2px; }
  .po-page .row-taxes .icofont-ui-edit:hover {
    color: #1281d8 !important; }

.row-tax .icofont-ui-edit {
  color: #2196f3 !important;
  font-size: 16px;
  padding-top: 0px;
  padding-left: 2px; }
  .row-tax .icofont-ui-edit:hover {
    color: #1281d8 !important; }

@media screen and (max-device-width: 1366px) {
  .side-menu.open + .body-content .po-page .grid-table .width-354 {
    width: 180px !important; }
  .side-menu.open + .body-content .po-page .grid-table .service-row-description {
    width: 200px;
    text-align: left; }
  .side-menu.open + .body-content .po-page .grid-table .service-row-asset-item {
    width: 200px;
    text-align: left; }
  .side-menu.open + .body-content .po-page .grid-headers .width-355 {
    width: 357px !important; }
  .side-menu.open + .body-content .po-page .grid-headers .service-field {
    width: 200px; }
  .side-menu.open + .body-content .po-page .grid-headers .asset-field {
    width: 200px; }
  .side-menu.open + .body-content .po-page .location-supplier-width .width-260 {
    max-width: 200px !important; }
  .side-menu.open + .body-content .po-page .location-supplier-width .supplier {
    max-width: 200px !important; }
    .side-menu.open + .body-content .po-page .location-supplier-width .supplier .width-260 {
      max-width: 200px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-card .grid-table .width-90 {
    width: 82px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-card .grid-table .width-120 {
    width: 104px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-card .grid-table .width-85 {
    width: 77px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-card .grid-table .width-150 {
    width: 99px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-card .width-105 {
    width: 72px !important; }
  section.contents .side-menu.open + .body-content .so-summary-page .so-summary-serach {
    width: 99%; } }

@media screen and (max-device-width: 1366px) {
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .grid-table {
    width: 1221px !important; } }

@media only screen and (max-device-width: 1920px) {
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 355px !important; } }

@media only screen and (max-device-width: 1366px) {
  section.contents .side-menu.collapsed + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 354px !important; } }

@media only screen and (max-device-width: 1920px) {
  section.contents .side-menu + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 290px !important; } }

@media only screen and (max-device-width: 1366px) {
  section.contents .side-menu + .body-content .po-approval-page .right-panel .custom-width .row-name {
    width: 347px !important; } }

@media screen and (max-device-width: 1366px) {
  .side-menu.open + .body-content .purchase-order-page .grid-headers .width-355 {
    width: 181px !important; } }

.purchase-order-page #preview {
  margin-left: 20px;
  position: relative;
  display: block;
  margin-top: 1px !important; }
  .purchase-order-page #preview span {
    position: relative;
    margin: 1px 0px 10px 10px !important;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: auto !important;
    height: unset !important;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd !important;
    border-radius: 4px !important;
    padding: 4px 8px !important; }
    .purchase-order-page #preview span div {
      padding-left: 15px; }
    .purchase-order-page #preview span div:before {
      display: none; }
    .purchase-order-page #preview span i {
      position: unset !important;
      top: unset;
      right: unset;
      font-size: 20px !important;
      margin-left: 10px;
      color: #f44336; }
  .purchase-order-page #preview span:hover {
    background-color: #cac6c6 !important; }
    .purchase-order-page #preview span:hover a {
      color: #414141;
      font-weight: 700; }

.invoiceInfo-popup .table-header {
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.invoiceInfo-popup .width-522 {
  width: 522px !important; }

.dscsq-page .spi-list-table .headers {
  display: grid;
  height: 65px !important; }
  .dscsq-page .spi-list-table .headers .search {
    float: right; }
    .dscsq-page .spi-list-table .headers .search input {
      border: 1px solid #d8e0ef;
      padding: 5px 6px;
      font-size: 13px;
      box-shadow: none;
      height: 25px;
      border-radius: 4px;
      width: 80%;
      margin-right: 5px;
      float: right;
      outline: none;
      color: #666; }
    .dscsq-page .spi-list-table .headers .search i {
      float: right;
      color: #000;
      padding: 6px 5px 0;
      font-size: 16px;
      cursor: pointer; }

.dscsq-page .spi-list-table .total-row input {
  text-align: right !important;
  font-size: 14px !important; }

.purchase-order-page .togglebtn-group {
  float: unset !important;
  margin-top: 10px !important;
  display: table;
  margin: 0 auto !important;
  padding-top: 13px !important; }

#gtnDetailReasonPopup .modal-dialog {
  width: 890px !important; }
  #gtnDetailReasonPopup .modal-dialog .modal-title-two {
    margin-top: 15px !important;
    margin-bottom: 0px !important; }
  #gtnDetailReasonPopup .modal-dialog .top-header #lblDetailReasonPopupError {
    color: #ff7a7a; }
  #gtnDetailReasonPopup .modal-dialog .top-header .form-group .form-control {
    height: 30px !important; }
  #gtnDetailReasonPopup .modal-dialog .top-header .add-btn {
    max-width: 55px; }
    #gtnDetailReasonPopup .modal-dialog .top-header .add-btn button {
      max-width: 55px;
      min-width: unset !important;
      font-size: 25px !important;
      line-height: 1 !important; }
  #gtnDetailReasonPopup .modal-dialog .table-header {
    background-color: #62dbd9;
    color: #fff !important; }
  #gtnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup {
    max-height: calc(100vh - 360px) !important;
    overflow: auto; }
    #gtnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup .row-qty {
      justify-content: end !important; }
    #gtnDetailReasonPopup .modal-dialog #divDetailReasonTableBodyInPopup .delete-section i {
      color: #e05d5d !important;
      font-weight: bold;
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      padding-top: 4px;
      display: block; }

@media screen and (min-device-width: 1024px) {
  .invoice-discount-approval .item-lists.flexible-panels, .distributor-stock-transfer-for-approval .item-lists.flexible-panels, .distributor-so-approval .item-lists.flexible-panels {
    width: 300px; } }

.invoice-discount-approval #divListContainer, .distributor-stock-transfer-for-approval #divListContainer, .distributor-so-approval #divListContainer {
  max-height: calc(100vh - 231px) !important;
  width: calc(100% - -10px) !important; }
  .invoice-discount-approval #divListContainer .row-line, .distributor-stock-transfer-for-approval #divListContainer .row-line, .distributor-so-approval #divListContainer .row-line {
    padding: 12px 12px 8px 12px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin: 5px 0px;
    text-align: left;
    background-color: #fafcff;
    margin-right: 10px;
    cursor: pointer; }
    .invoice-discount-approval #divListContainer .row-line:nth-child(even), .distributor-stock-transfer-for-approval #divListContainer .row-line:nth-child(even), .distributor-so-approval #divListContainer .row-line:nth-child(even) {
      background-color: #f0f8ff; }
    .invoice-discount-approval #divListContainer .row-line:last-child, .distributor-stock-transfer-for-approval #divListContainer .row-line:last-child, .distributor-so-approval #divListContainer .row-line:last-child {
      margin-bottom: 0px; }
    .invoice-discount-approval #divListContainer .row-line div label, .distributor-stock-transfer-for-approval #divListContainer .row-line div label, .distributor-so-approval #divListContainer .row-line div label {
      font-size: 12px !important;
      text-align: left;
      width: 80px;
      margin-bottom: 4px;
      color: #444444; }
      .invoice-discount-approval #divListContainer .row-line div label:nth-child(even), .distributor-stock-transfer-for-approval #divListContainer .row-line div label:nth-child(even), .distributor-so-approval #divListContainer .row-line div label:nth-child(even) {
        width: 125px; }
    .invoice-discount-approval #divListContainer .row-line.dst-approval label, .distributor-stock-transfer-for-approval #divListContainer .row-line.dst-approval label, .distributor-so-approval #divListContainer .row-line.dst-approval label {
      width: 90px; }

.invoice-discount-approval .search.w-50, .distributor-stock-transfer-for-approval .search.w-50, .distributor-so-approval .search.w-50 {
  width: 50% !important; }

@media only screen and (max-width: 1200px) {
  #discountInfoPopup .modal-dialog, #DSTInfoPopUp .modal-dialog {
    width: 100% !important;
    margin: 0; } }

@media only screen and (max-width: 1200px) {
  #discountInfoPopup .modal-dialog .modal-content, #DSTInfoPopUp .modal-dialog .modal-content {
    height: calc(100vh - 0px) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px !important; } }

@media only screen and (max-width: 1200px) {
  #discountInfoPopup .modal-dialog .modal-content .modal-header, #DSTInfoPopUp .modal-dialog .modal-content .modal-header {
    border-radius: 0px !important; } }

#discountInfoPopup .modal-dialog .modal-content .modal-body, #DSTInfoPopUp .modal-dialog .modal-content .modal-body {
  /*                @media only screen and (max-width: 1200px) {
                    &.p-20px {
                        padding: 10px !important;
                        text-align: center;
                    }

                    .col-md-12 {
                        width: 100%;
                    }

                    .col-md-2 {
                        width: 16.66666667%;
                    }

                    .col-md-6 {
                        width: 50%;
                    }
                }

                @media only screen and (max-width: 768px) {
                    #divDiscountInfoContainer {
                        overflow: auto;
                        display: grid;
                    }

                    #divDiscountInfoTableBody {
                        display: grid;
                    }
                }

                @media only screen and (max-width: 765px) and (orientation: portrait) {
                    #divDiscountInfoContainer {
                        overflow: auto;
                        display: grid;
                    }

                    #divDiscountInfoTableBody, #divDiscountInfoTableHeader {
                        width: 200% !important;
                    }
                }
*/ }
  #discountInfoPopup .modal-dialog .modal-content .modal-body .border-bottom, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .border-bottom {
    border-bottom: 1px solid #f1f1f1; }
  #discountInfoPopup .modal-dialog .modal-content .modal-body .div-row, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .div-row {
    display: inline-block;
    cursor: pointer; }
  #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida td, #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida th, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida td, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida th {
    display: block;
    /* flex-grow | flex-shrink | flex-basis   */
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  @media screen and (max-width: 767px) {
    #discountInfoPopup .modal-dialog .modal-content .modal-body, #DSTInfoPopUp .modal-dialog .modal-content .modal-body {
      height: calc(100vh - 0px) !important;
      /*  IE9 FIX   */ }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 0px solid #ccc;
        display: block;
        margin-bottom: 12px !important;
        display: flex;
        border-top: 1px solid #e0e3e8; }
        #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr:first-child, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida tr:first-child {
          border-bottom: 0px solid #e0e3e8; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .table-responsive-ida td, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .table-responsive-ida td {
        float: left\9;
        width: 100%; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body span.table-responsive-ida-thead, #DSTInfoPopUp .modal-dialog .modal-content .modal-body span.table-responsive-ida-thead {
        width: 105px;
        font-weight: 700;
        display: block;
        float: left; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body td:nth-child(3) span.table-responsive-ida-thead, #discountInfoPopup .modal-dialog .modal-content .modal-body td:last-child span.table-responsive-ida-thead, #DSTInfoPopUp .modal-dialog .modal-content .modal-body td:nth-child(3) span.table-responsive-ida-thead, #DSTInfoPopUp .modal-dialog .modal-content .modal-body td:last-child span.table-responsive-ida-thead {
        width: 170px !important; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .text-right, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .text-right {
        text-align: left !important; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .text-end, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .text-end {
        text-align: right !important; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-7, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-7 {
        margin-bottom: 0px !important; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-5, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-5 {
        margin-bottom: 0px !important; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body #divDiscountInfoTableBody tr td span.table-responsive-ida-thead, #DSTInfoPopUp .modal-dialog .modal-content .modal-body #divDiscountInfoTableBody tr td span.table-responsive-ida-thead {
        width: 60px; } }
  #discountInfoPopup .modal-dialog .modal-content .modal-body table thead, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table thead {
    background-color: #f2f4f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #e0e3e8;
    width: 100%;
    display: block; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table thead tr th, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table thead tr th {
      float: left;
      border-right: 1px solid #e0e3e8;
      height: 30px;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 6px 10px 5px;
      border-bottom: 0px solid #ddd;
      line-height: 1.5;
      font-weight: bold; }
      #discountInfoPopup .modal-dialog .modal-content .modal-body table thead tr th:first-child, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table thead tr th:first-child {
        border-left: 1px solid #e0e3e8; }
      @media screen and (max-width: 767px) {
        #discountInfoPopup .modal-dialog .modal-content .modal-body table thead tr th, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table thead tr th {
          border-left: 1px solid #e0e3e8; } }
  #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody {
    width: 100%;
    display: block;
    max-height: calc(100vh - 232px) !important;
    overflow: auto; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody {
      max-height: calc(100vh - 345px) !important; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup {
      max-height: calc(100vh - 435px) !important; }
    @media screen and (max-width: 767px) {
      #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody {
        max-height: calc(100vh - 140px) !important; }
        #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody {
          max-height: calc(100vh - 332px) !important; }
        #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup {
          max-height: calc(100vh - 401px) !important; } }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody tr, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody tr {
      /* @media screen and (max-width: 767px) {
                                &:nth-child(even) {
                                    td {
                                        background-color: #f9f9f9;
                                    }
                                }
                            }*/ }
      #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody tr td, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody tr td {
        float: left;
        border-right: 1px solid #e0e3e8;
        height: 30px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 6px 10px 5px;
        border-bottom: 1px solid #e0e3e8;
        border-top: 0px solid #e0e3e8; }
        #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody tr td:first-child, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody tr td:first-child {
          border-left: 1px solid #e0e3e8; }
        @media screen and (max-width: 767px) {
          #discountInfoPopup .modal-dialog .modal-content .modal-body table tbody tr td, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody tr td {
            border-left: 1px solid #e0e3e8;
            white-space: unset; } }
  @media screen and (min-width: 768px) {
    #discountInfoPopup .modal-dialog .modal-content .modal-body table .w-175m, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table .w-175m {
      width: 175px !important;
      flex: none !important;
      flex-basis: unset !important; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table .w-130m, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table .w-130m {
      width: 130px !important;
      flex: none !important;
      flex-basis: unset !important; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body table .w-100m, #DSTInfoPopUp .modal-dialog .modal-content .modal-body table .w-100m {
      width: 100px !important;
      flex: none !important;
      flex-basis: unset !important; } }
  #discountInfoPopup .modal-dialog .modal-content .modal-body .gtn-remark, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .gtn-remark {
    position: relative; }
    #discountInfoPopup .modal-dialog .modal-content .modal-body .gtn-remark span, #DSTInfoPopUp .modal-dialog .modal-content .modal-body .gtn-remark span {
      position: relative !important;
      top: 5px;
      left: 0%; }

@media only screen and (max-width: 1200px) {
  #discountInfoPopup .modal-dialog .modal-content .modal-footer, #DSTInfoPopUp .modal-dialog .modal-content .modal-footer {
    text-align: center; } }

@media only screen and (max-width: 1200px) {
  #soTempPopup .modal-dialog {
    width: 100% !important;
    margin: 0; } }

@media only screen and (max-width: 1200px) {
  #soTempPopup .modal-dialog .modal-content {
    height: calc(100vh - 0px) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px !important; } }

@media only screen and (max-width: 1200px) {
  #soTempPopup .modal-dialog .modal-content .modal-header {
    border-radius: 0px !important; } }

#soTempPopup .modal-dialog .modal-content .modal-body .border-bottom {
  border-bottom: 1px solid #f1f1f1; }

#soTempPopup .modal-dialog .modal-content .modal-body .div-row {
  display: inline-block;
  cursor: pointer; }

#soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

#soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida td, #soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida th {
  display: block;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@media screen and (min-width: 800px) {
  #soTempPopup .modal-dialog .modal-content .modal-body .table-striped td, #soTempPopup .modal-dialog .modal-content .modal-body .table-striped th {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  #soTempPopup .modal-dialog .modal-content .modal-body .table-striped tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  #soTempPopup .modal-dialog .modal-content .modal-body.p-10px {
    padding: 20px !important; } }

@media screen and (max-width: 767px) {
  #soTempPopup .modal-dialog .modal-content .modal-body {
    height: calc(100vh - 0px) !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      border-bottom: 0px solid #ccc;
      display: block;
      margin-bottom: 12px !important;
      display: flex;
      border-top: 1px solid #e0e3e8; }
      #soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida tr:first-child {
        border-bottom: 0px solid #e0e3e8; }
    #soTempPopup .modal-dialog .modal-content .modal-body .table-responsive-ida td {
      float: left;
      width: 100%; }
    #soTempPopup .modal-dialog .modal-content .modal-body span.table-responsive-ida-thead {
      width: 105px;
      font-weight: 700;
      display: block;
      float: left; }
    #soTempPopup .modal-dialog .modal-content .modal-body .text-right {
      text-align: left !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .text-end {
      text-align: right !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-7 {
      margin-bottom: 0px !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .col-md-6.margin-bottom-5 {
      margin-bottom: 0px !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .d-mobile-none {
      display: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body thead tr, #soTempPopup .modal-dialog .modal-content .modal-body tbody tr {
      width: 100%;
      display: inline-block; }
    #soTempPopup .modal-dialog .modal-content .modal-body thead tr, #soTempPopup .modal-dialog .modal-content .modal-body tbody tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      #soTempPopup .modal-dialog .modal-content .modal-body thead tr td, #soTempPopup .modal-dialog .modal-content .modal-body tbody tr td {
        height: auto !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-34 {
      width: 34%;
      padding: 6px 6px;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-34-1 {
      width: 34.1%;
      padding: 6px 6px;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-19 {
      width: 19%;
      padding: 6px 6px;
      text-align: right !important;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-18 {
      width: 18%;
      padding: 6px 6px;
      text-align: right !important;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-18-8 {
      width: 18.8%;
      padding: 6px 6px;
      text-align: right !important;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-10 {
      width: 10%;
      padding: 6px 6px;
      text-align: right !important;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .w-mobile-10-1 {
      width: 10.1%;
      padding: 6px 6px;
      text-align: right !important;
      vertical-align: inherit;
      float: none !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .mobile-width {
      width: calc(100vw - 210px);
      padding-left: 3px; }
    #soTempPopup .modal-dialog .modal-content .modal-body #lblSubTotal .padding-right-10, #soTempPopup .modal-dialog .modal-content .modal-body #lblAmount .padding-right-10 {
      padding-right: 6px !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body #lblSubTotal .width-105, #soTempPopup .modal-dialog .modal-content .modal-body #lblAmount .width-105 {
      width: 80px !important; }
    #soTempPopup .modal-dialog .modal-content .modal-body .bg-blue-light {
      background-color: #f0f8ff; }
      #soTempPopup .modal-dialog .modal-content .modal-body .bg-blue-light label {
        margin-bottom: 0px; } }

#soTempPopup .modal-dialog .modal-content .modal-body table thead {
  background-color: #f2f4f8;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #e0e3e8;
  width: 100%;
  display: block; }
  #soTempPopup .modal-dialog .modal-content .modal-body table thead tr th {
    float: left;
    border-right: 1px solid #e0e3e8;
    height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 10px 5px;
    border-bottom: 0px solid #ddd;
    line-height: 1.5;
    font-weight: bold; }
    #soTempPopup .modal-dialog .modal-content .modal-body table thead tr th:first-child {
      border-left: 1px solid #e0e3e8; }
    @media screen and (max-width: 767px) {
      #soTempPopup .modal-dialog .modal-content .modal-body table thead tr th {
        border-left: 1px solid #e0e3e8; } }

#soTempPopup .modal-dialog .modal-content .modal-body table tbody {
  width: 100%;
  display: block;
  max-height: calc(100vh - 232px) !important;
  overflow: auto; }
  #soTempPopup .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody {
    max-height: calc(100vh - 345px) !important; }
  #soTempPopup .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup {
    max-height: calc(100vh - 435px) !important; }
  @media screen and (max-width: 767px) {
    #soTempPopup .modal-dialog .modal-content .modal-body table tbody {
      max-height: calc(100vh - 140px) !important; }
      #soTempPopup .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody {
        max-height: calc(100vh - 332px) !important; }
      #soTempPopup .modal-dialog .modal-content .modal-body table tbody#divTableBodyInPopup {
        max-height: calc(100vh - 401px) !important; } }
  #soTempPopup .modal-dialog .modal-content .modal-body table tbody tr td {
    float: left;
    border-right: 1px solid #e0e3e8;
    height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 10px 5px;
    border-bottom: 1px solid #e0e3e8;
    border-top: 0px solid #e0e3e8; }
    #soTempPopup .modal-dialog .modal-content .modal-body table tbody tr td:first-child {
      border-left: 1px solid #e0e3e8; }
    @media screen and (max-width: 767px) {
      #soTempPopup .modal-dialog .modal-content .modal-body table tbody tr td {
        border-left: 1px solid #e0e3e8;
        white-space: unset; } }
  @media screen and (max-width: 767px) {
    #soTempPopup .modal-dialog .modal-content .modal-body table tbody tr:nth-child(even) td {
      background-color: #f9f9f9; } }

@media screen and (min-width: 768px) {
  #soTempPopup .modal-dialog .modal-content .modal-body table .w-175m {
    width: 175px !important;
    flex: none !important;
    flex-basis: unset !important; }
  #soTempPopup .modal-dialog .modal-content .modal-body table .w-130m {
    width: 130px !important;
    flex: none !important;
    flex-basis: unset !important; }
  #soTempPopup .modal-dialog .modal-content .modal-body table .w-100m {
    width: 100px !important;
    flex: none !important;
    flex-basis: unset !important; } }

#soTempPopup .modal-dialog .modal-content .modal-body .gtn-remark {
  position: relative; }
  #soTempPopup .modal-dialog .modal-content .modal-body .gtn-remark span {
    position: relative !important;
    top: 5px;
    left: 0%; }

@media only screen and (max-width: 1200px) {
  #soTempPopup .modal-dialog .modal-content .modal-footer {
    text-align: center; } }

.sin-a-page .table {
  margin-left: 0px !important;
  padding-left: 10px !important; }
  .sin-a-page .table .table-body {
    border-right: 1px solid #f2f4f8;
    max-height: calc(100vh - 315px) !important;
    overflow: auto; }
  .sin-a-page .table .table-header {
    width: 882px !important; }
    .sin-a-page .table .table-header .row-detailreasons {
      width: 70px !important; }
  .sin-a-page .table .row-detailreasons {
    width: 70px !important; }

.sin-detaillot-popup .width-130 {
  width: 130px !important; }

.sin-detaillot-popup .width-78 {
  width: 78px !important; }

.sin-detaillot-popup #item-lot-row-buttons {
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 0 0 0 3px;
  height: 25px; }
  .sin-detaillot-popup #item-lot-row-buttons .icon {
    float: left; }
    .sin-detaillot-popup #item-lot-row-buttons .icon:first-child {
      border-right: 1px solid #8fcccb;
      padding: 7px 8px 7px 9px;
      font-size: 11px;
      background: #13b2b0;
      cursor: pointer;
      border-radius: 4px 0 0 4px;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
      .sin-detaillot-popup #item-lot-row-buttons .icon:first-child:hover {
        background-color: #1091a1; }
      .sin-detaillot-popup #item-lot-row-buttons .icon:first-child i {
        border-radius: 4px 0 0 4px; }
    .sin-detaillot-popup #item-lot-row-buttons .icon:last-child i {
      border-radius: 0 4px 4px 0;
      padding: 8px 16px 8px 16px; }
    .sin-detaillot-popup #item-lot-row-buttons .icon i {
      position: relative;
      top: auto;
      color: #fff;
      left: auto;
      padding: 8px;
      display: inline-block;
      background-color: #13b2b0;
      cursor: pointer;
      -webkit-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
      .sin-detaillot-popup #item-lot-row-buttons .icon i:hover {
        background-color: #1091a1; }

.sin-detaillot-popup .modal-dialog {
  width: 593px !important; }
  .sin-detaillot-popup .modal-dialog .total-amount {
    margin-right: 90px !important; }
  .sin-detaillot-popup .modal-dialog .icon-field .single-button .btn-primary {
    font-size: 25px !important;
    line-height: 1.1 !important;
    min-width: 80px !important; }

.requisition-note-approval-page .gridwrapper-servicerna .table .table-header {
  width: 1309px !important; }
  .requisition-note-approval-page .gridwrapper-servicerna .table .table-header .service-row-reason-category {
    width: 180px;
    text-align: left !important; }
  .requisition-note-approval-page .gridwrapper-servicerna .table .table-header .service-row-reason {
    width: 250px;
    text-align: left !important; }

.requisition-note-approval-page .gridwrapper-servicerna .table .table-body {
  width: 1309px !important; }
  .requisition-note-approval-page .gridwrapper-servicerna .table .table-body .service-row-reason-category {
    width: 180px;
    text-align: left !important; }
  .requisition-note-approval-page .gridwrapper-servicerna .table .table-body .service-row-reason {
    width: 250px;
    text-align: left !important; }

@media only screen and (min-width: 1368px) {
  .requisition-note-approval-page .gridwrapper-servicerna .table .table-body .service-row-reason-category, .requisition-note-approval-page .gridwrapper-servicerna .table .table-header .service-row-reason-category {
    width: 180px; } }

@media only screen and (min-width: 1368px) {
  .requisition-note-approval-page .menu-collapsed .requisition-note-approval-page .gridwrapper-servicerna .table .table-body .service-row-reason-category, .requisition-note-approval-page .menu-collapsed .requisition-note-approval-page .gridwrapper-servicerna .table .table-header .service-row-reason-category {
    width: 180px !important; } }

.requisition-note-approval-page .gridwrapper-itemrna {
  /* .table-header {
            width: 732px !important;
        }

        .table-body {
            width: 732px !important;
        }*/ }
  @media only screen and (max-width: 1367px) {
    .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-header {
      width: 740px !important; }
    .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-body {
      width: 740px !important; } }
  @media only screen and (min-width: 1920px) {
    .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-header {
      width: 1275px !important; }
    .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-body {
      width: 1275px !important; } }
  @media only screen and (min-width: 1920px) {
    .requisition-note-approval-page .gridwrapper-itemrna .row-name {
      width: 799px !important; }
    .requisition-note-approval-page .gridwrapper-itemrna .row-uom {
      width: 160px !important; } }
  .requisition-note-approval-page .gridwrapper-itemrna .table .table-header {
    background-color: transparent; }
    .requisition-note-approval-page .gridwrapper-itemrna .table .table-header div div {
      background-color: #f2f4f8; }

@media only screen and (max-width: 1367px) {
  .requisition-note-approval-page .center-panel .grid-table.gridwrapper-itemrna #divMainTable .row-name {
    width: 355px !important; } }

.menu-collapsed .gridwrapper-itemrna .table-header {
  width: 880px !important; }

.menu-collapsed .gridwrapper-itemrna .table-body {
  width: 880px !important; }

@media only screen and (max-width: 1367px) {
  .menu-collapsed .gridwrapper-itemrna .center-panel .grid-table.gridwrapper-itemrna #divMainTable .row-name {
    width: 434px !important; } }

@media only screen and (min-width: 1368px) {
  .menu-collapsed .center-panel .grid-table.gridwrapper-itemrna #divMainTable .row-name {
    /* width: 969px !important;*/ } }

@media only screen and (min-width: 1368px) {
  .gridwrapper-servicerna {
    /*overflow: hidden !important;*/ } }

@media only screen and (min-width: 1920px) {
  .menu-collapsed .card-wrapper {
    max-width: 1319px; }
  .card-wrapper {
    max-width: 1329px; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-headers #divServiceFields .service-field {
    width: 201px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-headers #divServiceFields .asset-field {
    width: 201px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-headers #divServiceFields .reasonCategory-field {
    width: 90px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-headers #divServiceFields .reason-field {
    width: 90px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-table .table .service-row-asset-item {
    width: 200px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-table .table .service-row-description {
    width: 200px !important; }
  section.contents .side-menu.open + .body-content .po-approval-page .grid-table .table .service-row-reason {
    width: 178px !important;
    text-align: left; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-headers #divServiceFields .service-field {
    width: 231px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-headers #divServiceFields .asset-field {
    width: 231px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-headers #divServiceFields .reasonCategory-field {
    width: 127px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-headers #divServiceFields .reason-field {
    width: 127px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-table .table .service-row-asset-item {
    width: 230px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-table .table .service-row-description {
    width: 230px !important; }
  section.contents .side-menu.open.collapsed + .body-content .po-approval-page .grid-table .table .service-row-reason {
    width: 252px !important;
    text-align: left; } }

@media only screen and (max-width: 1920px) {
  .menu-collapsed .card-wrapper {
    max-width: 1316px; }
  .card-wrapper {
    max-width: 1275px; }
  .gridwrapper-servicerna {
    width: calc(100vw - 650px) !important;
    overflow: auto; } }

@media only screen and (max-width: 1800px) {
  .menu-collapsed .card-wrapper {
    max-width: 880px; }
  .card-wrapper {
    max-width: 880px; }
  .gridwrapper-servicerna {
    width: calc(100vw - 876px) !important;
    overflow: auto; } }

@media only screen and (max-width: 1366px) {
  .card-wrapper {
    max-width: 880px !important; }
  .menu-collapsed .card-wrapper {
    max-width: 880px; }
  .side-menu.open + .body-content .po-approval-page .grid-headers .width-355 {
    width: 348px !important; } }

.po-approval-page .grid-headers {
  width: max-content !important; }
  .po-approval-page .grid-headers #divServiceFields {
    /*.reasonCategory-field {
                width: 128px !important;
            }*/
    /*.reason-field {
                width: 129px !important;
            }*/ }
    .po-approval-page .grid-headers #divServiceFields .service-field {
      width: 201px !important; }
    .po-approval-page .grid-headers #divServiceFields .asset-field {
      width: 201px !important; }

.po-approval-page .gridwrapper-service #divMainTable .service-row-reason {
  width: 178px;
  text-align: left; }

.po-approval-page .gridwrapper-item {
  overflow: hidden !important; }

.po-approval-page .card-body .sub-tot {
  margin-right: 72px !important;
  margin-top: 8px !important; }
  @media only screen and (max-width: 1366px) {
    .po-approval-page .card-body .sub-tot {
      margin-right: 82px !important;
      margin-top: 5px !important; } }

.po-approval-page .card-body .mr-45 {
  margin-right: 105px !important; }
  .po-approval-page .card-body .mr-45 .bold {
    padding-right: 37px !important; }

.po-approval-page .remark-section {
  padding: 0 20px;
  width: 100% !important;
  position: relative !important;
  margin-top: -10px !important; }
  .po-approval-page .remark-section input {
    border-radius: unset !important;
    border: 1px solid #e0e3e8 !important; }

.po-approval-page #preview {
  margin-left: 0px;
  position: relative;
  display: block;
  margin-top: 17px !important; }
  .po-approval-page #preview span {
    position: relative;
    margin: 0px 15px 0px 0px;
    float: left;
    cursor: pointer;
    background: transparent;
    border-radius: unset;
    width: unset;
    height: unset;
    z-index: 10;
    display: flex;
    align-items: center;
    background-color: #cdcdcd;
    border-radius: 4px;
    padding: 4px 8px; }
    .po-approval-page #preview span i {
      position: unset;
      top: unset;
      right: unset;
      font-size: 20px;
      margin-left: 10px;
      color: #f44336; }

@media screen and (max-device-width: 1920px) {
  .po-approval-page .service-row-description {
    width: 200px !important; }
  .po-approval-page .service-row-asset-item {
    width: 200px !important; }
  .po-approval-page .service-field {
    width: 210px !important; }
  .po-approval-page .service-row-reason {
    width: 178px;
    text-align: left !important; }
  .po-approval-page .reasonCategory-field {
    width: 90px !important; }
  .po-approval-page .reason-field {
    width: 90px !important; } }

@media only screen and (max-device-width: 1366px) {
  .po-approval-page .total-amount.mr-45 {
    margin-right: 115px !important; }
  .po-approval-page .service-row-description {
    width: 275px !important; }
  .po-approval-page .grid-headers #divServiceFields .service-field {
    width: 212px !important; }
  .po-approval-page .grid-headers #divServiceFields .asset-field {
    width: 212px !important; }
  .po-approval-page .service-field {
    width: 300px !important; }
  .po-approval-page .menu-collapsed .po-approval-page .service-row-description {
    width: 300px !important; }
  .po-approval-page .menu-collapsed .po-approval-page .service-field {
    width: 300px !important; }
  .po-approval-page .service-row-description {
    width: 211px !important; }
  .po-approval-page .service-row-asset-item {
    width: 211px !important; }
  .po-approval-page .sub-tot {
    margin-right: 93px !important;
    margin-top: -10px !important; }
  .po-approval-page .mr-45 {
    margin-right: 125px !important; }
    .po-approval-page .mr-45 .bold {
      padding-right: 37px !important; }
  .po-approval-page .side-menu.open + .body-content .po-approval-page .grid-headers .service-field {
    width: 300px !important; } }

.po-approval-page #divReqList .row-lines .row-line span {
  top: 9px; }
  .po-approval-page #divReqList .row-lines .row-line span i {
    font-size: 17px; }
  .po-approval-page #divReqList .row-lines .row-line span.info-blue {
    right: 32px;
    top: 8px; }
    .po-approval-page #divReqList .row-lines .row-line span.info-blue i {
      color: #2196f3; }

.po-approval-page #divPendingPoApprovalRequisitionsContainer .item-row {
  padding-right: 50px !important; }

#requisitionNoteItemsPopup .modal-content .modal-body #divRequisitionNoteItemsTableBody {
  max-height: calc(100vh - 340px) !important; }

.po-page #divIsAssetService {
  margin-top: -12px !important; }

.po-page #divPoTempList .panel {
  max-width: 200px; }

.po-page .location-supplier-width .width-260 {
  max-width: 200px !important; }

.po-page .location-supplier-width .supplier {
  max-width: 200px !important; }
  .po-page .location-supplier-width .supplier .width-260 {
    max-width: 200px !important; }

.po-page .grid-headers {
  width: max-content !important;
  display: flex; }
  .po-page .grid-headers .service-field {
    width: 300px; }
  .po-page .grid-headers .asset-field {
    width: 300px; }
  .po-page .grid-headers .active-field {
    width: 47px !important; }
    .po-page .grid-headers .active-field .custom-checkbox {
      margin-top: 6px !important;
      margin-left: -26px !important; }
  .po-page .grid-headers .discount-field {
    background-color: #fff !important; }
    .po-page .grid-headers .discount-field span {
      background-color: #f2f4f8 !important; }

.po-page .grid-table .service-row-description {
  width: 300px;
  text-align: left; }

.po-page .grid-table .service-row-asset-item {
  width: 300px;
  text-align: left; }

.po-page .grid-table .table-body .div-rows .row-taxes {
  display: grid;
  text-align: center !important;
  padding-top: 8px !important; }
  .po-page .grid-table .table-body .div-rows .row-taxes #btnAddTaxes {
    color: #2196f3 !important;
    font-size: 16px;
    padding-left: 2px; }

.po-page .grid-table .table-body .div-rows:first-child {
  border-top: 1px solid #eee !important; }

.po-page .sub-tot {
  margin-right: 65px !important; }

.po-page .mr-45 {
  margin-right: 100px !important; }
  .po-page .mr-45 .total-box label {
    padding-right: 35px !important; }

.requisition-note-page .grid-headers {
  height: 38px; }
  .requisition-note-page .grid-headers .order-field {
    width: 50px !important; }
  .requisition-note-page .grid-headers .qty-field {
    width: 97px !important; }
  .requisition-note-page .grid-headers .reasonCategory-field {
    width: 133px !important; }
  .requisition-note-page .grid-headers .reason-field {
    width: 133px !important; }

.requisition-note-page .grid-table .table .table-header .service-row-reason {
  width: 264px !important;
  text-align: left !important; }

.requisition-note-page .grid-table .table .table-header .service-row-order {
  width: 60px !important; }

.requisition-note-page .grid-table .table .table-header .service-row-unit-qty {
  width: 96px !important; }

.requisition-note-page .grid-table .table .table-body .service-row-reason {
  width: 264px !important;
  text-align: left !important; }

.requisition-note-page .grid-table .table .table-body .service-row-order {
  width: 60px !important; }

.requisition-note-page .grid-table .table .table-body .service-row-unit-qty {
  width: 96px !important; }

@media only screen and (max-width: 1920px) {
  .requisition-note-page .gridwrapper-servicern .grid-table {
    width: 1278px; }
  .requisition-note-page .card-wrapper-rn .rqn-item {
    width: 712px; }
  .requisition-note-page .card-wrapper-rn .row-name {
    width: 650px !important; }
  .requisition-note-page .card-wrapper-rn .row-uom {
    width: 185px !important; }
  .requisition-note-page .total-amount.sr {
    margin-top: 20px !important; } }

@media only screen and (max-width: 1800px) {
  .requisition-note-page .card-wrapper-rn.gridwrapper-servicern {
    width: calc(100vw - 678px) !important;
    overflow: auto; }
    .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-headers {
      width: max-content; }
    .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-table {
      width: 1267px; }
  .requisition-note-page .gridwrapper-itemrn .rqn-item {
    width: 412px !important; }
  .requisition-note-page .gridwrapper-itemrn .row-name {
    width: 511px !important; }
  .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern {
    width: calc(100vw - 450px) !important;
    overflow: auto; }
    .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-headers {
      width: max-content; }
    .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-table {
      width: 1267px; } }

@media only screen and (max-width: 1366px) {
  .requisition-note-page .card-wrapper-rn.gridwrapper-servicern {
    width: calc(100vw - 581px) !important;
    overflow: auto; }
    .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-headers {
      width: 955px; }
    .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-table {
      width: 1052px; }
  .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern {
    width: calc(100vw - 450px) !important;
    overflow: auto; }
    .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-headers {
      width: 1028px; }
    .menu-collapsed .requisition-note-page .card-wrapper-rn.gridwrapper-servicern .grid-table {
      width: 1154px; }
  .menu-collapsed .requisition-note-page .gridwrapper-itemrn .rqn-item {
    width: 412px !important; }
  .menu-collapsed .requisition-note-page .gridwrapper-itemrn .row-name {
    width: 511px !important; }
  .menu-collapsed .requisition-note-page #divToPo {
    width: 120px !important; }
    .menu-collapsed .requisition-note-page #divToPo .margin-top-10 {
      margin-top: -10px !important; }
  .menu-collapsed .requisition-note-page #divIsAssetService .margin-top-10 {
    margin-top: -10px !important; } }

.production-flow-page .panel-body .wo-card.contain-other-floorc .job-card-collapesed .job-card-body {
  max-height: 23px; }
  .production-flow-page .panel-body .wo-card.contain-other-floorc .job-card-collapesed .job-card-body .wo-status {
    margin-top: 8px !important; }

@media only screen and (min-width: 1368px) {
  .requisition-note-approval-page .gridwrapper-servicerna #divMainTable .table-body .service-row-reason-category, .requisition-note-approval-page .gridwrapper-servicerna #divMainTable .table-header .service-row-reason-category {
    width: 140px; } }

@media only screen and (min-width: 1368px) {
  .menu-collapsed .requisition-note-approval-page .gridwrapper-servicerna #divMainTable .table-body .service-row-reason-category, .menu-collapsed .requisition-note-approval-page .gridwrapper-servicerna #divMainTable .table-header .service-row-reason-category {
    width: 180px; } }

@media only screen and (max-width: 1367px) {
  .menu-collapsed .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-header, .menu-collapsed .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-body {
    width: 880px !important; }
    .menu-collapsed .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-header .row-name, .menu-collapsed .requisition-note-approval-page .gridwrapper-itemrna #divMainTable .table-body .row-name {
      width: 495px !important; } }

.goods-receive-note-page .checkbox-po-list {
  justify-content: unset !important; }
  .goods-receive-note-page .checkbox-po-list .d-flex {
    padding-left: 43px; }

.grid-row-wrapper .table-body .div-rows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .grid-row-wrapper .table-body .div-rows .wrapper-col {
    height: unset;
    display: table-cell !important;
    float: none;
    word-break: break-all !important;
    white-space: pre-wrap !important; }

@media only screen and (min-width: 1400px) and (max-width: 1910px) {
  .requisition-note-approval-page.higher .gridwrapper-service {
    width: calc(100vw - 630px) !important;
    overflow: auto; } }

.Grn-Approval-page #divServiceTable.table .div-rows .row-tax {
  padding: 5px 4px !important; }

@media only screen and (max-width: 1367px) {
  .Grn-Approval-page #divServiceTable.table .row-service {
    width: 377px !important; } }

@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  .Grn-Approval-page #divServiceTable.table .row-service {
    width: 430px !important; } }

@media only screen and (min-width: 1367px) and (max-width: 1800px) {
  .Grn-Approval-page #divServiceTable.table .row-service {
    width: 377px !important; } }

@media screen and (max-width: 1920px) and (min-width: 1800px) {
  .Grn-Approval-page .panel .panel-body .center-panel .right-panel {
    width: calc(100% - 313px) !important;
    /* max-height: 460px; */ } }

.Bom-Approval .toggle-button {
  padding-top: 28px; }

.pcs-tag {
  float: right;
  background: #13b2b0;
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 11px;
  font-size: small; }

#returnQtyPopup .returnQty {
  float: right; }

#returnQtyPopup #divReturnQtyTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#returnQtyPopup #divReturnQtyTableBody {
  max-height: calc(100vh - 325px) !important;
  overflow: auto; }

#lotPopup #divLotPopupTableHeader {
  background-color: #62dbd9;
  padding-top: 10px;
  padding-bottom: 30px;
  color: white;
  margin-top: 39px; }

#lotPopup #divLotPopupTableBody {
  max-height: calc(100vh - 325px) !important;
  overflow: auto; }

@media only screen and (max-width: 2565px) {
  .production-flow-page .overdue-with-search .btn-wo-stop {
    padding: 4.6px 4px 3px 3px; }
  .production-flow-page .overdue-with-search .fa-search {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .btn-wo-pause {
    padding: 4.3px 4px 3px 3px; }
  .production-flow-page .btn-wo-stop {
    padding: 4.3px 4px 3px 3px; }
  .production-flow-page .btn-so-info {
    padding: 5px 5px 4px 4px; }
  .production-flow-page .btn-pr-details {
    padding: 4.3px 4px 3px 3px; } }

@media only screen and (max-width: 2410px) {
  .production-flow-page .packing-pr-pending .btn-wo-stop {
    padding: 3.4px 3.5px 3px 3px; }
  .production-flow-page .overdue-with-search .btn-wo-stop {
    padding: 2.5px 4px 3px 3px; }
  .production-flow-page .overdue-with-search .fa-search {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .btn-wo-pause {
    padding: 3.5px 3.5px 3px 3px; }
  .production-flow-page .btn-wo-stop {
    padding: 3.5px 3.5px 3px 3px; }
  .production-flow-page .btn-so-info {
    padding: 5px 5px 4px 4px; }
  .production-flow-page .btn-pr-details {
    padding: 3.5px 3.5px 3px 3px; } }

@media only screen and (max-width: 1925px) {
  .production-flow-page .overdue-with-search .btn-wo-stop {
    padding: 3px 3px 3px 3px; }
  .production-flow-page .overdue-with-search .fa-search {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .btn-wo-pause {
    padding: 3px 4px 3px 3px; }
  .production-flow-page .btn-wo-stop {
    padding: 3px 4px 3px 4px; } }

@media only screen and (max-width: 1747px) {
  .production-flow-page .overdue-with-search .btn-wo-stop {
    padding: 2px 3px 3px 3px; }
  .production-flow-page .overdue-with-search .fa-search {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .btn-wo-stop {
    padding: 3px 4px 4px 4px; }
  .production-flow-page .btn-wo-pause {
    padding: 3px 4px 4px 4px; } }

@media only screen and (max-width: 1538px) {
  .production-flow-page .overdue-with-search .btn-wo-stop {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .overdue-with-search .fa-search {
    padding: 4px 4px 3px 3px; }
  .production-flow-page .btn-wo-stop {
    padding: 5px 4px 4px 4px; }
  .production-flow-page .btn-wo-pause {
    padding: 5px 4px 4px 4px; }
  .production-flow-page .btn-so-info {
    padding: 4px 4px 4px 5px; } }

@media only screen and (max-width: 1575px) {
  .production-flow-page .job-card-body i {
    padding-right: 0px;
    padding-top: 1px; } }

@media only screen and (max-width: 1367px) {
  .production-flow-page .job-card-body i {
    padding-right: 1px !important;
    padding-top: 0px !important; }
  .production-flow-page .job-card-body .btn-wo-pause {
    padding: 3px 4px 3px 3px; }
  .production-flow-page .job-card-body .btn-wo-stop {
    padding: 3px 4px 3px 4px; } }

@media only screen and (max-width: 1245px) {
  .production-flow-page .job-card-body i {
    padding-right: 1px !important;
    padding-top: 1px !important; }
  .production-flow-page .job-card-body .btn-wo-pause {
    padding: 4px 3px 3px 3px !important; }
  .production-flow-page .job-card-body .btn-wo-stop {
    padding: 4px 3px 3px 3px !important; } }

@media only screen and (max-width: 1095px) {
  .production-flow-page .job-card-body i {
    padding-right: 0.5px !important; }
  .production-flow-page .job-card-body .btn-wo-pause {
    padding: 4px 3.5px 3px 3px !important; }
  .production-flow-page .job-card-body .btn-wo-stop {
    padding: 4px 3.5px 3px 3px !important; } }

.outlet-page .form-group.icon-field #btnUpdateRow i {
  padding: 10px 12px 10px 13px !important; }

.skip-weighing {
  background-color: #8ee16f;
  padding: 2px 8px;
  color: white;
  border-radius: 9px;
  margin-left: 10px; }

.zero-consumed-check {
  background-color: #e16f6f;
  padding: 2px 8px;
  color: white;
  border-radius: 9px;
  margin-left: 10px; }

.products-page #divMoli .flexible-panels .form {
  width: 1207px !important; }
  .products-page #divMoli .flexible-panels .form .total-amount.po {
    margin-right: 13.6% !important; }
  @media only screen and (min-device-width: 1580px) {
    .products-page #divMoli .flexible-panels .form {
      width: 1278px !important; }
      .products-page #divMoli .flexible-panels .form .total-amount.po {
        margin-right: 13% !important; } }
  .products-page #divMoli .flexible-panels .form .row-skip-weighing {
    text-align: center; }
    .products-page #divMoli .flexible-panels .form .row-skip-weighing .checkbox {
      position: relative;
      text-align: center;
      line-height: 1.5; }
      .products-page #divMoli .flexible-panels .form .row-skip-weighing .checkbox .custom-checkbox-element {
        margin: 0px 0px 0px -5px !important;
        z-index: 5; }
      .products-page #divMoli .flexible-panels .form .row-skip-weighing .checkbox .custom-checkbox {
        font-size: 16px;
        padding-left: 0px !important;
        padding-top: 4px !important;
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important; }

.products-page #divMoli .flexible-panels #divMoliHeadersContainer .redIcon {
  color: #e05d5d !important; }

.products-page #divMoli .flexible-panels #divMoliHeadersContainer .greenIcon {
  color: #13b270 !important; }

.direct-wo-card-danger {
  background-color: #ffcfcf !important; }

#lotNumberAvailablityValidationPopup .modal-dialog {
  width: 738px; }
  #lotNumberAvailablityValidationPopup .modal-dialog #txtValidationMessage {
    float: right;
    font-size: 13px;
    line-height: 20px;
    color: #fc3434;
    text-transform: initial;
    font-weight: 500; }
  #lotNumberAvailablityValidationPopup .modal-dialog .div-lot-num-val-rows {
    border-bottom: solid 1px #f2f4f8;
    display: flex;
    margin-bottom: 0; }
    #lotNumberAvailablityValidationPopup .modal-dialog .div-lot-num-val-rows:nth-child(even) {
      background-color: #f7faff; }
  #lotNumberAvailablityValidationPopup .modal-dialog .width-499 {
    width: 523px !important; }
  #lotNumberAvailablityValidationPopup .modal-dialog .width-500 {
    width: 524px !important; }
  #lotNumberAvailablityValidationPopup .modal-dialog .width-120 {
    width: 87px !important; }
  #lotNumberAvailablityValidationPopup .modal-dialog .modal-body #divLotNumberAvailablityValidationPopupBody {
    max-height: calc(100vh - 260px) !important;
    overflow: auto; }
  #lotNumberAvailablityValidationPopup .modal-dialog .modal-body .row-price.width-120 {
    width: 86.5px !important; }

#lotNumberAvailablityValidationPopup .modal-dialog {
  width: 740px !important; }
  #lotNumberAvailablityValidationPopup .modal-dialog .padding-right-21 {
    padding-right: 21px !important; }

/* Pagination Styles Start*/
.box {
  float: left;
  padding: 0px 0px;
  margin: 20px 0px 0px 0px; }

.clearfix::after {
  clear: both;
  display: table; }

.options {
  margin: 20px 0px 0px 0px;
  float: left; }
  .options #req_per_page {
    border: 1px solid #e0e3e8;
    padding: 1px 3px;
    font-size: 12px;
    border-radius: 3px; }

.pagination {
  float: right; }

.pagination a {
  color: black;
  float: left;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0px 4px;
  width: 25px;
  height: 25px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  border-radius: 3px; }

.pagination a.active {
  background-color: #13b2b0;
  color: white;
  border: 1px solid #13b2b0; }

.pagination a:hover:not(.active) {
  background-color: #ddd; }

/* Pagination Styles End*/
@media screen and (max-device-width: 1600px) {
  section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width .table-header {
    width: 1403px !important; }
  section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width .table-body {
    width: 1403px !important;
    max-height: calc(100vh - 528px) !important; }
  section.contents .body-content .invoice-bulk-import-page .custom-width {
    max-width: calc(100vw - 186px);
    overflow: auto; }
    section.contents .body-content .invoice-bulk-import-page .custom-width .table-header {
      width: 1403px !important; }
    section.contents .body-content .invoice-bulk-import-page .custom-width .table-body {
      width: 1403px !important; }
    section.contents .body-content .invoice-bulk-import-page .custom-width .invoice-summary {
      max-height: calc(100vh - 525px) !important; } }

@media screen and (min-device-width: 1450px) and (max-device-width: 1850px) {
  section.contents .side-menu.open + .body-content .invoice-bulk-import-page .custom-width {
    max-width: calc(100vw - 310px) !important; }
  section.contents .body-content .invoice-Summary-export-page .custom-width {
    max-width: calc(100vw - 130px) !important; } }

@media screen and (min-device-width: 900px) and (max-device-width: 1600px) {
  section.contents .side-menu.open + .body-content .invoice-Summary-export-page .custom-width {
    max-width: calc(100vw - 300px) !important; }
    section.contents .side-menu.open + .body-content .invoice-Summary-export-page .custom-width .table-body {
      max-height: calc(100vh - 568px) !important; }
  section.contents .body-content .invoice-bulk-import-page.invoice-Summary-export-page .custom-width {
    max-width: calc(100vw - 300px) !important; } }

@media screen and (max-device-width: 1400px) {
  section.contents .body-content .invoice-bulk-import-page.invoice-Summary-export-page .custom-width {
    max-width: calc(100vw - 125px) !important;
    overflow: auto; } }

@media screen and (min-device-width: 1900px) {
  .invoice-Summary-export-page #invoice .custom-width .table-header {
    width: 1403px !important; } }

@media screen and (max-device-width: 1400px) {
  .invoice-Summary-export-page #secondaryInvoice .custom-width .summary-serach {
    width: 1240px !important; } }

@media screen and (min-device-width: 1900px) {
  .invoice-Summary-export-page #secondaryInvoice .custom-width .table-header {
    width: 1403px !important; } }

@media screen and (max-device-width: 1400px) {
  .invoice-Summary-export-page #secondaryInvoice .custom-width .table-header {
    width: 1240px !important; } }

@media screen and (max-device-width: 1400px) {
  .invoice-Summary-export-page #secondaryInvoice .custom-width .table-body {
    width: 1240px !important; } }

.invoice-Summary-export-page #secondaryInvoice .row-ref {
  width: 637px; }
  @media screen and (min-device-width: 1900px) {
    .invoice-Summary-export-page #secondaryInvoice .row-ref {
      width: 799px !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1850px) {
    .invoice-Summary-export-page #secondaryInvoice .row-ref {
      width: 799px !important; } }

.invoice-Summary-export-page #secondaryInvoice .row-inv-name, .invoice-Summary-export-page #secondaryInvoice .row-ref {
  width: 547px; }
  @media screen and (min-device-width: 1900px) {
    .invoice-Summary-export-page #secondaryInvoice .row-inv-name, .invoice-Summary-export-page #secondaryInvoice .row-ref {
      width: 711px !important; } }
  @media screen and (min-device-width: 1450px) and (max-device-width: 1850px) {
    .invoice-Summary-export-page #secondaryInvoice .row-inv-name, .invoice-Summary-export-page #secondaryInvoice .row-ref {
      width: 711px !important; } }

.invoice-bulk-import-page .row-createdby .custom-checkbox:before {
  margin-top: 5px !important;
  display: block !important; }

.invoice-bulk-import-page .searchInv-entry .custom-checkbox:before {
  margin-top: 5px !important;
  display: block !important;
  font-size: 16px !important; }

.invoice-bulk-import-page .header-chk {
  position: unset !important; }
  .invoice-bulk-import-page .header-chk .custom-checkbox {
    position: unset !important; }
  .invoice-bulk-import-page .header-chk .custom-checkbox:before {
    margin-top: 5px !important;
    display: block !important;
    font-size: 16px !important; }

.invoice-bulk-import-page .w-1310px {
  width: 1310px !important; }

.invoice-bulk-import-page .sort-icons {
  border-right: none !important;
  width: auto !important;
  padding: 0px 5px !important;
  margin-top: -5.5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .invoice-bulk-import-page .sort-icons i {
    line-height: 6px; }

.invoice-bulk-import-page .options #req_per_page1, .invoice-bulk-import-page .options #req_per_page2 {
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: black; }

.invoice-bulk-import-page #invoice .grid-table .table-header div div {
  height: 30px !important;
  /*
                        border-right: none !important;*/ }

@media only screen and (min-device-width: 1800px) {
  .invoice-bulk-import-page .table-body {
    width: 1403px !important;
    max-height: calc(100vh - 464px) !important; }
  .invoice-bulk-import-page .summary-serach {
    width: 1403px !important; } }

@media only screen and (min-device-width: 1366px) {
  .invoice-bulk-import-page .summary-serach {
    width: 1403px !important; } }

.requisition-note-page .togglebtn-group {
  position: absolute;
  top: -37px;
  right: -28px; }
  @media only screen and (min-device-width: 1401px) and (max-device-width: 1800px) {
    .requisition-note-page .togglebtn-group .btn {
      min-width: 80px; } }
  @media only screen and (max-device-width: 1400px) {
    .requisition-note-page .togglebtn-group .btn {
      min-width: 54px; } }

.requisition-note-page .form-group.navigator {
  top: -65px !important;
  right: -47px; }

.requisition-note-page .transfer-purchase-btn {
  position: absolute;
  top: -64px;
  right: 300px; }
  @media only screen and (min-device-width: 1801px) {
    .requisition-note-page .transfer-purchase-btn {
      right: 375px; } }
  @media only screen and (min-device-width: 1401px) and (max-device-width: 1800px) {
    .requisition-note-page .transfer-purchase-btn {
      right: 345px; }
      .requisition-note-page .transfer-purchase-btn .btn {
        min-width: 80px; } }
  @media only screen and (max-device-width: 1400px) {
    .requisition-note-page .transfer-purchase-btn .btn {
      min-width: 54px; } }

#confirmRejectRequisitionNotePopup p {
  font-size: 12px; }

.requisition-note-page .margin-top-12 {
  margin-top: 12px !important; }

.Sin-Print-page .w-100px {
  width: 100px !important; }

.Sin-Print-page .w-85px {
  width: 85px !important; }

.Sin-Print-page .w-250px {
  width: 250px !important; }

.Sin-Print-page .w-80px {
  width: 80px !important; }

.Sin-Print-page .custom-width .table .table-header .checkbox {
  width: 35px;
  margin: 0;
  display: flex;
  justify-content: center;
  font-size: 16px !important;
  position: unset !important;
  align-items: center; }
  .Sin-Print-page .custom-width .table .table-header .checkbox input {
    margin: 0px !important; }
  .Sin-Print-page .custom-width .table .table-header .checkbox .custom-checkbox:before {
    font-size: 16px !important; }
  .Sin-Print-page .custom-width .table .table-header .checkbox .custom-checkbox {
    margin-top: 8px !important; }
  .Sin-Print-page .custom-width .table .table-header .checkbox div {
    position: unset !important; }

.Sin-Print-page .custom-width .table .table-body {
  overflow: auto;
  max-height: calc(100vh - 390px) !important; }
  .Sin-Print-page .custom-width .table .table-body .checkbox {
    width: 35px;
    margin: 0;
    display: flex;
    justify-content: center;
    font-size: 16px !important; }
    .Sin-Print-page .custom-width .table .table-body .checkbox .custom-checkbox:before {
      font-size: 16px !important; }

.delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-route, .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .row-route {
  width: 14.4% !important; }

.delivery-shortages-page .grid-table .table .table-header .row-item-code {
  width: 8% !important; }

.delivery-shortages-page .grid-table .table .table-header .row-so {
  width: 8% !important; }

.delivery-shortages-page .grid-table .table .table-header .row-product-name {
  border-right: 0px !important; }

.delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body {
  /*.row-so {
                                    width: 8% !important;
                                }*/ }
  .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .copyreason-available {
    margin: 0 auto !important; }
    .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .copyreason-available .add-btn {
      min-width: unset !important;
      margin-right: 5px !important; }

.delivery-shortages-page .grid-table .table #divBody .parent-div .row-item-code {
  width: 8% !important; }

.delivery-shortages-page .grid-table .table #divBody .parent-div .row-name {
  border-right: 0px !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table .table-header .row-item-code {
  width: 7% !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table .table-header .row-so {
  width: 8% !important; }

@media only screen and (min-device-width: 1366px) {
  .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body {
    max-height: calc(100vh - 443px) !important; } }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .copyreason-available {
  margin: 0 auto !important; }
  .menu-collapsed .delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-body .copyreason-available .add-btn {
    min-width: unset !important;
    margin-right: 5px !important; }

.menu-collapsed .delivery-shortages-page .grid-table .table #divBody .parent-div .row-item-code {
  width: 7% !important; }

@media only screen and (max-device-width: 1920px) {
  .menu-collapsed delivery-shortages-page .grid-table .table #divBody .sub-table .table .table-header .row-name {
    width: 24% !important; } }

@media only screen and (min-width: 1920px) {
  .body-content .soq-page.delivery-shortages-page .grid-table #divMainTable #divHeader .row-name, .body-content .soq-page.delivery-shortages-page .grid-table #divMainTable .div-rows .row-name {
    width: calc(100vw - 1167px); }
  .menu-collapsed .delivery-shortages-page .grid-table .table .table-header .row-product-name {
    width: calc(100vw - 1090px) !important; }
  .delivery-shortages-page .grid-table .table .table-header .row-product-name {
    width: calc(100vw - 1167px) !important; } }

.sales-order-edit-page #frmForm .mainwrapper-solist {
  width: 350px; }
  .sales-order-edit-page #frmForm .mainwrapper-solist #divListContainer .so-number {
    width: 110px;
    display: inline-block; }
  .sales-order-edit-page #frmForm .mainwrapper-solist #divListContainer .soe-list-table {
    left: unset !important;
    width: 203px; }

.wo-info-popup-text {
  margin-left: 5px;
  color: #79a5df; }

.distributor-per-page .sales-body .row-action-accu {
  width: 7% !important;
  height: 30px !important; }

.distributor-per-page .sales-body .acc-total-quantity {
  width: 15% !important;
  text-align: right !important; }

.distributor-per-page .sales-body .acc-item-name {
  width: 58% !important; }

.distributor-per-page .sales-body .acc-total {
  width: 20% !important;
  text-align: right !important; }

.distributor-per-page .sales-body .table-body .acc-item-name {
  width: 58.1% !important; }

.distributor-per-page .sales-body .table-body .acc-total {
  width: 19.8% !important;
  text-align: right !important; }

.distributor-per-page .sales-body .table-body .acc-total-quantity {
  width: 15.1% !important;
  text-align: right !important; }

#DSTInfoPopUp .rejection-area {
  display: contents; }

#DSTInfoPopUp .gtn-remark span {
  position: unset !important; }

#DSTInfoPopUp #divRejectionRemarkHistoryContent {
  max-height: calc(100vh - 537px) !important;
  overflow: overlay; }

@media screen and (max-width: 1200px) {
  #DSTInfoPopUp .modal-dialog .modal-content {
    height: auto !important; } }

@media screen and (max-width: 767px) {
  #DSTInfoPopUp .modal-dialog .modal-content .modal-body {
    height: auto !important; }
    #DSTInfoPopUp .modal-dialog .modal-content .modal-body #divRejectionRemarkHistoryContent {
      max-height: calc(100vh - 448px) !important; }
      #DSTInfoPopUp .modal-dialog .modal-content .modal-body #divRejectionRemarkHistoryContent #rejectionbody {
        max-height: none !important;
        overflow: overlay; }
        #DSTInfoPopUp .modal-dialog .modal-content .modal-body #divRejectionRemarkHistoryContent #rejectionbody td {
          width: 100% !important; }
    #DSTInfoPopUp .modal-dialog .modal-content .modal-body table tbody#divDSTInfoTableBody {
      max-height: calc(100vh - 448px) !important; } }

.w-90m {
  width: 90px !important;
  flex: none !important;
  flex-basis: unset !important; }

#dailyProductionDetailsPopUp .modal-dialog {
  width: 600px; }

#divError {
  z-index: 99999 !important; }

.psdc-summary-main-page .psdc-summary-serach {
  background-color: aliceblue;
  width: 100%; }
  @media screen and (min-device-width: 1900px) {
    .psdc-summary-main-page .psdc-summary-serach {
      width: 1721px; } }
  .psdc-summary-main-page .psdc-summary-serach .icofont-search-alt-1 {
    right: 14px;
    top: 7px;
    left: unset;
    color: #0db2b0; }

@media screen and (max-device-width: 1800px) {
  .psdc-summary-main-page .grid-table .sosummary-table .custom-width {
    width: calc(100vw - 310px);
    overflow: auto; }
  .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryHeader {
    width: 2006px; }
  .psdc-summary-main-page .grid-table .sosummary-table #divPsdcSummaryBody {
    width: 2006px !important; } }

.psdc-summary-main-page .sosummary-table #divPsdcSummaryBody {
  max-height: calc(100vh - 480px) !important;
  overflow-y: scroll !important; }
  @media screen and (max-device-width: 1400px) {
    .psdc-summary-main-page .sosummary-table #divPsdcSummaryBody {
      max-height: calc(100vh - 544px) !important; } }

.psdc-summary-main-page .psdc-summery-btn-group {
  padding: 0px 5px !important;
  border-right: none !important;
  width: 100%; }
  .psdc-summary-main-page .psdc-summery-btn-group .btn {
    min-width: 24px !important; }
  .psdc-summary-main-page .psdc-summery-btn-group .ico-btn {
    background-color: unset !important; }
    .psdc-summary-main-page .psdc-summery-btn-group .ico-btn i:hover {
      color: #1091a1 !important; }
  .psdc-summary-main-page .psdc-summery-btn-group .ico-btn:disabled i {
    color: #B0B0B0 !important; }
  .psdc-summary-main-page .psdc-summery-btn-group .ico-btn i {
    color: #13b2b0 !important; }

.psdc-summary-main-page .psdc-summery-btn {
  text-align: center;
  display: flex;
  justify-content: space-between; }
  .psdc-summary-main-page .psdc-summery-btn .ecnd {
    font-size: 13px;
    color: #5d5d5d; }
    .psdc-summary-main-page .psdc-summery-btn .ecnd:hover {
      color: #393737; }
  .psdc-summary-main-page .psdc-summery-btn .sdn {
    font-size: 13px;
    color: #8bc34a; }
    .psdc-summary-main-page .psdc-summery-btn .sdn:hover {
      color: #4caf50; }
  .psdc-summary-main-page .psdc-summery-btn .scn {
    font-size: 13px;
    color: #03A9F4; }
    .psdc-summary-main-page .psdc-summery-btn .scn:hover {
      color: #2196f3; }
  .psdc-summary-main-page .psdc-summery-btn .ssi {
    font-size: 13px;
    color: #ffa520; }
    .psdc-summary-main-page .psdc-summery-btn .ssi:hover {
      color: #e59012; }

.psdc-summary-main-page .sort-icons {
  width: auto !important;
  padding: 0px 5px !important;
  margin-top: -5.5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: none !important; }
  .psdc-summary-main-page .sort-icons i {
    line-height: 6px;
    cursor: pointer; }

.psdc-summary-main-page .search-by-card {
  padding: 5px 12px;
  background-color: #fbfcff; }
  @media screen and (max-width: 1600px) {
    .psdc-summary-main-page .search-by-card {
      width: 355px;
      margin-bottom: 8px !important; } }
  @media screen and (max-width: 1600px) {
    .psdc-summary-main-page .search-by-card .search-by-radio-2, .psdc-summary-main-page .search-by-card .search-by-radio-4 {
      width: 175px; }
      .psdc-summary-main-page .search-by-card .search-by-radio-2.margin-right-20, .psdc-summary-main-page .search-by-card .search-by-radio-2 .margin-right-5, .psdc-summary-main-page .search-by-card .search-by-radio-4.margin-right-20, .psdc-summary-main-page .search-by-card .search-by-radio-4 .margin-right-5 {
        margin-right: 0px !important; }
    .psdc-summary-main-page .search-by-card .search-by-radio-1, .psdc-summary-main-page .search-by-card .search-by-radio-3 {
      width: 148px; }
      .psdc-summary-main-page .search-by-card .search-by-radio-1.margin-right-20, .psdc-summary-main-page .search-by-card .search-by-radio-3.margin-right-20 {
        margin-right: 0px !important; }
    .psdc-summary-main-page .search-by-card .search-by-radio-1, .psdc-summary-main-page .search-by-card .search-by-radio-2 {
      margin-bottom: 3px; } }
  @media screen and (min-width: 1800px) {
    .psdc-summary-main-page .search-by-card .search-by-radio-4 .custom-radio-element:checked ~ .custom-radio:before {
      margin: 0em 0em 0.15em 0.05em; } }

#secondaryInvoiceInfoPopup .modal-body #divSecondaryInvoiceItemContainer .lblSecondaryInvoiceItemsTableTitle {
  background-color: #dddddd;
  color: black;
  font-weight: 700; }

#secondaryInvoiceInfoPopup .modal-body #divSecondaryInvoiceItemContainer #divSecondaryInvoiceItemsTableHeader {
  background-color: #f2f4f8;
  color: #404040;
  font-weight: 700; }
  #secondaryInvoiceInfoPopup .modal-body #divSecondaryInvoiceItemContainer #divSecondaryInvoiceItemsTableHeader .pr-8 {
    height: 34px;
    line-height: 33px; }

#secondaryInvoiceInfoPopup .modal-body #divSecondaryInvoiceItemContainer #divSecondaryInvoiceItemsTableBody .invoiceItemRow {
  background-color: #ffffff; }
  #secondaryInvoiceInfoPopup .modal-body #divSecondaryInvoiceItemContainer #divSecondaryInvoiceItemsTableBody .invoiceItemRow:nth-child(even) {
    background-color: #f7faff !important; }

#itemsNotLoadedDetailPopup .modal-dialog .modal-content .modal-body .alert {
  padding: 8px 14px 10px;
  margin-bottom: 15px;
  border-color: transparent; }

#itemsNotLoadedDetailPopup .modal-dialog .modal-content .modal-body .table-body {
  max-height: calc(100vh - 387px) !important;
  overflow: auto; }
  #itemsNotLoadedDetailPopup .modal-dialog .modal-content .modal-body .table-body .sub-table-secondchild .table .table-body {
    max-height: calc(100vh - 526px) !important;
    overflow: auto; }

/*    .rSearch {
        #ddlReport {
            display: none;
            height: 50vh;
            overflow: auto;
            left: 0;
            position: absolute;
            z-index: 555;
            background: white;
            top: 60px;

            option {
                font-size: 12px;
                cursor: pointer;
                padding: 5px 10px;
                border-bottom: 1px solid #e7e3e3;

                &:hover {
                    background-color: #bfddf5;
                }
            }

            &.show {
                display: block;
            }
        }

        #txtReport {
            display: inline-block;
            position: relative;
        }
    }*/
.sales-order-reopen-page .grid-table .table-header .row-sono, .sales-order-reopen-page .grid-table .table-body .row-sono {
  width: 83px !important;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.sales-order-reopen-page .grid-table .table-header .row-date, .sales-order-reopen-page .grid-table .table-body .row-date {
  width: 132px !important;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.sales-order-reopen-page .grid-table .table-header .row-item, .sales-order-reopen-page .grid-table .table-header .row-customer, .sales-order-reopen-page .grid-table .table-body .row-item, .sales-order-reopen-page .grid-table .table-body .row-customer {
  width: 235px;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  @media screen and (min-width: 1400px) and (max-width: 1800px) {
    .sales-order-reopen-page .grid-table .table-header .row-item, .sales-order-reopen-page .grid-table .table-header .row-customer, .sales-order-reopen-page .grid-table .table-body .row-item, .sales-order-reopen-page .grid-table .table-body .row-customer {
      width: 315px; } }
  @media screen and (min-width: 1920px) {
    .sales-order-reopen-page .grid-table .table-header .row-item, .sales-order-reopen-page .grid-table .table-header .row-customer, .sales-order-reopen-page .grid-table .table-body .row-item, .sales-order-reopen-page .grid-table .table-body .row-customer {
      width: 500px; } }

.sales-order-reopen-page .grid-table .table-header .row-production-qty, .sales-order-reopen-page .grid-table .table-header .row-balance-qty, .sales-order-reopen-page .grid-table .table-header .row-order-qty, .sales-order-reopen-page .grid-table .table-body .row-production-qty, .sales-order-reopen-page .grid-table .table-body .row-balance-qty, .sales-order-reopen-page .grid-table .table-body .row-order-qty {
  text-align: right !important;
  width: 110px;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.sales-order-reopen-page .grid-table .table-header .row-select, .sales-order-reopen-page .grid-table .table-body .row-select {
  width: 39px !important;
  text-align: left !important;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .sales-order-reopen-page .grid-table .table-header .row-select .checkbox, .sales-order-reopen-page .grid-table .table-body .row-select .checkbox {
    padding-top: 2px !important; }
    .sales-order-reopen-page .grid-table .table-header .row-select .checkbox .custom-checkbox, .sales-order-reopen-page .grid-table .table-body .row-select .checkbox .custom-checkbox {
      font-size: 18px !important; }

.sales-order-reopen-page .grid-table .table-body .row-order-qty {
  /*padding: 3px !important;
                line-height: initial;*/ }
  .sales-order-reopen-page .grid-table .table-body .row-order-qty input.releaseItem {
    width: 100%;
    text-align: right;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #c9c9c9; }

.sales-order-reopen-page .grid-table #divBody {
  max-height: calc(100vh - 365px);
  overflow: auto; }

.sales-order-reopen-page hr {
  margin-top: 10px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%; }