@font-face {
  font-family: 'Poppins-Regular';
  src: url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.woff2') format('woff2'), url('fonts/Poppins-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.woff2') format('woff2'), url('fonts/Poppins-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-ExtraLight';
  src: url('fonts/Poppins-ExtraLight.woff2') format('woff2'), url('fonts/Poppins-ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('fonts/Poppins-SemiBold.woff2') format('woff2'), url('fonts/Poppins-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* --- RESET --- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
img,
a,
p,
dl,
dt,
dd,
input,
textarea,
select,
ul,
li button,
area,
map {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  border: none;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

body {
  overflow-x: hidden;
  font-size: 14px;
  font-weight: normal;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

/*fonts*/

.poppingsReg {
  font-family: 'Poppins-Regular', Arial, sans-serif;
  font-weight: normal;
}

.poppingsMedium {
  font-family: 'Poppins-Medium', Arial, sans-serif;
  font-weight: normal;
}

.poppingsLight {
  font-family: 'Poppins-Light', Arial, sans-serif;
  font-weight: normal;
}

.poppingsExtraLight {
  font-family: 'Poppins-ExtraLight', Arial, sans-serif;
  font-weight: normal;
}

.poppingsSemiBold {
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  font-weight: normal;
}

/*predefined classes*/

.transition {
  -webkit-transition: all 0.2s ease-in-out;
  /* Safari 3.2+, Chrome */
  -moz-transition: all 0.2s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.2s ease-in-out;
  /* Opera 10.5-12.00 */
  transition: all 0.2s ease-in-out;
  /* Firefox 16+, Opera 12.50+ */
}

.centre-left {
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: relative;
}

.centre-top {
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  position: relative;
}

.centre-left-top {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
}

.width-100,
.tag-default {
  float: left;
  width: 100%;
  position: relative;
  font-weight: normal;
}

.absolute {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.height100 {
  height: 100%;
}

.cursor {
  cursor: pointer;
}

.center {
  text-align: center;
}

.upper {
  text-transform: uppercase;
}

.justify {
  text-align: justify;
}

.normalText {
  text-transform: none;
}

input:disabled:hover {
  cursor: not-allowed;
}

.cubic {
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  /* easeInOutCubic */

  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* easeInOutCubic */
}

.cubic2 {
  -webkit-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeInOutCubic */
}

.width-50 {
  width: 50%;
}

/*predefined classes*/

/*custom*/
.wrapper {
  width: 100%;
  position: relative;
  float: left;
  min-height: 100%;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.safearea {
  width: 1200px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: relative;
  float: left;
}

.wrapper .safearea {
  margin-top: 131px;
}

.wrapper header .safearea,
.wrapper .sectionHeadDiv .safearea {
  margin-top: 0px;
}

.loginWrapper {
  height: 100vh;
  background-color: #eee;
}

.loginLeft {
}

.loginLeftDiv {
  width: 275px;
}

.logingSubTitle {
  color: #3b3a38;
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.loginLeftDiv label {
  color: #3b3a38;
  font-size: 15px;
  margin-bottom: 2px;
}

.loginLeftDiv label span {
  color: #965f3a;
  font-weight: bold;
}

.loginLeftDiv input[type='text'],
.loginLeftDiv input[type='password'] {
  background-color: #fff;
  margin-bottom: 25px;
  border-color: #848484;
  padding-left: 10px;
  padding-right: 10px;
}

.loginButton {
  background-color: #965f3a;
  width: 150px;
  height: 40px;
  cursor: pointer;
  border: none;
  color: #ffffff;
}

.loginRight {
  background-image: url(../images/loginImage.jpg);
  background-size: cover;
  background-position: center;
}

.logo {
  background-image: url(../images/logo.svg);
  width: 97px;
  height: 50px;
  background-size: contain;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  background-repeat: no-repeat;
}

header {
  padding-top: 7px;
  background-color: #eee;
}

.menuDiv {
  background-color: #965f3a;
  line-height: 45px;
  margin-top: 7px;
}

.menuDiv a {
  margin-left: 15px;
  float: left;
  font-size: 13px;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  line-height: 35px;
}

.menuCenter > a:first-child {
  margin-left: 0px;
}

.dateNow {
  font-family: 'Poppins-Medium', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #965f3a;
  margin-top: 6px;
}

.ds_contentWrapper {
  margin-top: 147px;
  margin-bottom: 15px;
}

.wrapper .ds_contentWrapper {
  margin-top: 15px;
}

header {
  position: fixed !important;
  top: 0px;
  z-index: 1;
}

.sectionHeadDiv {
  padding-top: 7px;
  padding-bottom: 0px;
  background-color: #eee;
  position: fixed;
  top: 99px;
  z-index: 1;
}

.sectionHeadDiv h2.ds_sectionTitle {
  font-size: 15px;
  color: #3b3a38;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.sectionHeadDiv .ds_sectionAddLink {
  font-size: 13px;
  color: #3b3a38;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 3px;
}

.sectionHeadDiv .ds_sectionAddLink::before {
  content: '+ ';
}

.ds_listOfUsersWrapper {
  margin-top: 30px;
}

.ds_TableStyleHead span:not(.text-muted),
.ds_TableStyleBody span:not(.btn_delete):not(.text-muted),
.ds_TableStyleBody span:not(.archive):not(.text-muted),
.ds_TableStyleBody input {
  font-size: 14px;
  border-bottom: 1px solid #000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #000;
  color: #000;
}

.ds_TableStyleHead span {
  background-color: #aaa;
  color: #fff;
  border-top: 1px solid #000;
  font-weight: bold;
  cursor: pointer;
}

.ds_TableStyleHead > span:last-child,
.ds_listOfUsersBodyInfo > span:last-child,
.ds_addOfferBodyDivInfo > input:last-child {
  border-right: 1px solid #000;
}

.ds_listOfUsersHead span,
.ds_listOfUsersBody span:not(.btn_delete) {
  width: 207px;
  padding-left: 15px;
}

.ds_editBTN {
  background-image: url(../images/edit_btn.svg);
  color: #3b3a38;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 19px;
  text-transform: capitalize;
  padding-left: 23px;
  cursor: pointer;
}

.ds_deleteBTN {
  background-image: url(../images/delete_btns.svg);
  color: #3b3a38;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 17px;
  text-transform: capitalize;
  padding-left: 23px;
  cursor: pointer;
}

.duplicate_btn {
  background-image: url(../images/duplicate_icon2.png);
  color: #3b3a38;
  font-size: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: capitalize;
  padding-left: 23px;
  cursor: pointer;
  background-position: 0px 1px;
}

.ds_listOfContactsBodyInfo > span:last-child,
.ds_listOfPartsBodyDivInfo > span:last-child,
.ds_listOfOffersBodyDivInfo > span:last-child {
  border-right: 1px solid #000;
}

.ds_listOfContactsHead span,
.ds_listOfContactsBody span:not(.btn_delete) {
  width: 95px;
  text-align: center;
}

.formDesignDiv {
  margin-top: 20px;
  margin-right: 20px;
  width: 230px;
  position: relative;
}

.formDesignWrapper > div:nth-child(4n) {
  margin-right: 0px;
}

.formDesignWrapper > div:nth-child(4n + 1) {
  clear: both;
}

.formDesignDiv label {
  font-size: 14px;
  color: #000;
}

.formDesignDiv input[type='file'],
.formDesignDiv input[type='checkbox'] {
  margin-top: 5px;
}

.formDesignDiv select {
  width: 230px;
}

.ds_SubTitle {
  color: #965f3a;
  font-size: 15px;
  border-bottom: 1px solid #965f3a;
  padding-bottom: 3px;
  font-weight: bold;
}

.ds_SubTitle span.overlay {
  position: relative;
}

.ds_SubTitle span.overlay span.icon {
  top: -15px;
  right: -25px;
}

.ds_SubTitle[data-tooltip]:hover:before {
  background-color: #965f3a;
  margin-top: -50px;
  margin-left: 125px;
}

.ds_SubSubTitle {
  color: #965f3a;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.permissionHolder {
  margin-top: 50px;
}

.permissionSubLevel {
  padding-top: 10px;
  padding-right: 20px;
  margin-right: 20px;
  width: 386px;
  border-right: 1px solid #000;
}

.permissionSubLevel.width-100 {
  border-right: 0px;
}

.permissionHolder label,
.photoUploaderDiv label {
  font-size: 14px;
  color: #000;
  clear: both;
  float: left;
  padding-bottom: 10px;
  width: 93%;
  cursor: pointer;
  margin-bottom: 0px;
}

.permissionHolder input {
  float: right;
  margin-top: 5px;
}

.otherPermissionsHolder > div:nth-child(3n) {
  margin-right: 0px;
  border-right: 0px;
  padding-right: 0px;
}

.ds_addBTNNewItems {
  min-width: 166px;
  cursor: pointer;
  float: right;
  color: #965f3a;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 15px;
  border: 1px solid #965f3a !important;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  padding: 5px;
  margin-left: 15px;
  position: absolute;
  top: -5px;
  right: 0px;
}

.ds_submitButton,
.ds_searchContact,
.calculateShipmentWrapper button {
  cursor: pointer;
  width: 200px;
  text-align: center;
  float: right;
  color: #fff;
  font-size: 14px;
  margin-top: 50px;
  background-color: #965f3a;
  letter-spacing: 1px;
  clear: both;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  line-height: 40px;
  border-radius: 30px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.calculateShipmentWrapper button {
  border: none;
  margin-top: 30px;
}

.ds_deleteButton,
.ds_resetButton {
  cursor: pointer;
  width: 200px;
  text-align: center;
  line-height: 40px;
  float: right;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 50px;
  background-color: #c90505;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  margin-right: 30px;
  border-radius: 30px;
}

.delete_image,
.removeWeight,
.removeRange,
.removeAssociation,.removeCompanyPrice {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: -12px;
  right: -12px;
  z-index: 1;
}

.removeCompanyPrice{
  top: -32px;
  right: 15px;
}

.delete_image {
  top: 18px;
  right: 2px;
}

.delete_image_projects {
  width: 15px;
  height: 15px;
  right: auto;
  left: 167px;
  top: 38px;
}

.removeZone {
  position: absolute;
  top: 40px;
  right: 0px;
  cursor: pointer;
  font-weight: bold;
  color: #c90505;
}

.removeRange {
  top: 15px;
  right: 0px;
}

.partLetterInput {
  width: 30px !important;
  padding: 0px !important;
  float: left;
  text-align: center;
  margin-right: 5px;
}

.FormInputError {
  border-color: #c90505 !important;
}

.ds_searchContactFormDiv label {
  margin-top: 10px;
  margin-right: 10px;
}

.ds_searchContact {
  margin-top: 0px;
}

.infoAddEditContact {
  margin-bottom: 50px;
}

.searchListContainer {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
}

.searchListContainer label {
  font-size: 12px;
}

.searchListDiv span {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.contact_photoFileAddedClass {
  float: left;
  margin-left: 20px;
  margin-top: 100px;
}

.ds_progressBar {
  background-image: url(../images/progress.svg);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  display: none;
  position: absolute;
  z-index: 1;
}

.head_username,
.lougout {
  font-size: 12px;
  color: #3b3a38;
  font-family: 'Poppins-Regular', Arial, sans-serif;
  font-weight: normal;
  margin-left: 5px;
}

.lougout {
  text-decoration: underline;
  clear: right;
}

.ds_seachDivSelect,
.offerStatusList {
  height: 30px;
  font-size: 14px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 20px;
  background-image: url(../images/arrow.jpg);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: 97% 10px;
  background-size: 10px;
  font-family: 'Poppins-Light', Arial, sans-serif;
  height: 30px;
  border: 1px solid #848484;
  border-right: none;
  width: 240px;
}

.searchDateFrom,
.searchDateTo {
  width: 150px !important;
}

.searchDateFrom {
  border-right: none;
}

.offerStatusList {
  border-right: 1px solid #848484;
  float: left;
  width: auto;
}

.ds_searchDivInput,#searchBalanceInput,#searchProductionInput,#searchCompanyOffersInput {
  widows: 150px;
  height: 30px;
  border: none;
  font-size: 14px;
  border: 1px solid #848484;
  font-family: 'Poppins-Light', Arial, sans-serif;
  padding-left: 10px;
  width: 375px;
}

.ds_searchDivSelectize{
  width: 375px;
}

.ds_searchDivBTN {
  cursor: pointer;
  width: 110px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background-color: #965f3a;
  border: none;
  float: left;
  clear: none !important;
  margin-left: 15px;
}

.ds_searchDivClear {
  font-size: 14px;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  color: white;
  background-color: red;
  width: 120px;
  text-align: center;
  line-height: 30px;
  margin-left: 15px;
}

.ds_searchDiv {
  margin-bottom: 5px;
  margin-top: 15px;
}

.addOfferWrapper {
  margin-top: 20px;
}

.entryDiv {
  margin-right: 15px;
}

.entryDiv label {
  font-size: 14px;
}

.entryDiv input {
  border-bottom: 1px solid #000;
  width: 150px;
  height: 30px;
}

.entryDiv select {
  height: 30px;
}

.addOfferWrapper > div:last-child {
  margin-right: 0px;
}

.offersearch_submitBTN {
  cursor: pointer;
  width: 150px;
  text-align: center;
  line-height: 30px;
  float: right;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 50px;
  background-color: #691594;
}

#addPartToList {
  cursor: pointer;
  width: 150px;
  text-align: center;
  line-height: 30px;
  float: right;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-top: 50px;
  background-color: #c90505;
}

.addOffer_removePart {
  margin-left: 10px;
}

.ds_followupLinks a {
  float: left;
  margin-right: 10px;
  font-size: 11px;
  color: #3b3a38;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  text-transform: uppercase;
  background-image: url(../images/activeLink.png);
  padding-left: 20px;
  background-position: 1px -38px;
  background-repeat: no-repeat;
  line-height: 19px;
}

.ds_followupLinks a.active,
.ds_followupLinks a:hover {
  color: #965f3a;
  text-decoration: none;
  background-position: 1px 1px;
}

.offerNotes textarea {
  width: 133px;
  overflow: auto;
  height: 150px;
  margin-top: 5px;
  padding-left: 10px;
  resize: none;
  border: 1px solid #000;
  padding-right: 10px;
  padding-top: 10px;
  white-space: pre-wrap;
}

.offerNotes textarea {
  height: 23px;
  padding-top: 0px;
  width: 710px;
}

.formDesignDiv .sign,
.signDis {
  position: absolute;
  top: 27px;
  right: 10px;
}

.signDis {
  right: 0px;
}

.partCloneWrapper > div:nth-child(4n) {
  margin-right: 0px;
}

.removeAddedPart,
.removespecial {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: -12px;
  right: -12px;
  z-index: 1;
}

.removeAddedPart {
  top: 5px;
  right: 5px;
}

.removespecial {
  width: 17px;
  height: 17px;
  top: 43px;
  right: -12px;
}

.removeAddedNewLine {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 20px;
  height: 20px;
  cursor: pointer;
  top: -9px;
  right: -9px;
  z-index: 1;
}

.OfferTotalPricesWrapper > div:last-child {
  margin-right: 0px;
}

.partCloneWrapper .formDesignDiv {
  width: 150px;
  margin-right: 10px;
}

.partCloneWrapper .formDesignDiv input {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.partCloneWrapper > div.formDesignDiv:nth-child(1) {
  width: 30px;
  position: absolute;
  top: 0px;
  left: -43px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(2) {
  width: 60px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(3) {
  width: 150px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(4) {
  width: 430px;
  margin-right: 10px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(4) input {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  width: 420px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(5) {
  width: 160px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(6) {
  width: 30px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(7) {
  width: 100px;
  margin-right: 0px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(8) {
  width: 50px;
  clear: both;
  margin-right: 10px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(9) {
  width: 100px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(10) {
  width: 100px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(11) {
  width: 100px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(12) {
  width: 100px;
  margin-right: 10px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(13) {
  width: 100px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(14) {
  width: 100px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(15) {
  width: 67px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(15) input {
  margin-top: 11px;
}

.partCloneWrapper > div.formDesignDiv:nth-child(16) {
  width: 70px;
}

.OfferDiscountWrapper > div.formDesignDiv {
  width: 85px;
}

.OfferDiscountWrapper > div.formDesignDiv input,
.OfferDiscountWrapper > div.formDesignDiv select {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.OfferDiscountWrapper > div.formDesignDiv:nth-child(4) {
  margin-right: 20px;
  width: 200px;
}

.OfferDiscountWrapper > div.formDesignDiv:nth-child(5) {
  clear: none;
}

.OfferDiscountWrapper > div.formDesignDiv:nth-child(6) {
  width: 150px;
}

/*Chat*/

.messageDivLeft {
  position: relative;
  width: 210px;
  min-height: 37px;
  color: #fff;
  padding: 13px;
  background: #cf5858;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  border: #d6d2d2 solid 4px;
}

.messageDivLeft:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 4px 12px 4px 0;
  border-color: transparent #cf5858;
  display: block;
  width: 0;
  z-index: 1;
  left: -12px;
  top: 26px;
}

.messageDivLeft:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 15px 7px 0;
  border-color: transparent #d6d2d2;
  display: block;
  width: 0;
  z-index: 0;
  left: -19px;
  top: 23px;
}

.messageDivRight {
  position: relative;
  width: 210px;
  min-height: 37px;
  color: #fff;
  padding: 13px;
  background: #cf5858;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  border: #d6d2d2 solid 4px;
}

.messageDivRight:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 4px 0 4px 12px;
  border-color: transparent #cf5858;
  display: block;
  width: 0;
  z-index: 1;
  right: -12px;
  top: 26px;
}

.messageDivRight:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 0 7px 15px;
  border-color: transparent #d6d2d2;
  display: block;
  width: 0;
  z-index: 0;
  right: -19px;
  top: 23px;
}

#message-container {
  margin-top: 50px;
  width: 460px;
  clear: both;
}

#message-input {
  width: 440px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #000;
  background-color: #fff;
  height: 30px;
  clear: both;
  margin-top: 30px;
}

/*Chat*/

.offerSearchInputs {
  display: none;
}

/*Calculate Shipment*/

.shipmentLeft {
  float: left;
}

.shipmentRight {
  float: left;
  margin-left: 14px;
}

.shipmentRight label,
.shipmentLeft label,
.volumetricDiv label,
.volumetricDivInput span,
.AddBoxDimensions,
.VolumetricTotalWeight label,
.VolumetricTotalWeight span,
.ValForCalc,
.otherInfo label,
.TotalWeightSpan {
  color: #3b3938;
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-top: 7px;
  min-width: 60px;
}

.AddBoxDimensions {
  background-color: #3b3938;
  color: #fff;
  cursor: pointer;
  line-height: 38px;
  margin-bottom: 20px;
  margin-top: 33px;
  padding-left: 10px;
  padding-right: 10px;
  clear: both;
  border-radius: 30px;
}

.boxnum {
  position: absolute;
  top: -20px;
  left: 0px;
  font-weight: bold;
  text-decoration: underline;
}

.calculateShipmentWrapper {
  background-color: #fff;
  float: left;
  min-height: 425px;
  padding-top: 50px;
  width: 100%;
}

.calculateShipmentWrapper h6 {
  float: left;
  margin-bottom: 50px;
  width: 100%;
  font-size: 27px;
  color: #a45859;
}

.calculateShipmentWrapper .ChooseShipRightShip {
  border-right: 1px solid #3b3938;
  margin-right: 15px;
  margin-top: 25px;
  padding-right: 15px;
  width: 200px;
  float: left;
}

.calculateShipmentWrapper .ChooseShipRightShip img {
  width: 100%;
  height: auto;
}

.calculateShipmentWrapper .safearea > .ChooseShipRightShip:last-child {
  margin-right: 0px;
}

.calculateShipmentWrapper .ChooseShipRightShip h5,
.calculateShipmentWrapper .ChooseShipRightShip .shipCost {
  margin-top: 10px;
  float: left;
  clear: both;
}

.VolumetricWrapper,
.volumetricDiv {
  width: 100%;
  float: left;
  position: relative;
}

.volumetricDiv {
  border-bottom: 1px solid #965f3a;
  padding-bottom: 30px;
  margin-top: 30px;
}

.totalCalculatedWeight,
.totalCalculatedWeight span,
.totalCalculatedWeightGrand,
.totalCalculatedWeightGrand span,
.ValForCalc {
  clear: both;
  line-height: 26px;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  min-width: auto;
}

.totalCalculatedWeight span,
.totalCalculatedWeightGrand span {
  margin-right: 10px;
}

.totalCalculatedWeightGrand,
.totalCalculatedWeightGrand span {
  clear: none !important;
  font-weight: bold;
  margin-bottom: 0 !important;
}

.totalCalculatedWeightGrand span input {
  width: 50px;
  text-align: center;
  font-weight: bold;
}

.VolumetricTotalWeight {
  float: left;
  width: 100%;
  border-bottom: 1px solid #3b3938;
  padding-bottom: 20px;
}

.suppliersCalculationWrapper {
  float: left;
  margin-bottom: 50px;
  width: 100%;
}

.suppliersCalculationWrapper > div:last-child {
  border-right: 0 none;
  margin-right: 0;
  padding-right: 0;
}

.ValForCalc {
  clear: none !important;
  margin-top: 26px;
}

.otherInfo {
  float: left;
  margin-right: 15px;
}

.otherInfo input {
  width: 209px;
}

.TotalWeightSpan {
  width: 100%;
}

/*Calculate Shipment*/
.paginationWrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.paginationDiv {
  float: left;
  margin-right: 10px;
}

.shipmentLeft .country-select {
  border: 1px solid #ced4da;
  clear: both;
  float: left;
  border-radius: 0.25rem;
  height: calc(1.5em + 0.75rem + 2px);
}

/**/
.addZoneShip {
  min-width: 166px;
  cursor: pointer;
  color: #965f3a;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  margin-top: 0px;
  border: 1px solid #965f3a;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  border-bottom: 0px;
  padding: 5px;
  position: absolute;
  bottom: -15px;
  right: 0px;
}

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

.addZoneRange {
  position: absolute;
  top: 40px;
  right: 150px;
  cursor: pointer;
  font-weight: bold;
  color: #965f3a;
}

.cloneWrapper_zones {
  border-top: 2px solid #965f3a;
  padding-top: 30px;
}

.cloneWrapper_zones > div {
  border-bottom: 2px solid #965f3a;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.cloneWrapper_zones > div:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.ds_activeProjectsLinks {
  margin-top: 30px;
  margin-bottom: 30px;
}

.ds_projectDetailsTitle {
  font-weight: bold;
  color: green;
  margin-top: 30px;
  width: auto;
  font-size: 18px;
  min-width: 200px;
}

.isPresentationInput input[type='text'] {
  width: 195px;
  float: right;
}

.isPresentationInput input[type='checkbox'] {
  margin-top: 11px;
}

.cloneWrapper_submittedOffersList .dataIMGuploader a,
.cloneWrapper_comfirmedOffersList .dataIMGuploader a {
  color: blue;
  font-weight: bold;
  margin-top: 5px;
  float: left;
}

.cloneWrapper_submittedOffersList .dataIMGuploader .delete_image,
.cloneWrapper_comfirmedOffersList .dataIMGuploader .delete_image {
  margin-right: 0px;
  float: right;
  margin-top: 0px;
  background-image: none;
  font-size: 12px;
  width: auto;
  font-weight: bold;
  color: red;
  top: -24px;
  right: 0px;
}

.cloneWrapper_contactsList .formDesignDivfilled label,
.cloneWrapper_contactsList .formDesignDivfilled span {
  display: block;
}

.cloneWrapper_comfirmedOffersList > div > div:nth-child(4n) {
  margin-right: 0px;
}

.dailyActivitiesSearchWrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.dailyActivitiesSearchDiv {
  width: 170px;
  margin-right: 20px;
}

.dailyActivitiesSearchWrapper select {
  border: 1px solid #000;
  height: 27px;
}

.dailyActivitiesSearchWrapper input {
  border: 1px solid #000;
  font-size: 14px;
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  width: 75px;
}

.dailyActivitiesSearchWrapper label {
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  margin-top: 5px;
}

.SubmitManualDateActivities {
  clear: both;
  float: right;
  margin-top: 10px;
}

.dailyActivityh3 {
  margin-top: 30px;
  font-weight: bold;
  font-size: 17px;
  color: blue;
}

.ds_dashBoard h3 {
  color: #965f3a;
  font-size: 14px;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #848484;
  margin-bottom: 5px;
}

.ds_dashBoardWrapper a {
  color: #3b3a38;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #848484;
  margin-right: 5px;
  line-height: 30px;
  width: 167px;
  text-align: center;
  position: relative;
  margin-bottom: 5px;
}

.ds_dashBoardWrapper > a:nth-child(7n) {
  margin-right: 0px;
}

.ds_dashBoardWrapper {
  margin-bottom: 10px;
}

.custom-checkbox .custom-control-indicator {
  background-color: #fff;
  border: 1px solid #2c2b2c;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  float: left;
}

.custom-control-description {
  color: #2c2b2c;
  font-size: 12px;
  line-height: 2.7;
  text-transform: uppercase;
}

/* When I remove background the icon goes back to that default size */
.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #c90505 !important;
}

.table-offer tbody td {
  font-size: 11px;
}

.seperatorOffer {
  width: 100%;
  float: left;
  border-top: 2px solid #965f3a;
  margin-top: 30px;
  margin-bottom: 30px;
}

.totalshipping_sign .sign,
.partCloneWrapper .sign,
.offerLastRow .sign,
.ToDisplayOfferIfPrice .sign,
#shippingtext .sign,
.analysisHeader .sign,
.specialEntryWrapper .sign {
  position: absolute;
  top: 39px;
  right: 26px;
}

.totalshipping_sign .sign2,
.partCloneWrapper .sign2,
.offerLastRow .sign2,
.ToDisplayOfferIfPrice .sign2,
#shippingtext .sign2 {
  position: absolute;
  top: 42px;
  right: 26px;
  font-size: 12px;
}

.analysisHeader .sign1 {
  position: absolute;
  top: 31px;
  right: 26px;
  color: #000;
}

.analysisHeader .sign2 {
  position: absolute;
  top: 64px;
  right: 26px;
  color: #000;
}

.analysisHeader .sign2.signship {
  font-size: 13px;
  top: 64px;
  right: 17px;
}

.signpos .sign2 {
  position: absolute;
  top: 40px;
  right: 26px;
}

.analysisBodyItem .sign2 {
  position: absolute;
  top: 0px;
  right: 5px;
}

.analysisBodyWrap .analysisBodyItem .sign2 {
  top: 5px;
}

.addPartToOffer,
.addspecialentry,
.createPartOffer,
.refreshlists,
.closeallparts,
.addCombinedOffer {
  margin-top: 40px;
  position: relative;
  bottom: auto;
  top: 0px;
  float: right;
  border-bottom: 1px solid;
  margin-bottom: 40px;
  background-color: #965f3a;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}

.createPartOffer,
.addCombinedOffer {
  width: 166px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-right: 20px;
  background-color: #218838;
}

.addCombinedOffer {
  float: left;
}

.offerPartsHolder > div {
  border-bottom: 2px solid blue;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}

.addspecialentry,
.refreshlists,
.closeallparts {
  margin-bottom: 0px;
  margin-right: 5px;
  width: 166px;
  text-align: center;
  line-height: 35px;
  background-color: red;
  font-weight: bold;
}

.addspecialdiscount{
  width: 155px;
  background-color: cyan;
}

.specialDiscountHolder{
  position: absolute !important;
  left: 620px;
}

.refreshlists {
  background-color: #007bff;
}

.closeallparts {
  background-color: purple;
}

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

.ds_submitButton2 {
  background-color: #3b3a38;
}

.addProjectInfo {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 25px;
}

.totalCount {
  position: absolute;
  top: 0px;
  right: 175px;
  color: red;
  font-weight: bold;
}

.cloneWrapper_contactsList label,
.cloneWrapper_contactsList span,
.formDesignDivfilled label.exisitingContactLabel,
.formDesignDivfilled span {
  font-size: 12px;
  float: left;
  margin-bottom: 0rem;
}

.cloneWrapper_contactsList label,
.formDesignDivfilled label.exisitingContactLabel {
  font-weight: bold;
}

.cloneWrapper_contactsList span,
.formDesignDivfilled span {
  margin-bottom: 0.5rem;
}

.cloneWrapper_dailyActivity .removeAddedPart {
  width: 20px;
  height: 20px;
  top: -6px;
  display: block;
  right: 16px;
}

.cloneWrapper_submittedOffersList > div {
  position: relative;
}

.cloneWrapper_submittedOffersList .removeAddedPart,
.cloneWrapper_comfirmedOffersList .removeAddedPart,
.cloneWrapper_dailyActivity .removeAddedPart {
  width: 30px;
  height: 30px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: -45px;
}

.cloneWrapper_dailyActivity .removeAddedContact {
  top: 17px !important;
  right: 14px !important;
  width: 15px !important;
  height: 15px !important;
}

.cloneWrapper_submittedOffersList > div,
.cloneWrapper_dailyActivity > div {
  background-color: #eee;
  padding-bottom: 1rem;
  position: relative;
}

.cloneWrapper_submittedOffersList > div:nth-child(2n),
.cloneWrapper_dailyActivity > div:nth-child(2n) {
  background-color: rgba(232, 232, 232, 0.7);
}

.cloneWrapper_submittedOffersList > div::before,
.cloneWrapper_submittedOffersList > div::after,
.cloneWrapper_dailyActivity > div::before,
.cloneWrapper_dailyActivity > div::after {
  width: 3000px;
  position: absolute;
  content: '';
  top: 0px;
  height: 100%;
  background-color: #eee;
  z-index: -1;
}

.cloneWrapper_submittedOffersList > div::before,
.cloneWrapper_dailyActivity > div::before {
  margin-left: -3000px;
}

.cloneWrapper_submittedOffersList > div::after,
.cloneWrapper_dailyActivity > div::after {
  margin-right: -3000px;
}

.cloneWrapper_submittedOffersList > div:nth-child(2n)::before,
.cloneWrapper_submittedOffersList > div:nth-child(2n)::after,
.cloneWrapper_dailyActivity > div:nth-child(2n)::before,
.cloneWrapper_dailyActivity > div:nth-child(2n)::after {
  background-color: rgba(232, 232, 232, 1);
}

.cloneWrapper_comfirmedOffersList > div {
  background-color: #eee;
  padding-bottom: 1rem;
  position: relative;
}

.cloneWrapper_comfirmedOffersList > div:nth-child(2n) {
  background-color: rgba(232, 232, 232, 0.7);
}

.cloneWrapper_comfirmedOffersList > div::before,
.cloneWrapper_comfirmedOffersList > div::after {
  width: 3000px;
  position: absolute;
  content: '';
  top: 0px;
  height: 100%;
  background-color: #eee;
  z-index: -1;
}

.cloneWrapper_comfirmedOffersList > div::before {
  margin-left: -3000px;
}

.cloneWrapper_comfirmedOffersList > div::after {
  margin-right: -3000px;
}

.cloneWrapper_comfirmedOffersList > div:nth-child(2n)::before,
.cloneWrapper_comfirmedOffersList > div:nth-child(2n)::after {
  background-color: rgba(232, 232, 232, 1);
}

.paginationContainer {
  margin-bottom: 30px;
  font-size: 12px;
  color: #000;
  text-align: right;
}

.goToPage {
  margin-top: 10px;
}

.goToPage input {
  border: 1px solid #000;
  width: 30px;
  height: 20px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.goToPage .goToPageGo {
  cursor: pointer;
  font-weight: bold;
  background-color: #965f3a;
  color: #fff;
  font-size: 13px;
  width: 60px;
  line-height: 20px;
  float: right;
  text-align: center;
  margin-left: 10px;
}

.prevNext {
  margin-top: 10px;
}

.prevNext span {
  margin-left: 5px;
  cursor: pointer;
  text-decoration: underline;
}

.menuDiv a.active {
  text-decoration: underline;
}

.specify,
.form-control.specify {
  display: none;
}

.progress-bar-container {
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  margin-bottom: 10px;
  position: relative;
  float: left;
  clear: both;
  margin-top: 10px;
}

.progressbar {
  padding: 0;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}

.progressbar li {
  list-style-type: none;
  float: left;
  position: relative;
  text-align: center;
  display: flex;
  width: 105px;
  font-size: 13px;
  letter-spacing: 1.2px;
  cursor: pointer;
  color: #fff;
  line-height: 15px;
  height: 70px;
  padding: 10px;
  justify-content: center;
  background-color: rgb(132, 130, 126);
  border-radius: 10px;
  padding-top: 10px;
  opacity: 0.5;
}

.progressbar > li:last-child {
  border-right: none;
}

.progressbar > li.active::before,
.progressbar > li:hover::before {
  border-color: cyan;
}

.progressbar > li.active,.progressbar > li:hover{
  opacity: 1;
}

.progressbar > li::before {
  position: absolute;
  content: '';
  width: 85%;
  height: 85%;
  border-radius: 10px;
  left: 0px;
  top: 0;
  border: 2px solid transparent;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.progressbar li i {
  position: absolute;
  font-style: normal;
  top: -16px;
  width: 100%;
  left: 0px;
  text-align: left;
  color: #00575f;
  font-weight: bold;
  font-size: 11px;
  display: none;
}

.progressbar li.active i {
  display: block;
}

.progressbar li a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.progressbar li span {
  background-image: url(../images/circleWhite.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  padding-bottom: 16px;
  background-size: 15px;
  float: left;
  left: 43px;
  position: absolute;
  width: 20px;
  bottom: 10px;
}

.progressbar li span.checked {
  background-image: url(../images/checkChecked.png);
}

.OutletsSelectionWrapper {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.Hotel__Requests__HolderDiv_Category {
  justify-content: space-between;
  display: flex;
  border: 1px solid #000;
}

.OutletsHolder {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.OutletsHolder a.active,
.OutletsHolder a:hover {
  font-weight: bold;
  color: #965f3a;
  text-decoration: none;
}

.OutletsHolder a {
  color: #3b3a38;
}

.navigateCat {
  text-decoration: underline;
}

.HotelRequests__HolderWrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.HotelRequests__Step2__Left {
  background-color: #eee;
  margin-right: 30px;
  width: 190px;
  -webkit-position: sticky;
  position: sticky;
  top: 235px;
}

.HotelRequests__Step2__Right {
  flex: 1;
  width: 760px;
}

.viewCart {
  width: 150px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #965f3a;
}

.Hotel__Request__Category {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border-bottom: 1px solid #000;
  width: 190px;
}

.HotelRequests__Step2__Left > div:last-child {
  border-bottom: none;
}

.HotelRequests__Step2__Left > div.active .Hotel__Request__SubCategoryHolder {
  border-top: 1px solid #fff;
  padding-top: 5px;
}

.Hotel__Request__SubCategoryHolder {
  font-size: 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.Hotel__Request__Category span.cat_title {
  font-size: 13px;
  text-transform: uppercase;
}

.Hotel__Request__SubCategory {
  margin-bottom: 5px;
  padding-left: 20px;
  opacity: 0.4;
}

.Hotel__Request__SubCategory.active,
.Hotel__Request__SubCategory:hover {
  background-image: url(../images/rightPoint_arrow.png);
  background-size: 15px;
  background-position: left top;
  background-repeat: no-repeat;
  opacity: 1;
}

.collectionsWrapper .collectionDiv .title {
  font-size: 11px;
  line-height: 12px;
  display: block;
  text-align: center;
  float: left;
  width: 100%;
  letter-spacing: 1.2px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  position: relative;
}

.collectionDiv {
  cursor: pointer;
  border: 1px solid transparent;
}

.collectionsWrapper {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.collectionsWrapper.active {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  margin-top: -20px;
}

.collectionDiv {
  background-color: #00575f;
  border-color: transparent;
  color: #fff;
  margin-bottom: 10px;
  padding: 5px;
  margin-right: 5px;
  width: 86px;
  border-radius: 10px;
  height: 55px;
  position: relative;
  /* font-size: 12px; */
}

.collectionDiv::before {
  position: absolute;
  content: '';
  width: 85%;
  height: 85%;
  border-radius: 10px;
  left: 0px;
  top: 0;
  border: 1px solid transparent;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.collectionDiv img {
  display: none;
}

.productsWrapper {
  display: none;
  margin-top: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.productsWrapper.active {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  margin-top: -40px;
}

.selectedProduct {
  display: none;
  margin-left: -15px;
  width: 104%;
  background-color: #eee;
  padding: 15px;
  margin-bottom: 55px;
  min-height: 330px;
}

.productFetch {
  padding: 7px !important;
  overflow: hidden;
  margin-bottom: 21px;
  background-color: #965f3a;
}

.productFetch .product_name {
  font-size: 12px;
  float: left;
  line-height: 15px;
  min-height: 30px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.products_relevant {
  background-repeat: no-repeat;
  font-size: 14px;
  color: #965f3a;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url(../images/left_tri_arrow.svg);
  background-size: 6px;
  padding-left: 14px;
  background-position: left center;
}

.productFetch.active .product_name {
  color: #fff;
}

.products_relevant.active {
  display: block;
  background-image: url('../images/arrow.jpg');
  border-color: #000;
}

.productsWrapperHolder.row {
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.productsWrapperHolder.row.active {
  height: 0px;
}

.product_img_holder::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 98%;
  height: 155px;
  z-index: -1;
  background-color: transparent;
}

.productFetch.active .product_img_holder::before {
  background-color: inherit;
}

.product_img_holder {
  background-color: #eee;
  width: 100%;
  float: left;
  height: 145px;
  cursor: pointer;
  background-size: contain;
  border: 1px solid #000;
  background-position: center;
  background-repeat: no-repeat;
}

.product_img_holder.cutlery {
  background-image: none;
  height: 332px;
  background-size: cover;
}

.product_img_holder.cutlery::before {
  height: 265px;
  left: 2px;
  width: 98%;
}

.product_img_holder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.collectionsWrapper.row {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  display: none;
}

.collectionsWrapper > div:nth-child(1) {
  background-color: #4363d8;
}

.collectionsWrapper > div:nth-child(2) {
  background-color: #469990;
}

.collectionsWrapper > div:nth-child(3) {
  background-color: #911eb4;
}

.collectionsWrapper > div:nth-child(4) {
  background-color: #f58231;
}

.collectionsWrapper > div:nth-child(5) {
  background-color: #3cb44b;
}

.collectionsWrapper > div:nth-child(6) {
  background-color: #42d4f4;
}

.collectionsWrapper > div:nth-child(7) {
  background-color: #f032e6;
}

.collectionsWrapper > div:nth-child(8) {
  background-color: #e6194b;
}

.collectionsWrapper > div:nth-child(9) {
  background-color: #9a6324;
}

.collectionsWrapper > div:nth-child(10) {
  background-color: #800000;
}

.collectionsWrapper > div:nth-child(11) {
  background-color: #808000;
}

.collectionsWrapper > div:nth-child(12) {
  background-color: #000;
}

.collectionsWrapper > div:nth-child(13) {
  background-color: #ffe119;
  color: #000;
}

.collectionsWrapper > div:nth-child(14) {
  background-color: #bfef45;
  color: #000;
}

.collectionDiv.active::before,
.collectionDiv:hover::before {
  border-color: #fff;
}

.selectedProductLeft {
  /* background-image: url(../images/product_bg.jpg);
  background-size: cover;
  background-position: center; */
  width: 290px;
  height: 240px;
  position: relative;
  border: 1px solid #000;
  background-color: #000;
}

.selectedProductLeft.cutlery {
  background-image: none;
  height: 292px;
  width: 210px;
}

.selectedProductLeft.cutlery img {
  object-fit: cover;
}

.enlarge {
  position: absolute;
  bottom: -26px;
  left: 0px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  background-image: url(../images/loop_icon.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right: 29px;
  background-size: 20px;
  line-height: 18px;
  padding-top: 10px;
}

.selectedProductLeft img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.selectedProductRight {
  flex: 1;
  margin-left: 20px;
}

.selectedProductRight .product_title {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.selectedProductRight .headers {
  float: left;
  font-size: 11px;
  width: 100%;
  font-weight: bold;
}

.selectedProductRight .headers span {
  display: block;
  float: left;
  text-align: center;
  width: 130px;
}

.selectedProductRight .headers span.part_desc {
  width: 185px;
  text-align: left;
}

.selectedProductRight .partnumber span.part_desc {
  width: 185px;
  text-transform: capitalize;
  text-align: left;
}

.selectedProductRight .headers span.part_qty {
  width: 85px;
}

.selectedProductRight .partnumber input.part_qty {
  width: 33px;
  margin-left: 21px;
}

.selectedProductRight .partnumber {
  float: left;
  font-size: 11px;
  width: auto;
  margin-top: 2px;
  border-top: 1px solid #aaa;
  padding-top: 2px;
  padding-right: 30px;
  position: relative;
}

.selectedProductRight .partnumber span {
  display: block;
  float: left;
  text-align: center;
  width: 130px;
}

.selectedProductRight .partnumber span.partLetter {
  position: absolute;
  left: 0px;
  width: auto;
}

.materialDiv {
  width: 75%;
  float: left;
  font-size: 13px;
  margin-bottom: 10px;
}

.materialDiv label {
  margin-top: 1px;
}

.materialDiv select {
  font-size: 13px;
  width: auto;
  margin-left: 10px;
  float: left;
  width: 175px;
  height: 24px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.selectedProductRight .partnumber input {
  width: 45px;
  text-align: center;
  margin-left: 42px;
  background-color: transparent;
  border: 1px solid #965f3a;
}

.Hotel__Request__Category.opacity {
  opacity: 0.3;
}

.addPartsAll {
  float: left;
  background-color: #00575f;
  border-radius: 10px;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.enlargePhoto {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}

.photoHolder {
  padding: 10px;
  height: 80vh;
  width: 130vh;
  background-color: #fff;
  position: relative;
  float: left;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.imageHolder {
  width: 100%;
  height: 100%;
  position: relative;
  /* background-image: url(../images/product_bg.jpg);
  background-size: cover;
  background-position: center; */
  background-color: #eee;
}

.imageHolder.cutlery {
  background-image: none;
}

.photoHolder.cutlery {
  width: 59vh;
}

.imageHolder img {
  width: auto;
  height: 100%;
  position: relative;
  float: left;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.photoHolder .closeEnlarge {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.productsWrapperHolder.owl-carousel .owl-nav button {
  outline: none;
  width: 12px;
  height: 20px;
  position: absolute;
}

.productsWrapperHolder.owl-carousel .owl-nav button:hover {
  background: transparent;
  opacity: 0.7;
}

.productsWrapperHolder.owl-carousel .owl-nav button.owl-prev {
  left: -19px;
  top: 34%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.productsWrapperHolder.owl-carousel .owl-nav button.owl-next {
  right: -19px;
  top: 34%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.productsWrapperHolder.owl-dots {
  display: none;
}

.product_prev_next {
  font-weight: bold;
  font-size: 13px;
  float: left;
  margin-top: 45px;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product_prev_next .prev {
  float: left;
  background-image: url('../images/arrowLeft_white.svg');
  height: 22px;
  background-size: 10px;
  background-color: #00575f;
  padding-left: 10px;
  background-position: center;
  padding-right: 10px;
  background-repeat: no-repeat;
  width: 11px;
  opacity: 0.5;
  border-right: 1px solid #fff;
}

.product_prev_next .prev.active,
.product_prev_next .prev:hover {
  opacity: 1;
}

.product_prev_next .next {
  float: right;
  width: 11px;
  display: block;
  background-image: url(../images/arrowRight_white.svg);
  height: 22px;
  background-size: 10px;
  background-color: #00575f;
  padding-left: 10px;
  background-position: center;
  padding-right: 10px;
  border-left: 1px solid #fff;
  background-repeat: no-repeat;
}

.product_prev_next .next.active,
.product_prev_next .next:hover {
  opacity: 1;
}

.product_prev_next .navTitle {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  background-color: #00575f;
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  padding-left: 57px;
  padding-right: 57.5px;
  color: #fff;
  line-height: 22px;
  letter-spacing: 2px;
  font-weight: normal;
  width: 100%;
  text-align: center;
  z-index: -1;
}

.product_selection_navigation {
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  padding-top: 10px;
  border-top: 1px solid #000;
}

.product_selection_navigation span {
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;

  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(150, 95, 58, 0.2);
}

.product_selection_navigation span.confirm2 {
  background-color: #965f3a;
  color: #fff;
}

.product_selection_navigation span.skip {
  margin-left: 30px;
  background-color: #00575f;
  color: #fff;
  margin-right: 15px;
}

.product_selection_navigation span a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.confirm_selection_img {
  width: 100%;
  display: block;
  height: 50px;
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #aaa !important;
  width: 56px;
  background-size: cover;
  margin-left: 15px !important;
}

.no_selection {
  display: none;
}

.confirm_selection_img_flatware {
}

.confirm_selection_img img {
  object-fit: contain;
}

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

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

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

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

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

.confirm_selection_qty {
  float: left;
  width: 45px;
  text-align: center;
  position: relative;
  left: 28px;
  margin-left: 0px;
  background-color: transparent;
  border: 1px solid #00575f !important;
}

.ds_TableStyleBody span.minus,
.ds_TableStyleBody span.plus {
  border: none !important;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 0px;
  height: 23px;
  width: 23px;
  text-align: center;
  padding: 0px;
  z-index:2;
}

.ds_TableStyleBody span.minus {
  background-color: #000;
  left:5px;
  top: 11px;
}

.ds_TableStyleBody span.plus {
  background-color: #00575f;
  right:7px;
  top: 11px;
}

.ds_TableStyleBody span.plus i {
  font-size: 24px;
  position: relative;
  top: -9px;
}

.ds_TableStyleBody span.minus i {
  font-size: 36px;
  position: relative;
  top: -20px;
}

.ds_TableStyleBody span.plus_flat {
  right: 50px;
}

.ds_deleteBTN2 {
  background-image: none;
  height: 23px;
  background-size: cover;
  width: 23px;
  background-image: url(../images/xbtn.png);
  margin-top: 6px;
}

.ds_deleteBTN2:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.progressbar li span.add_selection {
  top: auto;
  bottom: 0px;
  left: 0px;
  display: none;
}

.progressbar li span.view_selection {
  top: auto;
  bottom: 0px;
  right: 0px;
  display: none;
}

.sectionHeadDiv h6.projectInfo {
  font-size: 15px;
  font-weight: normal;
  margin-top: 6px;
  margin-left: 62px;
  position: absolute;
  top: -88px;
  right: 207px;
}

.sectionHeadDiv h6.projectInfo span {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 13px;
  padding: 3px 16px;
  background-color: rgba(150, 95, 58, 0.2);
}

.sectionHeadDiv h6.projectInfo i {
  margin-left: 20px;
  margin-right: 20px;
}

.relevant_style {
  font-size: 14px;
  color: #965f3a;
  margin-bottom: 20px;
  margin-top: -5px;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  background-image: url(../images/left_tri_arrow.svg);
  background-size: 6px;
  padding-left: 14px;
  background-position: left center;
}

.table-responsive .selectionh6,.OutletSelectionWrapper .selectionh6 {
  background-color: #965f3a;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 40px;
  margin-bottom: 0px;
  text-indent: 13px;
}

.search-advisor {
  position: relative;
  background-color: #965f3a;
  color: #fff;
  padding-right: 5px;
  font-size: 14px;
  letter-spacing: 1.2px;
}

.search-advisor input {
  width: 286px;
  border: 1px solid #aaa;
  color: #000;
}

.viewselected {
  color: #fff;
}

.tableAccordion {
  overflow: hidden;
  margin-bottom: 15px;
}

.tableAccordion h6 {
  cursor: pointer;
  background-image: url(../images/arrowDown.svg);
  background-repeat: no-repeat;
  background-size: 2%;
  background-position: 98% center;
}

.tableAccordion.active {
  margin-bottom: 0px;
}

.tableAccordion.active h6 {
  background-image: url(../images/arrowUp.svg);
}

.selectedProduct--search {
  width: 740px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: relative;
}

.letter_div p {
  padding: 5px;
  background-color: #965f3a;
  font-size: 15px;
  color: #3b3a38;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0px;
  margin-top: 15px;
}

.letter_div a {
  display: block;
  color: #000;
}

.letter_div_entries > span:nth-child(2n) {
  background-color: #eee;
}

.letter_div_entries {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.load_spinner {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999;
}

.load_spinner span {
  color: #000;
  font-size: 52px;
  top: 61%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
  width: 145px;
  display: block;
  text-align: center;
}

.row label {
  font-weight: bold;
}

.partCloneWrapper .qty,
.partCloneWrapper .disc {
  border: 2px solid red;
  background-color: red;
  color: #fff;
}

.partCloneWrapper .qty.filled,
.partCloneWrapper .disc.filled {
  border-color: green;
  background-color: #fff;
  color: #495057;
}

.offerauto {
  color: blue;
  font-weight: bold;
  font-size: 10px;
  display: block;
  margin-top: 5px;
  line-height: 10px;
}

[data-tooltip] .icon {
  background-image: url(../images/tooltip.png);
  background-position: right center;
  background-size: contain;
  cursor: pointer;
  background-repeat: no-repeat;
  padding-right: 30px;
  height: 30px;
  width: 30px;
  display: block;
  position: absolute;
  top: -18px;
  right: -12px;
}

[data-tooltip]:before {
  /* needed - do not touch */
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;

  /* customizable */
  transition: all 0.15s ease;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 1px silver;
  min-width: 250px;
  font-size: 11px;
  z-index: 9;
  top: 0px;
  right: 0px;
}

[data-tooltip]:hover:before {
  /* needed - do not touch */
  opacity: 1;

  /* customizable */
  background-color: #965f3a;
  margin-top: -65px;
  margin-left: 50px;
}

[data-tooltip]:not([data-tooltip-persistent]):before {
  pointer-events: none;
}

.ds_TableStyleBodyList select {
  background: transparent;
  border: 1px solid #000;
}

select.form-control {
  border-color: blue;
}

.analysis-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
  display: none;
}

.analysis-wrapper .safearea {
  overflow: hidden;
}

.analysisContainer {
  width: 96%;
  height: 96%;
  background-color: #fff;
  padding-top: 2%;
  padding-bottom: 2%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  float: left;
  position: relative;
}

.analysisContainer::before {
  height: 100%;
  position: absolute;
  left: -197px;
  width: 200px;
  content: '';
  background-color: #fff;
  top: 0px;
}

.analysisContainer::after {
  height: 100%;
  position: absolute;
  right: -197px;
  width: 200px;
  content: '';
  background-color: #fff;
  top: 0px;
}

.analysisHeader {
  height: 90px;
  z-index: 1;
  margin-bottom: 1%;
}

.analysisHeader label {
  font-size: 11px;
  float: left;
  margin-top: 4px;
  clear: both;
  text-transform: uppercase;
}

.analysisHeader input {
  float: right;
  width: 60px;
  margin-bottom: 7px;
  height: 25px;
}

.analysisHeader button {
  width: 64px;
  float: right;
  border: 1px solid #fff;
  height: 25px;
  line-height: 8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.analysisFooter {
  height: 150px;
  border-top: 2px solid #000;
  background-color: #fff;
}

.analysisBody {
  height: 60%;
  padding-top: 10px;
  border-top: 2px solid #000;
}

.analysisBody span,
.analysisFooter span {
  display: block;
  float: left;
  font-size: 11px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 1px;
  position: relative;
}

.analysisBodyHeader span {
  cursor: pointer;
  font-size: 11px !important;
  padding: 0px !important;
}

.analysisBody span span {
  top: 0%;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.analysisBody .col-check,
.analysisFooter .col-check {
  width: 20px;
}

.analysisBody .col1,
.analysisFooter .col1 {
  width: 50px;
}

.analysisBody .col3,
.analysisFooter .col3 {
  width: 75px;
  margin-left: 5px;
}

.analysisBody span.col4,
.analysisFooter .col4 {
  text-align: left;
  padding-left: 12px !important;
  width: 200px;
  padding-right: 9px !important;
}

.analysisFooter .col4 {
  font-weight: bold;
}

.analysis_pos {
  text-align: center;
}

.analysisBody .col5,
.analysisFooter .col5 {
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

.analysisBody .col6,
.analysisFooter .col6 {
  width: 50px;
  margin-left: 20px;
}

.analysisBodyHeader .col2 {
  position: relative;
  top: -7px;
}

.analysisBody .col7,
.analysisFooter .col7,
.analysisBody .col2,
.analysisFooter .col2 {
  width: 86px;
  text-align: right !important;
  margin-right: 10px;
  margin-left: 10px;
}

.analysisBody .col7 {
  width: 90px;
  margin-right: 0px;
  margin-left: 0px;
}

.analysisBody .col2,
.analysisFooter .col2 {
  width: 50px;
  margin-right: 20px;
}

.analysisBody .col7 input {
  font-size: 11px;
  height: 25px;
  border-color: green;
  width: 74px;
  float: right;
  text-align: right;
}

.analysisBodyItem input {
  font-size: 11px;
  height: 25px;
}

.analysisBody .col8,
.analysisFooter .col8 {
  width: 50px;
}

.analysisBody .col9,
.analysisFooter .col9 {
  width: 75px;
  text-align: right !important;
}

.analysisBody .col10,
.analysisFooter .col10 {
  width: 46px;
  margin-left: 10px;
  margin-right: 10px;
}

.analysisFooter .col9 {
  width: 105px;
}

.analysisFooter .col10 {
  margin-left: 50px;
  width: 90px;
}

.analysisBody .col11,
.analysisFooter .col11 {
  width: 45px;
}

.analysisBody .col12,
.analysisFooter .col12 {
  width: 70px;
  margin-left: 10px;
}

.analysisBody .col11,
.analysisBody .col12 {
  font-size: 9px;
  padding-top: 2px;
  padding-bottom: 1px;
}

.analysisBodyHeader {
  height: 30px;
  font-weight: bold;
  border-bottom: 2px solid #000;
}

.analysisBodyItem {
  border-bottom: 1px solid blue;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-top: 10px;
  position: relative;
}

.analysisBodyWrap .analysisBodyItem {
  margin-top: 0px;
  padding-top: 10px;
  min-height: 67px;
}

.totalQuantityAnalysis {
  position: absolute !important;
  top: 0px;
  left: 81px;
  font-weight: bold;
}

.totalQuantityAnalysis span {
  float: right !important;
  color: red;
}

.analysisBodyWrap > div:last-child {
  border-color: transparent;
}

.analysisBodyWrap {
  overflow: auto;
}

.analysisBody .amount,
.analysisFooter .amount {
  float: right;
}

.analysisBody .col6 input,
.analysisBody .col8 input,
.analysisFooter .col6 input,
.analysisFooter .col8 input {
  text-align: center;
  border-color: purple;
}

.analysisBody .col8 input,
.analysisFooter .col8 input {
  padding-left: 10px;
  text-align: left;
}

.analysisFooter .analysisBodyItem {
  margin-top: 5px;
  padding-bottom: 5px;
  border-color: brown;
}

.analysisFooter .analysisBodyItem input {
  height: 16px;
}

/* .analysisFooter .sign{
  position: absolute;
  top: 39px;
  right: 26px;
} */

.analysisBody span.removepart {
  position: absolute;
  right: 5px;
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.ds_TableStyleBodyList .sort3.col-md-2 font {
  float: right;
}

.ds_TableStyleBodyList .sort6.col-md-2 font,.ds_TableStyleBodyList .sort6.col-md-1 font,
.ds_TableStyleBodyList .sort7.col-md-2 font,
.ds_TableStyleBodyList .sort55 font,
.ds_TableStyleBodyList .sort77 font,
.ds_TableStyleBodyList .sort8 font,
.ds_TableStyleBodyList .sort9 font {
  float: right;
}

.pvdCoatingColors {
  float: left;
  width: 393px;
  margin-bottom: 20px;
  background-color: #000;
  padding: 10px;
}

.PVDTitle {
  float: left;
  width: 100%;
  font-size: 13px;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  color: #fff;
}

.pvdcoatingHolder {
  float: left;
  width: 100%;
}

.pvdcoatingHolder > div:last-child {
  margin-right: 0px;
}

.pvdcoatingDiv {
  float: left;
  margin-right: 13px;
  width: 64px;
  padding-top: 10px;
}

.pvdcolortitle {
  float: left;
  width: 100%;
  font-size: 10px;
  text-align: center;
  color: #fff;
  white-space: pre-wrap;
  font-family: 'Poppins-Regular', Arial, sans-serif;
}

.pvdcolorcolor {
  border-radius: 50%;
  width: 40px;
  margin-bottom: 5px;
  height: 40px;
  left: 50%;
  clear: both;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: relative;
  float: left;
}

.pvdcoatingDiv.activePVD {
  background-color: rgba(255, 255, 255, 0.4);
}

.custom_selectize_partnumber.selectize-control.plugin-remove_button [data-value] {
  font-size: 10px;
}

.custom_selectize_description.selectize-control.plugin-remove_button [data-value] {
  font-size: 10px;
}

.offerPartsHolder input {
  font-size: 12px;
}

.partCloneWrapper .sign2,.specialDiscountHolder .sign2 {
  position: absolute;
  top: 39px;
  font-size: 12px;
  right: 19px;
}

.ToDisplayOfferIfPrice .sign,.ToDisplayOfferIfPrice .weightmeasure {
  position: absolute;
  top: 40px;
  font-size: 12px;
  right: 19px;
}

.proformasign .sign,
.proformasign .sign2 {
  position: absolute;
  top: 42px;
  font-size: 12px;
  right: 25px;
}

.overwrite_ds {
  font-size: 10px;
  color: blue;
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
}

.overwriteprice_analysis {
  font-size: 10px;
  color: blue;
  position: absolute;
  top: -14px;
  right: 0px;
  cursor: pointer;
}

[data-tooltip] .iconpart {
  top: 0px;
}

.anchor[data-tooltip] .iconpart {
  top: -4px;
  right: -2px;
}

.anchor[data-tooltip]:hover:before {
  margin: 0px;
  top: -45px;
  right: -10px;
}

.anchor[data-tooltip]:before {
  min-width: 255px;
  line-height: 11px;
}

.termsstyle label {
  position: absolute;
  z-index: 2;
  left: 29px;
  top: 5px;
}

.termsstyle select {
  position: relative;
}

.termsstyle div {
  position: relative;
}

.offer_dup_container {
  width: 270px;
  height: 280px;
  background-color: #fff;
  padding: 3%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  float: left;
  position: relative;
}

.offer_dup_container label {
  font-size: 11px;
  font-weight: bold;
}

.send_email_wrapper .offer_dup_container {
  height: 245px;
}

.closeoffer_dup {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: -12px;
  right: -12px;
  z-index: 1;
}

.sectionHeadDiv h2.ds_sectionTitle a {
  text-transform: none;
  font-size: 12px;
}

.clearSearchClick--part {
  margin-left: 88px;
  clear: none;
}

.radio_search {
  float: left;
  margin-top: 5px;
}

.ds_TableStyleHead {
  position: sticky;
  top: 112px;
  z-index: 1;
  background-color: #fff;
}

.analysisHeader .row > div {
  background-color: #6c8cc7;
  border-radius: 5px;
  color: #fff;
}

.analysisHeader .row > div.col-2 {
  background-color: #00a650;
}

.analysisHeader .row > div.col-3 {
  max-width: 23%;
  flex: 0 0 23%;
}

.analysisHeader h5 {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  font-size: 13px;
  width: 100%;
  float: left;
  text-align: center;
  font-weight: normal;
  padding-bottom: 3px;
  margin-top: 3px;
}

.analysisHeader .row > div.col-2 input {
  float: left;
}

.analysisHeader .row {
  margin: 0px;
  justify-content: space-between;
}

.analysisHeader .row > div.col-2 .sign1 {
  top: 59px;
  right: 93px;
}

.analysisHeader input:read-only {
  background-color: #bbbdc0;
}

.analysisHeader .row > div.col-1 {
  display: flex;
  align-items: center;
  background-color: #ed1c24;
  cursor: pointer;
}

.analysisHeader .row > div.col-1 span {
  font-size: 11px;
  text-align: center;
  display: block;
  background-image: url(../images/arrow-analysis.svg);
  background-position: bottom center;
  background-size: contain;
  padding-bottom: 25px;
  background-repeat: no-repeat;
}

.ds_contentWrapper--offercompanylist > div table tbody tr {
  display: none;
}

.ds_contentWrapper--offercompanylist > div table tbody > tr:first-child {
  display: table-row;
}

.groupedcompany {
  position: relative;
  color: #965f3a;
  float: left;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  margin-bottom: 5px;
}

.groupedcompany_count {
  position: relative;
  float: left;
  margin-left: 5px;
  top: -2px;
}

.groupedcompany::after {
  position: absolute;
  content: '';
  right: -62px;
  background-image: url(../images/arrowDown-brown.svg);
  background-repeat: no-repeat;
  /* background-size: 59%; */
  width: 14px;
  height: 14px;
  top: 8px;
}

.groupedclass::after {
  display: none;
}

.groupedcompany.active::after {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  top: 3px;
}

.rownumber div {
  height: 100%;
  background-color: #849daa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  font-size: 30px;
  max-width: 51px;
}

.ds_contentWrapperOffer .row .row {
  margin: 0px;
  border-radius: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  border: 1px solid #c7c4e2;
}

.rownumber {
  padding: 0px !important;
}

.seperatorOfferInner {
  border-top: 4px solid #965f3a;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ds_contentWrapperOffer .row .row .row {
  padding: 0px;
  border-radius: 0px;
  border: none;
}

.ds_contentWrapperOffer .row .row .row > div:last-child {
  padding-right: 0px;
}

.discountallitems {
  background-color: #d7e1e7;
  border: 1px solid #c7c4e2;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

.associationList .row {
  position: relative;
}

.associationList {
  border-bottom: 2px solid #965f3a;
  padding-bottom: 30px;
}

.ontop {
  z-index: 1;
}

.partdup_container {
  height: auto;
}

.offerPartsHolder > div {
  background-color: #b4cdda;
}

.offerPartsHolder > div:nth-child(2n) {
  background-color: #e6ebef;
}

.analysisBody span.col4.col4-sales {
  width: 200px;
}

.safearea-offersales {
  width: 540px !important;
}

.sendemailoffer span {
  cursor: pointer;
  background-color: red;
  color: #fff !important;
  display: block;
  line-height: 30px;
  border: none !important;
  text-align: center;
  padding: 0px !important;
}

.discountallitems {
  justify-content: center;
}

.archive {
  background-image: url(../images/archive-btn.png);
  background-repeat: no-repeat;
  color: #3b3a38;
  font-size: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  text-transform: capitalize;
  padding-left: 23px;
  cursor: pointer;
  background-position: 0px 1px;
}

.sendemailoffer font {
  font-weight: bold;
  font-size: 9px;
  background-color: green;
  color: #fff !important;
  display: block;
  line-height: 30px;
  border: none !important;
  text-align: center;
  padding: 0px !important;
}

.sendemailoffer font.noaccess{
  background-color: red;
}

.offer_dup_container_proforma {
  height: 205px;
}

.closepart {
  background-image: url(../images/arrowDown-brown.svg);
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 65px;
  width: 25px;
  height: 16px;
  background-repeat: no-repeat;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);

  -webkit-transition: all 0.2s ease-in-out;
  /* Safari 3.2+, Chrome */
  -moz-transition: all 0.2s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.2s ease-in-out;
  /* Opera 10.5-12.00 */
  transition: all 0.2s ease-in-out;
}

.closepart_closed {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.partCloneWrapper.closed {
  overflow: hidden;
  height: 89px;
}

.heading_productionbalance {
  background-color: #965f3a;
  color: #fff;
  float: left;
  padding: 5px 10px;
  margin-top: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 19px;
  position: relative;
}

.overwriteHotel {
  color: red;
}

.table.ds_table_productionbalance thead th {
  vertical-align: middle;
}

.ds_heading_productionbalance_add {
  font-size: 15px;
  color: #3b3a38;
  font-family: 'Poppins-SemiBold', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 3px;
  cursor: pointer;
}

.ds_heading_productionbalance_add::before {
  content: '+ ';
}

.table.ds_table_productionbalance input {
  border-color: #000;
}

.box-balance,
.box-content-list,
.dates_wrapper {
  position: absolute;
  left: 0px;
  bottom: 60px;
  width: 100%;
  display: none;
}

.activeitem_balance,
.box_content-active,
.dates_wrapper-active {
  position: relative;
  height: 200px;
}

.activeitem_balance .box-balance,
.box_content-active .box-content-list,
.dates_wrapper-active .dates_wrapper {
  display: block !important;
}

.box-content-list .row {
  margin: 0px;
}

.ds_table_productionbalance .ds_TableStyleHead {
  position: relative;
  top: 0px;
}

.table.ds_table_productionbalance input.errorhighlight {
  background-color: red !important;
  color: #fff !important;
}

.table.ds_table_productionbalance input.bluehighlight {
  background-color: blue !important;
  color: #fff !important;
}


.box-content-list .header div {
  font-weight: bold;
}

.box-content-list .header,
.box-content-list .rowss > div {
  border-bottom: 1px solid #000;
  display: flex;
}

.box-content-list .rowss > div:last-child {
  border-bottom: none;
}

.box-content-list .rowss > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.error_bg {
  background-color: yellow !important;
}

.offer_dup_containerClient {
  height: 340px;
}

.offer_dup_containerProductionBalance {
  height: 345px;
  width: 900px;
}

.ds_contentWrapper_productionBalance .form-control:disabled,
.form-control[readonly] {
  /* background-color: #aaa !important; */
  background-color: #276b80 !important;
  color: #fff;
}

.form-control[readonly] + span {
  color: #fff;
}

.boxes_quantities .row > div {
  position: relative;
  left: 0px;
  top: -8px;
}

.boxes_quantities .row > div:nth-child(2n) {
  left: 5px;
}

.boxes_quantities .row > div:nth-child(3n) {
  left: 10px;
}

.balance_qty,
.packed_qty,
.total_qty {
  text-align: right;
}

.ds_editBTN.edit-box {
  padding-left: 21px;
  padding-top: 15px;
}

.ds_deleteBTN.delete-box {
  background-size: 17px;
  padding-left: 21px;
  position: relative;
  padding-top: 15px;
  background-position: 1px 15px;
}

.dates_wrapper .row {
  margin-left: 10px;
  margin-right: 20px;
  clear: both;
}

.dates_wrapper .add_date {
  cursor: pointer;
  float: right;
  margin-right: 15px;
}

.dates_wrapper .col-2 {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dates_wrapper .row > div:nth-child(6n + 1) {
  border-left: 1px solid #000;
}

.dates_wrapper .row > div:nth-child(1),
.dates_wrapper .row > div:nth-child(2),
.dates_wrapper .row > div:nth-child(3),
.dates_wrapper .row > div:nth-child(4),
.dates_wrapper .row > div:nth-child(5),
.dates_wrapper .row > div:nth-child(6) {
  border-top: 1px solid #000;
}

.dates_wrapper .delete_date {
  background-size: cover;
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 20px;
  height: 20px;
  cursor: pointer;
  top: 6px;
  right: 12px;
  z-index: 1;
}

.ds_contentWrapper_productionBalance .closepart {
  top: 11px;
  right: -30px;
}

.ds_contentWrapper_productionBalance .closed {
  overflow: hidden;
  height: 65px;
  clear: both;
}

.ds_contentWrapper_productionBalance .closed .ds_heading_productionbalance_add {
  display: none;
}

.showpassword {
  background-image: url(../images/showpassword.png);
  background-position: 0px 0px;
  background-size: cover;
  width: 23px;
  height: 12px;
  position: absolute;
  bottom: 77px;
  right: 10px;
  z-index: 9;
  cursor: pointer;
}

.showpasswordhide {
  height: 15px;
  background-position: 0px -11px;
}

.bydatesearch .ds_searchDivBTN {
  width: 100%;
  padding: 0px !important;
  margin-left: 0px;
}

.bydatesearch .ds_searchDivClear {
  margin-left: 0px;
  width: 100%;
}

.partCloneWrapper label.givemargin {
  margin-bottom: 20px;
}

.copy_offer_info {
  right: auto;
  left: 0px;
  bottom: -16px;
}

.partclone_valueonly.form-control {
  width: 30px;
}

.photoofferdiv {
  position: absolute;
  left: 195px;
  width: 110px;
  top: 89px;
}

.partCloneWrapper > div {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.subnav {
  color: #fff;
  background-color: lightskyblue;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 2px;
  font-size: 12px;
  position: relative;
  top: -3px;
}

.subnav2{
  background-color: green;
}

.subnav:hover,
.subnav.subnavActive {
  color: #fff;
  background-color: #19318f;
}

.analysisFooter .col10 {
  color: #fff;
  background-color: #007bff;
  padding-left: 5px;
  padding-right: 5px;
}

.HotelRequests__Holder {
  margin-top: 88px;
}

.HotelRequests__Holder .ds_TableStyleHead {
  top: 40px;
}

.bankDetailsAnalysis {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  white-space: pre;
  font-size: 11px;
}

.ui-sortable-helper {
  display: table;
}

.downloadExcel {
  width: 150px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  margin-top: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  background-color: green;
  text-align: center;
}

.partCloneWrapper .roundupdown,
.analysisBodyItem .roundupdown {
  position: absolute;
  background-image: url(../images/roundupdown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  width: 22px;
  height: 16px;
  left: 72px;
  top: 7px;
}

.analysisBodyItem .roundupdown {
  left: 17px;
  top: -15px;
}

.analysisFooter .col4 {
  width: 165px;
}

.analysisFooter .col7 {
  width: 145px;
  position: relative;
}

.analysisFooter .col7 .sign {
  position: absolute;
  top: 0px;
  right: 5px;
}

.analysis_disc_amount {
  border-color: purple !important;
}

.sort9 .producted {
  color: green;
  font-weight: bold;
}

.sort9 .archived {
  color: purple;
  font-weight: bold;
}

.sort9 .deleted {
  color: red;
  font-weight: bold;
}

.sort9 .active {
  color: blue;
  font-weight: bold;
}

.associationList {
  display: flex;
  flex-wrap: wrap;
}

.associationWrapper {
  width: 33%;
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px solid #000;
  position: relative;
}

.associationList > div:nth-last-child(-n + 3) {
  border-bottom: none;
}

.associationWrapper .removeAssociation {
  top: -4px;
  right: 15px;
}

.associationProd {
  position: relative;
  margin-top: 30px;
}

.associationImg {
  position: absolute;
  top: -25px;
  cursor: pointer;
  left: 100px;
}

.confirmSelectionAdvisor {
  margin-top: 90px;
}

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

.partclone_hidephoto,
.partclone_valueonly,.isHighlighted,.isPriceConfirmed {
  position: relative;
  width: 20px !important;
  left: 0px;
  top: -7px;
}

.confirmPriceStyle{
  position: relative;
  left: 200px;
}

.analysis-wrapper .safearea {
  width: 1035px;
}

.rangeWrapper .removeRange {
  top: 0px;
}

.table_productionbalance_box .ds_editBTN.edit-box {
  background-position: 0px 15px;
}

.noassociationTR {
  background-color: yellow !important;
}

.row1.closed .order_balance_absolute {
  top: 0px;
}

.row1 {
  position: relative;
}

.row1 .order_balance_absolute {
  top: 24px;
  left: 0px;
  color: blue;
  position: absolute;
  font-size: 11px;
}

.row1.row2 .order_balance_absolute {
  top: 0px;
}

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

.calculateShipmentWrapper .calculateShipment {
  float: left;
}

.cloneWrapper_zones > div:last-child {
  padding-bottom: 30px;
}

.addshippingoffer {
  background-color: orange;
}

.addshippingoffer_inner {
  position: relative;
  float: left;
  color: #fff;
  width: 166px;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  background-color: orange;
}

.incoTermsUsed {
  color: red;
  margin-top: 5px;
  float: left;
  margin-left: 10px;
  font-weight: bold;
}

.notrealpricehotel {
  color: red;
  font-weight: bold;
  position: absolute;
  top: 17px;
  left: 0px;
  font-size: 11px;
}

.notrealhotelanalysis {
  color: red;
  font-weight: bold;
  position: absolute;
  top: 17px;
  left: 0px;
  font-size: 11px;
}

.sequentialSearchDiv {
  width: 350px;
}

.notSamePrice {
  background-color: yellow !important;
}

.comparisonDiv {
  width: 392px;
  position: relative;
  margin-top: 20px;
}

.comparingOffersDiv > div:nth-child(3n + 2) {
  clear: both;
}

.comparisonDiv span {
  padding-left: 75px;
  width: 100%;
  display: block;
  font-size: 12px;
}

.comparisonDiv span b {
  width: 70px;
  float: left;
  height: 100%;
  position: absolute;
  left: 0px;
}

.toShowValidateDescEnabled {
  background-color: yellow !important;
}

.priceNotIdentical {
  background-color: red !important;
}

.isConbinedFrom span {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-weight: bold;
  color: red;
}

.fromOfferNumber {
  position: absolute !important;
  bottom: 0px;
  left: 0px;
  font-weight: bold;
  color: red;
}

.hideEntries {
  position: absolute;
  top: 30px;
  right: 0px;
  cursor: pointer;
  display: none;
}

.smallerDivider {
  border-top: 1px solid #965f3a;
  border-bottom: 1px solid #965f3a;
  margin-top: 10px;
  margin-bottom: 10px;
}

.boxes_quantity {
  text-align: center;
}

.boxes_quantities b {
  display: block;
  font-size: 23px;
  text-align: center;
}

.tfootProd {
  background-color: red;
  color: #fff;
  font-weight: bold;
}


.ds_TableStyleBody>.box_content-active,.ds_TableStyleBody>.activeitem_balance{
  background-color: #B4CDDA !important;
}

.ds_TableStyleBody>.box_content-active:nth-child(2n),.ds_TableStyleBody>.activeitem_balance:nth-child(2n){
  background-color: #E6E5F3 !important;
}

.ds_TableStyleBody>.box_content-active:nth-child(3n),.ds_TableStyleBody>.activeitem_balance:nth-child(3n){
  background-color: #E6EBEF !important;
}

.box_content font,.balance_showboxes font{
  position: relative;
  top: 10px;
  background-image: url(../images/arrowDown-brown.svg);
  background-size: 10px;
  cursor: pointer;
  background-repeat: no-repeat;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-position: right center;
  padding-right: 13px;
  font-size: 11px;
}

.box_content-active .box_content font,.activeitem_balance .balance_showboxes font{
  border: 1px solid #000;
  background-color: red;
  color: white;
  padding: 5px;
  background-image: none;
  text-align: center;
}

.edit-box-save,.edit-pallet-save{
  border: 1px solid #000;
  background-color: rgba(255,255,0,0.3);
  font-weight: bold;
  color: red;
}


.custom_selectize_boxes_pallets .selectize-input.disabled{
  opacity: 0.8 !important;
  background-color: transparent !important;
}
.custom_selectize_boxes_pallets .selectize-input.disabled [data-value], .custom_selectize_boxes_pallets .selectize-input.disabled [data-value] .remove{
  background-color: red !important;
  color: #000 !important;
}

.custom_selectize_boxes_pallets .selectize-input.disabled [data-value], .custom_selectize_boxes_pallets .selectize-input.disabled [data-value] .remove{
  border-color: transparent !important;
}

.custom_selectize_boxes_pallets .selectize-input.disabled:after{
  display: none !important;
}

.totalQuantityAnalysis {
  border: 1px solid #000;
  padding: 6px;
  position: relative;
  top: 0px;
  background-color: yellow;
}

.table-compare .sort3 {
  border-left: 2px solid blue;
  background-color: yellow;
}

.table-compare .sort4 {
  background-color: yellow;
}

.table-compare .sort8 {
  border-right: 2px solid blue;
  background-color: yellow;
}

.table-compare .sort6 {
  border-left: 2px solid purple;
  background-color: lightgreen;
}

.table-compare .sort7 {
  background-color: lightgreen;
}

.table-compare .sort9 {
  border-right: 2px solid purple;
  background-color: lightgreen;
}

.insertAfterPos {
  position: absolute;
  right: 130px;
  bottom: 10px;
  color: #fff;
  background-color: #965f3a;
  font-weight: bold;
  cursor: pointer;
  line-height: 32px;
}

.insertAfterPos::after {
  position: absolute;
  content: '';
  right: -40px;
  background-image: url(../images/arrowDown-filled.svg);
  background-size: cover;
  background-position: center;
  width: 34px;
  height: 28px;
  top: 4px;
}

.bulkDelete {
  position: absolute;
  top: 0px;
  left: 0px;
  font-weight: bold;
  color: red;
  cursor: pointer;
}

.removeValidatePart {
  position: absolute !important;
  bottom: 0px;
  left: 75px;
  font-weight: bold;
  color: white;
  background-color: red;
  cursor: pointer;
  padding: 5px;
}

.toggleSpecifications {
  cursor: pointer;
  background-color: red;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 25px;
}

.useSpecifications {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 205px;
  color: blue;
}

.partCloneWrapperPurchase .closepart {
  top: 12px;
  right: 25px;
}

.partCloneWrapperPurchase .qty.filled {
  border-color: transparent;
  background-color: #276b80;
  color: #fff;
}

.partCloneWrapperPurchase {
  /* padding-bottom: 90px !important; */
}

.partCloneWrapperPurchase .photoofferdiv {
  top: 71px;
  right: 0px;
  width: 92px;
  left: auto;
}

.partCloneWrapper.partCloneWrapperPurchase.closed,.partCloneWrapper.partCloneWrapperPurchase.closedPurchaseOrder {
  overflow: hidden;
  /* height: 144px; */
  height: 77px;
}

.partCloneWrapper.partCloneWrapperPurchase.closedPurchaseOrder{
  height: 102px;
}

.showLatestCombination .offerauto {
  position: relative;
  top: 33px;
  cursor: pointer;
}

.lastcombinationValue {
  display: none;
}

.lastcombinationValue span {
  color: red;
}

.isConbinedFromPO span {
  position: absolute;
  top: 30px;
  right: 65px;
  font-weight: bold;
  color: red;
}

.col6imp .row {
  border: 1px solid green;
  background-color: lightyellow;
}

.col6opoos .row {
  border: 1px solid green;
  background-color: pink;
}

.rownumberpurchase div {
  max-width: 100%;
}

.signOffer,
.signOpoos,
.signImp {
  position: absolute;
  top: 40px;
  font-size: 12px;
  right: 19px;
}

.col12Total .row {
  background-color: yellow;
  border: 1px solid green;
}

.col6imp .overwrite_ds,
.col6opoos .overwrite_ds {
  bottom: -9px;
}

.offerNumberPoTotal {
  display: inline-block;
  margin-top: 10px;
}

.offerNumberPoTotal span {
  font-weight: bold;
}

.form-control[readonly].imp_netpriceString,
.form-control[readonly].imp_totalpriceString,
.form-control[readonly].net_impressionsString {
  background-color: purple !important;
}

.form-control[readonly].opoos_netpriceString,
.form-control[readonly].opoos_totalpriceString,
.form-control[readonly].net_opoosString {
  background-color: rgb(44, 36, 121) !important;
}

.form-control[readonly].imp_over_opoos {
  background-color: green !important;
  color: #fff !important;
}

.form-control[readonly].imp_over_opoos.negative {
  background-color: red !important;
  color: #fff !important;
}

.entry_offernumber_po {
  position: absolute;
  top: 64px;
  left: 114px;
  font-weight: bold;
  color: red;
}

.separationBetweenOffers {
  border-top: 30px solid red;
}

.col12Total .col-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.col12Total .col-3 input {
  text-align: center;
}

.viewpo_po {
  position: absolute;
  bottom: 37px;
  right: 0px;
}

.isSpecialEntryAmountString {
  color: #000 !important;
  font-weight: bold;
}

.entry_offernumber_pospecial {
  top: 7px;
  left: 294px;
}

.ds_deleteBTN3,
.ds_editBTN2 {
  height: 20px;
  background-position: 3px 2px;
}

.impPurchaseOrderLeft {
  border-left: 3px solid green;
}

.impPurchaseOrderRight {
  border-right: 3px solid green;
}

.opoosPurchaseOrderLeft {
  border-left: 3px solid purple;
}

.opoosPurchaseOrderRight {
  border-right: 3px solid purple;
}

.impPurchaseOrderRight font,
.opoosPurchaseOrderRight font {
  float: right;
}

.clearship,
.useVat {
  cursor: pointer;
  font-weight: bold;
  color: red;
  float: right;
  z-index: 1;
  position: relative;
}

.uploadExcelFileWrapper,.uploadFilesIconWrapper{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  display: none;
}

.uploadExcelFileContainer,.uploadFilesContainer{
  background-color: white;
  width: 400px;
  height: 245px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.uploadFilesContainer{
  height: 330px;
}

.uploadExcelFileContainer label{
  font-weight: bold;
  margin-bottom: 50px;
}

.uploadFilesContainer label{
  font-weight: bold;
  align-self: flex-start;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.uploadExcelFileContainer .close,.uploadFilesContainer .close{
  position: absolute;
  background-image: url(../images/xbtn.png);
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: 20px;
  right: 20px;
  background-size: contain;
}

.submitFiles{
  cursor: pointer;
  width: 200px;
  text-align: center;
  float: right;
  color: #fff;
  font-size: 14px;
  margin-top: 50px;
  background-color: #965f3a;
  letter-spacing: 1px;
  clear: both;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  line-height: 40px;
  border-radius: 30px;
}

.uploadExcelFileContainer .template,.uploadFilesContainer .template{
  font-size: 10px;
  color: red;
  font-weight: bold;
  margin-top: 30px;
}

.uploadExcelIcon{
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url(../images/upload_excel.png);
  background-size: contain;
  z-index: 1;
}

.uploadFilesIcon{
  position: fixed;
  bottom: 90px;
  right: 30px;
  width: 50px;
  height: 50px;
  z-index: 1;
  cursor: pointer;
  background-image: url(../images/upload-files.png);
  background-size: contain;
}

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

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

.cyan{
  background-color: cyan;
}

.aquamarine{
  background-color: aquamarine;
}

.chartreuse{
  background-color: chartreuse;
}

.red{
  background-color: red;
}

.checkboxCompany{
  position: absolute;
  top: 8px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.checkboxCompany label {
  font-weight: normal;
  font-size: 10px;
  margin-left: 5px;
  margin-bottom: 0px;
}

.form-control.companyOther{
  display: none;
}

.companyMatch{
  margin-left: 20px;
  margin-top: 5px;
}

.companyMatch span{
  font-size: 11px;
  color: red;
}

.box_abs_quantity{
  position: absolute;
  top: 15px;
  right: 40px;
  color: red;
}

.orderBalanceEntryLastModified{
  background-color: transparent !important;
  border: none !important;
  width: 95px !important;
  font-size: 10px !important;
}

.finalizeProductionDeliveryDiv{
  float: left;
  margin-left: 50px;
  margin-top: 20px;
}
.finalizeProductionDeliveryDiv label{
  margin-top: 5px;
}
.finalizeProductionDeliveryDiv input{
  width: 23px;
  margin: 0px;
  float: left;
  margin-right: 10px;
}

#searchBalanceSearch,#searchBalanceClear,#searchProductionSearch,#searchProductionClear,#searchCompanyClear{
  cursor: pointer;
  line-height: 30px;
  width: 120px;
}

.production_projectname >div.col-12:nth-child(2) span{
  top: 37px;
}

.production_projectname span{
  position: absolute;
  left: -130px;
  top: 7px;
}

.production_projectname .col-12{
  position: relative;
}

.boxTotalQuantity{
  font-weight: bold;
  color: red !important;
  text-align: center;
  line-height: 37px;
}

.associated_pallet_number{
  background-color: white;
}

.boxes_productionpalletizing td{
  position: relative;
}

.boxes_productionpalletizing td.box_content{
  position: static;
}

.associated_productionpacking{
  border: none !important;
  position: absolute;
  left: -120px;
  top: 6px;
  color: red !important;
  font-weight: bold;
  width: 120px;
  text-align: right;
}

.offerNumberReplace{
  left: 0px;
  top: 37px;
  color: red !important;
  font-weight: bold;
  width: 120px;
  text-align: right;
}

.from_production {
  position: absolute;
  left: -105px;
  top: 0px;
  border: none !important;
  color: red !important;
}

.duplicate-box{
  cursor: pointer;
  color: blue;
  font-weight: bold;
  position: relative;
  padding-top: 14px !important;
}

.edit-box-save + .duplicate-box{
  opacity: 0;
  visibility: hidden;
}

.assignAllBoxes{
  color: red;
  margin-left: 20px;
  cursor: pointer;
}

.duplicate-pallet{
  cursor: pointer;
  color: blue;
  font-weight: bold;
}

.edit-pallet-save + .duplicate-pallet{
  opacity: 0;
  visibility: hidden;
}

.error_part {
  position: absolute;
  color: red;
  font-weight: bold;
  width: 110px;
  top: 46px;
  left: -109px;
  cursor: pointer;
  background-image: url(../images/checkChecked.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
  background-size: 20px;
}

.outletWrapper{
  border-bottom: 2px solid red;
  padding-bottom: 15px;
}

.itemSelection{
  border-bottom: 3px solid green;
}

.rangeWrapper>div.itemSelection:last-child{
  border-bottom: none;
}

.rangeWrapper>div{
  background-color: #b4cdda;
  padding-bottom: 10px;
 }

 /* .rangeWrapper>div>div{
  min-height: 92px;
 } */

 .rangeWrapper>div:nth-child(2n){
  background-color: #e6ebef;
 }

 .specialSelectionOutlets .AddPart {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  padding: 5px;
  margin-top: 15px;
  position: relative;
  float: left;
  margin-bottom: 40px;
  background-color: #965f3a;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  width: 165px;
  line-height: 30px;
}

.specialSelectionOutlets .removeOutlet{
  position: absolute;
  top: 71px;
  right: 170px;
  cursor: pointer;
  font-weight: bold;
  background-color: red;
  color: #fff;
  line-height: 30px;
  width: 165px;
  text-transform: uppercase;
  text-align: center;
}

.specialSelectionOutlets>div{
  border-bottom: 3px solid #000;
}

.specialSelectionOutlets>div:last-child{
  border: none;
}

.expand{
  position: absolute;
  top: 70px;
  right: 0px;
  cursor: pointer;
  background-color: yellow;
  font-weight: bold;
  line-height: 30px;
  width: 100px;
  text-align: center;
}

.expand.expanded{
  background-color: cyan;
}

.numberOfEntries{
  position: absolute;
  top: 74px;
  right: 410px;
  color: red;
}

.numberOfEntries span{
  font-weight: bold;
}

.itemSelection{
  position: relative;
}

.itemSelection .removePart {
  position: absolute;
  right: 11px;
  background-size: contain;
  background-image: url(../images/xbtn.png);
  width: 31px;
  height: 30px;
  top: 68px;
  cursor: pointer;
}

.extraBorder{
  border-width: 20px;
}

.progressbarSpecialSelection>li:nth-child(n) {
  background-color:rgb(132, 130, 126);
}

.progressbarSpecialSelection>li:nth-child(8n+2){
  background-color:rgb(91, 118, 106);
}

.progressbarSpecialSelection>li:nth-child(8n+3){
  background-color:rgb(103, 138, 134);
}

.progressbarSpecialSelection>li:nth-child(8n+4){
  background-color:rgb(94, 98, 99);
}

.progressbarSpecialSelection>li:nth-child(8n+5){
  background-color:rgb(108, 117, 145);
}

.progressbarSpecialSelection>li:nth-child(8n+6){
  background-color:rgb(73, 106, 120);
}

.progressbarSpecialSelection>li:nth-child(8n+7){
  background-color:rgb(26, 105, 132);
}

.progressbarSpecialSelection>li:nth-child(8n+8){
  background-color:rgb(123, 148, 170);
}

.progressbarSpecialSelection>li:nth-child(8n+9){
  background-color:#395469;
}

.SpecialSelectionNavigation {
  position: fixed;
  bottom: 0px;
  background-color: #fff;
  padding-top: 10px;
  border-top: 1px solid #000;
}

.SpecialSelectionNavigation span{
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #fff;
}

.SpecialSelectionViewAll{
  background-color: #965f3a;
}

.SpecialSelectionViewAll a{
  color: #fff;
}

.SpecialSelectionSave{
  background-color: purple;
}

.SpecialSelectionConfirmOutlet{
  background-color:blue;
}

.SpecialSelectionSkipOutlet{
  background-color: #00575f;
}

.progressbarSpecialSelection{
  gap: 15px;
  justify-content:flex-start;
}

.SpecialSelectionSpace + tr {
  border-top: 20px solid green;
}

.OutletSelectionWrapper{
  margin-top: 235px;
}

.OutletSelectionWrapper.OutletSelectionWrapper2{
  margin-top: 0px;
}


.OutletSelectionWrapper p,.OutletSelectionWrapper2 p{
  margin-bottom: 0px;
  width: 87%;
  margin-top: 5px;
}

.OutletSelectionWrapper b,.OutletSelectionWrapper2 b{
  margin-right: 5px;
  color: blue;
  margin-top: 5px;
}

.confirm_selection_qty[readonly] {
  background-color: #276b80 !important;
  color: #fff;
}

.AddOption{
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-family: 'Poppins-Medium', Arial, sans-serif;
  padding: 5px;
  background-color: green;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  width: 110px;
  line-height: 20px;
  float: left;
}

.option_name{
  font-weight: bold;
  color: purple;
}

.insertAfterPos2 {
  position: absolute;
  right: 45px;
  bottom: 10px;
  color: #fff;
  background-color: #965f3a;
  font-weight: bold;
  cursor: pointer;
  line-height: 32px;
  width: 150px;
  z-index: 1;
  text-align: center;
  min-height: auto !important;
}

.insertAfterPos2::after {
  position: absolute;
  content: '';
  right: -40px;
  background-image: url(../images/arrowDown-filled.svg);
  background-size: cover;
  background-position: center;
  width: 34px;
  height: 28px;
  top: 4px;
}

.SpecialSelection__Options{
  clear: both;
  width: 100%;
  position: absolute;
  bottom: 7px;
  background-color: lightyellow;
}

.SpecialSelection__Options h5{
  font-weight: bold;
  margin-top: 4px;
  display: block;
  float: left;
  height: 21px;
  font-size: 14px;
  width: 100%;
}

.SpecialSelection__Option{
  float: left;
  width: 100%;
  margin-top: 5px;
  position: relative;
  min-height: 105px;
}

.SpecialSelection__Option .minus{
  left: 1px !important;
  top: 5px !important;
}

.SpecialSelection__Option .plus{
  right: 13px !important;
  top: 5px !important;
}

.SpecialSelection__Option label{
  float: left;
  width: 87%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SpecialSelection__Option input[type="checkbox"]{
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  position: relative;
  z-index: 2;
}

.OutletSelectionWrapper .removeBorder {
  border: none !important;
  padding: 0px !important;
  font-size: 12px !important;
  width: 100%;
  margin-top: 0px;
}

.OutletSelectionWrapper td{
  position: relative;
}

.SpecialSelection__Options__Holder{
  float: left;
  min-height: 100px;
  width: 100%;
}

.OutletSelectionWrapper input{
  border: 1px solid #ced4da !important;
}

.OutletSelectionWrapper .usernote{
  font-weight: bold;
}

.option1 .SpecialSelection__Options__Holder{
  min-height: 50px;
}

.SpecialSelection__Option img{
  width: 58px;
  height: auto;
}

.photo .SpecialSelection__Options__Holder{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.photo .SpecialSelection__Option{
  float: none;
  width: auto;
}

.additionalNotesLabel{
  font-weight: bold;
}

.additionalNotesTextArea{
  resize: none;
  height: 150px !important;
}

.SpecialSelectionSkipOutlet a{
  color: #fff;
}

.validationNote{
  position: absolute !important;
  bottom: -3px;
  left: 175px;
}

.validationNote b{
  float: left;
  margin-right: 5px;
}

.closeToggle {
  background-image: url(../images/arrowDown-brown.svg);
  cursor: pointer;
  background-position: center 17px;
  background-repeat: no-repeat;
  background-size: 25px;
  transform: scale(1, 1);
}

.closeToggle_closed {
  background-image: url(../images/arrowTop-brown.svg);
}

.ds_TableStyleBodyList.closed>td:nth-child(1) {
 padding-bottom: 0px !important;
}

.ds_TableStyleBodyList.closed>td:nth-child(2) {
  height: 55px;
}

.ds_TableStyleBodyList.closed .SpecialSelection__Options,.ds_TableStyleBodyList.closed .usernote,.ds_TableStyleBodyList.closed .usernoteinput {
  display: none;
}

.ds_TableStyleBodyList.closed img{
  height: 50px;
  width: auto;
}

.delete_product_fromList{
  display: none;
}

.upscale .SpecialSelection__Options{
  width: 91%;
}

.deleteOption{
  position: absolute;
  top: 0px;
  left: 134px;
  cursor: pointer;
  color: red;
  font-weight: bold;
  z-index: 1;
}

.options .row{
  position: relative;
}

.cataloguePriceSelect{
  position: relative;
}

.clearCompany{
  top: 3px;
  bottom: auto;
  right: 16px;
  font-weight: bold;
  color: red;
  font-size: 14px;
  position: absolute;
  cursor: pointer;
}

.overwriteCompanyPrice{
  display: none;
  color: red;
}

.progressbar > li.active span{
    background-color: cyan;
    border-radius: 50%;
    height: 16px;
    background-image: none;
    width: 16px;
}

.noPaddingCol .row>div{
  padding-left: 5px;
  padding-right: 5px;
}

.itemSelection .sign {
  position: absolute;
  top: 38px;
  right: 15px;
}

.itemSelection .overwrite_ds{
  bottom: -10px;
}

.reportHistorySearchWrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.isProducedYes{
  font-weight: bold;
  color: green;
}

.isProducedNo{
  font-weight: bold;
  color: red;
}

.comparisonOffersInfoWrap{
  display: flex;
  justify-content: space-between;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.comparisonOffersInfo{
  width: 48%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #000;
  align-self: flex-start;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  padding-top: 10px;
}

.comparisonOffersInfo div{
  display: flex;
  justify-content: space-between;
}

.comparisonOffersInfo div span{
  border-right:1px solid #000;
  border-bottom: 1px solid #000;
  padding-left: 5px;
}

.comparisonOffersInfo div>span:first-child{
  width: 24%;
}

.comparisonOffersInfo div>span:nth-child(2){
  width: 46%;
}

.comparisonOffersInfo div>span:nth-child(3){
  width: 30%;
  text-align: right;
  padding-right: 10px;
  border-right: none;
}

.difference_quantity{
  border: none !important;
  display: block;
}

.difference_quantity.negative{
  color: red !important;
}

.difference_quantity.positive{
  color: purple !important;
}

.ProductionReportAggr{
  display: flex;
  flex-direction: column;
}
.ProductionReportAggrRow{
  display: flex;
  width: 100%;
}
.ProductionReportAggr span{
  border: 1px solid #000;
}

.ProductionReportAggrRow span {
  width: calc(800px / 6); 
  box-sizing: border-box; 
  display: inline-block;
  text-align: center; 
  border: 1px solid #000;
  border-right: none;
  border-bottom: none;
  text-align: left;
  text-indent: 11px;
  padding-right: 10px;
  position: relative;
}

.ProductionReportAggrRow span span{
  width: auto;
  border: none;
  text-align: right;
  float: right;
  padding-right: 0px;
  position: absolute;
  right: 5px;
}

.ProductionReportAggrRow.partdetails span{
  width: calc(100% / 5); 
  text-align: center;
  padding-right: 0px;
}

.ProductionReportAggrRow.head span{
  font-weight: bold;
}

.ProductionReportAggrRow.total{
  background-color: purple;
  color: white;
}

.ProductionReportAggr>div>span:last-child{
  border-right: 1px solid #000;
}

.ProductionReportAggr>div:last-child>span{
  border-bottom: 1px solid #000;
}

.monthly .ProductionReportAggrRow{
  width: 100%;
}

.monthly .yearWrap>div>span:last-child{
  border-right: 1px solid #000;
}

.monthy>div:last-child>div:last-child>span{
  border-bottom: 1px solid #000;
}

.ProductionReportAggrRow.total span{
  border-top:2px solid #000;
  border-bottom:2px solid #000;
}

.ProductionReportAggr .mr-2{
  border-right: 1px solid #000;
}

.ProductionReportAggr-details .ProductionReportAggrRow>span:first-child{
  width: 86px;
  text-align: center;
}
.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(2){
  width: 72px;
}
.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(3),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(4),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(7),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(10){
  width: 168px;
}

.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(5),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(6),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(8),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(9),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(11),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(12),.ProductionReportAggr-details .ProductionReportAggrRow>span:nth-child(13){
  text-align: center !important;
  width: 95px;
}


.ProductionReportAggrRow.head span{
  text-align: center;
}

.ProductionReportAggrRow.head.foot span{
  text-align: left;
}

.ProductionReportAggr-details .totalPercentage,.ProductionReportAggr-details .totalcount6,.ProductionReportAggr-details .totalcount1 {
  text-align: center !important;
}

.ProductionReportAggr.monthly .ProductionReportAggrRow>span:first-child{
  width: 89px;
  text-align: center;
}

.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(2){
  width: 111px;
  text-align: center;
}

.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(3){
  width: 104px;
  text-align: center;
}
.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(4){
  width: 137px;
  text-align: center;
}

.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(5),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(6),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(9),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(12){
  width: 163px;
  font-size: 14px;
}

.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(7),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(8),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(10),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(11),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(13),.ProductionReportAggr.monthly .ProductionReportAggrRow>span:nth-child(14){
 text-align: center;
 width: 100px;
}



.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:first-child{
  width: 91px;
  text-align: center;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(2){
  width: 150px;
  text-align: center;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(3){
  width: 94px;
  text-align: center;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(4),.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(5),.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(6),.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(7){
  width: 214px;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(8){
  width: 190px;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(9){
  width: 90px;
  text-align: center;
}

.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(10),.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(11),.ProductionReportAggr.monthlyoffers .ProductionReportAggrRow>span:nth-child(12){
  width: 150px;
  text-align: center;
}

.ProductionReportAggrRow.total span span{
  border: none;
}

.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:first-child{
  width: 83px;
  text-align: center;
}
.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(2),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(3),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(6),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(7){
  width: 115px;
  text-align: center;
}

.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(4),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(5),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(8),.ProductionReportAggr-sales-report .ProductionReportAggrRow>span:nth-child(9){
  width: 161px;
}

.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(1){
  width: 90px;
  text-align: center;
}

.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(2),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(4){
  width: 168px;
}

.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(3),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(5),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(6),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(8),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(9),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(10),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(11),.ProductionReportAggr-offersdetails .ProductionReportAggrRow>span:nth-child(12){
  width: 120px;
  text-align: center;
}
.ProductionReportAggr-partdetails .partdetails>span{
  text-indent: 0px;
}
.ProductionReportAggr-partdetails .partdetails>span:nth-child(1){
  width: 110px;
  text-align: center;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(2){
  width: 90px;
  text-align: center;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(3){
  width: 570px;
  text-align: left;
  text-indent: 10px;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(4){
  width: 115px;
  text-align: center;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(5){
  width: 75px;
  text-align: center;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(6){
  width: 120px;
  text-align: right;
  padding-right: 10px;
}

.ProductionReportAggr-partdetails .partdetails>span:nth-child(7){
  width: 120px;
  border-right: 1px solid #000;
  text-align: right;
  padding-right: 10px;
}

.toSort>div.partdetails:last-child span{
  border-bottom: 1px solid #000;
}


.RetailCart {
  width: 26px;
  position: relative;
  background-image: url(../images/cart.svg);
  background-repeat: no-repeat;
  height: 26px;
  float: right;
  background-size: cover;
  cursor: pointer;
}

.RetailCart span {
  position: absolute;
  color: white;
  background-color: red;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  left: -9px;
  display: block;
  top: -4px;
  font-size: 10px;
}

.overlaySummaryReport{
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  background-color: #f0f0f0;
  left: 0px;
  top: 50px;
  display: none;
}

.box-content-list-summary{
  z-index: 1;
  bottom: 4px;
}

.box_content-summary font{
  top: 0px;
}

.box-content-list-summary .rowss > div {
  padding-top: 5px; 
  padding-bottom: 5px;
}

.box-content-list-summary .col3,.box-content-list-summary .col7,.box-content-list-summary .col8{
  text-align: right;
}

.numbering{
  border: none !important;
  color: red !important;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: -60px;
  text-align: right;
  padding: 0px;
  width: 55px;
}

.numberingCol{
  position: relative;
}

.includedDiv{
  position: relative;
}

.green-bold {
  background-color: green;
  color: white;
  font-weight: bold;
  text-align: right;
}

.orange-bold {
  background-color: orange;
  color: white;
  font-weight: bold;
  text-align: right;
}

.red-bold {
  background-color: red;
  color: white;
  font-weight: bold;
  text-align: right;
}

.toHighlightHighlighted{
  background-color: yellowgreen !important;
}

.col-checkHighlight{
  position: absolute !important;
  right: 81px;
  bottom: 0px;
  display: flex !important;
  align-items: center;
}

.col-checkHighlight input{
  margin-left: 5px;
}

.col-confirmPrice {
    position: absolute !important;
    right: 99px;
    bottom: 0px;
    width: 100px !important;
    display: flex !important;
    align-items: center;
}

.col-confirmPrice input{
  margin-left: 5px;
}

.light-green-background{
  background-color: lightgreen !important;
}


@media screen and (max-width:1250px) {
  .resp .safearea{
    width: 1000px;
  }

  .resp .ds_dashBoardWrapper > a:nth-child(5n),.resp .ds_dashBoardWrapper a {
    margin-right: 29px;
  }

  .resp .ds_dashBoardWrapper > a:nth-child(4n) {
    margin-right: 0px;
  }
}

@media screen and (max-width:1000px) {
  .resp .safearea{
    width: 768px;
  }

  .resp .ds_searchDivInput,.resp  #searchBalanceInput,.resp  #searchProductionInput,.resp .ds_searchDivSelectize{
    width: 268px;
  }

  .resp .ds_dashBoardWrapper > a:nth-child(5n),.resp .ds_dashBoardWrapper > a:nth-child(4n),.resp .ds_dashBoardWrapper a {
    margin-right: 42px;
  }

  .resp .ds_dashBoardWrapper > a:nth-child(3n) {
    margin-right: 0px;
  }
}

@media screen and (max-width:768px) {
  .resp .safearea{
    width: 320px;
  }

  .resp .ds_dashBoardWrapper a {
    margin-left: 47px;
  }
  .wrapper .menuCenter>a{
    display: none;
  }
  .wrapper .menuCenter>a:nth-child(1),.wrapper .menuCenter>a:nth-child(2),.wrapper .menuCenter>a:nth-child(3){
    display: block;
  }
}

.historyCurrency{
  position: absolute;
  top: 9px;
  left: 5px;
}

.historyOverWritePrice{
  width: 95px !important;
  text-align: right;
  border-color: #000 !important;
  background-color: #fff;
  margin-top: 15px;
  padding-right:5px !important;
}

.historyOverWritePrice:disabled ~ .historyCurrency {
  color: white;
}

.historyOverWritePrice:disabled{
  background-color: green !important;
  color: white !important;
}

.overwrite_ds_history {
  font-size: 10px !important;
  color: blue !important;
  position: absolute;
  top: -20px;
  font-weight: bold;
  right: 0px;
  cursor: pointer;
  border: none !important;
}

.progressbar.progressbarSpecialSelection li{
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.progressbar.progressbarSpecialSelection li span{
  left: 38px;
}

.OutletSelectionWrapper {
  margin-top: 285px;
}

textarea.form-control[readonly]:focus {
  color: #fff !important;
}

.delNoteClick span{
  cursor: pointer;
  display: block;
  border: none !important;
}

.deliverynote-wrapper .offer_dup_container {
  width: 730px;
  height: 480px;
}

.highlight-valueonly{
  background-color: #f0f0f0;
}

.highlight-valueonly .col9 span{
  color: blue;
  font-weight: bold;
}

.generateExcel span {
  cursor: pointer;
  color: #fff;
  background-color: green;
  width: 120px;
  text-align: center;
  line-height: 25px;
  display: block;
}