/*#F6A95A;*/
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.date-picker-date-time {
  position: absolute;
}

.date-range .date-picker-date-time {
  position: inherit;
}

[date-picker-wrapper] {
  position: absolute;
  min-width: 220px;
  z-index: 10;
  display: block;
  font-size: 14px;
}

[date-time-append] [date-picker-wrapper] [date-picker] {
  margin-top: -30px;
}

[date-time-append] [date-picker] {
  position: relative;
  margin-right: -1000px;
  margin-bottom: -1000px;
}

[date-range] [date-picker] .after.before {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #499dcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f6ab4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f6ab4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f6ab4', GradientType=0);
  border-color: #2f6ab4 #2f6ab4 #1f4677;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f6ab4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

[date-range] [date-picker] .after.before:hover,
[date-range] [date-picker] .after.before:active,
[date-range] [date-picker] .after.before.active,
[date-range] [date-picker] .after.before.disabled,
[date-range] [date-picker] .after.before[disabled] {
  color: #ffffff;
  background-color: #2f6ab4;
  *background-color: #2a5ea0;
}

[date-range] [date-picker] .after.before:active,
[date-range] [date-picker] .after.before.active {
  background-color: #24528c \9;
}

[date-picker].hidden {
  display: none;
}

[date-picker] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  /* GENERAL */
  padding: 4px;
  /* SPECIFIC */
}

[date-picker] table {
  margin: 0;
}

[date-picker] td,
[date-picker] th {
  padding: 4px 5px;
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

[date-picker] .switch {
  width: 145px;
}

[date-picker] span {
  display: block;
  width: 23%;
  height: 26px;
  line-height: 25px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

[date-picker] span:hover {
  background: #eeeeee;
}

[date-picker] span.disabled,
[date-picker] span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

[date-picker] .active,
[date-picker] .now {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

[date-picker] .active:hover,
[date-picker] .now:hover,
[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active,
[date-picker] .now.active,
[date-picker] .active.disabled,
[date-picker] .now.disabled,
[date-picker] .active[disabled],
[date-picker] .now[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active,
[date-picker] .now.active {
  background-color: #003399 \9;
}

[date-picker] .now {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ee735b;
  background-image: -moz-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#ee905b));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: -o-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: linear-gradient(to bottom, #ee5f5b, #ee905b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffee905b', GradientType=0);
  border-color: #ee905b #ee905b #e56218;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ee905b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

[date-picker] .now:hover,
[date-picker] .now:active,
[date-picker] .now.active,
[date-picker] .now.disabled,
[date-picker] .now[disabled] {
  color: #ffffff;
  background-color: #ee905b;
  *background-color: #ec8044;
}

[date-picker] .now:active,
[date-picker] .now.active {
  background-color: #e9712d \9;
}

[date-picker] .disabled {
  background: none;
  color: #999999 !important;
  cursor: default;
}

[date-picker] [ng-switch-when="year"] span,
[date-picker] [ng-switch-when="month"] span,
[date-picker] [ng-switch-when="minutes"] span {
  height: 54px;
  line-height: 54px;
}

[date-picker] [ng-switch-when="date"] td {
  padding: 0;
}

[date-picker] [ng-switch-when="date"] span {
  width: 100%;
  height: 26px;
  line-height: 26px;
}

[date-picker] th:hover,
[date-picker] [ng-switch-when="date"] td span:hover {
  background: #eeeeee;
  cursor: pointer;
}

@font-face {
  font-family: 'Avenir Next LT Pro Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Condensed"), url("../fonts/AvenirNextLTPro-Cn.ab3f5772.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Demi';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Demi"), url("../fonts/AvenirNextLTPro-Demi.a99af28e.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Demi Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Demi Condensed"), url("../fonts/AvenirNextLTPro-DemiCn.e515e613.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Heavy Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Heavy Condensed"), url("../fonts/AvenirNextLTPro-HeavyCn.964c1da8.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Medium Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Medium Condensed"), url("../fonts/AvenirNextLTPro-MediumCn.b9c9ff21.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Regular"), url("../fonts/AvenirNextLTPro-Regular.cdb0db7c.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Ultra Light Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Ultra Light Condensed"), url("../fonts/AvenirNextLTPro-UltLtCn.c2ec9051.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Bold"), url("../fonts/AvenirNextLTPro-Bold.cf93e034.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Bold Condensed"), url("../fonts/AvenirNextLTPro-BoldCn.3ab6635a.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Bold Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Bold Condensed Italic"), url("../fonts/AvenirNextLTPro-BoldCnIt.efb1fbc9.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Condensed Italic"), url("../fonts/AvenirNextLTPro-CnIt.98f8c4d8.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Demi Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Demi Condensed Italic"), url("../fonts/AvenirNextLTPro-DemiCnIt.bfc7b85d.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Demi Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Demi Italic"), url("../fonts/AvenirNextLTPro-DemiIt.6cad70ba.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Heavy Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Heavy Condensed Italic"), url("../fonts/AvenirNextLTPro-HeavyCnIt.2ec58153.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Italic"), url("../fonts/AvenirNextLTPro-It.78c644f0.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Medium Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Medium Condensed Italic"), url("../fonts/AvenirNextLTPro-MediumCnIt.59ee6746.woff") format("woff");
}

@font-face {
  font-family: 'Avenir Next LT Pro Ultra Light Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Avenir Next LT Pro Ultra Light Condensed Italic"), url("../fonts/AvenirNextLTPro-UltLtCnIt.3046fa30.woff") format("woff");
}

@font-face {
  font-family: 'Brandon Text Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Text Bold"), url("../fonts/BrandonTextBold.06de8ede.otf") format("opentype");
}

@font-face {
  font-family: 'Brandon Text Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Text Regular"), url("../fonts/BrandonTextRegular.23770f42.otf") format("opentype");
}

@font-face {
  font-family: 'Brandon Text Medium';
  font-style: normal;
  font-weight: normal;
  src: local("Brandon Text Medium"), url("../fonts/BrandonTextMedium.a41f726a.otf") format("opentype");
}

.md-input-container-search {
  padding: 0 10px;
  margin: 33px 0 -15px 0;
  width: 100%;
}

.md-input-container-search input {
  padding-top: 10px;
}

#tooltip {
  background: #fff;
  color: #000;
  min-height: 130px;
  width: unset;
  min-width: 200px;
  opacity: 1;
}

#tooltip.black-theme {
  background: #333333;
  color: #fff;
  padding: 1rem;
  font-size: 14px;
}

#tooltip ul {
  padding: 0 1.3em;
}

#tooltip ul .list-items {
  display: flex;
  flex-direction: row;
  color: #767676;
}

#tooltip ul .list-items.white-color {
  color: #fff;
  font-size: 14px;
}

#orangeButton {
  width: 150px;
  height: 50px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-size: 16px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
}

#mRole {
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.4;
  border-radius: 50%;
  font-size: 10px;
  padding: 5px;
  font-weight: bold;
  width: 20px;
  background-color: #e2e2e2;
  height: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#mTime {
  opacity: 0.5;
  font-size: 11px;
}

#mTime.left {
  text-align: left;
  margin-left: 40px;
}

#mTime.right {
  text-align: right;
  margin-right: 40px;
}

#mString {
  font-family: "Brandon Text Medium";
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.7;
  border: 1px solid #e0e0e0;
  background-color: white;
  max-width: 330px;
  width: auto;
  min-width: 140px;
  margin-right: 12px;
  min-height: 30px;
  margin-bottom: 3px;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-wrap: break-word;
}

#mString.left {
  margin-left: 10px;
  padding: 5px 10px 5px 10px;
  text-align: left;
}

#mString.left .triangle {
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-right: 23px solid red;
}

#mString.left .triangle .inner-triangle {
  position: relative;
  top: -20px;
  left: 2px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid blue;
}

#mString.right {
  margin-right: 10px;
  padding: 5px 10px 5px 10px;
  text-align: right;
}

.online-to-pay {
  margin: 4rem 4rem;
  font-size: 1.2rem;
  align-items: center;
  text-align: center;
}

.mobile-input {
  margin: 2rem 3rem 1rem 3rem;
  align-items: center;
  text-align: center;
}

.progress {
  width: 85%;
  align-items: center;
}

#mDoc {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

#mDoc .material-icons {
  font-size: 18px;
  margin-left: 4px;
  color: #dd712f;
  margin-top: 5px;
}

#nano-table {
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
  display: inline-block;
}

#nano-table thead {
  width: 100%;
  display: table;
}

#nano-table thead tr {
  border: 1px solid #eaeaea;
  background-color: #eaeaea;
  border-bottom: 0;
  opacity: 0.7;
  font-size: 16px;
}

#nano-table thead tr th {
  text-align: left;
}

#nano-table tbody {
  display: inline-table;
  width: 100%;
}

#nano-table tbody tr td {
  text-align: left;
  height: 35px;
  font-size: 15px;
  font-family: "Brandon Text Medium";
}

#input-button {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 35px;
}

#input-button .formInputText {
  border-radius: 2px;
  box-shadow: none;
  height: 100%;
  outline: none;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.5;
  padding-left: 5px;
  border: 1px solid #979797;
}

#input-button .input-action {
  margin-left: 10px;
  height: 100%;
}

#input-button .input-action .action-button {
  width: 100%;
  margin: 0;
  min-height: 10px;
  height: 100%;
  font-weight: bold;
  font-size: 13px;
  color: white;
  line-height: 26px;
}

.priority-loading {
  font-size: 1rem;
  margin: 2rem;
}

#input-dropdown {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 10px;
}

#input-dropdown.short-payment-section {
  display: block;
  margin: 10px -10px 40px -10px;
  height: auto;
}

#input-dropdown .formInputSelect {
  display: inline;
  margin: 0px;
}

#input-dropdown .formInputSelect .md-select-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  border-bottom: 0px;
  text-align: left;
}

#input-dropdown .formInputSelect .md-select-value {
  border-bottom: 0px;
  text-align: left;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  padding-left: 10px;
  margin-left: 10px;
  border: 1px solid #979797;
  height: 25px;
  background-image: none;
}

#input-dropdown .formInputSelect.inputSelected .md-select-value {
  min-height: 14px;
  opacity: 0.7;
}

#input-dropdown .formInputText {
  border-radius: 2px;
  box-shadow: none;
  height: 100%;
  outline: none;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.5;
  padding-left: 5px;
  border: 1px solid #979797;
}

#input-dropdown .formInputText.short-payment-text {
  height: 30px;
  margin-top: 10px;
  width: calc(100% - 20px);
  margin-left: 10px;
}

#input-dropdown .autocomplete {
  height: 100%;
}

#input-dropdown .autocomplete md-autocomplete {
  height: 94%;
  margin-left: 10px;
  opacity: 0.5;
  min-width: 50%;
  border-bottom: 0;
  border: 1px solid #979797;
  box-shadow: none;
}

#input-dropdown .autocomplete md-autocomplete md-autocomplete-wrap {
  height: 100%;
}

#input-dropdown .autocomplete md-autocomplete md-autocomplete-wrap input {
  height: 100%;
  min-width: 75%;
  padding: 0 0 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#input-dropdown .autocomplete md-autocomplete md-autocomplete-wrap button {
  min-width: 20%;
  margin: 0;
}

#input-dropdown .dropdown {
  margin: 0 0 0 20px;
  border: 1px solid #979797;
  box-shadow: none;
  font-size: 13px;
}

#input-dropdown .dropdown .md-select-value {
  border-bottom: none;
}

#cheque-section .cheque-input {
  display: block;
  width: 100%;
  margin: 20px 0px;
  border: 1px solid lightgray;
  padding: 5px 0px;
  text-indent: 10px;
  font-size: 14px;
}

#cheque-section .cheque-no-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  background: white;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid lightgray;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

#cheque-section .cheque-no-wrapper .cheque-no {
  font-weight: 600;
}

#payment_verification_container .verify_field {
  display: flex;
  margin: 15px 0 15px 0;
  align-items: center;
}

#payment_verification_container .verify_field .left {
  width: 50%;
}

#payment_verification_container .verify_field .left.cheque-left {
  width: 100%;
  padding: 1rem;
  border: 1px solid #d3d3d3;
  font-size: 14px;
  text-align: center;
}

#payment_verification_container .verify_field .left.tan-left {
  width: 100%;
  margin-top: -5%;
  padding: 0.5rem;
  border: 1px solid #d3d3d3;
  font-size: 14px;
  text-align: center;
}

#payment_verification_container .verify_field .left .top {
  padding-left: 10px;
  font-size: 14px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  color: #000000;
}

#payment_verification_container .verify_field .left .bottom {
  padding-left: 10px;
  font-size: 16px;
  font-family: "Brandon Text Medium";
  opacity: 0.7;
  padding-top: 6px;
}

#payment_verification_container .verify_field .left .bottom .upload_container {
  display: flex;
}

#payment_verification_container .verify_field .left .bottom .upload_container .image-button {
  width: 60px;
  height: 60px;
  border: 1px solid #979797;
  cursor: pointer;
}

#payment_verification_container .verify_field .left .bottom .upload_container .image-button.image-button-cheque {
  margin: 0 auto;
}

#payment_verification_container .verify_field .left .bottom .upload_container .image-button.image-button-tan {
  margin: 0 auto;
}

#payment_verification_container .verify_field .left .bottom .upload_container .image-button .previewImage {
  width: 60px;
  height: 60px;
}

#payment_verification_container .verify_field .left .bottom .upload_container .image-button .cancel-image {
  background: url("../images/close.png") no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
}

#payment_verification_container .verify_field .left .bottom .upload_container .side_text {
  opacity: 0.7;
  padding: 18px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}

#tick_cross_container {
  display: flex;
  width: 90px;
  border: solid 1px #eaeaea;
  background-color: #ffffff;
  border-radius: 2px;
  cursor: pointer;
}

#tick_cross_container .white_background {
  width: 50%;
  text-align: center;
}

#tick_cross_container .white_background.border_right {
  border-right: 1px solid #eaeaea;
}

#tick_cross_container .white_background.green_background {
  background-color: #2a9c4a;
  border: 0;
}

#tick_cross_container .white_background .material-icons {
  font-size: 20px;
  margin-top: 6px;
}

#tick_cross_container .white_background .material-icons.red {
  color: #e43737;
}

#tick_cross_container .white_background .material-icons.green {
  color: #2a9c4a;
}

#tick_cross_container .white_background .material-icons.bold_white {
  color: white;
  font-weight: bold;
}

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

.orange {
  color: #dd712f;
}

.orange.top {
  margin-top: 16px;
  width: 100px;
}

.orange .inlineWithInput {
  margin-top: unset;
  margin-left: 5%;
}

.cursor-p {
  cursor: pointer;
}

.dimmer-text {
  font-size: 12px;
  opacity: 0.7;
}

.filterBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  display: table;
  cursor: pointer;
  min-width: 40%;
}

.filterBox.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.filterBox .filterElement {
  display: table-cell;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  padding: 0px 5px 0px 5px;
}

.filterBox .filterElement.filter1 {
  border-right: solid 1px #e0e0e0;
}

.filterBox .filterElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  opacity: 1;
  border: 0px;
}

.or-right {
  float: right;
  color: #dd712f;
  font-weight: bold;
  cursor: pointer;
}

md-checkbox.orangecheck {
  margin: 0;
}

md-checkbox.md-checked.orangecheck .md-icon {
  background-color: #dd712f;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.default-tooltip {
  background-color: #212121 !important;
  box-shadow: 0 2px 3px 0 #a8b7c7 !important;
  max-width: 150px;
  width: auto;
  min-height: 40px;
  height: auto;
}

.default-tooltip .md-content {
  background-color: #212121 !important;
  box-shadow: 0 2px 3px 0 #a8b7c7 !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-family: "Brandon Text Medium" !important;
  font-size: 11px !important;
  line-height: 1.09 !important;
  max-width: 150px;
  width: auto;
  min-height: 40px;
  height: auto;
  padding: 7px 3px 5px 5px;
}

.autocomplete-address-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}

.autocomplete-address-template li:last-child {
  border-bottom-width: 0;
}

.autocomplete-address-template .item-title,
.autocomplete-address-template .item-metadata {
  display: block;
  line-height: 2;
}

.autocomplete-address-template .item-title md-icon {
  height: 18px;
  width: 18px;
}

/*sagar*/
.deps-dash-filter-box {
  background-color: white;
  display: flex;
  height: 70px;
  align-items: center;
  padding: 0 0 0 25px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.deps-dash-filter-box .download-icon {
  background: transparent;
  height: 35px;
  width: 35px;
  opacity: 0.7;
  margin-left: 20px;
  margin-top: 10px;
  border-radius: 4px;
}

.deps-dash-filter-box .download-icon i {
  cursor: pointer;
}

.deps-dash-filter-box .deps-dash-filter-title {
  color: #dd712f;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
}

.deps-dash-filter-box .range-image {
  background: url("../images/date_range.png") no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
}

.custom-select-group {
  border: solid 1px #e0e0e0;
  background-color: #f5f5f5;
  border-radius: 2px;
  padding: 8px 10px 2px;
  margin: 0px 10px 10px 0px;
}

.custom-select-group.ofd {
  padding: 0px 0px 0px 0px;
  height: 42px;
}

.custom-select-group:hover {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.custom-select-group md-content {
  padding: 0px !important;
}

.custom-select-group md-input-container {
  margin: 0px;
}

.custom-select-group md-input-container input[type="text"] {
  border: 0;
}

.custom-select-group md-select.fixed-width {
  width: 100px;
}

.custom-select-group md-select.flexible {
  max-width: 200px;
}

.custom-select-group md-select-menu {
  padding: 0px !important;
}

.custom-select-group .md-select-value {
  border-bottom-width: 0px;
  padding: 0px;
  min-width: 100px;
  padding-bottom: 5px;
}

.custom-select-group md-select:focus .md-select-value {
  border-bottom-width: 0px;
}

.custom-select-group .custom-select-group-title {
  margin-right: 8px;
  margin-top: 4px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  min-height: 26px;
  font-weight: bold;
  color: #999;
}

.custom-select-group .custom-select-group-title.wide {
  min-width: 60px;
}

.custom-select-group .custom-select-group-title.client {
  margin: 4px 0 0 0;
  padding: 0;
  width: 0px;
  text-align: left;
  max-width: 45px;
  font-weight: 500;
  opacity: 0.8;
}

.custom-select-group .date-time {
  width: 120px;
}

.custom-select-group .date-time input[type="text"] {
  width: 100px;
}

.custom-select-group .date-time button {
  left: 70%;
}

.custom-select-group .date-time-fn {
  width: 150px;
}

.custom-select-group .date-time-fn input[type="text"] {
  width: 102px;
}

.custom-select-group .date-time-fn button {
  left: 80%;
}

.custom-select-group .date-picker-depsDash input,
.custom-select-group input[type="text"],
.custom-select-group textarea {
  outline: none;
  height: 38px;
  border: 1px solid #f5f5f5;
  padding: 0 8px;
  text-align: right;
  background-clip: border-box;
  border-radius: 2px;
  transition-property: border;
  transition-duration: 0.35s;
  font-size: 1rem;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
}

.custom-select-group .date-picker-depsDash input.disabled-look,
.custom-select-group input[type="text"].disabled-look,
.custom-select-group textarea.disabled-look {
  font-size: 16.3px;
  font-weight: bold;
  color: #999;
  background-color: #f5f5f5;
}

.custom-select-group .date-picker-depsDash input.first,
.custom-select-group input[type="text"].first,
.custom-select-group textarea.first {
  width: 50%;
  float: left;
}

.custom-select-group .date-picker-depsDash input.second,
.custom-select-group input[type="text"].second,
.custom-select-group textarea.second {
  width: 50%;
  float: right;
}

.custom-select-group .date-picker-depsDash input.error,
.custom-select-group input[type="text"].error,
.custom-select-group textarea.error {
  border: solid 2px #FF0000;
}

.search-input {
  width: 100%;
  padding-left: 0.6rem;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  box-shadow: none;
  font-size: 0.8rem;
  opacity: 0.7;
}

.selection-radio {
  width: 5%;
}

.deps-dash-search {
  border-radius: 2px;
  border: solid 1.5px #e0e0e0;
  background-color: white;
  padding: 0 14px;
  height: 39px;
  font-size: 15px;
  width: auto;
  min-width: 20px;
  margin-left: 10px;
  font-family: "Brandon Text Medium";
  opacity: 0.7;
}

.deps-dash-search:hover {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.loadingSpan {
  background: url("../images/loader.gif") no-repeat right center;
  background-size: 20px 20px;
  background-position: 99% center;
}

/*sagar ends*/
.deps-stats.label-message span:first-child {
  padding-right: 10px;
  border-right: solid 1px #636467;
}

.deps-stats.label-message span:nth-child(n + 2) {
  padding-left: 10px;
}

.deps-stats.label-message span:only-child {
  padding-right: 0px;
  border-right: 0px;
}

.deps-stats.label-message span {
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.pickup .deps-stats.inbound-second, .pickup .deps-stats.inbound-first {
  height: auto;
}

.deps-stats {
  /*margin-top: -10px;*/
  margin-left: 30px;
  /*margin-right: -6px;*/
  font-size: 15px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.deps-stats::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.deps-stats.inbound-first {
  background-color: #d0021b;
  height: 35%;
}

.deps-stats.inbound-first::before {
  border-right: 14px solid #d0021b;
}

.deps-stats.inbound-second {
  height: 35%;
  background-color: #292e34;
}

.deps-stats.inbound-second::before {
  border-right: 14px solid #292e34;
}

.deps-stats.outbound {
  background-color: #d0021b;
  font-size: 15px;
  color: white;
  margin-left: 15%;
  height: 25px;
  padding: 16px;
  font-weight: bold;
}

.deps-stats.outbound::before {
  border-right: 14px solid #d0021b;
}

.deps-stats.outbound-second {
  background-color: #292e34;
  font-size: 15px;
  color: white;
  margin-left: 15%;
  height: 25px;
  padding: 16px;
  font-weight: bold;
}

.deps-stats.outbound-second::before {
  border-right: 14px solid #292e34;
}

.deps-stats.outbound-third {
  background-color: #d0021b;
  font-size: 15px;
  color: white;
  height: 54px;
  padding: 16px;
  font-weight: bold;
}

.deps-stats.outbound-third::before {
  border-right: 14px solid #d0021b;
}

.shoratge-barcoode-stat {
  margin-left: 42px;
  margin-top: 52px;
  font-size: 16px;
  background-color: #292e34;
  color: white;
  font-weight: bold;
  height: 22px;
  padding: 15px 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shoratge-barcoode-stat::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 14px solid #292e34;
}

.pilferage-alert {
  margin-left: 34%;
  font-size: 16px;
  width: 44%;
  background-color: #292e34;
  color: white;
  font-weight: bold;
  height: 20px;
  padding: 16px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pilferage-alert::before {
  content: "";
  position: absolute;
  right: 100%;
  right: 50%;
  bottom: 50px;
  height: 0;
  border-bottom: 15px solid #292e34;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

md-tooltip.deps-stats .md-content {
  margin-bottom: 23px;
  margin-left: 15px;
  padding: 20px 20px;
  border-radius: 2px;
  background-color: #292e34;
  display: inline-block;
}

md-tooltip.deps-stats .md-content span:first-child {
  padding-right: 10px;
  border-right: solid 1px #000000;
}

md-tooltip.deps-stats .md-content span:nth-child(n + 2) {
  padding-left: 10px;
}

md-tooltip.deps-stats .md-content span:only-child {
  padding-right: 0px;
  border-right: 0px;
}

md-tooltip.deps-stats .md-content span {
  height: 25px;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

md-tooltip.outbound-deps-stats .md-content {
  margin-bottom: 23px;
  height: 20px;
  margin-left: 130px;
  padding: 20px 20px;
  border-radius: 2px;
  background-color: #d0021b;
  display: inline-block;
}

md-tooltip.outbound-deps-stats .md-content span:first-child {
  width: 200px;
  padding-right: 10px;
  border-right: solid 1px #000000;
}

md-tooltip.outbound-deps-stats .md-content span:nth-child(n + 2) {
  width: 250px;
  margin-left: 100px;
  padding-left: 10px;
}

md-tooltip.outbound-deps-stats .md-content span:only-child {
  padding-right: 0px;
  border-right: 0px;
}

md-tooltip.outbound-deps-stats .md-content span {
  height: 25px;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.enter-field {
  width: 120px;
  height: 32px;
  border-radius: 2px;
  font-size: 60%;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.enter-field input::placeholder {
  color: grey;
  font-size: 12px;
  margin-left: 3px;
}

.panelText, .assignDialog .form-field md-input-container.md-input-has-value label, .assignDialog .dialog-header .md-toolbar-tools .dialog-heading, md-select.selectBox md-select-value > span:not(.md-select-icon), md-select.dasboard-filter-box md-select-value > span:not(.md-select-icon), .panel-view md-card.summary-view .label-heading, .panel-view md-card.summary-view .label-value, .panel-view md-card.outbound-deps-card .label-heading, .panel-view md-card.outbound-deps-card .label-value, .panel-view md-card.outbound-deps-card-two .label-heading, .panel-view md-card.outbound-deps-card-two .label-value, .panel-view md-card .card-heading, .panel-view md-select.selectBox md-select-value > span:not(.md-select-icon), .panel-view .current-assigned-prq .dp-name {
  height: 22px;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

.details {
  text-align: left;
  padding: 13px;
}

.details .key {
  height: 17px;
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
}

.details .key.horizontal {
  display: inline-block;
  float: left;
  margin-top: 1.3%;
}

.details .value {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

.details .dialog-input {
  display: inline-block;
}

.details .dialog-input.barcode-box {
  margin-top: 10px;
}

.details .dialog-input input {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  padding: 10px;
}

.details .dialog-input input.small {
  width: 150px;
  height: 17px;
}

.details .dialog-input input.barcode {
  height: 12px;
}

.details .dialog-input input .date-feild {
  padding-left: 70px;
}

.details .dialog-input.security {
  float: left;
  display: inline-block;
  margin-left: 22%;
}

.details .dialog-input textarea {
  width: 260px;
  height: 55px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  padding: 10px;
}

.details .dialog-input textarea.view {
  height: 40px;
}

.details .dialog-input textarea.why {
  width: 160px;
  height: 40px;
  font-size: 12px;
}

.details .dialog-input .outbound-resolve-date {
  background: white;
  width: 257px;
  height: 73px;
  border: 1px solid;
  border-color: #dadada;
}

.details .dialog-input .outbound-resolve-date.view {
  height: 60px;
}

#noOutline {
  outline: none;
}

#noRightBorder {
  border-right: 0;
}

#noLeftBorder {
  border-left: 0;
}

.view-deps-details {
  text-align: left;
  padding: 10px 8px 20px 8px;
}

.view-deps-details.heading {
  padding: 10px 90px;
  font-size: 12px;
  font-weight: bold;
  color: #dd712f;
  text-align: left;
}

.view-deps-details .key {
  height: 17px;
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
}

.view-deps-details .key.horizontal {
  display: inline-block;
  float: left;
  margin-top: 1.3%;
}

.view-deps-details .value {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}

.view-deps-details .value .phone {
  width: 20px;
  height: 16px;
  border-radius: 50px;
  display: -webkit-inline-box;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 5px;
  cursor: context-menu;
}

.view-deps-details .value .phone .material-icons {
  font-size: 10px;
  margin-left: 4px;
}

.view-deps-details .value .thc-format {
  opacity: 0.5;
  display: block;
}

.view-deps-details .value .time {
  display: block;
}

.view-deps-details .dialog-input {
  display: inline-block;
}

.view-deps-details .dialog-input.barcode-box {
  margin-top: 10px;
}

.view-deps-details .dialog-input input {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  padding: 10px;
}

.view-deps-details .dialog-input input.small {
  width: 150px;
  height: 17px;
}

.view-deps-details .dialog-input input.barcode {
  height: 12px;
}

.view-deps-details .dialog-input.security {
  float: left;
  display: inline-block;
  margin-left: 22%;
}

.view-deps-details .dialog-input textarea {
  width: 300px;
  height: 45px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  padding: 10px;
}

.barcode-details {
  border-radius: 44px;
  height: 35px;
  padding: 50px 15px;
}

.barcode-details.view-short {
  padding: 0;
  margin-left: 20px;
}

.barcode-details .value {
  display: inline;
}

.shortage-barcode-details {
  border-radius: 44px;
  padding: 12px;
}

.cn-tags {
  text-align: center;
  height: 20px;
  /*I'm forced to apply width*/
  width: 120px;
}

.cn-tags air {
  background-color: lightblue;
}

.cn-tag-drs {
  font-size: 10px;
  font-family: "Brandon Text Medium";
  text-align: center;
  background-color: #8e44ad;
  color: white;
  border: solid 1px;
  border-radius: 18px;
  padding: 0px 3px;
  display: inline-block;
  vertical-align: middle;
}

.cn-tag-drs.cpb {
  background-color: #d0011b;
}

.cn-tag {
  font-size: 10px;
  font-family: "Brandon Text Medium";
  text-align: center;
  background-color: #747474;
  color: white;
  border: solid 1px;
  border-radius: 18px;
  margin: auto;
  padding: 0px 3px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
}

.cn-tag.loaded-plan {
  background: transparent;
  color: green;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  font-size: 10px;
  font-weight: bold;
  display: flex;
}

.cn-tag.cpb {
  background-color: #d0011b;
}

.cn-tag.likely-cpb {
  background-color: #dd712f;
}

.cn-tag.qc {
  background-color: #747474;
}

.cn-tag.inbound {
  background-color: #747474;
}

.cn-tag.priority {
  background-color: #137ed9;
  border-radius: 2px;
  padding: 0px 10px;
  color: white;
  cursor: pointer;
}

.cn-tag.damage {
  background-color: #d94113;
  border-radius: 2px;
  padding: 0px 10px;
  color: white;
  cursor: pointer;
}

.cn-tag.priority-track {
  margin-top: 5px;
  padding: 0px 5px;
}

.cn-tag.oda {
  color: #dd712f;
  border-color: #dd712f;
  background-color: transparent;
  font-size: 8px;
  margin-right: 0;
  vertical-align: -webkit-baseline-middle;
}

.cn-tag.appointment-delivery {
  background-color: #8e44ad;
}

.cn-tag.odc {
  background-color: #be8407;
}

.cn-tag.to-pay {
  background-color: #8e44ad;
}

.cn-tag.air {
  background: lightblue;
}

.error {
  border: solid 1px #FF0000;
}

.red-highlight {
  color: #FF0000;
  opacity: 0.7;
}

.df_dialog {
  background-color: #f5f5f5;
}

.df_dialog .dialog-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e3e3e3;
}

.df_dialog .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 20px;
  font-weight: bold;
  opacity: 0.5;
  color: black;
}

.df_dialog .dialog-header .md-toolbar-tools md-button .md-icon-button {
  color: #adadad;
}

.df_dialog md-dialog-content {
  font-family: "Brandon Text Regular";
}

.df_dialog md-dialog-content .dialog_content {
  padding: 16px;
}

.df_dialog md-dialog-content .dialog_content .section_divider {
  margin: 20px 0 12px 45px;
  width: 80%;
  height: 1px;
  content: "";
  background-color: #e0e0e0;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section {
  display: flex;
  align-items: center;
  margin: 15px 0 15px 0;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section.block {
  display: block;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section .section_label {
  font-size: 18px;
  text-align: left;
  color: #000000;
  opacity: 0.7;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section .section_label .bolder {
  font-weight: bold;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section .section_list {
  display: flex;
  margin: 10px 0 10px 0;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section .section_list .list_elem {
  color: #000000;
  opacity: 0.7;
}

.df_dialog md-dialog-content .dialog_content .section .sub_section .section_button {
  font-size: 12px;
  font-weight: bold;
  color: #dd712f;
  background: transparent;
  border: 1px solid #dd712f;
  margin: 0;
}

.assignDialog .md-toolbar-tools {
  font-size: 17px;
}

.assignDialog .md-toolbar-tools .cnote {
  font-size: 15px;
  cursor: pointer;
  color: #dd712f;
  font-weight: 600;
}

.assignDialog .md-toolbar-tools .delivered {
  color: #429946;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid;
  padding: 0px 5px 0px 5px;
  border-radius: 12px;
}

.assignDialog .md-toolbar-tools .stock-report {
  font-size: 11px;
  font-family: "Brandon Text Medium";
  display: flex;
  height: 48%;
  justify-content: flex-end;
}

.assignDialog .md-toolbar-tools .stock-report .report-text {
  width: 85%;
  text-align: center;
  margin-right: 15px;
  margin-top: 2px;
}

.assignDialog .md-toolbar-tools .stock-report.disabled {
  opacity: 0.4;
}

.assignDialog .md-toolbar-tools .stock-report .download {
  cursor: pointer;
  margin: 1px 10px 1px 2px;
  padding: 6px;
  display: flex;
  border-left: 1px solid #dd712f;
  border-top: 1px solid #dd712f;
  box-shadow: 1px 1px #dd712f;
  background: white;
  font-weight: bold;
  border-radius: 2px;
  color: #dd712f;
}

.assignDialog .md-toolbar-tools .stock-report .download .material-icons {
  cursor: pointer;
  font-size: 15px;
  width: 15%;
  margin: 2px 8px 6px 8px;
}

.assignDialog .md-toolbar-tools .pod-package {
  font-size: 11px;
  display: flex;
  height: 48%;
  width: 34%;
  justify-content: flex-end;
}

.assignDialog .md-toolbar-tools .pod-package .clean-pod {
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
}

.assignDialog .md-toolbar-tools .pod-package .clean-pod.unclean {
  padding: 6px 0 0 0;
}

.assignDialog .md-toolbar-tools .pod-package .clean-pod .material-icons {
  font-size: 12px;
  color: #429946;
}

.assignDialog .md-toolbar-tools .pod-package .pod {
  cursor: pointer;
  padding: 6px;
  margin: 1px 10px 1px 2px;
  border-left: 1px solid #dd712f;
  border-top: 1px solid #dd712f;
  box-shadow: 1px 1px #dd712f;
  background: white;
  font-weight: bold;
  border-radius: 2px;
  color: #dd712f;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit {
  margin: 1px 10px 1px 2px;
  padding: 6px;
  display: flex;
  border-left: 1px solid #dd712f;
  border-top: 1px solid #dd712f;
  box-shadow: 1px 1px #dd712f;
  background: white;
  font-weight: bold;
  border-radius: 2px;
  color: #dd712f;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .material-icons {
  cursor: pointer;
  font-size: 15px;
  width: 15%;
  margin: 0 0 0 12px;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info {
  font-size: 14px;
  color: #dd712f;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
  padding-top: 10px;
  padding-left: 3%;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details {
  position: absolute;
  top: 9%;
  left: 38%;
  z-index: 999999;
  width: 60%;
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table {
  width: 100%;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table thead tr {
  height: 50px;
  background-color: #f5f5f5;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table thead tr th {
  height: 20px;
  opacity: 0.4;
  font-family: "Brandon Text Regular";
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td {
  height: 40px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  background-color: #f5f5f5;
  border-bottom: 0;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .thc-format {
  opacity: 0.6;
  display: block;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .circle {
  width: 20px;
  height: 16px;
  border-radius: 50px;
  display: -webkit-inline-box;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 5px;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .circle .phone {
  opacity: 1;
  cursor: context-menu;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .circle .material-icons {
  margin-left: 0;
  font-size: 10px;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .time {
  display: block;
}

.assignDialog .md-toolbar-tools .pod-package .package-transit .transit-info .transit-details table.transit-details-table tbody tr td .material-icons {
  font-size: 12px;
  padding: 2px;
}

.assignDialog .incident-tabs {
  font-size: 12px;
  padding: 18px 0px 10px 18px;
  background: whitesmoke;
}

.assignDialog .incident-tabs .tab {
  padding: 10px;
  opacity: 0.5;
  font-weight: bold;
  cursor: pointer;
  margin: 0 10px 0 10px;
  outline: none;
}

.assignDialog .incident-tabs .tab.selectedTab {
  background: #ffffff;
  opacity: 1;
  border: 1px solid #cccccc;
}

.assignDialog .barcode-deps {
  display: flex;
}

.assignDialog .barcode-deps .info-connect {
  display: flex;
}

.assignDialog .barcode-deps .info-connect .connect {
  border: solid 1px #c3c3c3;
  font-weight: bold;
  height: 1px;
  width: 40px;
  margin-top: 20px;
  background: white;
}

.assignDialog .barcode-deps .deps-info {
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
  outline: none;
}

.assignDialog .barcode-deps .deps-info.selectedDeps {
  color: #dd712f;
  border-bottom: 2px solid;
  font-weight: bold;
  outline: none;
}

.assignDialog .barcode-deps .deps-info .deps-loc {
  display: flex;
}

.assignDialog .barcode-deps .deps-info .deps-loc .new {
  font-size: 8px;
  padding: 0 3px 0 3px;
  border-radius: 6px;
  border: 1px solid;
  margin: 2px 4px 0 4px;
}

.assignDialog .barcode-deps .barcode {
  font-size: 15px;
  font-weight: 600;
  opacity: 0.8;
  margin-left: 2%;
  margin-top: 1%;
}

.assignDialog .barcode-deps .barcode .single-deps {
  font-size: 12px;
  color: #dd712f;
  margin-bottom: 6px;
  opacity: 1;
  font-weight: bold;
}

.assignDialog .ngdialog.ngdialog-theme-default .ngdialog-content {
  background: #ffffff;
  width: 500px;
  -webkit-animation: ngdialog-flyin 0.5s;
  animation: ngdialog-flyin 0.5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: "Helvetica", sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 15% auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
}

.assignDialog.stock-audit .dialog-header {
  min-height: 70px;
}

.assignDialog.stock-audit .dialog-header .md-toolbar-tools {
  height: 70px;
  max-height: 70px;
}

.assignDialog.stock-audit .md-dialog-content {
  background-color: #f5f5f5;
  text-align: center;
  padding-top: 10px;
}

.assignDialog.stock-audit .md-dialog-content .auditors-message {
  height: 32px;
  border-radius: 2px;
  background-color: rgba(226, 39, 39, 0.4);
  border: solid 1px #e22727;
  text-align: left;
  vertical-align: middle;
  padding-left: 5px;
  margin-bottom: 10px;
}

.assignDialog.stock-audit .md-dialog-content .auditors-message span {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  line-height: 1.33;
  opacity: 0.7;
  color: #000000;
}

.assignDialog.stock-audit .md-dialog-content .header {
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  opacity: 0.7;
}

.assignDialog.stock-audit .md-dialog-content .summary-view {
  padding: 0px;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element {
  height: 50px;
  border-right: solid 1px #e8e8e8;
  cursor: pointer;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  color: #000000;
  opacity: 0.4;
  padding-left: 20px;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #000000;
  opacity: 0.4;
  text-align: left;
  text-transform: uppercase;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element.selected {
  border-bottom: 3px solid #dd712f;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.assignDialog.stock-audit .md-dialog-content .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.assignDialog.stock-audit .md-dialog-content .table-elements {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.assignDialog.stock-audit .md-dialog-content .table-elements .table-header {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .table-header .header-element {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.7;
  color: #000000;
  text-align: center;
  padding-bottom: 5px;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-element {
  height: 45px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-element.row-highlight {
  background-color: #f5f5f5;
  border: 1px solid #eeeeee;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-element.error {
  background-color: #f9d4d4;
  border: 1px solid #d0011b;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-element .column-element {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  opacity: 0.7;
  color: #000000;
  text-align: center;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-element .column-element .track-link-cnote {
  cursor: pointer;
  color: #dd712f;
  font-weight: bold;
}

.assignDialog.stock-audit .md-dialog-content .table-elements .row-message {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.4;
  color: #000000;
  text-align: center;
  margin-top: 5px;
}

.assignDialog.commentDialog md-dialog-content {
  max-height: 350px;
  overflow-y: auto;
}

.assignDialog.commentDialog md-dialog-content .commentsLog {
  padding: 20px;
  padding-bottom: 5px;
}

.assignDialog.commentDialog md-dialog-content .commentsLog .commentRow.floatLeft {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 10px;
}

.assignDialog.commentDialog md-dialog-content .commentsLog .commentRow.floatLeft .message {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.assignDialog.commentDialog md-dialog-content .commentsLog .commentRow.floatRight {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 10px;
}

.assignDialog.commentDialog md-dialog-content .commentsLog .commentRow.floatRight .message {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.assignDialog.commentDialog md-dialog-actions {
  height: auto;
  padding-left: 8px;
}

.assignDialog.commentDialog md-dialog-actions .md-dialog-actions {
  width: 100%;
  padding: 10px 15px 5px 15px;
}

.assignDialog.commentDialog md-dialog-actions .md-dialog-actions .input-comment input {
  border: 1px solid #e9e9e9;
  background-color: #f5f5f5;
  width: 98%;
  padding-left: 8px;
  font-family: "Brandon Text Medium";
  opacity: 0.8;
  font-size: 12px;
  height: 45px;
}

.assignDialog.commentDialog md-dialog-actions .md-dialog-actions .buttons {
  text-align: right;
  opacity: 1;
}

.assignDialog.commentDialog md-dialog-actions .md-dialog-actions .buttons .smaller {
  width: 95px;
  height: 35px;
  font-size: 13px;
  min-height: 30px;
  opacity: 1;
  border-radius: 0;
  box-shadow: none;
}

.assignDialog.commentDialog md-dialog-actions .md-dialog-actions .buttons .smaller.white-background {
  background-color: white;
  border: 1px solid #dd712f;
  color: #dd712f;
  font-weight: bold;
}

.assignDialog.unplan-cnote .md-dialog-content .cancel-button {
  margin-top: -10px;
  margin-right: -10px;
  text-align: end;
}

.assignDialog.unplan-cnote .md-dialog-content .alert-img {
  text-align: center;
}

.assignDialog.unplan-cnote .md-dialog-content .alert-img .alertImg {
  height: 50px;
}

.assignDialog.unplan-cnote .md-dialog-content .alert-text {
  text-align: center;
  font-family: "Brandon Text Medium";
  font-size: 24px;
  line-height: 1.5;
  color: #000000;
  padding-top: 20px;
  padding-bottom: 10px;
  opacity: 0.7;
}

.assignDialog.create-drs md-toolbar.info-header .md-toolbar-tools {
  height: 90px;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
}

.assignDialog.create-drs md-toolbar.info-header .md-toolbar-tools .info-element {
  margin: 5px;
}

.assignDialog.create-drs md-toolbar.info-header .md-toolbar-tools .info-element .head {
  padding: 5px;
  font-size: 14px;
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.4;
}

.assignDialog.create-drs md-toolbar.info-header .md-toolbar-tools .info-element .body {
  padding: 5px;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.create-drs .center-label {
  text-align: center;
  font-family: "Brandon Text Medium";
  font-size: 40px;
  color: rgba(0, 0, 0, 0.5);
}

.assignDialog.create-drs .red {
  font-size: 30px;
  color: #d0021b;
}

.assignDialog.create-drs .green {
  font-size: 30px;
  color: #008000;
}

.assignDialog.create-drs .image {
  height: auto;
}

.assignDialog.create-drs .image .small-img {
  width: 200px;
  height: 200px;
}

.assignDialog.create-drs .center {
  text-align: center;
}

.assignDialog.create-drs .big-button {
  width: 200px !important;
}

.assignDialog.create-drs .toggleBox {
  height: 75%;
  margin: 10px;
}

.assignDialog.create-drs .toggleBox .toggleElement {
  height: 100%;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e0e0e0;
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.assignDialog.create-drs .toggleBox .toggleElement.endElement {
  border-right: solid 1px #e0e0e0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.assignDialog.create-drs .toggleBox .toggleElement .toggle-name {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  opacity: 0.4;
  width: auto;
  padding: 5px 0px 5px 0px;
  cursor: pointer;
}

.assignDialog.create-drs .toggleBox .toggleElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  border-width: 0px;
}

.assignDialog.create-drs .toggleBox .toggleElement.selected .toggle-name {
  opacity: 1;
}

.assignDialog.create-drs md-dialog-actions {
  height: auto;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details {
  margin: 16px 8px;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .detail-title {
  margin: 12px 4px;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input {
  display: flex;
  margin: 4px;
  flex-direction: column;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input.horizontal {
  flex-direction: row;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input:last-child {
  margin-left: 4px;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input .field-label {
  font-family: "Brandon Text Regular" !important;
  margin-left: 0 !important;
  padding-left: 0;
  flex: 1;
  opacity: 0.8 !important;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input input {
  width: 100%;
  flex: 1;
  border: 1px solid #e5e5e5;
  margin-left: 4px;
  max-width: 60px;
  font-size: 14px;
  padding: 2px 6px;
  border-radius: 4px;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input input:read-only {
  background: #f9f9f9;
  cursor: not-allowed;
}

.assignDialog.create-drs .md-dialog-content .deliver-pod-details .form-field-input .formInputSelect {
  border: 1px solid #e5e5e5;
  font-size: 14px;
  border-radius: 4px;
}

.assignDialog.create-drs .md-dialog-content.upload-pod .image-uploader {
  text-align: center;
}

.assignDialog.create-drs .md-dialog-content.upload-pod .image-uploader .image-button {
  width: 90%;
  height: 90%;
}

.assignDialog.create-drs .md-dialog-content.upload-pod .dialog-items .field-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-align: left;
  opacity: 0.4;
  margin-left: 10px;
}

.assignDialog.create-drs .md-dialog-content.upload-pod .dialog-items .input-group {
  margin-left: 10px;
}

.assignDialog.create-drs .md-dialog-content.upload-pod .dialog-items .input-group textarea {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-size: 14px;
}

.assignDialog.create-drs .md-dialog-content .select-dropdown .dropdown-title {
  padding-left: 10px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  margin-bottom: 5px;
}

.assignDialog.create-drs .md-dialog-content .select-dropdown md-select {
  width: auto;
}

.assignDialog.create-drs .md-dialog-content .select-dropdown md-select .md-select-value span {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.create-drs .md-dialog-content .select-dropdown md-autocomplete {
  margin: 10px;
}

.assignDialog.create-drs .md-dialog-content .datetime md-input-container {
  margin: 10px;
  margin-top: 7px;
  height: 45px;
  width: 90%;
}

.assignDialog.create-drs .md-dialog-content .datetime md-input-container input[type="text"] {
  background-color: #ffffff;
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.create-drs .md-dialog-content .datetime.readonly {
  pointer-events: none;
}

.assignDialog.create-drs .md-dialog-content .select-datetime md-input-container {
  margin: 10px;
  margin-top: 7px;
}

.assignDialog.create-drs .md-dialog-content .select-datetime md-input-container input[type="text"] {
  background-color: #ffffff;
  width: 100%;
  height: 48px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 1;
}

.assignDialog.create-drs .md-dialog-content .form-field-input {
  margin: 0px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .spot-rate {
  margin-top: 25px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-helper {
  font-size: 11px;
  font-weight: bold;
  color: #de712e;
  font-family: "Brandon Text Medium";
  padding: 0px 0px 0px 10px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .file-action {
  display: inline-flex;
  cursor: pointer;
  opacity: 0.8;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .file-action .label {
  margin: 0 4px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .file-name {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  width: 70%;
  justify-content: center;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .file-name .icon {
  cursor: pointer;
  margin-left: 14px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .file-name .icon .material-icons {
  font-size: 16px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .field-label {
  padding-left: 10px;
  font-size: 14px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .field-value {
  padding-left: 10px;
  color: #000000;
  margin-top: 15px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group {
  margin: 10px;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="text"],
.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"],
.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="number"] {
  width: 97%;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  line-height: 3em;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="text"].error,
.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"].error,
.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="number"].error {
  border: solid 2px #FF0000;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group.inlineWithCheckBox {
  display: flex;
  align-items: flex-end;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group label {
  font-size: 14px;
  opacity: 0.4;
  font-weight: 500;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"]::-webkit-placeholder {
  line-height: 3em;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"]::before {
  content: "Select file";
  width: 100%;
  height: 45px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group input[type="file"]::after {
  display: none;
}

.assignDialog.create-drs .md-dialog-content .form-field-input .input-group a {
  cursor: pointer;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 16px;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .dialog-heading span {
  font-size: 20px;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .dialog-heading.plan-alert {
  color: #d0011b;
  margin: auto;
  margin-top: 2px;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .dialog-heading.plan-alert md-icon {
  color: #d0011b;
  fill: #d0011b;
  vertical-align: top;
  margin-top: 5px;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .dialog-heading.plan-alert .text-div {
  display: inline;
  text-align: center;
  margin: 0px 5px;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .back-button {
  color: #dd712f;
  padding-top: 5px;
}

.assignDialog.plan-drs .dialog-header .md-toolbar-tools .edit-button {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
  font-size: 14px;
  font-family: "Brandon Text Medium";
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools {
  height: auto;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element {
  margin: 5px;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .head {
  padding: 5px;
  font-size: 14px;
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.4;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .body {
  padding: 5px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .progress-bar {
  width: 100%;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .progress-bar md-progress-linear {
  width: 90%;
  margin-left: 5px;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .progress-bar md-progress-linear md-container {
  border-radius: 3px;
  height: 9px;
}

.assignDialog.plan-drs .dialog-header.info-header .md-toolbar-tools .info-element .progress-bar md-progress-linear md-container md-bar {
  height: 9px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header {
  background-color: #ffffff;
  margin: 5px;
  padding: 0px;
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  margin-top: 15px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter {
  margin-left: 10px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .filter-title {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.7;
  color: #000000;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .black_filter {
  border: 1px solid #e0e0e0;
  font-size: 10px;
  padding: 4px;
  border-radius: 2px;
  height: 35px;
  width: 90px;
  text-align: center;
  background-color: #f5f5f5;
  font-weight: bold;
  cursor: pointer;
  margin: 0 4px 0 4px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .black_filter.font14 {
  font-size: 14px;
  padding-top: 7px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .black_filter.filterOn {
  background-color: black;
  color: #dd712f;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group {
  padding: 3px 10px 3px 10px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.zoom-filter {
  width: 85px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  cursor: pointer;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.zoom-filter.selected {
  background-color: #242424;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 5px;
  margin-left: -6px;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.cpb-filter {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.cpb-filter.selected {
  background-color: #dd712f;
  color: white;
}

.assignDialog.plan-drs .md-dialog-content.filter-header .left-filter .custom-select-group.cpb-filter.selected:hover {
  box-shadow: 0px 1px 1px 0px rgba(221, 113, 47, 0.2);
}

.assignDialog.plan-drs .md-dialog-content.filter-header .right-filter input[type="text"] {
  width: 90%;
  margin: 8px;
  height: 30px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body {
  max-height: 370px;
  padding: 5px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body.no-padding {
  padding: 0;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .block {
  display: block;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .dialog-subheading {
  padding: 10px 15px;
  font-size: 15px;
  background: white;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  max-width: 48%;
  margin-top: 5px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .title span {
  margin-left: 10px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .subtable-header {
  text-align: center;
  border-bottom: solid 2px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  color: #000000;
  opacity: 0.7;
  margin-top: 5px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content.full-width {
  max-width: 100%;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header {
  border-bottom: solid 2px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .full-width {
  max-width: 100%;
  width: 100%;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .header-label {
  padding: 10px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .form-field {
  margin: 0px;
  margin-top: 5px;
  margin-right: 5px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .form-field .filterBox {
  width: 90%;
  opacity: 1;
  float: right;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .form-field-centered {
  margin-top: 10px;
  margin-right: 80px;
  min-height: 45px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  display: block;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header .form-field-centered .filterBox {
  width: 90%;
  opacity: 1;
  float: right;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header.header-centered {
  border-bottom: solid 2px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
  opacity: 0.7;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header.plan-trip {
  opacity: 1;
  height: 50px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header.plan-trip .header-label-centered {
  padding: 15px 0px 30px 0px;
  opacity: 0.7;
  border-bottom: solid 2px #e0e0e0;
  width: 100%;
  text-align: center;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header.plan-trip .header-label {
  opacity: 0.7;
  margin-bottom: 10px;
  border-bottom: solid 2px #e0e0e0;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .header.plan-trip .header-label .legend-text {
  opacity: 1;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-header {
  border-bottom: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  opacity: 0.4;
  padding: 5px;
  background-color: #fafafa;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-header .table-header-element {
  text-align: left;
  cursor: pointer;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-header.grey-flex {
  display: flex;
  background: #eaeaea;
  height: 40px;
  align-items: center;
  padding: 0;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-header.plan-trip .table-header-element {
  text-align: center;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body {
  height: 280px;
  overflow: auto;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable {
  width: 100%;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .tableAlerts {
  font-size: 12px;
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.4;
  text-align: center;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row {
  border-bottom: solid 1px #eeeeee;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td {
  padding: 0px;
  border-bottom: 0px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .manifest-label {
  font-size: 12px;
  opacity: 0.7;
  font-weight: bold;
  color: #000000;
  padding: 10px;
  border-bottom: solid 1px #eeeeee;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox {
  margin: 10px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox .md-checked .md-icon::after {
  left: 2.5px;
  top: -1.7px;
  width: 6px;
  height: 12px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox .md-container {
  min-width: 0;
  width: 15px;
  min-height: 0;
  height: 15px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox .md-container .md-icon {
  width: 15px;
  height: 15px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox .md-container .md-icon::after {
  left: 2.5px;
  top: -1.7px;
  width: 6px;
  height: 12px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element {
  font-size: 12px;
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.7;
  text-align: left;
  overflow: auto;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element.plan-error {
  color: #d0011b;
  opacity: 1;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .flex {
  display: flex;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .blocked-status {
  border: 1px solid #d0011b;
  border-radius: 20px;
  text-align: center;
  width: 70px;
  font-size: 11px;
  margin-left: 6px;
  color: #d0011b;
  font-weight: bold;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .app_id {
  font-size: 10px;
  opacity: 0.7;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .pay-mode {
  display: none;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .pay-mode.paid {
  border: 1px solid #429946;
  color: #429946;
  width: 40px;
  border-radius: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  display: block;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row td .table-element .pay-mode.toPay {
  border: 1px solid #dd712f;
  border-radius: 20px;
  text-align: center;
  width: 45px;
  font-size: 11px;
  color: #dd712f;
  font-weight: bold;
  display: block;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row.plan-trip {
  height: 50px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row.plan-trip.dialog-table-mini {
  font-size: 14px;
  opacity: 0.8;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row.plan-trip.dialog-table-mini td {
  padding-left: 15px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row.plan-trip td .table-element {
  text-align: center;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content .table-body .scrollable .table-row.plan-trip td .table-element .zoomImg {
  vertical-align: middle;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content.plan-alert {
  max-width: 100%;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .table-content.plan-alert .table-header .table-header-element {
  cursor: auto;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .button-content .arrow-button {
  min-height: 0px;
  min-width: 0px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
  margin: 5px;
}

.assignDialog.plan-drs .md-dialog-content.dialog-body .button-content .arrow-button .material-icons {
  padding-top: 6px;
}

.assignDialog .deps-view-select {
  padding: 10px;
  display: flex;
  background: whitesmoke;
  border-top: 1px solid;
  border-top-color: #cbcbcb;
}

.assignDialog .deps-view-select .transit-info {
  font-size: 14px;
  color: #dd712f;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
  padding-top: 10px;
  padding-left: 3%;
}

.assignDialog .deps-view-select .transit-info .package-transit-info {
  cursor: pointer;
  outline: none;
  padding: 5px;
  background-color: #dd712f;
  color: #fef8f4;
  font-weight: 600;
  border-radius: 4px;
}

.assignDialog .deps-view-select .transit-info.resolution {
  padding-left: 0;
}

.assignDialog .deps-view-select .transit-info .transit-details {
  position: absolute;
  top: 18%;
  left: 38%;
  z-index: 999999;
  width: 60%;
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.assignDialog .deps-view-select .transit-info .transit-details.resolution {
  text-align: center;
  color: black;
  width: 23%;
  height: 8%;
  position: absolute;
  top: 18%;
  left: 75%;
  padding: 5px;
}

.assignDialog .deps-view-select .transit-info .transit-details .triangle {
  content: "";
  position: absolute;
  right: 19%;
  bottom: 99%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}

.assignDialog .deps-view-select .transit-info .transit-details .triangle.resolution {
  right: 10%;
  bottom: 98%;
}

.assignDialog .deps-view-select .transit-info .transit-details .triangle::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #f5f5f5;
  transform: rotate(45deg);
  top: 12.5px;
  left: 2.5px;
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table {
  width: 100%;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table thead tr {
  height: 50px;
  background-color: #f5f5f5;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table thead tr th {
  height: 20px;
  opacity: 0.5;
  font-family: "Brandon Text Regular";
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td {
  height: 40px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  background-color: #f5f5f5;
  border-bottom: 0;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td.green {
  font-weight: bold;
  color: #0e8e0d;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td.red {
  font-weight: bold;
  color: #d0021b;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td .material-icons {
  font-size: 12px;
  padding: 2px;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td md-checkbox .md-icon {
  border-radius: 20px;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tr td md-checkbox.md-checked .md-icon {
  background-color: #00FF00;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody thead tr {
  height: 30px;
}

.assignDialog .deps-view-select .transit-info .transit-details table.transit-details-table tbody tbody tr {
  background-color: #f5f5f5;
}

.assignDialog .deps-view-select .deps-boxes {
  display: -webkit-box;
  margin-left: 40%;
  outline: none;
}

.assignDialog .deps-view-select .deps-boxes .box {
  padding: 6px 22px 6px 13px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid;
  width: 15%;
  color: #dd712f;
  border-radius: 2px;
}

.assignDialog .deps-view-select .deps-boxes .box.inbound {
  width: 12%;
}

.assignDialog .deps-view-select .deps-boxes .box.selected {
  color: white;
  background: #dd712f;
  border: 1px solid;
  border-color: #dd712f;
  outline: none;
}

.assignDialog .form-field {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  margin: 0 10px;
  display: block;
}

.assignDialog .form-field.ng-hide {
  opacity: 0;
  height: 0;
}

.assignDialog .form-field.first {
  width: 16%;
  float: left;
}

.assignDialog .form-field.second {
  width: 16%;
  float: left;
}

.assignDialog .form-field.third {
  width: 16%;
  float: left;
}

.assignDialog .form-field.fourth {
  width: 16%;
  float: left;
}

.assignDialog .form-field.fifth {
  width: 16%;
  float: left;
}

.assignDialog .form-field.required .field-label:before {
  content: "*";
  color: red;
  font-size: 1em;
  margin-right: 2px;
}

.assignDialog .form-field .deps-form-input {
  width: 162px;
  height: 32px;
  border-radius: 2px;
  font-size: 14px;
  background-color: #ffffff;
  border: solid 1px #bfbfbf;
  margin-top: 0px;
}

.assignDialog .form-field .field-label {
  vertical-align: middle;
  display: block;
  margin-top: 9px;
  margin-bottom: 7px;
  font-size: 12px;
}

.assignDialog .form-field .field-label .small {
  font-size: 10px;
}

.assignDialog .form-field .field-label.center {
  text-align: center;
}

.assignDialog .form-field md-input-container input[type="text"] {
  width: 100%;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.5);
}

.assignDialog .form-field .deps-input-group {
  display: inline-block;
  border: 0;
  padding: 0;
  vertical-align: middle;
  width: 162px;
  height: 35px;
}

.assignDialog .form-field .deps-input-group input::placeholder {
  color: grey;
  font-size: 12px;
}

.assignDialog .form-field .deps-input-group input[type="text"] {
  color: #353535;
  font-size: 14px;
}

.assignDialog .form-field .deps-input-group.sub-group {
  margin-left: 20px;
}

.assignDialog .form-field .deps-input-group .date-picker [date-picker-wrapper] {
  position: relative;
}

.assignDialog .form-field .deps-input-group input.radio {
  display: block;
  margin: 7px 0 0;
  padding: 0;
}

.assignDialog .form-field .deps-input-group input[type="radio"] {
  opacity: 0;
  float: left;
  width: 18px;
  height: 18px;
}

.assignDialog .form-field .deps-input-group input[type="radio"] + .field-label {
  margin: 0;
  clear: none;
  padding: 5px 0 4px 24px;
  cursor: pointer;
}

.assignDialog .form-field .deps-input-group .date-picker input,
.assignDialog .form-field .deps-input-group input[type="text"],
.assignDialog .form-field .deps-input-group textarea {
  outline: none;
  height: 34px;
  border: 1px solid #bfbfbf;
  padding: 0 8px;
  background-clip: border-box;
  border-radius: 2px;
  transition-property: border;
  transition-duration: 0.35s;
  font-size: 1rem;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
}

.assignDialog .form-field .deps-input-group .date-picker input.disabled-look,
.assignDialog .form-field .deps-input-group input[type="text"].disabled-look,
.assignDialog .form-field .deps-input-group textarea.disabled-look {
  font-size: 16.3px;
  color: #bfbfbf;
  background-color: #f5f5f5;
}

.assignDialog .form-field .deps-input-group .date-picker input.first,
.assignDialog .form-field .deps-input-group input[type="text"].first,
.assignDialog .form-field .deps-input-group textarea.first {
  width: 48%;
  float: left;
}

.assignDialog .form-field .deps-input-group .date-picker input.second,
.assignDialog .form-field .deps-input-group input[type="text"].second,
.assignDialog .form-field .deps-input-group textarea.second {
  width: 48%;
  float: right;
}

.assignDialog .form-field .deps-input-group .date-picker input.error,
.assignDialog .form-field .deps-input-group input[type="text"].error,
.assignDialog .form-field .deps-input-group textarea.error {
  border: solid 2px #FF0000;
}

.assignDialog .form-field .deps-input-group textarea {
  height: 60px;
  padding-top: 4px;
  resize: none;
}

.assignDialog .form-field .deps-input-group.input-2 input[type="text"] {
  width: 50%;
  float: right;
}

.assignDialog .form-field md-autocomplete input:not(.md-input) {
  background-color: #f5f5f5;
  font-family: "Brandon Text Medium";
  font-size: 16.3px;
  color: #bfbfbf;
}

.assignDialog .form-field md-autocomplete button {
  min-width: 10px;
  background-color: #f5f5f5;
  width: 30px;
  margin: 0;
  height: 40px;
  border: 0;
  border-radius: 0;
}

.assignDialog .form-field md-autocomplete {
  border-radius: 2px;
  display: block;
  position: relative;
  overflow: visible;
  min-width: 190px;
}

.assignDialog .form-field md-autocomplete.deps-client {
  min-width: 0;
  height: 34px;
  width: 94%;
  background: white;
}

.assignDialog .form-field md-autocomplete.deps-client md-autocomplete-wrap {
  height: 34px;
  box-shadow: 0px 0px 0px 0px;
}

.assignDialog .form-field md-autocomplete input:not(.md-input) {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  border: solid 1px #bfbfbf;
  height: 34px;
  color: #353535;
  background-color: white;
}

.assignDialog .form-field md-autocomplete input:not(.md-input) input::placeholder {
  font-size: 10px;
}

.assignDialog .form-field md-radio-button:not(last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}

.assignDialog .form-field md-radio-button {
  margin: 0 10px;
}

.assignDialog .form-field md-radio-button .md-off {
  border-color: #dd712f;
}

.assignDialog .form-field md-radio-button:not([disabled]).md-checked .md-off {
  border-color: #dd712f;
}

.assignDialog .form-field md-radio-button:not([disabled]).md-checked .md-on {
  background-color: #dd712f;
}

.assignDialog .form-field md-radio-button:not([disabled]).md-checked .md-ink-ripple {
  color: #dd712f;
}

.assignDialog .form-field md-radio-button .md-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #dd712f;
}

.assignDialog .dialog-dim {
  width: 1232px;
  height: 726px;
  background-color: #f5f5f5;
  box-shadow: 0 2px 11px 13px rgba(0, 0, 0, 0.1);
}

.assignDialog .dialog-header .md-toolbar-tools {
  background-color: #f5f5f5;
}

.assignDialog .dialog-header .md-toolbar-tools .auditors-info {
  width: 100%;
}

.assignDialog .dialog-header .md-toolbar-tools .info-tooltip {
  cursor: pointer;
  text-decoration: underline;
}

.assignDialog .dialog-header .md-toolbar-tools .info-tooltip:hover {
  box-shadow: none;
  border: none;
  transform: none;
  -webkit-transform: none;
}

.assignDialog .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 22px;
}

.assignDialog .dialog-header .md-toolbar-tools .dialog-heading.instock {
  font-size: 18px;
  color: black;
  opacity: 0.7;
  font-weight: 500;
}

.assignDialog .dialog-header .md-toolbar-tools .dialog-heading.auditors {
  font-size: 16px;
  opacity: 0.6;
}

.assignDialog .dialog-header .md-toolbar-tools .dialog-heading.auditors.active {
  color: #e22727;
}

.assignDialog .dialog-header .md-toolbar-tools .dialog-heading.auditors-list {
  font-size: 12px;
  font-weight: 500;
}

.assignDialog .dialog-header .md-toolbar-tools md-icon.closeBtn {
  fill: #000000;
  vertical-align: text-top;
  opacity: 0.7;
}

.assignDialog .dialog-header .deps-dialog-heading {
  width: 155px;
  height: 22px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 13px;
  color: #000000;
}

.assignDialog .dialog-header .deps-dialog-heading.progress-bar {
  width: auto;
  display: inline-flex;
}

.assignDialog .dialog-header .deps-dialog-heading .damage-progress {
  margin-right: 4%;
  display: inline-table;
  width: 100%;
  opacity: 0.4;
}

.assignDialog .dialog-header .deps-dialog-heading .current-steps {
  opacity: 1;
  font-weight: bold;
}

.assignDialog .dialog-header .deps-dialog-heading.wider {
  width: auto;
}

.assignDialog .dialog-header .deps-dialog-heading .steps {
  opacity: 0.4;
}

.assignDialog .dialog-header .deps-dialog-heading .current-step {
  font-weight: bold;
  opacity: 1.4;
}

.assignDialog .dialog-header .transit-info {
  font-size: 14px;
  color: #dd712f;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}

.assignDialog .dialog-header .transit-details {
  position: absolute;
  top: 18%;
  left: 38%;
  z-index: 999999;
  width: 60%;
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.assignDialog .dialog-header .transit-details.resolution {
  text-align: center;
  color: black;
  width: 23%;
  height: 8%;
  position: absolute;
  top: 18%;
  left: 75%;
  padding: 5px;
}

.assignDialog md-dialog-content {
  border: solid 1px #e9e9e9;
  background: #f5f5f5;
}

.assignDialog md-dialog-content.white-layout {
  background: white;
}

.assignDialog md-dialog-content .transit-details {
  position: absolute;
  width: 43%;
  left: 56%;
  top: 30%;
}

.assignDialog md-dialog-content.plan-alert {
  border: none;
}

.assignDialog md-dialog-content .md-dialog-content {
  padding: 21px;
}

.assignDialog md-dialog-content .md-dialog-content.set-priority-wrapper {
  background-color: white;
  padding-left: 0;
  width: 300px;
  margin: 0 auto;
}

.assignDialog md-dialog-content .md-dialog-content .keyvalue {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  display: flex;
  margin: 10px 0;
}

.assignDialog md-dialog-content .md-dialog-content .keyvalue.light {
  opacity: 0.5;
}

.assignDialog md-dialog-content .md-dialog-content .keyvalue .key {
  width: 65%;
  text-align: left;
}

.assignDialog md-dialog-content .md-dialog-content .keyvalue .value {
  width: 35%;
  text-align: center;
}

.assignDialog md-dialog-content .md-dialog-content .toggle-select {
  border: 1px solid #979797;
  display: flex;
  margin: 15px 0;
  line-height: 30px;
  height: 30px;
  font-size: 13px;
  border-radius: 2px;
  cursor: pointer;
}

.assignDialog md-dialog-content .md-dialog-content .toggle-select .toggle-component {
  text-align: center;
  background-color: #ffffff;
  border-right: thin solid lightgray;
}

.assignDialog md-dialog-content .md-dialog-content .toggle-select .toggle-component.selected {
  background-color: #979797;
  color: #f5f5f5;
}

.assignDialog md-dialog-content .md-dialog-content .suggested-barcodes {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #cbcbcb;
  padding: 25px;
}

.assignDialog md-dialog-content .md-dialog-content .suggested-barcodes .barcodeList {
  margin: 1.5%;
  cursor: pointer;
  width: 14%;
  background-color: #f5f5f5;
  padding: 0.5%;
}

.assignDialog md-dialog-content .md-dialog-content .suggested-barcodes .barcodeList .barcode {
  font-size: 14px;
  font-weight: 600;
}

.assignDialog md-dialog-content .md-dialog-content .suggested-barcodes .barcodeList .cnote {
  font-size: 12px;
}

.assignDialog md-dialog-content .md-dialog-content .suggested-barcodes .selected {
  background-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item {
  background-color: #FFFFFF;
  margin: 10px;
  height: 50px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item.assign-scan {
  margin-top: 0px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item.status-contents {
  margin-left: 0px;
  margin-top: 10px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item[disabled] {
  opacity: 0.6;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .input-field {
  width: 321px;
  height: 40px;
  margin-top: 22px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .input-field input::placeholder {
  color: grey;
  font-size: 10px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .input-field.outbound {
  border-radius: 2px;
  background-color: #ffffff;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-alert-bar {
  width: 1169px;
  height: 65px;
  border-radius: 2px;
  background-color: #f5a623;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-alert-img {
  width: 26.7px;
  height: 26.7px;
  background-color: #000000;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-alert-text {
  width: 422px;
  height: 27px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-barcode-form .barcode-heading {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 15px;
  color: #000000;
  margin-top: 15px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-barcode-form .details {
  width: 30%;
  padding: 0;
  margin: 15px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-barcode-form .barcode {
  width: 571px;
  height: 35px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #7b98c4;
  margin-top: 30px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .entered-barcode {
  width: 164px;
  height: 27px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .deps-dialog-subheading {
  width: 98px;
  height: 17px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items md-input-container.textBox {
  padding: 0;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items md-input-container.textBox input[type="text"] {
  height: 50px;
  border-radius: 2px;
  border: solid 1.5px rgba(0, 0, 0, 0.2);
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-div {
  width: 500px;
  margin-left: 150px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.small-table {
  height: 250px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.smaller-table {
  height: 230px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.dynamic-table {
  height: auto;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.outbound {
  background: #FFFFFF;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.view-deps {
  background: #FFFFFF;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.one-row-table {
  height: auto;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.why-table {
  height: 300px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .table-container.height100 {
  height: 100px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .damageTypeSelection md-radio-button:nth-child(2) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .prsSelection md-radio-button:first-child {
  border-right: 1px dashed rgba(0, 0, 0, 0.5);
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .prsSelection label {
  padding-bottom: 5px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item {
  background-color: #ffffff;
  margin: 10px;
  height: 43px;
  margin-top: 23px;
  width: 380px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button:not(last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button:only-child {
  border: 0;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button {
  margin: 0 10px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button .md-off {
  border-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button:not([disabled]).md-checked .md-off {
  border-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button:not([disabled]).md-checked .md-on {
  background-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button:not([disabled]).md-checked .md-ink-ripple {
  color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-with-input-item md-radio-button .md-label {
  top: 15px;
  height: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: bold;
  color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button:not(last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button:only-child {
  border: 0;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button {
  margin: 0 10px;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button .md-off {
  border-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button:not([disabled]).md-checked .md-off {
  border-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button:not([disabled]).md-checked .md-on {
  background-color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button:not([disabled]).md-checked .md-ink-ripple {
  color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .radio-item md-radio-button .md-label {
  top: 15px;
  height: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: bold;
  color: #dd712f;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .secondary-header {
  width: 160px;
  height: 17px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .secondary-header.full-text {
  width: 100%;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .divider {
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: gray;
  margin: 1%;
}

.assignDialog md-dialog-content .md-dialog-content .dialog-items .dialog-text {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  margin-top: 25px;
}

.assignDialog md-dialog-actions {
  height: 84px;
}

.assignDialog md-dialog-actions.grey-layout {
  background: #f5f5f5;
}

.assignDialog md-dialog-actions.grey-layout .left .md-button.primary {
  background: transparent;
  border: 0;
  font-weight: 500;
  color: #d0011b;
  text-align: left;
  text-transform: capitalize;
}

.assignDialog md-dialog-actions .assignmentMsg {
  border-radius: 4px;
  height: 60px;
  background: transparent;
  color: #348a55;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 10px auto;
  position: fixed;
  left: 4%;
  width: 90%;
  transition: all 0.6s ease-in-out;
}

.assignDialog md-dialog-actions .assignmentMsg.drs {
  margin-left: 12px;
  font-size: 14px;
}

.assignDialog md-dialog-actions .assignmentMsg .message {
  margin-left: 2%;
}

.assignDialog.assign .form-field input.date-time {
  width: 90%;
  margin-left: 10px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 5px;
  font-weight: 600;
}

.assignDialog.assign .form-field-input {
  margin: 10px;
}

.assignDialog.assign .form-field-input.assign-scan {
  margin-bottom: 0px;
}

.assignDialog.assign .form-field-input .field-label {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  margin-bottom: 5px;
}

.assignDialog.assign .form-field-input .field-label.create-audit-task {
  font-size: 14px;
  opacity: 0.8;
}

.assignDialog.assign .form-field-input .input-group input[type="text"],
.assignDialog.assign .form-field-input .input-group input[type="file"] {
  width: 90%;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 5px;
}

.assignDialog.assign .form-field-input .input-group input[type="text"].error,
.assignDialog.assign .form-field-input .input-group input[type="file"].error {
  border: solid 2px #ff0000;
}

.assignDialog.assign .form-field-input .input-group input[type="text"]::-webkit-input-placeholder,
.assignDialog.assign .form-field-input .input-group input[type="file"]::-webkit-input-placeholder {
  font-size: 12px;
}

.assignDialog.assign .form-field-input .input-group input[type="text"]::-moz-placeholder,
.assignDialog.assign .form-field-input .input-group input[type="file"]::-moz-placeholder {
  font-size: 12px;
}

.assignDialog.assign .form-field-input .input-group input[type="text"]:-ms-input-placeholder,
.assignDialog.assign .form-field-input .input-group input[type="file"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
}

.assignDialog.assign .form-field-input .input-group input[type="text"]:-moz-placeholder,
.assignDialog.assign .form-field-input .input-group input[type="file"]:-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px;
}

.assignDialog.assign .form-field-input .vendor {
  width: 40px;
}

.assignDialog.assign .form-field-input .sm-date-time-picker {
  width: auto;
  height: auto;
  background-color: #ffffff;
}

.assignDialog.assign .md-dialog-content .dialog-items .dialog-item.vendor {
  margin-top: 30px;
}

.assignDialog.assign .md-dialog-content .dialog-items .form-field-disabled {
  height: 50px;
  background-color: #FFFFFF;
  margin: 10px;
  padding: 5px;
}

.assignDialog.assign .md-dialog-content .dialog-items .form-field-disabled .form-field-label {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
}

.assignDialog.assign .md-dialog-content .dialog-items .form-field-disabled .form-field-value {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

.assignDialog.collectCash .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 16px;
}

.assignDialog.collectCash .md-dialog-content .form-field {
  width: auto;
}

.assignDialog.collectCash .md-dialog-content .form-field md-select.selectBox md-select-value {
  padding-left: 10px;
}

.assignDialog.collectCash .md-dialog-content .form-field .md-button.primary.left-button {
  background-color: #f5f5f5;
}

.assignDialog.collectCash .md-dialog-content .form-field .input-group input[type="text"] {
  width: 185px;
  height: 45.4px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding-left: 10px;
}

.assignDialog.collectCash .md-dialog-content .form-field.button-upload {
  border-radius: 2px;
  border: solid 1px #dd712f;
  color: #dd712f;
  height: 40px;
  width: 175px;
  text-align: center;
  padding-top: 10px;
  margin-top: 10px;
  background-color: #f5f5f5;
}

.assignDialog.collectCash .md-dialog-content .form-field .field-validation {
  margin-top: 5px;
  color: #FF0000;
  margin-left: 10px;
}

.assignDialog.collectCash .md-dialog-content .sub-heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 15px;
  color: #000000;
}

.assignDialog.collectCash .md-dialog-content .image-uploader .image-button {
  border: 0px;
}

.assignDialog.collectCash .md-dialog-content .image-uploader .previewImage {
  width: 100px;
  height: 100px;
}

.assignDialog.collectCash .md-dialog-content .image-uploader .cancel-image {
  background: url("../images/close.png") no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
}

.assignDialog.collectCash .md-dialog-content label.upload-label input[type="file"] {
  position: fixed;
  top: -1000px;
}

.assignDialog.collectCash .md-dialog-content .upload-label {
  border: 1px solid #dd712f;
  border-radius: 2px;
  padding: 2px 5px;
  margin: 2px;
  background: #f5f5f5;
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  color: #dd712f;
  width: 175px;
  text-align: center;
  height: 30px;
  padding-top: 5px;
}

.assignDialog.incident-report .md-dialog-content {
  background-color: #FFFFFF;
  border: solid 1px #dadada;
  padding: 0;
  margin: 0 16px;
}

.assignDialog.incident-report .outbound .details {
  padding: 8px 13px;
}

.assignDialog.incident-report .alert-with-multiple-buttons .alert-text {
  width: 50%;
}

.assignDialog.incident-report .alert-with-multiple-buttons .alert-icon-ok {
  cursor: pointer;
  margin-right: 10px;
}

.assignDialog.view-deps .md-dialog-content {
  background-color: #FFFFFF;
  border: solid 1px #dadada;
  padding: 0;
  margin: 0 16px;
}

.assignDialog.view-deps .view .details {
  padding: 8px 50px;
}

.assignDialog.view-deps .alert-with-multiple-buttons .alert-text {
  width: 50%;
}

.assignDialog.view-deps .alert-with-multiple-buttons .alert-icon-ok {
  cursor: pointer;
  margin-right: 10px;
}

.assignDialog.qc .dialog-header .md-toolbar-tools .dialog-heading {
  opacity: 0.7;
  font-family: BrandonText;
  font-size: 16px;
}

.assignDialog.qc .md-dialog-content .dialog-content {
  background-color: #FFFFFF;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field {
  text-align: center;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-top: 10px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.sub-heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input {
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input .dropdown {
  display: inline;
  margin: 0px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input input[type="text"] {
  width: 100px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input input[type="number"] {
  width: 100px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.cod-text {
  text-align: right;
  margin-right: 30px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.in-favour-of input[type="text"] {
  width: 200px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.in-favour-of input[type="text"].big_width_small_text {
  width: 100%;
  font-size: 12px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.in-favour-of input[type="number"] {
  width: 200px;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.verification-filter {
  opacity: 1;
  justify-content: center;
  flex-direction: row;
  display: flex;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-field.form-input.verification-filter .filterBox {
  min-height: 30px;
  margin-bottom: 5px;
  width: 60%;
}

.assignDialog.qc .md-dialog-content .dialog-content .form-checkbox {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  width: 200px;
}

.assignDialog.qc .md-dialog-content .dialog-content .dialog-items.checkbox-items {
  margin-top: 20px;
}

.assignDialog.qc .md-dialog-content .dialog-content .dialog-items.checkbox-items md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  display: table;
  cursor: pointer;
  min-width: 15%;
  margin-bottom: 10px;
  min-height: 25px;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox .filterElement {
  display: table-cell;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  padding: 0px 5px 0px 5px;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox .filterElement.filter1 {
  border-right: solid 1px #e0e0e0;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox .filterElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  opacity: 1;
  border: 0px;
  outline: none;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox .filterElement.selected.green {
  background-color: #2a9c4a;
}

.assignDialog.qc .md-dialog-content .dialog-content .filterBox .filterElement.selected.red {
  background-color: #e43737;
}

.assignDialog.unconnected .dialog-button {
  background-color: #dd712f;
  color: #FFFFFF;
  height: 45px;
  width: 116px;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.assignDialog.unconnected .dialog-button.upload {
  background-color: #f5f5f5;
  color: #dd712f;
  border-radius: 2px;
  border: solid 1px #dd712f;
  margin-top: 20px;
  width: 200px;
  height: 45px;
}

.assignDialog.unconnected .dialog-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.assignDialog.unconnected .dialog-header .md-toolbar-tools .dialog-heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
}

.assignDialog.unconnected .md-dialog-content {
  height: 250px;
  background-color: #f5f5f5;
}

.assignDialog.unconnected .md-dialog-content .dialog-form-field {
  width: 160px;
  height: 60px;
  margin: 10px;
}

.assignDialog.unconnected .md-dialog-content .dialog-form-field .field-label {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  margin-bottom: 0px;
  width: 160px;
}

.assignDialog.unconnected .md-dialog-content .dialog-form-field input[type="text"] {
  width: 160px;
  height: 45.4px;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: solid 1px #e0e0e0;
  padding: 5px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 16px;
}

.assignDialog.unconnected .md-dialog-content .dialog-form-field input.big {
  width: 200px;
}

.assignDialog.assignOa .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 16px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-heading {
  margin-bottom: 15px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-heading .form-field {
  text-align: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-heading .form-field:not(:last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-heading .form-field .left-label {
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  margin-right: 15px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-heading .form-field .right-label {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: #dd712f;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items {
  width: 99%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items .form-field input[type="text"] {
  height: 40px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area {
  background-color: #FFFFFF;
  width: 95%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field.big-field {
  border: 0px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field.big {
  height: 359px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field.right-panel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-heading {
  margin: 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-heading .left {
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-heading .right {
  font-family: "Brandon Text Medium";
  font-size: 34px;
  font-weight: 500;
  color: #dd712f;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-row {
  margin: 20px 20px 0px 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-row .left {
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-row .right {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-right-heading {
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-right {
  font-family: "Brandon Text Medium";
  font-size: 80px;
  color: #dd712f;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-report {
  background-color: #d0021b;
  color: #FFFFFF;
  height: 147px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-report div {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-report .md-raised {
  width: 156px;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-report .md-raised.save {
  color: #000000;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .form-field-report .md-raised.report {
  color: #d0021b;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel {
  height: 270px;
  width: 372px;
  overflow: auto;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel .table {
  width: 350px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel .table .table-row .cnote {
  width: 50%;
  padding-left: 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel .table .table-row .cnote p {
  text-align: left;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel .table .table-row .count {
  width: 50%;
  padding-right: 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel .table .table-row .count p {
  text-align: right;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .form-field .scrollable-panel::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-heading-1 {
  width: 100%;
  height: 43px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-heading-1 div {
  text-align: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-heading-2 {
  width: 100%;
  height: 38px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-heading-2 div {
  text-align: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-footer {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-footer div {
  text-align: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .row-footer div .row-footer-value {
  font-size: 28px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-bar {
  width: 100%;
  height: 38px;
  padding-left: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-footer {
  width: 100%;
  height: 145px;
  padding-left: 60px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-footer .excess-item {
  padding-top: 10px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-footer .excess-item span {
  padding-right: 200px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-footer .total-excess {
  text-align: center;
  margin-top: 35px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .excess-footer .total-excess span.total-excess-value {
  font-size: 44px;
  color: #dd712f;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table {
  width: 100%;
  height: 170px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row td p {
  text-align: center;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row .cnote {
  width: 20%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row .ok {
  width: 10%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row .damaged {
  width: 10%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row .shortage {
  width: 25%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table .table-row .total {
  width: 20%;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-area .table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom {
  width: 95%;
  margin-top: 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom .form-field .form-field-caption {
  padding-bottom: 5px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 20px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom .form-field .md-raised.report {
  height: 44px;
  width: 150px;
  border-radius: 2px;
  background-color: #dd712f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  color: #FFFFFF;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom .form-field .md-raised.unconnected {
  height: 44px;
  width: 175px;
  border-radius: 2px;
  background-color: #f5f5f5;
  color: #dd712f;
  border: solid 1px #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom .form-field input[type="text"] {
  height: 44px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #7b98c4;
  padding-left: 10px;
}

.assignDialog.assignOa .md-dialog-content .dialog-content .dialog-items.form-bottom .form-field .bottom {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm {
  margin: 0 26px;
  width: 40%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field {
  padding: 0;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .field-label {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 15px;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .field-label span.link {
  float: right;
  font-size: 80%;
  color: #dd712f;
  cursor: pointer;
  text-decoration: underline;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group md-input-container {
  margin: 0;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group.pincode .pincode-input {
  float: left;
  width: 46%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group.pincode .pincode-input input[type="text"] {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 30px;
  padding-left: 2px;
  font-family: "Brandon Text Medium";
  font-size: 80%;
  width: 100%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group.pincode .pincode-label {
  float: right;
  width: 46%;
  margin-top: 7px;
  font-size: 80%;
  margin-right: 20px;
  color: #FF0000;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group.pincode .pincode-type {
  width: 46%;
  float: right;
  margin-top: 7px;
  font-size: 69%;
  margin-right: 20px;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group.pincode .pincode-type span {
  padding-left: 5px;
  font-weight: bold;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group input[type="text"],
.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group textarea {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 30px;
  padding-left: 2px;
  font-family: "Brandon Text Medium";
  font-size: 80%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .input-group textarea {
  height: 60px;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .field-validation {
  margin-top: 5px;
  color: #b70000;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .left {
  width: 47%;
  display: inline-block;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .left .input-group input[type="text"] {
  width: 95%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .right {
  width: 47%;
  display: inline-block;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .form-field .right .input-group input[type="text"] {
  width: 95%;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .first {
  width: 48%;
  float: left;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm .second {
  width: 48%;
  float: right;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm.left {
  margin: 0px;
  width: 47%;
  float: left;
}

.assignDialog.editPickup .md-dialog-content .createPickupForm.right {
  margin: 0px;
  width: 47%;
  float: right;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field {
  text-align: center;
  height: 40px;
  margin-top: 10px;
  font-family: "Brandon Text Medium";
  margin-bottom: 10px;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.heading {
  opacity: 0.8;
  font-size: 20px;
  font-weight: 500;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.table-heading {
  font-size: 15px;
  font-weight: 500;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.table-row {
  font-size: 15px;
  font-weight: 200;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.table-sub-heading {
  font-size: 13px;
  font-weight: 500;
  opacity: 0.7;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.table-sub-row {
  font-size: 15px;
  font-weight: 200;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field.label-message {
  text-align: center;
  font-size: 15px;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items .form-field input[type="text"] {
  height: 45px;
  width: 102%;
  font-family: "Brandon Text Medium";
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  padding-left: 5px;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items.bottom-border {
  border-bottom: dashed 1px #e0e0e0;
}

.assignDialog.forceReceive .md-dialog-content .dialog-items.table-row {
  background-color: #ffffff;
}

.assignDialog.qrCode .md-dialog-content .dialog-header {
  padding-bottom: 10px;
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 10px;
}

.assignDialog.qrCode .md-dialog-content .dialog-header .item {
  margin: 2px;
  margin-bottom: 7px;
}

.assignDialog.qrCode .md-dialog-content .dialog-header .item .item-heading {
  font-weight: bold;
}

.assignDialog.qrCode .md-dialog-content .dialog-header .item .item-value {
  opacity: 0.7;
}

.assignDialog.qrCode .md-dialog-content .left-dialog .header {
  font-weight: 600;
  margin-bottom: 10px;
}

.assignDialog.qrCode .md-dialog-content .left-dialog .select-dropdown .dropdown-title {
  opacity: 0.8;
}

.assignDialog.qrCode .md-dialog-content .right-dialog {
  background-color: #ffffff;
  padding: 5px;
}

.assignDialog.qrCode .md-dialog-content .right-dialog .heading {
  text-align: center;
  font-weight: 600;
}

.assignDialog.qrCode .md-dialog-content .right-dialog .image {
  height: auto;
}

.assignDialog.qrCode .md-dialog-content .right-dialog .image .small-img {
  width: 200px;
  height: 200px;
}

.assignDialog.newTask .disabled-look {
  opacity: 0.5;
}

.assignDialog.newTask md-input-container {
  margin: 0;
  padding-top: 5px;
}

.assignDialog.newTask md-input-container label::after {
  display: none;
}

.assignDialog.newTask .plain-button {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #d0011b;
  color: #d0021b;
  font-size: 12px;
  font-weight: bold;
  font-family: "Brandon Text Medium";
  height: 50px;
  width: 180px;
}

.assignDialog.newTask .confirm {
  font-size: 12px !important;
  font-weight: bold !important;
}

.assignDialog.newTask .md-dialog-content {
  padding-top: 5px;
  height: 320px;
}

.assignDialog.newTask .md-dialog-content .input-container {
  height: 300px;
}

.assignDialog.newTask .md-dialog-content .switch {
  text-align: end;
  height: auto;
  margin-left: 10px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.assignDialog.newTask .md-dialog-content .switch.inputSelected {
  opacity: 1;
}

.assignDialog.newTask .md-dialog-content .switch.inputSelected .switchLabel {
  color: #429946;
}

.assignDialog.newTask .md-dialog-content .switch.inputSelected md-switch .md-container .md-bar {
  background-color: #429946;
}

.assignDialog.newTask .md-dialog-content .switch.inputSelected md-switch .md-container .md-thumb-container .md-thumb {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.assignDialog.newTask .md-dialog-content .switch .switchLabel {
  margin-right: 10px;
}

.assignDialog.newTask .md-dialog-content .switch md-switch {
  margin: 0px;
}

.assignDialog.newTask .md-dialog-content .dialog-header {
  margin-top: 5px;
  padding: 5px;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item {
  margin: 2px;
  margin-bottom: 10px;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-heading {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  text-align: left;
  color: #000000;
  opacity: 0.4;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  padding-top: 5px;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value .consigneeDetails {
  display: flex;
  justify-content: center;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value .consigneeDetails .circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  margin: 0px;
  margin-right: 5px;
  opacity: 0.4;
  cursor: default;
  align-self: center;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value .consigneeDetails .circle .material-icons {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value .consigneeDetails .circle.has-phone {
  opacity: 1;
  cursor: context-menu;
}

.assignDialog.newTask .md-dialog-content .dialog-header .item .item-value .consigneeDetails .text {
  align-self: center;
  width: 80%;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field {
  text-align: center;
  height: 40px;
  margin-top: 10px;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 10px;
  padding-right: 20px;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field .form-header {
  text-align: left;
  margin-top: 10px;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field .input-group .formInputSelect {
  margin: 0px;
  width: 102%;
  height: 45px;
  margin-bottom: 15px;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field .input-group .formInputSelect md-select-value {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  min-height: 15px;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field .input-group.big input[type="text"] {
  font-size: 16px;
}

.assignDialog.newTask .md-dialog-content .dialog-items .form-field .input-group input[type="text"] {
  height: 45px;
  width: 102%;
  font-family: "Brandon Text Medium";
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 500;
}

.absurdYieldDialog .dialog-header {
  background-color: yellow;
  text-align: center;
  padding: 10px;
}

.absurdYieldDialog .dialog-header h1 {
  margin: 0;
  font-size: 24px;
  color: brown;
  text-decoration: underline;
}

.absurdYieldDialog .dialog-body {
  padding: 0px 20px;
  text-align: center;
}

.absurdYieldDialog .dialog-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0px 20px;
}

.absurdYieldDialog .box {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100px;
  text-align: center;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.absurdYieldDialog .box .property-title {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 15px;
  width: 100px;
  /* width: fit-content; */
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  /* opacity: 0.7; */
}

.absurdYieldDialog .box p {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.absurdYieldDialog table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 20px 0;
}

.absurdYieldDialog table tbody {
  min-height: 50px;
  overflow: auto;
}

.absurdYieldDialog table th,
.absurdYieldDialog table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
  font-size: 14px;
}

.absurdYieldDialog .property-title {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 15px;
  width: 120px;
  /* width: fit-content; */
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.absurdYieldDialog .alert-message p {
  margin: 0;
  font-size: 16px;
}

.absurdYieldDialog .alert-message p {
  color: red;
  font-size: 1.4rem;
  font-weight: bold;
}

.absurdYieldDialog .alert-message span {
  color: green;
}

.absurdYieldDialog .absurd-action-row {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.absurdYieldDialog .absurd-action-row .recheck-button {
  margin-right: 20px;
  text-transform: capitalize;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-size: 15px;
  font-family: "Brandon Text Medium";
  font-weight: bold;
  width: 120px;
}

.absurdYieldDialog .absurd-action-row .alert-confirm-button {
  width: 120px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-size: 15px;
  font-family: "Brandon Text Medium";
  text-transform: capitalize;
  font-weight: bold;
}

md-select.selectBox {
  margin: 0;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
}

md-select.selectBox md-select-value {
  margin-top: 5px;
}

md-select.selectBox md-select-value > span:not(.md-select-icon) {
  opacity: 0.4;
  color: #000000;
  font-weight: bold;
}

md-select.dasboard-filter-box {
  margin: 0;
  width: 200px;
  height: 30px;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
}

md-select.dasboard-filter-box md-select-value {
  margin-top: 5px;
}

md-select.dasboard-filter-box md-select-value > span:not(.md-select-icon) {
  opacity: 0.4;
  color: #000000;
  font-weight: bold;
}

md-dialog.failure {
  background: black;
  position: fixed;
  opacity: 0.9;
  color: white;
  top: 85%;
  padding: 25px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

md-dialog.failure .header {
  position: fixed;
  right: 0;
  top: 0;
  padding: 2px 1px 1px 2px;
  cursor: pointer;
  color: #fafafa;
}

md-dialog.failure .header .material-icons {
  font-size: 18px;
}

md-dialog.cashbook {
  position: absolute;
  right: 10px;
  width: 29%;
  top: 24%;
  height: 75%;
  background-color: #f8f8f8;
  border-radius: 0;
}

md-dialog.cashbook.failure {
  background: green;
}

md-dialog.cashbook .collectionSubDetails {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 16px;
  background-color: #ffffff;
}

md-dialog.cashbook .collectionSubDetails .header {
  height: 42px;
  border: solid 1px #e0e0e0;
  background-color: #fafafa;
  cursor: pointer;
  padding: 0 4px 0 4px;
}

md-dialog.cashbook .collectionSubDetails .header.disabled-look {
  opacity: 0.2;
  cursor: not-allowed;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}

md-dialog.cashbook .collectionSubDetails .header .content {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  width: 300px;
}

md-dialog.cashbook .collectionSubDetails .header .content img {
  margin-top: 3px;
}

md-dialog.cashbook .table-container {
  height: auto;
  max-height: 194px;
}

md-dialog.cashbook .table-container::-webkit-scrollbar {
  width: 2px;
}

md-dialog.cashbook .table-container table.viewCnTable {
  box-sizing: border-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: none;
}

md-dialog.cashbook .table-container table.viewCnTable thead tr {
  height: 40px;
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

md-dialog.cashbook .table-container table.viewCnTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-size: 12px;
  text-align: left;
  width: 28%;
}

md-dialog.cashbook .table-container table.viewCnTable tbody tr {
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

md-dialog.cashbook .table-container table.viewCnTable tbody tr td {
  font-size: 12px;
  height: 40px;
  font-weight: 600;
  opacity: 0.7;
  text-align: left;
  width: 28%;
}

md-dialog.cashbook .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px 0 15px;
  font-size: 16px;
  background-color: #fafafa;
  height: 50px;
  font-family: "Brandon Text Bold";
  color: rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid #e0e0e0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

md-dialog.cashbook .header .left {
  width: 50%;
  text-align: left;
}

md-dialog.cashbook .header .right {
  width: 45%;
  text-align: right;
  margin-right: 20px;
}

md-dialog.cashbook .header .material-icons {
  width: 5%;
  font-size: 20px;
  cursor: pointer;
}

md-dialog.cashbook .content {
  text-align: center;
  padding: 25px 0 0 0;
}

md-dialog.cashbook .content .tick {
  height: 15%;
}

md-dialog.cashbook .content .action-content {
  padding: 0 30px 0 30px;
  height: 80%;
  margin: 25px 0 0 0;
  font-family: "Brandon Text Bold";
}

md-dialog.cashbook .content .action-content .statement {
  opacity: 0.7;
  font-size: 17px;
}

md-dialog.cashbook .content .buttons {
  display: flex;
  margin: 30px;
  justify-content: center;
}

md-dialog.cashbook .content .buttons .left {
  min-width: 0;
  width: 25%;
  height: 33px;
  border-radius: 2px;
  background-color: white;
  font-size: 13px;
  font-weight: bold;
  color: #dd712f;
  border: 1px solid #dd712f;
}

md-dialog.cashbook .content .buttons .left.adjust {
  margin-left: 50px;
}

md-dialog.cashbook .content .buttons .right {
  width: 42%;
  height: 33px;
  border-radius: 2px;
  background-color: #dd712f;
  font-size: 13px;
  font-weight: bold;
  color: white;
  margin-left: 10px;
  border: 0;
}

md-dialog.cashbook .content .buttons .right.disabled-look {
  opacity: 0.5;
}

md-dialog.cashbook .content .table-container {
  height: auto;
  max-height: 194px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

md-dialog.cashbook .content .table-container table.viewCnTable {
  box-sizing: border-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: none;
}

md-dialog.cashbook .content .table-container table.viewCnTable thead tr {
  height: 40px;
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

md-dialog.cashbook .content .table-container table.viewCnTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-size: 12px;
  text-align: left;
  width: 28%;
}

md-dialog.cashbook .content .table-container table.viewCnTable tbody tr {
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

md-dialog.cashbook .content .table-container table.viewCnTable tbody tr td {
  font-size: 12px;
  height: 30px;
  font-weight: 600;
  opacity: 0.7;
  text-align: left;
  width: 28%;
}

md-dialog.cashbook .content .sub-statement {
  font-size: 15px;
  font-family: "Brandon Text Bold";
  opacity: 0.7;
}

md-dialog.assignDialog .md-button.only-text,
.reportDeps .md-button.only-text {
  font-size: 16px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
}

md-dialog.assignDialog .md-button.image-button,
.reportDeps .md-button.image-button {
  width: 119px;
  height: 119px;
  border-radius: 4px;
  opacity: 0.6;
  background-color: #f5f5f5;
  border: 1px dashed rgba(0, 0, 0, 0.5);
}

md-dialog.assignDialog .md-button.image-button.thumbnail,
.reportDeps .md-button.image-button.thumbnail {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

md-dialog.assignDialog .md-button.full-text,
.reportDeps .md-button.full-text {
  width: inherit;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary,
.reportDeps .md-button:not(.md-icon-button).primary {
  width: 150px;
  height: 50px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #FFFFFF;
  font-size: 16px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.download-ewaybills-json,
.reportDeps .md-button:not(.md-icon-button).primary.download-ewaybills-json {
  width: inherit;
  height: inherit;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 50px;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.border-color,
.reportDeps .md-button:not(.md-icon-button).primary.border-color {
  background: white;
  border: 1px solid #dd712f;
  color: #dd712f;
  font-weight: bold;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.stock,
.reportDeps .md-button:not(.md-icon-button).primary.stock {
  margin-left: 33%;
  font-size: 14px;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.no-button,
.reportDeps .md-button:not(.md-icon-button).primary.no-button {
  background-color: #FFFFFF;
  color: #dd712f;
  border: 1px solid;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.change-number-button,
.reportDeps .md-button:not(.md-icon-button).primary.change-number-button {
  width: fit-content;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).primary.left-button,
.reportDeps .md-button:not(.md-icon-button).primary.left-button {
  background-color: #FFFFFF;
  color: #dd712f;
  float: left;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).report-pilferage,
.reportDeps .md-button:not(.md-icon-button).report-pilferage {
  width: 35%;
  height: 15%;
  margin-left: 10%;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-size: 13px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).unconnectedButton,
.reportDeps .md-button:not(.md-icon-button).unconnectedButton {
  width: 200px;
  height: 50px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #FFFFFF;
  font-size: 14px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
}

md-dialog.assignDialog .md-button:not(.md-icon-button)[disabled],
.reportDeps .md-button:not(.md-icon-button)[disabled] {
  opacity: 0.65;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).deps-primary,
.reportDeps .md-button:not(.md-icon-button).deps-primary {
  width: 180px;
  height: 40px;
  border-radius: 2px;
  background-color: #dd712f;
  font-weight: bold;
  color: #ffffff;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).deps-primary.no-button,
.reportDeps .md-button:not(.md-icon-button).deps-primary.no-button {
  background-color: #f5f5f5;
  color: #dd712f;
  border: 1px solid;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).deps-primary.full-text,
.reportDeps .md-button:not(.md-icon-button).deps-primary.full-text {
  width: inherit;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).nested,
.reportDeps .md-button:not(.md-icon-button).nested {
  width: 46px;
  height: 31px;
  background-color: #f5f5f5;
  color: #dd712f;
  border: 1px solid;
  font-weight: 500;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).nested.left-button,
.reportDeps .md-button:not(.md-icon-button).nested.left-button {
  background-color: #f5f5f5;
  color: #dd712f;
  float: left;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).deps-alert-button,
.reportDeps .md-button:not(.md-icon-button).deps-alert-button {
  width: 180px;
  height: 40px;
  margin-top: 12px;
  margin-left: 200px;
  border-radius: 2px;
  background-color: #ffffff;
  font-weight: bold;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  float: right;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).md-raised,
.reportDeps .md-button:not(.md-icon-button).md-raised {
  width: 116px;
  height: 31px;
  border-radius: 2px;
  background-color: #dd712f;
}

md-dialog.assignDialog .md-button:not(.md-icon-button).md-raised.nested,
.reportDeps .md-button:not(.md-icon-button).md-raised.nested {
  width: 46px;
  height: 31px;
  background-color: #f5f5f5;
  color: #dd712f;
  border: 1px solid;
  font-weight: bold;
}

md-dialog.assignDialog .form-field,
.reportDeps .form-field {
  margin: 0 10px;
}

md-dialog.assignDialog .form-field md-input-container,
.reportDeps .form-field md-input-container {
  width: 100%;
}

md-dialog.assignDialog .form-field md-switch,
.reportDeps .form-field md-switch {
  margin: 0px;
}

md-dialog.assignDialog .form-field md-switch .md-label,
.reportDeps .form-field md-switch .md-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: normal;
  opacity: 0.7;
}

md-dialog.assignDialog .form-field md-switch.md-checked .md-container .md-bar,
.reportDeps .form-field md-switch.md-checked .md-container .md-bar {
  background-color: #429946;
}

md-dialog.assignDialog .form-field md-switch.md-checked .md-container .md-thumb-container .md-thumb,
.reportDeps .form-field md-switch.md-checked .md-container .md-thumb-container .md-thumb {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.panel-view .reliance-create-cnote {
  font-size: 12px;
  font-weight: 500;
}

.panel-view .reliance-create-cnote .issueRow {
  height: auto;
  font-size: 12px;
  color: #d44141;
}

.panel-view .reliance-create-cnote .issueRow.green {
  color: #2a9c4a;
}

.panel-view .reliance-create-cnote input {
  border: none;
  outline: none;
  background: none;
  text-align: center;
  width: 100%;
}

.panel-view .reliance-create-cnote > .heading {
  background: #64d4ef;
  color: white;
  padding: 1.2rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.panel-view .reliance-create-cnote .container {
  font-size: 12px;
  font-weight: 500;
}

.panel-view .reliance-create-cnote .addFieldIcon {
  color: white;
  font-size: 12px;
  background: green;
  padding: 1px 3px;
  position: relative;
  top: 10px;
}

.panel-view .reliance-create-cnote .removeFieldIcon {
  color: white;
  font-size: 12px;
  background: red;
  padding: 1px 3px;
  position: relative;
  top: 10px;
}

.panel-view .reliance-create-cnote .card {
  border: 1px solid gray;
  padding: 1rem;
}

.panel-view .reliance-create-cnote .card > .heading {
  border-bottom: 1px solid gray;
  text-align: left;
  color: #6768b8;
  font-size: 15px;
  padding-bottom: 0.4rem;
  font-weight: 700;
}

.panel-view .reliance-create-cnote .card .content .field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.panel-view .reliance-create-cnote .card .content .field .label {
  width: 20%;
}

.panel-view .reliance-create-cnote .card .content .field input:disabled {
  cursor: not-allowed;
}

.panel-view .reliance-create-cnote .card .content .field .value {
  width: 50%;
  border-bottom: 1px solid gray;
}

.panel-view .reliance-create-cnote .card .flex-start {
  justify-content: flex-start;
}

.panel-view .reliance-create-cnote .body {
  padding-left: 1rem;
  padding-right: 1rem;
}

.panel-view .reliance-create-cnote .border-4-sides {
  border: 1px solid gray;
}

.panel-view .reliance-create-cnote .border-bottom {
  border-bottom: 1px solid gray;
}

.panel-view .reliance-create-cnote .text-left {
  text-align: left;
}

.panel-view .reliance-create-cnote .container {
  height: auto;
  border: 1px solid gray;
}

.panel-view .reliance-create-cnote .action-buttons {
  margin: 1rem 0.2rem;
  display: flex;
  gap: 1rem;
}

.panel-view .reliance-create-cnote .action-buttons button {
  margin: 0;
}

.panel-view .reliance-create-cnote .action-buttons .back-action-button {
  border-radius: 5px;
  background: blue;
  color: white;
  font-size: 13px;
}

.panel-view .reliance-create-cnote .action-buttons .save-action-button {
  border-radius: 5px;
  background: green;
  color: white;
  font-size: 13px;
}

.panel-view .reliance-create-cnote .action-buttons .save-action-button:disabled {
  opacity: 0.4;
}

.panel-view .reliance-create-cnote .docketItems .heading {
  text-align: left;
  margin-bottom: 0.6rem;
  color: #658bb8;
  font-size: 13px;
  font-weight: 900;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions {
  padding: 0.5rem;
  padding-top: 1rem;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions .headers-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-bottom: 1rem;
  background-image: linear-gradient(#7ec8e3 10%, white 90%);
  padding: 0.4rem 0rem;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions .headers-wrapper > div {
  width: 15%;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions .dimension-row {
  display: flex;
  gap: 10px;
  margin-bottom: 0.5rem;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions .dimension-row > div {
  width: 15%;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions input {
  outline: none;
  border: none;
  background: none;
  border-bottom: 1px solid gray;
  width: 100%;
  height: 1rem;
  text-align: center;
}

.panel-view .reliance-create-cnote .docketItems .docket-items-dimensions input:disabled {
  background: lightgray;
  cursor: not-allowed;
}

.panel-view .reliance-create-cnote .docketInvoices .heading {
  text-align: left;
  margin-bottom: 0.6rem;
  color: #658bb8;
  font-size: 13px;
  font-weight: 900;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-amount {
  background: lightgray;
  align-items: center;
  display: flex;
  padding: 0.5rem;
  gap: 3rem;
  margin-top: 0.5rem;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-amount div {
  display: flex;
  gap: 20px;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-amount div div {
  display: flex;
  align-items: center;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-amount div div label {
  position: relative;
  top: 5px;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-amount div div input {
  width: auto;
  border: none;
  outline: none;
  background: none;
  border-bottom: 1px solid gray;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-below-below-50k {
  background: lightgray;
  align-items: center;
  display: flex;
  gap: 5rem;
  padding: 0.5rem;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-below-below-50k .values {
  gap: 3rem;
  display: flex;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-below-below-50k .values div {
  display: flex;
  align-items: center;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-below-below-50k .values div input {
  width: auto;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills {
  padding: 0.5rem;
  padding-top: 1rem;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills .headers-wrapper {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 1rem;
  background-image: linear-gradient(#7ec8e3 10%, white 90%);
  padding: 0.4rem 0rem;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills .headers-wrapper > div {
  width: 20%;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills .invoice-ewaybill-row {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills .invoice-ewaybill-row > div {
  width: 20%;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills input {
  outline: none;
  border: none;
  background: none;
  border-bottom: 1px solid gray;
  width: auto;
  height: 1rem;
  min-width: 0;
  width: 100%;
  text-align: center;
}

.panel-view .reliance-create-cnote .docketInvoices .invoice-ewaybills input:disabled {
  background: lightgray;
  cursor: not-allowed;
}

.panel-view .reliance-create-cnote .row {
  width: 99%;
  margin: auto;
  display: flex;
  display: flex;
  gap: 1rem;
}

.panel-view .reliance-create-cnote .row:not(:first-child) {
  margin-top: 0.4rem;
}

.panel-view .reliance-create-cnote .row .p-1 {
  padding: 0.7rem;
}

.panel-view .reliance-create-cnote .row .col {
  flex-grow: 1;
}

.panel-view .reliance-create-cnote .width-60 {
  width: 60%;
}

.panel-view .loadview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  width: 80%;
  z-index: 10;
}

.panel-view .overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  height: 100vh;
  width: 100vw;
}

.panel-view .info-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  margin-top: 8px;
  justify-content: center;
  align-items: center;
}

.panel-view .custom-select-group md-input-container input[type="text"] {
  border: 0;
}

.panel-view.bulkDownload {
  padding: 30px;
}

.panel-view.bulkDownload .custom-select-group {
  height: 45px;
  width: 400px;
  margin-bottom: 10px;
}

.panel-view.bulkDownload .custom-select-group md-input-container {
  width: 100%;
  padding-bottom: 5px;
}

.panel-view.bulkDownload .custom-select-group md-select {
  max-width: none;
}

.panel-view.bulkDownload .custom-select-group .formInputText {
  background-color: #f5f5f5;
  width: 400px;
}

.panel-view.bulkDownload .formInput {
  width: fit-content;
  height: 50px;
  display: flex;
}

.panel-view.bulkDownload .formInput.loading {
  display: block;
  height: 100%;
}

.panel-view.bulkDownload .formInput.loading .loading-text {
  font-size: 15px;
}

.panel-view.bulkDownload .formInput.loading img {
  width: 15%;
  height: 15%;
}

.panel-view.bulkDownload .disableDownloadBtn {
  opacity: 0.5;
  cursor: not-allowed;
}

.panel-view.confirm .createdPickupForm {
  width: 100%;
  margin-left: 0px;
}

.panel-view.confirm .createdPickupForm .created-pickup-container .pickup-container-header {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
  color: #000000;
  text-align: left;
  height: 30px;
  padding-left: 15px;
}

.panel-view.confirm .createdPickupForm .created-pickup-container .created-pickup-table table th {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  opacity: 0.4;
  text-align: left;
  color: #000000;
}

.panel-view.confirm .createdPickupForm .created-pickup-container .created-pickup-table table td {
  padding: 5px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
}

.panel-view.confirm .md-dialog-content .alert-heading {
  text-align: center;
}

.panel-view.confirm .md-dialog-content .alert-heading .alert-img .material-icons {
  font-size: 45px;
  opacity: 0.4;
}

.panel-view.confirm .md-dialog-content .alert-heading .alert-text {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  font-weight: 500;
  opacity: 0.7;
}

.panel-view.confirm md-dialog-actions .cancel {
  height: 40px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  color: #dd712f;
}

.panel-view.confirm md-dialog-actions .primary {
  height: 40px;
  border-radius: 2px;
  background-color: #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.panel-view.new-address {
  border-radius: 2px;
}

.panel-view.new-address .dialog-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

.panel-view.new-address .dialog-header .dialog-heading {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.panel-view.new-address .dialog-header .closeBtn {
  width: 24px;
  height: 24px;
  opacity: 0.4;
}

.panel-view.new-address .md-dialog-content .form-field {
  width: 90%;
}

.panel-view.new-address .md-dialog-content .form-field.flex {
  display: flex;
}

.panel-view.new-address .md-dialog-content .form-field.flex md-checkbox {
  margin-top: 0;
}

.panel-view.new-address .md-dialog-content .form-field.partition .input-group {
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  border-right: 0px;
}

.panel-view.new-address .md-dialog-content .form-field.partition input[type="text"] {
  width: 50%;
}

.panel-view.new-address .md-dialog-content .form-field .input-group {
  width: 100%;
}

.panel-view.new-address .md-dialog-content .form-field .input-group input[type="text"].error {
  border: solid 2px #FF0000;
}

.panel-view.new-address .md-dialog-content .form-field .input-group textarea::-webkit-input-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  opacity: 0.7;
  font-weight: 500;
}

.panel-view.new-address .md-dialog-content .form-field .input-group textarea {
  height: 80px;
  border: solid 1px #e0e0e0;
}

.panel-view.new-address .md-dialog-content .form-field-group {
  display: flex;
  width: 90%;
  margin: 0px;
  box-sizing: border-box;
}

.panel-view.new-address .md-dialog-content .form-field-group .input-group {
  width: 95%;
}

.panel-view.new-address .md-dialog-content .form-field-group .input-group.opac {
  opacity: 0.4;
}

.panel-view.new-address .md-dialog-actions {
  width: 100%;
  margin-bottom: 15px;
}

.panel-view.new-address .md-dialog-actions .md-button {
  width: 85%;
  margin-right: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.panel-view.new-address .md-dialog-actions .md-button.disabled {
  opacity: 0.4;
}

.panel-view.delete-cns {
  border-radius: 2px;
}

.panel-view.delete-cns .dialog-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

.panel-view.delete-cns .dialog-header .dialog-heading {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.panel-view.delete-cns .md-dialog-actions {
  width: 100%;
  margin-bottom: 15px;
}

.panel-view.delete-cns .md-dialog-actions .md-button {
  width: 40%;
  margin-right: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.panel-view.delete-cns .md-dialog-actions .md-button.delete-disable {
  background-color: #e0e0e0;
}

.panel-view.delete-cns .md-dialog-actions .md-button.cancel {
  background-color: white;
  color: #dd712f;
  border: 1px solid #dd712f;
}

.panel-view.warning .md-dialog-actions {
  border-radius: 2px;
  background-color: #fafafa;
  border-top: solid 1px #e0e0e0;
  box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.05);
}

.panel-view.warning .md-dialog-actions .text {
  padding-left: 30px;
  font-family: "Brandon Text Medium";
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: center;
}

.panel-view.warning .md-dialog-actions .primary {
  border-radius: 2px;
  background-color: #dd712f;
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Brandon Text Medium";
  font-weight: bold;
}

.panel-view.warning .md-dialog-content {
  padding: 5px 0px 10px 10px;
}

.panel-view.warning .md-dialog-content.border {
  border-bottom: solid 1px #e0e0e0;
}

.panel-view.warning .md-dialog-content .dialog-header {
  padding: 10px;
}

.panel-view.warning .md-dialog-content .dialog-header .headerIcon {
  width: 27px;
  height: 27px;
}

.panel-view.warning .md-dialog-content .dialog-header .headerText {
  margin-left: 10px;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #000000;
  opacity: 0.7;
  text-transform: uppercase;
}

.panel-view.warning .md-dialog-content .dialog-body {
  width: 100%;
}

.panel-view.warning .md-dialog-content .dialog-body .dialog-element {
  margin-top: 5px;
}

.panel-view.warning .md-dialog-content .dialog-body .dialog-element .elementIcon {
  width: 100%;
}

.panel-view.warning .md-dialog-content .dialog-body .dialog-element .elementText {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  opacity: 0.7;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 2px;
}

.panel-view.warning .md-dialog-content .dialog-body .dialog-element .elementSubtext {
  font-family: "Brandon Text Medium";
  font-size: 10px;
  text-align: center;
  color: #000000;
  opacity: 0.7;
  width: 95%;
}

.panel-view.view-cnote .dialog-header {
  background-color: #ffffff;
}

.panel-view.view-cnote .dialog-header .md-toolbar-tools .dialog-heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.panel-view.view-cnote .dialog-header .md-toolbar-tools .md-icon-button .material-icons {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.panel-view.view-cnote .cnoteForm {
  border-radius: 2px;
  background-color: #f2f2f2;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart {
  border-radius: 2px;
  background-color: #ffffff;
  margin: 10px;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formSubHeader {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  width: 100%;
  padding: 10px;
  border-bottom: solid 1px #e9e9e9;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formHeader {
  width: 100%;
  border-bottom: solid 2px #e9e9e9;
  padding: 10px;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formHeader .heading {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000000;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formBody {
  width: 100%;
  padding: 10px;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formBody .formBodyRow {
  width: 100%;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formBody .formBodyRow .formBodyColumn {
  margin: 5px;
  margin-bottom: 20px;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formBody .formBodyRow .formBodyColumn .heading {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  text-align: left;
  color: #000000;
}

.panel-view.view-cnote .cnoteForm .cnoteFormPart .formBody .formBodyRow .formBodyColumn .value {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
}

.panel-view.ceTaskboard .filter-header {
  background-color: #ffffff;
}

.panel-view.ceTaskboard .filter-header .first-header {
  padding-left: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  background-color: #fafafa;
}

.panel-view.ceTaskboard .filter-header .first-header md-autocomplete {
  margin-left: 10px;
}

.panel-view.ceTaskboard .filter-header .first-header md-autocomplete button {
  min-width: 10px;
  width: 10px;
}

.panel-view.ceTaskboard .filter-header .first-header .filter-title {
  min-width: 60px;
}

.panel-view.ceTaskboard .filter-header .first-header .filter-title span {
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.ceTaskboard .filter-header .first-header .search-bar {
  width: 300px;
  margin-right: -40px;
}

.panel-view.ceTaskboard .filter-header .first-header .zoom-filter {
  width: 85px;
  height: 41px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e0e0e0;
}

.panel-view.ceTaskboard .filter-header .first-header .zoom-filter.selected {
  background-color: #242424;
}

.panel-view.ceTaskboard .filter-header .first-header .zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 3px;
  margin-left: -6px;
}

.panel-view.ceTaskboard .filter-header .first-header .zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.panel-view.ceTaskboard .filter-header .first-header .dropdown {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 10px;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox.inputSelected {
  border: solid 1px #dd712f;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox.inputSelected .checkBoxTitle .md-container {
  opacity: 1;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox.inputSelected .checkBoxTitle .md-container .md-icon {
  background-color: #dd712f;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox.inputSelected .checkBoxTitle .md-label {
  color: #dd712f;
  opacity: 1;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox .checkBoxTitle {
  margin: 0px;
  margin-left: 5px;
  width: 100%;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox .checkBoxTitle .md-container {
  width: 18px;
  height: 18px;
  opacity: 0.4;
}

.panel-view.ceTaskboard .filter-header .first-header .checkBox .checkBoxTitle .md-label {
  color: #000000;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.ceTaskboard .filter-header .first-header .form-field {
  padding-bottom: 0px;
}

.panel-view.ceTaskboard .filter-header .first-header .form-field .filterBox {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  height: 40px;
}

.panel-view.ceTaskboard .filter-header .first-header .form-field .filterBox .filters {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  height: 100%;
}

.panel-view.ceTaskboard .filter-header .first-header .form-field .filterBox .filters.selected {
  opacity: 1 !important;
  color: #ffffff !important;
  border: solid 1px #dd712f;
}

.panel-view.ceTaskboard .filter-header .first-header .form-field .filterBox .filters:not(:last-child) {
  border-right: solid 1px #e8e8e8;
}

.panel-view.ceTaskboard .filter-header .second-header {
  margin: 5px 15px 5px 0px;
  padding-left: 78px;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button {
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button.plain-button {
  background-color: #ffffff;
  border: 1px solid #cacece;
  border-radius: 2px;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button.plain-button .text {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin: 0px;
  float: none;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button.plain-button .text .right-space {
  padding-right: 10px;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button .material-icons {
  margin-top: 5px;
  margin-left: 10px;
}

.panel-view.ceTaskboard .filter-header .second-header .hold-button .text {
  float: right;
  margin-right: 30px;
}

.panel-view.ceTaskboard .filter-header .second-header .create-button {
  height: 36px;
}

.panel-view.ceTaskboard .filter-header .second-header .create-button .plus {
  font-size: 24px;
}

.panel-view.ceTaskboard .filter-header .second-header .create-button.big {
  width: 190px !important;
}

.panel-view.ceTaskboard .filter-header .second-header .create-button .text {
  float: right;
  margin-right: 20px;
}

.panel-view.ceTaskboard .dashboardTable td .consigneeDetails {
  display: flex;
  justify-content: center;
}

.panel-view.ceTaskboard .dashboardTable td .consigneeDetails .circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  margin: 0px;
  margin-right: 5px;
  opacity: 0.4;
  cursor: default;
  align-self: center;
}

.panel-view.ceTaskboard .dashboardTable td .consigneeDetails .circle .material-icons {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
}

.panel-view.ceTaskboard .dashboardTable td .consigneeDetails .circle.has-phone {
  opacity: 1;
  cursor: context-menu;
}

.panel-view.ceTaskboard .dashboardTable td .consigneeDetails .text {
  align-self: center;
  width: 80%;
}

.panel-view.create-cnote {
  background-color: #f2f2f2;
}

.panel-view.create-cnote .header {
  margin: 15px;
  background: white;
}

.panel-view.create-cnote .header .inner-content {
  height: 80px;
  padding: 10px 15px;
  border-right: 1px solid #f2f2f2;
}

.panel-view.create-cnote .header .inner-content .checkbox-square {
  width: 20px;
  height: 20px;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 2px;
}

.panel-view.create-cnote .header .inner-content .checkbox-square .checkbox-selected {
  background: #f16a1b;
  height: 100%;
  border-radius: 3px;
}

.panel-view.create-cnote .header .inner-content .checkbox-text {
  font-size: 16px;
  font-weight: bold;
  color: #2a2a2a;
  margin-left: 8px;
}

.panel-view.create-cnote .header .inner-content .box-container {
  background: rgba(67, 153, 70, 0.2);
  color: #439946;
  padding: 5px;
  border-radius: 3px;
}

.panel-view.create-cnote .header .toggleBox {
  height: 75%;
}

.panel-view.create-cnote .header .toggleBox .toggleElement {
  height: 100%;
  border-radius: 2px;
  background-color: #f2f2f2;
  border: solid 1px #e0e0e0;
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-view.create-cnote .header .toggleBox .toggleElement.endElement {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.panel-view.create-cnote .header .toggleBox .toggleElement .toggle-name {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  opacity: 0.4;
  width: auto;
  padding: 5px 0px 5px 0px;
  cursor: pointer;
}

.panel-view.create-cnote .header .toggleBox .toggleElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  border-width: 0px;
}

.panel-view.create-cnote .header .toggleBox .toggleElement.selected .toggle-name {
  opacity: 1;
}

.panel-view.create-cnote .header .inputBox {
  height: 100%;
}

.panel-view.create-cnote .header .inputBox input[type="text"] {
  height: 75%;
  min-width: 85%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  padding-left: 10px;
}

.panel-view.create-cnote .header .inputBox input[type="text"].error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .header .inputBox .cnoteInput::-webkit-input-placeholder {
  color: #000000;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .flex-30 {
  margin-top: -1px;
}

.panel-view.create-cnote .cnoteForm md-autocomplete {
  background-color: #f5f5f5;
  height: 39px;
}

.panel-view.create-cnote .cnoteForm md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.panel-view.create-cnote .cnoteForm md-autocomplete md-autocomplete-wrap input[type="search"] {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  padding: 0px 10px 0px 10px;
}

.panel-view.create-cnote .cnoteForm md-autocomplete md-autocomplete-wrap button[type="button"] {
  width: auto;
  height: auto;
  min-width: 30px;
}

.panel-view.create-cnote .cnoteForm md-autocomplete.inputSelected md-autocomplete-wrap {
  height: 20px;
}

.panel-view.create-cnote .cnoteForm md-autocomplete.inputSelected md-autocomplete-wrap input[type="search"] {
  height: 20px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart {
  margin: 15px;
  border-radius: 2px;
  background-color: #ffffff;
  padding-bottom: 10px;
  min-height: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.noMargin {
  margin-left: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert {
  border-radius: 2px;
  background-color: #f6a623;
  width: 90%;
  margin-top: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert.error {
  background-color: #d20922;
  color: #ffffff;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert.error .alertMessage {
  opacity: 1;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert .alertIcon {
  margin: 2px 15px 0px 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert .alertIcon .material-icons {
  width: 14px;
  height: 14px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .alert .alertMessage {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart {
  background-color: #f2f2f2;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .buttonGroup {
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .buttonGroup .saveButton {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: bold;
  background-color: #ffffff;
  color: #dd712f;
  border-radius: 0px;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .buttonGroup .submitButton {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: bold;
  background-color: #dd712f;
  color: #ffffff;
  border-radius: 0px;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .buttonGroup.disabled-look {
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm {
  border-radius: 2px;
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader {
  width: 100%;
  border-bottom: solid 1px #e9e9e9;
  padding: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader .subFormLabelWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader .subFormBtn {
  padding: 5px 10px;
  color: #fff;
  background-color: #e17878;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader .subFormLabel {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader .subFormCountIcon .subFormCount {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormHeader .subFormCountIcon .subFormIcon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody {
  width: 100%;
  margin: 10px 0px 5px 0px;
  overflow-y: auto;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button {
  padding: 5px 10px 5px 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .label {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .input-button {
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: 8px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .input-button .formInputText {
  border-radius: 2px;
  box-shadow: none;
  height: 100%;
  outline: none;
  font-weight: 500;
  opacity: 0.5;
  padding-left: 5px;
  border: 1px solid #e0e0e0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .input-button .input-action {
  margin-left: 10px;
  height: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .input-button .input-action .action-button {
  width: 100%;
  margin: 0;
  min-height: 10px;
  height: 100%;
  font-weight: bold;
  font-size: 13px;
  color: white;
  line-height: 26px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.label-input-button .input-button .input-action .action-button.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.no-padding {
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput {
  height: auto;
  display: table;
  width: 95%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .formInputBox md-checkbox {
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .formInputBox md-checkbox .md-container {
  left: auto;
  right: 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .formInputBox md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .formInputLabel {
  margin-bottom: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterBox {
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog {
  height: auto;
  margin-top: 5px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #eeeeee;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput {
  min-height: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed {
  margin: 5px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  height: 38px;
  padding: 0px 5px 0px 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed .formInputLabel {
  margin-bottom: 0px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed .inputBox {
  border-width: 0px;
  margin-top: -3px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed .inputBox md-input-container {
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed .inputBox .formInputText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.confirmed.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable {
  margin-top: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable md-radio-button {
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable md-radio-button.md-checked .md-off {
  border-color: #dd712f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable md-radio-button .md-on {
  background-color: #dd712f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable md-radio-button .md-label {
  margin-left: 30px;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable .formInputSelect {
  margin: 0px;
  margin-left: 30px;
  width: 170px;
  margin-top: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput.notAvailable .formInputSelect md-select-value {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  min-height: 15px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.documentForm .formInput .filterDialog .formInput .formInputAddAddress {
  color: red;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.billingAddress {
  padding: 5px 5px 5px 0;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.billingAddress .formInput {
  min-height: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.billingAddress .formInput .formInputLabel {
  font-size: 13px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.billingAddress .formInput .formFieldValue {
  font-family: "Brandon Text Medium";
  font-size: 11px;
  font-weight: 500;
  color: #dd712f;
  border: solid 1px #dd712f;
  text-align: right;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 24px;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.billingAddress .radio-button-wrapper {
  width: auto;
  padding: 5px 0px 0px 10px;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails {
  padding: 5px 10px 5px 10px;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput {
  border-radius: 2px;
  border-bottom: solid 1px #e9e9e9;
  background-color: #f5f5f5;
  height: inherit;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .formInputLabel {
  opacity: 0.4;
  font-size: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .formInputLabel .bold {
  opacity: 0.7;
  font-size: 12px;
  font-weight: bold;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .inputBox {
  background-color: #f5f5f5;
  border: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .inputBox::-webkit-input-placeholder {
  text-transform: initial;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .inputBox input[type="text"] {
  text-transform: uppercase;
  background-color: #f5f5f5;
  padding-left: 0px;
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .inputBox.inputSelected {
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .formatNotCorrect {
  font-family: "Brandon Text Regular";
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #e22727;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formField .formatCorrect {
  font-family: "Brandon Text Regular";
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #50a855;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.gstPanDetails .formInput .formFieldValue {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #dd712f;
  text-align: right;
  border-left: #e9e9e9;
  border-left-style: solid;
  border-left-width: 1px;
  padding-left: 7px;
  line-height: 24px;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails {
  padding: 5px 10px 5px 10px;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput {
  border-radius: 2px;
  border-bottom: solid 1px #e9e9e9;
  background-color: #f5f5f5;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput.loading {
  display: block;
  height: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput.loading .loading-text {
  font-size: 15px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput.loading img {
  width: 15%;
  height: 15%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput.error {
  border: 0 !important;
  padding: 0 5px;
  min-height: 20px;
  text-align: center;
  background: transparent;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput.error .loading-text {
  font-size: 12px;
  color: #ce3434;
  font-weight: bold;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .label-wrap {
  display: flex;
  align-items: center;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .orange {
  color: #dd712f;
  cursor: pointer;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .orange.disabled {
  cursor: not-allowed;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField.wide {
  width: 65%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .formInputLabel {
  opacity: 0.4;
  font-size: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .formInputLabel .bold {
  opacity: 0.7;
  font-size: 12px;
  font-weight: bold;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .inputBox {
  background-color: #f5f5f5;
  border: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .inputBox.less-wide {
  width: 60%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .inputBox.mini-wide {
  width: 36%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .inputBox input[type="text"] {
  background-color: #f5f5f5;
  padding-left: 0px;
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formField .inputBox.inputSelected {
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formFieldValue {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: right;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.paymentDetails .formInput .formFieldValue.wide {
  width: 35%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInfo {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  text-align: left;
  color: #000000;
  opacity: 0.4;
  margin-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInfo .heading {
  margin-bottom: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInfo .body {
  font-size: 10px;
  margin-bottom: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput {
  padding: 5px 10px 5px 10px;
  height: 41px;
  min-height: 41px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput.barcodesInfo {
  height: auto;
  max-height: 100px;
  display: inherit;
  padding: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput.barcodesInfo .barcodeRow {
  width: 100%;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  padding: 0px 10px 0px 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput.barcodesInfo .barcodeRow .cancel {
  width: auto;
  height: auto;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput.barcodesInfo .barcodeRow .cancel .material-icons {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .formInputLabel {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  display: table;
  cursor: pointer;
  width: 100%;
  min-width: 40%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox.mini {
  height: 20px;
  margin-left: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox .filterElement {
  display: table-cell;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  padding: 0px 5px 0px 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox .filterElement.filter1 {
  border-right: solid 1px #e0e0e0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .filterBox .filterElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  opacity: 1;
  border: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .inputBox {
  width: 100%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 70%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .inputBox.less-wide {
  width: 40%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .inputBox input[type="text"] {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  width: 95%;
  height: 100%;
  box-shadow: none;
  border: none;
  padding: 0px;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .inputBox.vehicleInput {
  width: 75%;
  height: 100%;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .inputBox.vehicleInput.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody .formInput .helpText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  padding-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .pricing-row {
  align-items: center;
  margin: 0 0 10px 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .pricing-row .pricingcomp {
  width: 50px;
  font-size: 11px;
  height: 14px;
  border: solid 1px #d5d5d5;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .pricing-row .pricingcomp.error {
  border: solid 2px #FF0000;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .pricing-row .disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .retailPricingTable {
  width: 100%;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .retailPricingTable .retailPricingTableRow {
  border-bottom: none;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .retailPricingTable .retailPricingTableRow.columnName {
  font-family: "Brandon Text Medium";
  font-weight: 500;
  width: 27%;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .rateInput {
  width: 85%;
  height: 18px;
  border: solid 1px #d5d5d5;
  padding-left: 5px;
  font-size: 11px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .rateInput.noBorder {
  border: 0;
  color: #191919;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .rateInput.error {
  border: solid 2px #FF0000;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate {
  margin-left: 5px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: left;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.consignorCode {
  border: 0 !important;
  padding: 0 5px;
  min-height: 20px;
  text-align: center;
  background: transparent;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.consignorCode .loading-text {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.heading {
  margin-right: 20px;
  font-size: 13px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.heading.costTitle {
  font-size: 16px;
  border-radius: 4px;
  font-weight: 700;
  margin-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.heading.pricingacc {
  width: 25%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.heading.weightvolumeacc {
  width: 50%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.wide {
  width: 80%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .costEstimate.cft {
  margin-right: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart.lastPart .subForm .subFormBody.pricingTermsForRETL .otherCharges {
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.6;
  text-align: left;
  width: 90%;
  margin-top: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader .toggleInput {
  height: auto;
  margin-left: 10px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader .toggleInput md-switch {
  margin: 0px;
  margin-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader .toggleInput.inputSelected {
  opacity: 1;
  color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader .toggleInput.inputSelected md-switch .md-container .md-bar {
  background-color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formSubHeader .toggleInput.inputSelected md-switch .md-container .md-thumb-container .md-thumb {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formHeader {
  width: 100%;
  border-bottom: solid 1px #e9e9e9;
  padding: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formHeader .heading {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formHeader .icon {
  width: 24px;
  height: 24px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBodyWrapper {
  width: 90%;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody {
  width: 90%;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin: 10px 0px 10px 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody.formButton {
  background-color: #ffffff;
  border: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody.formButton .formInputRow {
  padding: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody.bodyPart1 {
  margin: 5px 0px 0px 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody.bodyPart2 {
  width: 100%;
  margin: 0px;
  border: 0px;
  border-radius: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody.bodyPart3 {
  width: 95%;
  margin: 5px 0px 0px 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody md-switch {
  margin: 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody md-switch .md-bar {
  background-color: #838383;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody md-switch.md-checked .md-bar {
  background-color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody md-switch .md-container {
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody md-switch .md-container .md-thumb-container .md-thumb {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input {
  display: flex;
  align-items: flex-start;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input .label {
  padding: 2px;
  opacity: 0.8;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input.text-input {
  width: 320px;
  border: 1px solid #e0e0e0;
  padding: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input .input {
  padding-bottom: 10px;
  width: 282px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input .input .select {
  display: inline;
  margin: 0px;
  padding: 2px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input .input .select .md-select-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  border-bottom: 0px;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-input .input .select .md-select-value {
  border-bottom: 0px;
  text-align: left;
  opacity: 0.8;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  padding-left: 1px;
  height: 14px;
  background-image: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .date-selector {
  padding: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .date-selector .input-date-icon {
  align-items: center;
  background: #ffffff;
  display: flex;
  border: 1px solid #e0e0e0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .date-selector .input-date-icon .icon {
  opacity: 0.5;
  padding: 0 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .date-selector .input-date-icon .icon .material-icons {
  font-size: 18px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .date-selector .input-date-icon input {
  padding: 0px 5px;
  border: 0;
  width: 83%;
  opacity: 0.8;
  font-family: "Brandon Text Medium";
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-buttons {
  display: flex;
  padding: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .form-mini .form-mini-buttons button {
  width: 100%;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  color: white;
  background-color: #dd712f;
  font-weight: bold;
  border: 0;
  font-family: "Brandon Text Medium";
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .toggle {
  display: flex;
  padding: 0 10px;
  align-items: center;
  height: 44px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .toggle.disabled-look {
  cursor: not-allowed;
  opacity: 0.5;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .toggle .toggle-label {
  width: 90%;
  text-align: left;
  font-size: 12px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  color: #000000;
  opacity: 0.5;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .toggle .toggle-value {
  margin: 0 4px;
  font-size: 12px;
  font-weight: bold;
  color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow {
  width: 100%;
  padding: 5px 10px 5px 10px;
  height: 51px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .confirm {
  height: 30px;
  border-radius: 2px;
  background-color: #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .confirm.disabled-look {
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .reject {
  min-width: 130px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: bold;
  color: #dd712f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .formInputDate input[type="text"] {
  width: 95%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .toggleInput {
  height: auto;
  margin-left: 10px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .toggleInput md-switch {
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .toggleInput.inputSelected {
  opacity: 1;
  color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .toggleInput.inputSelected md-switch .md-container .md-bar {
  background-color: #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .toggleInput.inputSelected md-switch .md-container .md-thumb-container .md-thumb {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .inputBox {
  width: 100%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .inputBox.disabled-look {
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .inputBox .inputDropdown {
  margin: 0px;
  height: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .inputBox .inputDropdown .md-select-value {
  border: none;
  text-align: left;
  padding-left: 10px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInputRow .inputBox input[type="text"] {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  width: 95%;
  height: 100%;
  box-shadow: none;
  border: none;
  padding: 0px;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .invoiceSection {
  border-bottom: solid 1px #e9e9e9;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput {
  width: 100%;
  padding: 5px 10px 5px 10px;
  border-bottom: solid 1px #e9e9e9;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .rc-upload-hint-text {
  margin: 4px 0;
  font-size: 10px;
  color: orange;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid #e5e5e5;
  margin: 8px 0;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 4px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile.flexDirectionColumn {
  flex-direction: column;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .materialInvoiceWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .addNewImageButton {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #dd712f;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox .fileLabel {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox .fileLabel .upload-icon {
  margin: 4px;
  padding: 8px 12px;
  border: 1px dashed #a9a9a9;
  border-radius: 4px;
  font-size: 20px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox .fileLabel .label-text {
  margin: 4px 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox .fileLabel .uploadedBikeRcImage {
  width: 80px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputFile .fileUploadBox.disabled {
  color: #adadad;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.search {
  height: 40px;
  background-color: #fafafa;
  border-top: solid 1px #e9e9e9;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.search.inputSelected {
  padding-top: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.search input[type="text"] {
  background-color: #fafafa;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.search .material-icons {
  font-size: 16px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.correct {
  border-radius: 2px;
  border: solid 1px #429946;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.error {
  border-radius: 2px;
  border: solid 1px #d0011b !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.border-right {
  border-right: 1px solid #e9e9e9;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.small {
  height: 30px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.big {
  height: 65px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.no-padding {
  padding: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.extra-padding {
  padding: 8px 15px 8px 12px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeHeader .volumeColumn {
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  padding: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeHeader .volumeColumn.flex-10 {
  max-width: 13%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeHeader .volumeColumn.error {
  border-radius: 2px;
  border: 2px solid #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow {
  padding-right: 25px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow .volumeColumn {
  height: 50px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow .volumeColumn input[type="text"] {
  width: 90%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow .volumeColumn input[type="text"].error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow .cancel {
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.volumeRow .cancel .material-icons {
  font-size: 18px;
  margin-top: 6px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow {
  padding-right: 25px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow .detailsColumn {
  height: 50px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow .detailsColumn input[type="text"] {
  width: 50%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow .detailsColumn input[type="text"].error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow .cancel {
  cursor: pointer;
  width: 0%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.detailsRow .cancel .material-icons {
  font-size: 18px;
  margin-top: 6px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codCheckbox md-checkbox {
  margin: 0px;
  margin-left: -20px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codCheckbox md-checkbox .md-container {
  left: auto;
  right: 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codCheckbox md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codCheckbox .codCheckboxText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  flex-direction: column;
  display: flex;
  justify-content: center;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: none;
  height: auto;
  min-height: 40px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .filterBox {
  width: 50%;
  height: 30px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .filterBox .filter1 {
  width: 50%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .amountColumn {
  width: 40%;
  margin-right: 5px;
  height: auto;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .amountColumn .inputBox {
  position: relative;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .amountColumn .inputBox input[type="text"] {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 5px 0px 5px 20px;
  width: 85%;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .amountColumn .inputBox .unit {
  position: absolute;
  display: block;
  left: 5px;
  top: 4px;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.chequeAmountRow .amountColumn .amountText {
  font-family: "Brandon Text Medium";
  font-size: 8px;
  font-style: italic;
  text-align: left;
  color: #000000;
  opacity: 0.44;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow {
  min-height: 41px;
  height: auto;
  border-bottom: none;
  padding-bottom: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow.border-bottom {
  border-bottom: solid 1px #e9e9e9 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  text-align: left;
  color: #000000;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput {
  position: relative;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput .displayText {
  text-align: left;
  padding-left: 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 5px 0px 5px 10px;
  width: 100%;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput .displayText.no_border {
  border: 0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput input[type="text"] {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 5px 0px 5px 10px;
  width: 100%;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput .edit {
  position: absolute;
  display: block;
  right: 5px;
  top: 4px;
  opacity: 0.4;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .codRowInput .edit .material-icons {
  font-size: 20px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .empty-card {
  font-family: "Brandon Text Medium";
  cursor: pointer;
  background-color: white;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  padding: 4px;
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .empty-card .plus-icon {
  margin-top: 4px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .empty-card .plus-icon material-icons {
  color: #4f4f4f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .empty-card .card-body {
  margin-left: 5px;
  color: #4f4f4f;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.codRow .empty-card .edit {
  opacity: 0.5;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow {
  border-bottom: 0px;
  padding-right: 15px;
  /* Added to align the row with invoice, as required switch was removed */
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow .inputBox {
  position: relative;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow .inputBox.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow .inputBox input[type="text"] {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 5px 0px 5px 10px;
  width: 85%;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow .switch-label {
  display: block;
  margin-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow .switch-label .switch-label-text {
  font-size: 8px;
  opacity: 0.5;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow.successRow {
  height: auto;
  font-size: 12px;
  color: #2a9c4a;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow.validatingRow {
  height: auto;
  font-size: 12px;
  color: #000000;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow.issueRow {
  height: auto;
  font-size: 12px;
  color: #d44141;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.eWaybillRow.issueRow.green {
  color: #2a9c4a;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow {
  border-bottom: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .formInputLabel {
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox {
  position: relative;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox.invoiceNo {
  margin-right: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox.invoiceNo input[type="text"] {
  padding: 5px 0px 5px 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox input[type="text"] {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 5px 0px 5px 20px;
  width: 85%;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .inputBox .unit {
  position: absolute;
  display: block;
  left: 5px;
  top: 4px;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .cancel {
  margin-left: 10px;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .cancel .material-icons {
  font-size: 18px;
  margin-top: 6px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .addNewLabel {
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  color: #dd712f;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .addNewInput {
  width: 20%;
  margin-left: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .addNewInput input[type="text"] {
  width: 75%;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  padding-left: 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .invoiceSummary .summaryInfo {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.4;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .invoiceSummary .summaryIcon {
  opacity: 0.4;
  border: solid 1px #000000;
  margin-left: 10px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput.invoiceRow .invoiceSummary .summaryIcon .material-icons {
  margin-right: 1px;
  margin-top: 1px;
  font-size: 20px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .checkBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 30px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .checkBox input[type="checkbox"] {
  width: 14px;
  height: 14px;
  background-color: #000000;
  margin-right: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .checkBox .checkBoxText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.44;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox {
  width: 100%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox .formInputText {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  box-shadow: none;
  border: none;
  padding: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox .formInputText.error {
  border-radius: 2px;
  border: solid 1px #d44141 !important;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox .formInputText.textarea {
  height: 40px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox.inputSelected .formInputText {
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox.formInputDate {
  margin-top: 2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox.formInputDate.inputSelected {
  margin-top: -2px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .inputBox.formInputDate.inputSelected .formInputText {
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputLabel {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputLabel.inputSelected {
  font-size: 10px;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputLabel.left-button {
  background-color: #FFFFFF;
  color: #dd712f;
  float: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputLabel.center {
  margin-right: 10px;
  margin-top: 17px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputLabel.padding {
  padding: 3px 0px 0px 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .filterBox {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  display: table;
  cursor: pointer;
  width: auto;
  min-width: 40%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .filterBox .filterElement {
  display: table-cell;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  padding: 0px 5px 0px 5px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .filterBox .filterElement.filter1 {
  border-right: solid 1px #e0e0e0;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .filterBox .filterElement.selected {
  background-color: #dd712f;
  color: #ffffff;
  opacity: 1;
  border: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect {
  display: inline;
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect .md-select-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  border-bottom: 0px;
  text-align: left;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect .md-select-value {
  border-bottom: 0px;
  text-align: left;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  padding: 0px;
  height: 14px;
  background-image: none;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect.inputSelected .md-select-value {
  min-height: 14px;
  opacity: 0.7;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect.smaller .md-select-value {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputSelect.smaller .md-select-value span {
  width: auto;
  max-width: 40%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate md-input-container {
  margin: 0px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate md-input-container label {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  text-align: left;
  padding: 0px;
  padding-bottom: 3px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate md-input-container label:before {
  content: "Booking Date Time";
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate md-input-container input[type="text"] {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: left;
  height: auto;
  width: auto;
  border: 0px;
  padding: 0px;
  width: 98%;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate.entered md-input-container {
  margin-top: 10px;
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate.entered label {
  font-size: 10px;
  -webkit-transform: translate3d(0, 6px, 0) scale(1);
}

.panel-view.create-cnote .cnoteForm .cnoteFormPart .formBody .formInput .formInputDate .material-icons {
  opacity: 0.7;
}

.panel-view.import-cnote .md-dialog-content {
  background-color: #f5f5f5;
  text-align: center;
}

.panel-view.import-cnote .md-dialog-content.white-layout {
  background: white;
}

.panel-view.import-cnote .md-dialog-content .dialog-items-pad {
  padding: 10px 0;
}

.panel-view.import-cnote .md-dialog-content .dialog-items-pad .info-text {
  width: 100%;
  font-family: "Brandon Text Medium";
}

.panel-view.import-cnote .md-dialog-content .dialog-items-pad .info-subtext {
  font-size: 14px;
  width: 100%;
  margin: 1% 10%;
}

.panel-view.import-cnote .md-dialog-content .summary-view {
  padding: 0px;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element {
  height: 50px;
  border-right: solid 1px #e8e8e8;
  cursor: pointer;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  color: #000000;
  opacity: 0.4;
  padding-left: 20px;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #000000;
  opacity: 0.4;
  text-align: left;
  text-transform: uppercase;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element.selected {
  border-bottom: 3px solid #dd712f;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.panel-view.import-cnote .md-dialog-content .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.panel-view.import-cnote .md-dialog-content .table-elements {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.panel-view.import-cnote .md-dialog-content .table-elements .table-header .header-element {
  font-family: "Brandon Text Medium";
  font-size: 18px;
  opacity: 0.7;
  color: #000000;
  text-align: center;
  padding-bottom: 5px;
}

.panel-view.import-cnote .md-dialog-content .table-elements .row-element {
  padding-bottom: 5px;
}

.panel-view.import-cnote .md-dialog-content .table-elements .row-element .column-element {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.4;
  color: #000000;
  text-align: center;
}

.panel-view.import-cnote .md-dialog-content .table-elements .row-message {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.4;
  color: #000000;
  text-align: center;
}

.panel-view.trip .md-padding {
  background-color: #f5f5f5;
}

.panel-view.trip .md-padding .summary-view {
  padding: 0px;
}

.panel-view.trip .md-padding .summary-view .summary-element {
  height: 55px;
  width: 400px;
  border-right: solid 1px #e8e8e8;
  cursor: pointer;
}

.panel-view.trip .md-padding .summary-view .summary-element.selected {
  border-bottom: 3px solid #dd712f;
}

.panel-view.trip .md-padding .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.panel-view.trip .md-padding .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.panel-view.trip .md-padding .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  color: #000000;
  opacity: 0.4;
  padding-left: 20px;
}

.panel-view.trip .md-padding .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #000000;
  opacity: 0.4;
  text-align: left;
  text-transform: uppercase;
}

.panel-view.trip .md-padding .summary-view .summary-element .arrow {
  margin-right: -13px;
  background-color: #f2f2f2;
  border: solid 1px #d9d9d9;
  width: 27px;
  height: 27px;
  border-radius: 100px;
  z-index: 10;
}

.panel-view.trip .md-padding .summary-view .summary-element .arrow .material-icons {
  padding-left: 1px;
  padding-top: 1px;
  opacity: 0.4;
}

.panel-view.trip .filter-header {
  background-color: #ffffff;
}

.panel-view.trip .filter-header .first-header {
  padding-left: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  background-color: #fafafa;
}

.panel-view.trip .filter-header .first-header md-autocomplete {
  margin-left: 10px;
}

.panel-view.trip .filter-header .first-header md-autocomplete button {
  min-width: 10px;
  width: 10px;
}

.panel-view.trip .filter-header .first-header .filter-title {
  min-width: 60px;
}

.panel-view.trip .filter-header .first-header .filter-title span {
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.trip .filter-header .first-header .search-bar {
  width: 200px;
  margin-right: -40px;
}

.panel-view.trip .filter-header .first-header .search-bar.right-shift {
  margin-right: 10px;
}

.panel-view.trip .filter-header .first-header .zoom-filter {
  width: 85px;
  height: 41px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e0e0e0;
}

.panel-view.trip .filter-header .first-header .zoom-filter.selected {
  background-color: #242424;
}

.panel-view.trip .filter-header .first-header .zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 3px;
  margin-left: -6px;
}

.panel-view.trip .filter-header .first-header .zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.panel-view.trip .filter-header .first-header .dropdown {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.panel-view.trip .filter-header .first-header .input-wrapper {
  margin: 0 7px;
  padding: 3px 10px 2px;
  height: 40px;
  border-radius: 2px;
  width: 225px;
  border: solid 1px #e0e0e0;
  background-color: white;
}

.panel-view.trip .filter-header .first-header .input-wrapper .input-field {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  text-align: center;
}

.panel-view.trip .filter-header .first-header .input-wrapper .input-field .range-image {
  background: url("../images/date_range.png") no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  top: 5px;
  right: 5px;
  z-index: 49;
}

.panel-view.trip .filter-header .first-header .input-wrapper .input-field md-input-container {
  margin: 0;
  padding: 0;
  z-index: 50;
  width: 80%;
}

.panel-view.trip .filter-header .first-header .input-wrapper .input-field input[type="text"] {
  display: inline-block;
  font-size: 11px;
  width: 99%;
  float: left;
  height: 30px;
  line-height: 30px;
  border: 0;
}

.panel-view.trip .filter-header .first-header .form-field {
  padding-bottom: 0px;
}

.panel-view.trip .filter-header .first-header .form-field .filterBox {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  height: 40px;
}

.panel-view.trip .filter-header .first-header .form-field .filterBox .filters {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  height: 100%;
}

.panel-view.trip .filter-header .first-header .form-field .filterBox .filters.selected {
  opacity: 1 !important;
  color: #ffffff !important;
  border: solid 1px #dd712f;
}

.panel-view.trip .filter-header .first-header .form-field .filterBox .filters:not(:last-child) {
  border-right: solid 1px #e8e8e8;
}

.panel-view.trip .filter-header .second-header {
  margin: 5px 15px 5px 0px;
}

.panel-view.trip .filter-header .second-header .hold-button {
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.panel-view.trip .filter-header .second-header .hold-button .material-icons {
  margin-top: 5px;
  margin-left: 10px;
}

.panel-view.trip .filter-header .second-header .hold-button .text {
  float: right;
  margin-right: 30px;
}

.panel-view.trip .filter-header .second-header .side-buttons {
  width: 175px;
  background: white;
  border: 1px solid #dd712f;
  color: #dd712f;
  box-shadow: none;
}

.panel-view.trip .filter-header .second-header .side-buttons.wide {
  width: 220px;
}

.panel-view.trip .filter-header .second-header .create-button {
  height: 36px;
  box-shadow: none;
}

.panel-view.trip .filter-header .second-header .create-button .plus {
  font-size: 24px;
}

.panel-view.trip .filter-header .second-header .create-button.big {
  width: 170px;
}

.panel-view.trip .filter-header .second-header .create-button .text {
  float: right;
  margin-right: 20px;
}

.panel-view.trip .filter-header .second-header .download-report-button {
  height: 35px;
  width: 35px;
  padding-top: 5px;
  border-radius: 4px;
}

.panel-view.trip .dashboardTable.ceTaskboard thead tr th {
  text-align: left;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td {
  text-align: left;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td.table-alerts {
  text-align: center;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td .consigneeDetails {
  display: flex;
  justify-content: center;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td .consigneeDetails .circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  margin: 0px;
  margin-right: 5px;
  opacity: 0.4;
  cursor: default;
  align-self: center;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td .consigneeDetails .circle .material-icons {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td .consigneeDetails .circle.has-phone {
  opacity: 1;
  cursor: context-menu;
}

.panel-view.trip .dashboardTable.ceTaskboard tbody tr td .consigneeDetails .text {
  align-self: center;
  width: 80%;
}

.panel-view.trip .dashboardTable th {
  background-color: #f5f5f5;
}

.panel-view.trip .dashboardTable th.action-column {
  background-color: #e8e8e8;
}

.panel-view.trip .dashboardTable td {
  font-family: "Brandon Text Medium";
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}

.panel-view.trip .dashboardTable td.blocked {
  color: rgba(255, 0, 0, 0.7);
}

.panel-view.trip .dashboardTable td.manifest {
  background-color: #fafafa;
}

.panel-view.trip .dashboardTable td .manifest-label {
  font-size: 14px;
  opacity: 0.7;
  font-weight: bold;
  color: #000000;
  width: 500px;
  text-align: left;
}

.panel-view.trip .dashboardTable td .circle {
  width: 24px;
  height: 24px;
  border: solid 1px #bdbdbd;
  margin-left: 35px;
  margin-top: 5px;
  border-radius: 100%;
  cursor: pointer;
}

.panel-view.trip .dashboardTable td .circle .material-icons {
  opacity: 0.6;
}

.panel-view.trip .dashboardTable td .reason {
  display: flex;
  z-index: 1;
  position: relative;
}

.panel-view.trip .dashboardTable td .reason .empty-reason {
  margin-left: 10px;
}

.panel-view.trip .dashboardTable td .reason .remarks {
  width: 20px;
  height: 19px;
  border-radius: 50%;
  background: #9b9b9b;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.panel-view.trip .dashboardTable td .reason .remarks.active {
  opacity: 1;
  cursor: context-menu;
}

.panel-view.trip .dashboardTable td .reason .remarks.open {
  width: 40px;
}

.panel-view.trip .dashboardTable td .reason .remarks .material-icons {
  font-size: 12px;
  color: #FFFFFF;
}

.panel-view.trip .dashboardTable td .reason .reason-dialog .circle {
  margin-left: 35px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px #dd712f;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  opacity: 1;
}

.panel-view.trip .dashboardTable td .reason .reason-dialog .circle .material-icons {
  font-size: 15px;
  color: #dd712f;
  margin-bottom: 2px;
  margin-right: 2px;
}

.panel-view.trip .dashboardTable td .reason .reason-dialog.open {
  margin-left: 2px;
  padding: 2px;
  border-radius: 2px;
  background-color: #fafafa;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #dfdfdf;
  z-index: 2;
  position: relative;
}

.panel-view.trip .dashboardTable td .reason .reason-dialog .reason-text {
  margin-left: 5px;
  text-align: left;
}

.panel-view.retail-cashbook {
  background-color: #f2f2f2;
}

.panel-view.retail-cashbook md-select.userFilter {
  color: #000000;
  font-weight: 500;
  padding: 0;
  margin: 2px 0 0 0;
  text-align: left;
  width: 180px;
  border-radius: 2px;
  font-size: 14px;
}

.panel-view.retail-cashbook md-select.userFilter.sidePanelForm {
  border: 1px solid #e0e0e0;
  border-bottom: none;
  width: 140px;
  opacity: 0.7;
  font-weight: 500;
}

.panel-view.retail-cashbook md-select.userFilter.sidePanelForm.chatReason {
  width: 332px;
}

.panel-view.retail-cashbook md-select.userFilter.sidePanelForm.issueReport {
  font-size: 12px;
  width: 130px;
}

.panel-view.retail-cashbook .md-padding {
  margin-right: 15px;
}

.panel-view.retail-cashbook .filter-header {
  background-color: #fafafa;
  height: 61px;
  justify-content: center;
}

.panel-view.retail-cashbook .filter-header .custom-select-group {
  background-color: white;
  padding: 5px 10px 2px;
  width: 140px;
  font-size: 15px;
  height: 36px;
  border-radius: 2px;
  margin: 0 7px;
}

.panel-view.retail-cashbook .filter-header .custom-select-group.client {
  width: 180px;
}

.panel-view.retail-cashbook .filter-header .custom-select-group.client .select2-container {
  z-index: 10;
  width: 72% !important;
}

.panel-view.retail-cashbook .filter-header .custom-select-group.client .select2-container .select2-dropdown--below {
  border-top: 1px solid #aaa;
}

.panel-view.retail-cashbook .filter-header .custom-select-group.client .select2-container--default .select2-selection--single {
  border: none;
}

.panel-view.retail-cashbook .filter-header .first-header .search-bar {
  height: 36px;
  margin-right: 25px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  width: 220px;
  display: flex;
}

.panel-view.retail-cashbook .filter-header .first-header .search-bar .material-icons {
  margin: 5px 0 0 5px;
  opacity: 0.4;
}

.panel-view.retail-cashbook .filter-header .first-header .search-bar input {
  padding-left: 10px;
  margin-top: 2px;
  height: 30px;
  border: none;
  opacity: 0.6;
  font-family: "Brandon text Medium";
}

.panel-view.retail-cashbook .cashbook-container {
  display: flex;
}

.panel-view.retail-cashbook .cashbook-container .placeholder {
  text-align: center;
  width: 30%;
}

.panel-view.retail-cashbook .cashbook-container .placeholder .placeholderImg {
  margin-top: 37%;
}

.panel-view.retail-cashbook .cashbook-container .placeholder .placeholderMsg {
  font-size: 16px;
  opacity: 0.8;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details {
  width: 70%;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable {
  box-sizing: border-box;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr {
  height: 40px;
  background-color: #f5f5f5;
  outline: none;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr.more-height {
  height: 45px;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-size: 12px;
  text-align: left;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr th.actionTick {
  opacity: 0.4;
  padding-left: 10px;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr th.actionTick.orange {
  color: #dd712f;
  opacity: 1;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable thead tr th.actionTick .material-icons {
  font-size: 18px;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr {
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr.rowSelected {
  background-color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  height: 60px;
  text-align: left;
  color: rgba(0, 0, 0, 0.75);
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td.tableAlerts {
  text-align: center;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td .material-icons {
  font-size: 18px;
  color: #dd712f;
  margin-left: 5px;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td .material-icons.non-selected {
  color: #949494;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td .material-icons.red {
  color: #d0011b;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td .circle {
  cursor: pointer;
  color: black;
  margin-right: 7px;
}

.panel-view.retail-cashbook .cashbook-container .left-side-details table.cashbookTable tbody tr td .circle img {
  margin-bottom: -3px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details {
  width: 30%;
  background-color: #f8f8f8;
  display: inline-table;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e9e9e9;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px 0 15px;
  font-size: 16px;
  border-bottom: solid -4px #e9e9e9;
  background-color: #fafafa;
  height: 44px;
  font-family: "Brandon Text Bold";
  color: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .cn {
  width: 50%;
  text-align: left;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .amt {
  width: 65%;
  text-align: right;
  margin-right: 20px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .cn1 {
  width: 71%;
  text-align: left;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .amt1 {
  width: 51%;
  text-align: right;
  margin-right: 10px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .amt1.small-font {
  font-size: 14px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .side-panel-header .material-icons {
  width: 5%;
  font-size: 20px;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .submit {
  width: 91%;
  height: 36px;
  margin-left: 0;
  border-radius: 2px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  color: #ce3434;
  border: 1px solid #ce3434;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .submit.disabled-look {
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt {
  background: white;
  margin: 17px;
  align-items: center;
  height: 50px;
  border: 1px solid #e0e0e0;
  display: flex;
  font-family: "Brandon Text Regular";
  font-size: 13px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .msg {
  font-weight: 600;
  opacity: 0.9;
  padding-left: 10px;
  width: 50%;
  font-size: 14px;
  color: #494949;
  text-align: left;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .upload {
  border-radius: 2px;
  color: #dd712f;
  border: 1px solid #dd712f;
  font-weight: bold;
  font-size: 12px;
  width: 20%;
  min-width: 20%;
  height: 32px;
  padding: 6px;
  margin-right: 10px;
  margin-left: 10px;
  background: #ffffff;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .upload.right-align {
  margin-left: 80px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .upload.view {
  margin-right: 0;
  margin-left: 0;
  height: 18px;
  width: 16%;
  min-width: 15%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .uploadAtt {
  display: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .print {
  border-radius: 2px;
  color: #dd712f;
  border: 1px solid #dd712f;
  font-weight: bold;
  margin-left: 69px;
  font-size: 13px;
  width: 22%;
  min-width: 20%;
  background: #ffffff;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .print-receipt .print.view {
  width: 26%;
  padding: 6px;
  margin-right: 10px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .report-issue .cashbook-report-issue {
  width: 90%;
  margin-left: 18px;
  min-width: 0px;
  height: 36px;
  border: solid 1px #ce3434;
  background-color: #ffffff;
  border-radius: 2px;
  margin-top: 16px;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .report-issue .cashbook-report-issue .font {
  font-family: "Brandon Text Bold";
  font-size: 15px;
  color: #ce3434;
  margin-top: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails {
  margin: 17px;
  background-color: #ffffff;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .report-issue .cashbook-report-issue {
  width: 100%;
  min-width: 0px;
  height: 36px;
  border: solid 1px #ce3434;
  background-color: #ffffff;
  border-radius: 2px;
  margin-top: 16px;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .report-issue .cashbook-report-issue .font {
  font-family: "Brandon Text Bold";
  font-size: 15px;
  color: #ce3434;
  margin-top: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .header {
  height: 42px;
  border: solid 1px #e0e0e0;
  background-color: #fafafa;
  cursor: pointer;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .header.disabled-look {
  opacity: 0.2;
  cursor: not-allowed;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .header .content {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  font-weight: bold;
  font-size: 14px;
  color: #494949;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat-log-container {
  display: block;
  height: 250px;
  overflow: auto;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #ffffff;
  border-top: 0 !important;
  border: solid 1px #e0e0e0;
  padding-bottom: 20px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields {
  display: flex;
  flex-wrap: wrap;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 20px 10px 10px 10px;
  width: 40%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field.wide {
  width: 48%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field.less-wide {
  width: 32%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field.full-width {
  width: 100%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field .font4 {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 12px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field .buttons .upload {
  height: 30px;
  margin-left: 0;
  margin-top: 2px;
  background: white;
  color: #dd712f;
  border: 1px solid #dd712f;
  font-weight: bold;
  width: 42%;
  border-radius: 2px;
  font-size: 13px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field .buttons .uploadCount {
  background: #ce3434;
  width: 15px;
  height: 15px;
  position: absolute;
  margin-left: 8px;
  border-radius: 50%;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .cashbook-form-field .buttons .uploadAtt {
  display: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .deposit {
  border-radius: 2px;
  border: 0;
  width: 92%;
  margin: 15px 0 0 11px;
  background: #dd712f;
  color: white;
  font-weight: bold;
  height: 35px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form-second .fields .deposit.disabled-look {
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container {
  padding-top: 31px;
  padding-left: 31px;
  height: auto;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-top: 0;
  overflow: auto;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container::-webkit-scrollbar {
  width: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .title {
  display: flex;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .title .icon {
  width: 27px;
  height: 27px;
  position: relative;
  left: -12.5px;
  top: -18px;
  background-color: #429946;
  border-radius: 20px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .title .icon .material-icons {
  position: relative;
  top: 4px;
  color: #ffffff;
  font-size: 19px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .title .heading {
  position: relative;
  top: -16px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .matter {
  border-left-color: #429946;
  border-left-width: 2px;
  border-left-style: solid;
  position: relative;
  top: -18px;
  padding: 1px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .matter.repeated-lifecycle-last {
  border-left: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .matter .date {
  text-align: left;
  padding-left: 28px;
  position: relative;
  top: -2px;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .lifecycle-container .repeated-lifecycle .matter .lifecycledetails {
  text-align: left;
  padding-left: 28px;
  padding-top: 4px;
  font-family: "Brandon Text Medium";
  opacity: 0.7;
  font-size: 14px;
  color: #000000;
  max-width: 75%;
  margin-bottom: 14px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form {
  border-radius: 2px;
  background-color: #ffffff;
  border-top: 0;
  border: solid 1px #e0e0e0;
  padding-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons {
  display: flex;
  padding: 15px 0 0 15px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons .submit {
  width: 42%;
  height: 36px;
  border-radius: 2px;
  background-color: #dd712f;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 24px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons .submit.only-submit {
  width: 91%;
  margin-left: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons .submit.disabled-look {
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons .reportIssue {
  width: 42%;
  height: 36px;
  border-radius: 2px;
  background-color: white;
  font-size: 13px;
  font-weight: bold;
  color: #ce3434;
  border: 1px solid #ce3434;
  margin-left: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .buttons .reportIssue.disabled-look {
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields {
  display: flex;
  flex-wrap: wrap;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 14px;
  width: 40%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.full-width {
  width: 100%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .select-datetime {
  margin: 0px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .select-datetime md-input-container {
  margin: 2px 0 0 0;
  height: 30px;
  width: 140px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .select-datetime md-input-container input[type="text"] {
  width: 100%;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single {
  padding-right: 60px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-label {
  font-size: 12px;
  color: black;
  opacity: 0.4;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-checked .md-ink-ripple {
  color: white;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-checked .md-label {
  opacity: 0.7;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-checked .md-icon {
  background-color: #dd712f;
  opacity: 1;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-icon {
  top: 4px;
  width: 15px;
  height: 15px;
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field.single .paymentModes .md-icon::after {
  left: 2.66667px;
  top: -3px;
  width: 6px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input {
  width: 110px;
  height: 27px;
  border: none;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 500;
  padding-left: 7px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input.no-left-padding {
  padding-left: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input.hidden {
  opacity: 0;
  width: 10px;
  position: relative;
  right: 36px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input.amt {
  border-left: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input.amt.issueReport {
  padding-left: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field input.amt.chat-message {
  width: 85%;
  font-size: 12px;
  padding-left: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field select {
  width: 140px;
  border-radius: 0px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt {
  display: flex;
  width: 140px;
  border-radius: 2px;
  border: solid 1px #eaeaea;
  margin-top: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess {
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input {
  width: 110px;
  height: 27px;
  border: none;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 500;
  padding-left: 7px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input.amt {
  border-left: 0;
  font-weight: bold;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input.amt.check {
  color: black;
  opacity: 0.6;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input.amt.checking {
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input.amt.done {
  color: #429946;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess input.amt.notDone {
  color: #d0011b;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess .statusChecker {
  padding-top: 5px;
  padding-right: 3px;
  padding-left: 1px;
  border: 1px solid #e9e9e9;
  border-right: 0;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.borderLess .statusChecker .material-icons {
  font-size: 19px;
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt .symbol {
  width: 15px;
  padding-top: 6px;
  font-weight: 600;
  opacity: 0.7;
  font-size: 13px;
  padding-left: 4px;
  border-right: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt .uploadAtt {
  display: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt .attachment {
  width: 12%;
  text-align: center;
  padding-top: 5px;
  border-left: 1px solid #e0e0e0;
  cursor: pointer;
  position: relative;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt .attachment .material-icons {
  opacity: 0.6;
  font-size: 18px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt .attachment .uploadCount {
  background: #ce3434;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 60%;
  bottom: 62%;
  border-radius: 50%;
  color: white;
  font-size: 10px;
  font-weight: bold;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.full-width {
  width: 98%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .inputAmt.issueReport {
  padding-left: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .font4 {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 12px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .reasonPresent {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .demo {
  width: 194%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .demo .select2-container {
  width: 140px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .demo .select2-container--default .select2-selection--single {
  height: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .fields .cashbook-form-field .demo .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 3px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .submit {
  width: 91%;
  height: 33px;
  border-radius: 2px;
  background-color: #dd712f;
  font-size: 13px;
  border: 0;
  font-weight: bold;
  color: #ffffff;
  margin-left: 0;
  margin-right: 4px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .submit.disabled-look {
  opacity: 0.5;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .submit.settle {
  width: 41%;
  margin-right: 34px;
  font-size: 13px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .input-form .submit.compress {
  width: 40%;
  font-size: 13px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat {
  border-radius: 2px;
  background-color: #ffffff;
  padding: 16px 18px 12px 16px;
  border-bottom: 2px solid #e9e9e9;
  font-family: "Brandon Text Medium";
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head {
  display: flex;
  flex-direction: row;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .role {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .role.fin {
  background-color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .role.ou {
  background-color: #8e8e93;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .role .content {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #ffffff;
  position: relative;
  top: 7px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .user-name {
  padding-left: 8px;
  text-align: left;
  width: 45%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .user-name .name {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .user-name .date {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 10px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .attachments {
  width: 41%;
  text-align: right;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-head .attachments .material-icons {
  font-size: 18px;
  font-weight: 600;
  opacity: 0.7;
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .message {
  padding: 7px 0px 12px 40px;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  max-width: 225px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .message.reason {
  opacity: 0.8;
  font-weight: bold;
  color: #dd712f;
  padding-bottom: 0px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status {
  text-align: left;
  padding: 7px;
  margin-left: 40px;
  display: flex;
  border: solid 1px #e0e0e0;
  border-style: dashed;
  max-width: 198px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status .image {
  margin-right: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status .content {
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status .content.proposed {
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status .content.approved {
  color: #429946;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .status .content.rejected {
  color: #ff2d55;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-action {
  padding: 12px 0px 0px 40px;
  display: flex;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-action button {
  width: 70px;
  height: 28px;
  border-radius: 2px;
  background-color: #dd712f;
  min-width: 0px;
  border: none;
  color: rgba(255, 255, 255, 0.98);
  font-family: "Brandon Text Medium";
  font-size: 12px;
  margin-left: 0px;
  margin-right: 8px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .chat .chat-action button.reject {
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .total {
  display: flex;
  height: 40px;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-top: 0;
  border-bottom: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .total .left {
  opacity: 0.4;
  padding-left: 10px;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  width: 41.5%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .total .right {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.7;
  text-align: left;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .toclear-container {
  height: auto;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 16px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-top: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .toclear-container .clearence-details {
  opacity: 0.4;
  font-family: "Brandon Text Bold";
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 10px;
  color: #000000;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .toclear-container .clearence-button {
  font-family: "Brandon Text Medium";
  border-radius: 2px;
  width: 100%;
  padding-top: 4px;
  position: relative;
  left: -20px;
  background: #dd712f;
  color: white;
  font-weight: bold;
  height: 35px;
  border: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container {
  height: auto;
  max-height: 194px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container::-webkit-scrollbar {
  width: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container.set-height {
  max-height: 325px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable {
  box-sizing: border-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable thead tr {
  height: 40px;
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-top: 0;
  border-radius: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-size: 12px;
  text-align: left;
  width: 28%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable thead tr th.empty {
  width: 16%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr {
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td {
  font-size: 12px;
  height: 40px;
  font-weight: 600;
  opacity: 0.6;
  text-align: left;
  width: 28%;
  font-family: "Brandon text Regular";
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.track-link,
.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .track-link {
  cursor: pointer;
  color: #dd712f;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.height50 {
  height: 50px;
  width: 40%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput {
  display: block;
  border: 0;
  height: 32px;
  border-radius: 2px;
  padding: 1px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput .top {
  margin-bottom: 2px;
  margin-top: -6px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput .bottom {
  display: inline-flex;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput .bottom .symbol {
  padding-top: 9px;
  margin-right: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput .bottom input {
  width: 78px;
  height: 22px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 600;
  opacity: 0.7;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  padding-left: 2px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td .columnInput .bottom input.border-hide {
  border: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.delete {
  width: 10%;
  padding-left: 6%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.delete.noUpDownBorder {
  border-top: 0;
  border-bottom: 0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.delete .material-icons {
  font-size: 18px;
  opacity: 0.7;
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .table-container table.viewCnTable tbody tr td.delete img {
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .addbuttons {
  display: flex;
  justify-content: flex-end;
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-top: 1px solid #eeeeee;
  font-weight: bold;
  font-size: 15px;
  padding: 10px;
  padding-left: 30px;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .addbuttons .updatebutton {
  width: 80px;
  min-width: 75px;
  height: 33px;
  margin-left: 10px;
  border: 0;
  border-radius: 2px;
  font-weight: 600;
  background-color: #dd712f;
  color: #ffffff;
  font-family: "Brandon Text Medium";
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails .addbuttons .cancelbutton {
  width: 75px;
  font-weight: bold;
  min-width: 60px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
  font-family: "Brandon Text Medium";
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable {
  box-sizing: border-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: none;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable thead tr {
  height: 40px;
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-size: 12px;
  text-align: left;
  width: 28%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable thead tr th.empty {
  width: 16%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable tbody tr {
  outline: none;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable tbody tr td {
  font-size: 12px;
  height: 40px;
  font-weight: 600;
  opacity: 0.7;
  text-align: left;
  width: 28%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable tbody tr td.delete {
  width: 16%;
  padding-left: 8%;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .collectionSubDetails table.viewCnTable tbody tr td.delete img {
  cursor: pointer;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .cashbook-consignment-details {
  margin: 17px;
  background-color: #ffffff;
}

.panel-view.retail-cashbook .cashbook-container .right-side-details .cashbook-consignment-details .header {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.panel-view.retail-cashbook .summary-view {
  padding: 0px;
}

.panel-view.retail-cashbook .summary-view.cashbook-top-card {
  box-shadow: none;
}

.panel-view.retail-cashbook .summary-view .summary-element {
  height: 55px;
  width: 400px;
}

.panel-view.retail-cashbook .summary-view .summary-element.cashbook-cards {
  height: 70px;
  border-right: solid 1px #e8e8e8;
  cursor: pointer;
}

.panel-view.retail-cashbook .summary-view .summary-element.cashbook-cards.last {
  border-right: 0;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card {
  height: 70px;
  font-family: "Brandon Text Medium";
  display: flex;
  opacity: 0.4;
  width: 100%;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card.selected {
  color: #dd712f;
  opacity: 1;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card .left {
  padding: 16px 0 0 0;
  width: 35%;
  margin-right: 5%;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card .left .count {
  font-family: "Brandon Text Bold";
  font-size: 24px;
  text-align: right;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card .right {
  padding: 10px 0 0 0;
  width: 65%;
  text-align: left;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card .right .label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}

.panel-view.retail-cashbook .summary-view .summary-element .cashbook-card .right .amount {
  font-size: 19px;
  font-weight: 600;
}

.panel-view.retail-cashbook .summary-view .summary-element .arrow .material-icons {
  opacity: 0.4;
}

.panel-view.retail-cashbook .summary-view .summary-element.selected {
  border-bottom: 3px solid #dd712f;
}

.panel-view.retail-cashbook .summary-view .summary-element.selected .cashbook-card .top {
  color: #dd712f;
  font-weight: 600;
  opacity: 0.8;
}

.panel-view.retail-cashbook .summary-view .summary-element.selected .cashbook-card .bottom {
  color: #dd712f;
  font-weight: 600;
  opacity: 1;
}

.panel-view.retail-cashbook .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.panel-view.retail-cashbook .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.panel-view.retail-cashbook .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  padding-left: 48px;
  color: #000000;
  opacity: 0.4;
}

.panel-view.retail-cashbook .summary-view .summary-element .label-count.label-20 {
  font-size: 20px;
}

.panel-view.retail-cashbook .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #000000;
  opacity: 0.4;
}

.panel-view.retail-cashbook .summary-view .summary-element .label-name.label-12 {
  font-size: 12px;
}

.panel-view.retail-cashbook .summary-view .summary-element .label-name.last {
  margin-right: 20px;
}

.panel-view.retail-cashbook .summary-view .summary-element .arrow {
  margin-right: -13px;
  border-radius: 50%;
  background-color: #f2f2f2;
  z-index: 10;
  border: 1px solid #eaeaea;
  height: 25px;
  width: 25px;
}

.panel-view.retail-cashbook .summary-view .summary-element .arrow .material-icons {
  padding: 2px;
  font-size: 20px;
}

.panel-view.retail-cashbook .filter-header .first-header {
  margin-left: 26px;
}

.panel-view.retail-cashbook .filter-header .first-header md-autocomplete {
  margin-left: 10px;
}

.panel-view.retail-cashbook .filter-header .first-header md-autocomplete button {
  min-width: 10px;
  width: 10px;
}

.panel-view.retail-cashbook .filter-header .first-header .filter-title {
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.retail-cashbook .filter-header .first-header .zoom-filter {
  width: 85px;
  height: 41px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
}

.panel-view.retail-cashbook .filter-header .first-header .zoom-filter.selected {
  background-color: #242424;
}

.panel-view.retail-cashbook .filter-header .first-header .zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 3px;
  margin-left: -6px;
}

.panel-view.retail-cashbook .filter-header .first-header .zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.panel-view.retail-cashbook .filter-header .second-header {
  margin: 5px 15px 5px 0px;
}

.panel-view.retail-cashbook .filter-header .second-header .hold-button {
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.panel-view.retail-cashbook .filter-header .second-header .hold-button .material-icons {
  margin-top: 5px;
  margin-left: 10px;
}

.panel-view.retail-cashbook .filter-header .second-header .hold-button .text {
  float: right;
  margin-right: 30px;
}

.panel-view.retail-cashbook .filter-header .second-header .create-button {
  height: 36px;
}

.panel-view.retail-cashbook .filter-header .second-header .create-button.in-stock {
  width: 200px;
}

.panel-view.retail-cashbook .filter-header .second-header .create-button .plus {
  font-size: 24px;
}

.panel-view.retail-cashbook .filter-header .second-header .create-button .plus.left {
  float: left;
}

.panel-view.retail-cashbook .filter-header .second-header .create-button .text {
  float: right;
  margin-right: 20px;
}

.panel-view.retail-cashbook .filter-header .input-wrapper {
  margin: 0 7px;
  padding: 3px 10px 2px;
  height: 36px;
  border-radius: 2px;
  width: 225px;
  border: solid 1px #e0e0e0;
  background-color: white;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  text-align: center;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field .range-image {
  width: 30px;
  height: 30px;
  float: right;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field .range-image img {
  width: 30px;
  height: 30px;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field .range-image .shrink {
  width: 20px;
  height: 20px;
  padding-top: 4px;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field md-input-container {
  margin: 0;
  padding: 0;
  z-index: 50;
  width: 80%;
}

.panel-view.retail-cashbook .filter-header .input-wrapper .input-field input[type="text"] {
  display: inline-block;
  font-size: 11px;
  width: 99%;
  float: left;
  height: 30px;
  line-height: 30px;
  border: 0;
}

.panel-view.retail-cashbook .dashboardTable tbody tr td tbody tr td .unplan-button {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #dd712f;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #bdbdbd;
  text-transform: none;
}

.panel-view.retail-cashbook .dashboardTable tbody tr td tbody tr td .unplan-button .material-icons {
  font-size: 20px;
  margin-top: 7px;
}

.panel-view.retail-cashbook .dashboardTable tbody tr td tbody tr td .unplan-button .text {
  float: right;
  margin-right: 15px;
}

.panel-view.delivery .highlight.maroon {
  color: #800000;
}

.panel-view.delivery .highlight.blue {
  color: #3bb1cf;
}

.panel-view.delivery .highlight.green {
  color: #429946;
}

.panel-view.delivery .dashboardTable td {
  font-family: "Brandon Text Medium";
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}

.panel-view.delivery .dashboardTable td.blocked {
  color: rgba(255, 0, 0, 0.7);
}

.panel-view.delivery .dashboardTable td .actions {
  display: flex;
  margin-left: 20%;
}

.panel-view.delivery .dashboardTable td .reason {
  display: flex;
  z-index: 1;
  position: relative;
}

.panel-view.delivery .dashboardTable td .reason .empty-reason {
  margin-left: 10px;
}

.panel-view.delivery .dashboardTable td .reason .remarks {
  width: 20px;
  height: 19px;
  border-radius: 50%;
  background: #9b9b9b;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.panel-view.delivery .dashboardTable td .reason .remarks.active {
  width: 35px;
  opacity: 1;
  cursor: context-menu;
}

.panel-view.delivery .dashboardTable td .reason .remarks.open {
  width: 40px;
}

.panel-view.delivery .dashboardTable td .reason .remarks .material-icons {
  font-size: 12px;
  color: #FFFFFF;
}

.panel-view.delivery .dashboardTable td .reason .reason-dialog .circle {
  margin-left: 35px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px #dd712f;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  opacity: 1;
}

.panel-view.delivery .dashboardTable td .reason .reason-dialog .circle .material-icons {
  font-size: 15px;
  color: #dd712f;
  margin-bottom: 2px;
  margin-right: 2px;
}

.panel-view.delivery .dashboardTable td .reason .reason-dialog.open {
  margin-left: 2px;
  padding: 2px;
  border-radius: 2px;
  background-color: #fafafa;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #dfdfdf;
  z-index: 2;
  position: relative;
}

.panel-view.delivery .dashboardTable td .reason .reason-dialog .reason-text {
  margin-left: 5px;
  text-align: left;
}

.panel-view.delivery .dashboardTable td .consigneeDetails {
  display: flex;
  justify-content: center;
}

.panel-view.delivery .dashboardTable td .consigneeDetails .circle {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 5px;
  opacity: 0.4;
  cursor: default;
  align-self: center;
}

.panel-view.delivery .dashboardTable td .consigneeDetails .circle .material-icons {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
}

.panel-view.delivery .dashboardTable td .consigneeDetails .circle.has-phone {
  opacity: 1;
  cursor: context-menu;
}

.panel-view.delivery .dashboardTable td .consigneeDetails .text {
  align-self: center;
  width: 80%;
}

.panel-view.delivery .dashboardTable td .action-buttons.bigger {
  height: auto;
}

.panel-view.delivery .dashboardTable td .action-buttons .action-checkbox {
  margin-top: 10px;
}

.panel-view.delivery .dashboardTable td .action-buttons .row-button {
  width: 95px;
  height: 26px;
  text-transform: none;
}

.panel-view.delivery .dashboardTable td .action-buttons .multiple-button {
  height: 40px;
}

.panel-view.delivery .dashboardTable td .action-buttons .first-button .row-button {
  width: 100%;
  min-width: 0px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
  text-transform: none;
}

.panel-view.delivery .dashboardTable td .action-buttons .first-button .dropdown-arrow {
  color: #dd712f;
  border: solid 1px #dd712f;
  padding-right: 24px;
  padding-top: 9px;
  margin-bottom: 6px;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.panel-view.delivery .dashboardTable td .action-buttons .first-button .dropdown-arrow .material-icons {
  margin-top: -3px;
}

.panel-view.delivery .dashboardTable td .action-buttons .dropdown-button {
  position: absolute;
  margin-top: 40px;
  width: 100px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e0e0e0;
}

.panel-view.delivery .dashboardTable td .action-buttons .dropdown-button .nested-button {
  background-color: #ffffff;
  text-align: left;
  margin-bottom: 2px;
  text-transform: none;
  margin-left: 5px;
}

.panel-view.delivery .summary-view {
  padding: 0px;
}

.panel-view.delivery .summary-view.cashbook-top-card {
  box-shadow: none;
}

.panel-view.delivery .summary-view .summary-element {
  height: 55px;
  width: 400px;
}

.panel-view.delivery .summary-view .summary-element.cashbook-cards {
  height: 80px;
  border-right: solid 1px #e8e8e8;
}

.panel-view.delivery .summary-view .summary-element.cashbook-cards.last {
  border-right: 0;
}

.panel-view.delivery .summary-view .summary-element .cashbook-card {
  margin-top: 25px;
  margin-left: 65px;
  height: 80px;
  font-family: "Brandon Text Medium";
}

.panel-view.delivery .summary-view .summary-element .cashbook-card .top {
  opacity: 0.5;
}

.panel-view.delivery .summary-view .summary-element .cashbook-card .top .count {
  font-size: 20px;
  margin: 0 16px 0 8px;
  font-weight: 600;
}

.panel-view.delivery .summary-view .summary-element .cashbook-card .top .label {
  font-size: 14px;
}

.panel-view.delivery .summary-view .summary-element .cashbook-card .bottom {
  opacity: 0.5;
  padding: 5px;
  font-size: 20px;
}

.panel-view.delivery .summary-view .summary-element .arrow .material-icons {
  opacity: 0.4;
}

.panel-view.delivery .summary-view .summary-element.selected {
  border-bottom: 3px solid #dd712f;
}

.panel-view.delivery .summary-view .summary-element.selected .cashbook-card .top {
  color: #dd712f;
  font-weight: 600;
  opacity: 0.8;
}

.panel-view.delivery .summary-view .summary-element.selected .cashbook-card .bottom {
  color: #dd712f;
  font-weight: 600;
  opacity: 1;
}

.panel-view.delivery .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.panel-view.delivery .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.panel-view.delivery .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  padding-left: 48px;
  color: #000000;
  opacity: 0.4;
}

.panel-view.delivery .summary-view .summary-element .label-count.label-20 {
  font-size: 20px;
}

.panel-view.delivery .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #000000;
  opacity: 0.4;
}

.panel-view.delivery .summary-view .summary-element .label-name.label-12 {
  font-size: 12px;
}

.panel-view.delivery .summary-view .summary-element .label-name.last {
  margin-right: 20px;
}

.panel-view.delivery .summary-view .summary-element .arrow {
  margin-right: -13px;
  border-radius: 50%;
  background-color: #e0e0e0;
  z-index: 10;
}

.panel-view.delivery .summary-view .summary-element .arrow .material-icons {
  padding: 2px 1px 1px 1px;
}

.panel-view.delivery .summary-view .box-label {
  font-size: 20px;
  color: #494949;
  margin: 10px auto;
}

.panel-view.delivery .summary-view .boxes-count {
  margin: auto;
  font-size: 52px;
}

.panel-view.delivery .summary-view .box-title {
  margin: auto;
  font-size: 20px;
}

.panel-view.delivery .summary-view .scan-button {
  width: 217px;
  height: 36px;
  border: 1px solid #979797;
  border-radius: 4px;
  width: 200px;
  font-size: 15px;
  padding: 10px 17px;
  background-color: #f5f5f5;
  margin: 10px auto;
}

.panel-view.delivery .summary-view .scan-button.selected {
  background-color: #dd712f;
}

.panel-view.delivery .summary-view .scan-button.selected .label-name {
  color: #ffffff;
}

.panel-view.delivery .barcode-section .barcode-header ul {
  list-style-type: none;
  width: 100%;
}

.panel-view.delivery .barcode-section .barcode-header ul li {
  background-color: #efefef;
  border-radius: 4px;
  width: 80%;
  height: 46px;
  margin: 10px 25px;
  max-width: 80%;
}

.panel-view.delivery .barcode-section .barcode-header ul li span {
  text-overflow: ellipsis;
  padding: 10px;
  white-space: nowrap;
  max-width: 60%;
  overflow: hidden;
  display: inline-block;
}

.panel-view.delivery .barcode-section .barcode-header ::placeholder {
  color: #b8b8b8;
  font-family: Helvetica;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

.panel-view.delivery .barcode-section .barcode-header .barcode-input {
  border-radius: 5px;
  height: 40px;
  width: 90%;
  border: 2px solid #b8b8b8;
}

.panel-view.delivery .filter-header .first-header {
  margin-left: 26px;
}

.panel-view.delivery .filter-header .first-header md-autocomplete {
  margin-left: 10px;
}

.panel-view.delivery .filter-header .first-header md-autocomplete button {
  min-width: 10px;
  width: 10px;
}

.panel-view.delivery .filter-header .first-header .filter-title {
  font-family: "Brandon Text Medium";
  font-size: 14px;
}

.panel-view.delivery .filter-header .first-header .search-bar {
  width: 300px;
  margin-right: -40px;
}

.panel-view.delivery .filter-header .first-header .search-bar.width200 {
  width: 200px;
}

.panel-view.delivery .filter-header .first-header .zoom-filter {
  width: 85px;
  height: 41px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  cursor: pointer;
  font-family: "Brandon Text Medium";
  box-shadow: none;
}

.panel-view.delivery .filter-header .first-header .zoom-filter.topPadding {
  padding: 10px 0 10px 0;
  font-size: 12px;
  width: 100px;
}

.panel-view.delivery .filter-header .first-header .zoom-filter.selected {
  background-color: #242424;
}

.panel-view.delivery .filter-header .first-header .zoom-filter.selected-red {
  background-color: #dd712f;
  box-shadow: none;
}

.panel-view.delivery .filter-header .first-header .zoom-filter.larger {
  width: 100px;
}

.panel-view.delivery .filter-header .first-header .zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 3px;
  margin-left: -6px;
}

.panel-view.delivery .filter-header .first-header .zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.panel-view.delivery .filter-header .second-header {
  margin: 5px 15px 5px 0px;
  padding-left: 78px;
}

.panel-view.delivery .filter-header .second-header .hold-button {
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.panel-view.delivery .filter-header .second-header .hold-button .material-icons {
  margin-top: 5px;
  margin-left: 10px;
}

.panel-view.delivery .filter-header .second-header .hold-button .text {
  float: right;
  margin-right: 30px;
}

.panel-view.delivery .filter-header .second-header .create-button {
  height: 36px;
}

.panel-view.delivery .filter-header .second-header .create-button.in-stock {
  width: 200px;
}

.panel-view.delivery .filter-header .second-header .create-button .plus {
  font-size: 24px;
}

.panel-view.delivery .filter-header .second-header .create-button .plus.left {
  float: left;
}

.panel-view.delivery .filter-header .second-header .create-button .text {
  float: right;
  margin-right: 20px;
}

.panel-view.delivery .dashboardTable tbody tr td tbody tr td .unplan-button {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #dd712f;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #bdbdbd;
  text-transform: none;
}

.panel-view.delivery .dashboardTable tbody tr td tbody tr td .unplan-button .material-icons {
  font-size: 20px;
  margin-top: 7px;
}

.panel-view.delivery .dashboardTable tbody tr td tbody tr td .unplan-button .text {
  float: right;
  margin-right: 15px;
}

.panel-view.alerts-view .dashboardTable tbody td {
  font-family: "Brandon Text Medium";
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7);
}

.panel-view.alerts-view .dashboardTable tbody td .highlight {
  color: #dd712f;
}

.panel-view.alerts-view .dashboardTable tbody td .reason {
  display: flex;
}

.panel-view.alerts-view .dashboardTable tbody td .reason .remarks {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9b9b9b;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.panel-view.alerts-view .dashboardTable tbody td .reason .remarks.active {
  opacity: 1;
  cursor: context-menu;
}

.panel-view.alerts-view .dashboardTable tbody td .reason .remarks .material-icons {
  font-size: 12px;
  color: #FFFFFF;
}

.panel-view.alerts-view .dashboardTable tbody td .reason .reason-text {
  width: calc(100% - 25px);
  margin-left: 5px;
  text-align: left;
}

.panel-view.alerts-view .dashboardTable tbody td .action-buttons {
  display: flex;
}

.panel-view.alerts-view .dashboardTable tbody td .action-buttons.tripleButton .alert-button {
  width: 38px !important;
}

.panel-view.alerts-view .dashboardTable tbody td .action-buttons.tripleButton .alert-button.edit {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.panel-view.alerts-view .dashboardTable tbody td .action-buttons.middle {
  margin-left: 30%;
}

.panel-view.alerts-view .alerts-type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #efefef;
}

.panel-view.alerts-view .alerts-type .type {
  width: 16%;
  margin: 0 10px;
  height: 40px;
  display: flex;
  border-radius: 2px;
  background-color: #FFFFFF;
  cursor: pointer;
}

.panel-view.alerts-view .alerts-type .type > * {
  align-items: center;
  display: flex;
  justify-content: center;
}

.panel-view.alerts-view .alerts-type .type .numAlerts {
  min-width: 64px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #fafafa;
  border-left: solid 0.5px #e3e3e3;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-family: "Brandon Text Medium";
}

.panel-view.alerts-view .alerts-type .type .alertTypeLabel {
  width: calc(100% - 64px);
  font-family: "Brandon Text Bold";
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}

.panel-view.alerts-view .alerts-type .type.selected .numAlerts {
  color: #FFFFFF;
  background-color: #dd712f;
}

.panel-view.alerts-view .alerts-type .type.selected .alertTypeLabel {
  color: #de7230;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter {
  width: 8%;
  opacity: 1;
  color: #323232;
  background: whitesmoke;
  font-weight: bold;
  font-style: italic;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  border-radius: 2px;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter.big {
  width: 12%;
  height: auto;
  color: #999;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter.open-alerts-filter {
  font-size: smaller;
  font-style: normal;
  width: 90px !important;
  min-width: 0 !important;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter.open-alerts-filter.smallText {
  font-size: 10px;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter.zoomFilter {
  background: #242424;
  color: #e2864e;
  border: 0;
}

.panel-view.alerts-view .actionable-row .filterBox.zoom-filter.zoomFilter.open-alerts-filter {
  border: 1px solid #e0e0e0;
}

.panel-view.alerts-view .actionable-row .filterBox .filters {
  height: 36px;
}

.panel-view.alerts-view .actionable-row .filterBox.serviceFilter {
  width: 20%;
}

.panel-view .reportDeps .createPickupForm {
  width: 60%;
}

.panel-view .reportDeps .form-field {
  margin-top: 10px;
  margin-bottom: 20px;
}

.panel-view .reportDeps md-radio-group {
  background-color: #ffffff;
  margin: 10px;
  height: 50px;
  border: 1px solid #e1e1e1;
}

.panel-view .reportDeps md-radio-group md-radio-button .md-label {
  top: 15px;
  height: 20px;
}

.panel-view .reportDeps .image-uploader,
.panel-view .reportDeps .alert-bar {
  margin: 0 26px;
}

.panel-view .reportDeps .secondary-header {
  width: 160px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
}

.panel-view .reportDeps .secondary-header.full-text {
  width: 100%;
}

.panel-view .selected-filters .filter-chip {
  color: #424242;
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  width: 200px;
  position: relative;
  padding-left: 5px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
}

.panel-view .selected-filters .filter-chip .filter-label,
.panel-view .selected-filters .filter-chip .filter-client {
  display: inline-block;
  white-space: nowrap;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  color: #000000;
  opacity: 0.7;
}

.panel-view .selected-filters .filter-chip .filter-label {
  border-right: solid 1px #e8e8e8;
  font-family: "Brandon Text Medium";
}

.panel-view .selected-filters .filter-chip .filter-search {
  position: absolute;
  left: 8px;
  height: 32px;
  cursor: pointer;
  display: flex;
}

.panel-view .selected-filters .filter-chip .filter-search md-icon {
  font-size: 16px;
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
  color: #000000;
  opacity: 0.4;
}

.panel-view .selected-filters .filter-chip .filter-client {
  width: 25%;
  opacity: 0.4;
  font-size: 12px;
  font-family: "Brandon Text Regular";
}

.panel-view * {
  outline: none;
}

.panel-view * sm-date-time-picker .sm-input-container {
  margin: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
}

.panel-view * sm-date-time-picker .sm-input-container .sm-picker-icon {
  padding: 0;
  margin: 0;
  height: 100%;
  left: 85%;
  width: 15%;
}

.panel-view * .action-buttons-cp {
  /*Only to be used by CP*/
}

.panel-view * .action-buttons-cp .button-wrapper-cp .alert-button.select {
  margin-left: 3px;
}

.panel-view *.closeBtn {
  fill: #000000;
}

.panel-view *.loading {
  font-size: 40px;
}

.panel-view.trackPickup .pending,
.panel-view.trackPickup md-card.summary-view .label-value.pending {
  color: #dd712f;
}

.panel-view.trackPickup .inProgress,
.panel-view.trackPickup md-card.summary-view .label-value.inProgress {
  color: #ee9b11;
}

.panel-view.trackPickup .missed,
.panel-view.trackPickup md-card.summary-view .label-value.missed {
  color: #d0021b;
}

.panel-view.trackPickup .complete,
.panel-view.trackPickup md-card.summary-view .label-value.complete {
  color: #41a62b;
}

.panel-view.trackPickup tr.highlight td {
  color: #d0021b;
}

.panel-view.unassigned md-card.summary-view {
  padding: inherit;
}

.panel-view .dialog-content {
  text-align: left;
}

.panel-view .filterBox {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  border: solid 1px #d76e2e;
}

.panel-view .filterBox.is-recurring {
  width: 85%;
}

.panel-view .filterBox .filters {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  outline: none;
  color: #7e7c7c;
  cursor: pointer;
}

.panel-view .filterBox .filters:not(:last-child) {
  border-right: 1px solid rgba(221, 113, 47, 0.4);
}

.panel-view .filterBox .filters.selected {
  background-color: #dd712f;
  color: #ffffff;
}

.panel-view .filterBox.two-fields-box {
  border-radius: 4px;
  width: 100%;
  margin-right: 20px;
  background-color: #ffffff;
}

.panel-view .filterBox.two-fields-box .filters {
  color: #dd712f;
  width: 115px;
}

.panel-view .filterBox.two-fields-box .selected {
  background-color: #dd712f;
  color: #ffffff;
}

.panel-view.fixedBottom {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.panel-view.fixedBottom .dialog-content {
  margin-top: 64px;
  background-color: #f6f6f6;
}

.panel-view .form-content {
  margin-top: 25px;
  margin-left: 15px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e5e4e5;
}

.panel-view .form-content .form-header {
  background-color: #fafafa;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #d45d25;
  vertical-align: middle;
  height: 40px;
  padding-left: 20px;
  padding-top: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.panel-view .form-content .form-header .bfinfo {
  font-size: 12px;
  color: black;
}

.panel-view .createdPickupForm {
  width: 94%;
  margin-left: 30px;
  vertical-align: top;
}

.panel-view .createdPickupForm .created-pickup-container {
  margin: 10px;
  margin-top: 25px;
  border: solid 1px #e5e4e5;
  border-radius: 2px;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header,
.panel-view .createdPickupForm .created-pickup-container .change-day > div {
  vertical-align: middle;
  font-weight: 700;
  padding-top: 9px;
  font-size: 14px;
  color: #000000;
  opacity: 0.7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #fafafa;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header .heading,
.panel-view .createdPickupForm .created-pickup-container .change-day > div .heading {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: center;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header .date-heading,
.panel-view .createdPickupForm .created-pickup-container .change-day > div .date-heading {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  color: #dd712f;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header .date-heading .highlight,
.panel-view .createdPickupForm .created-pickup-container .change-day > div .date-heading .highlight {
  margin-left: 10px;
  margin-right: 10px;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header .date-heading .left-arrow,
.panel-view .createdPickupForm .created-pickup-container .change-day > div .date-heading .left-arrow {
  margin-top: 5px;
  cursor: pointer;
}

.panel-view .createdPickupForm .created-pickup-container .pickup-container-header .date-heading .right-arrow,
.panel-view .createdPickupForm .created-pickup-container .change-day > div .date-heading .right-arrow {
  margin-top: 5px;
  cursor: pointer;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div {
  font-size: 12px;
  width: 55%;
  text-align: center;
  display: inline-block;
  color: #dd712f;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div.highlight {
  font-size: 14px;
  font-weight: bold;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div:first-child, .panel-view .createdPickupForm .created-pickup-container .change-day > div:last-child {
  width: 20%;
  display: inline-block;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div:first-child {
  text-align: left;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div:last-child {
  text-align: right;
}

.panel-view .createdPickupForm .created-pickup-container .change-day > div.link {
  text-decoration: underline;
  cursor: pointer;
}

.panel-view .createdPickupForm .created-pickup-container .created-pickup-table {
  padding: 10px;
  background-color: #ffffff;
}

.panel-view .createdPickupForm .created-pickup-container .created-pickup-table table {
  width: 95%;
  max-height: 60vh;
  overflow: auto;
}

.panel-view .createdPickupForm .created-pickup-container .created-pickup-table table tr {
  border-bottom: solid 2px #eeeeee;
}

.panel-view .createdPickupForm .created-pickup-container .created-pickup-table table th {
  text-align: left;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
}

.panel-view .createdPickupForm .created-pickup-container .created-pickup-table table td {
  text-align: left;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view .createPickupForm {
  margin: 10px 0px 0px 20px;
  width: 93%;
}

.panel-view .createPickupForm .form-field .field-select {
  margin: 0px;
  border: solid 1px #e0e0e0;
  height: 40px;
}

.panel-view .createPickupForm .form-field .field-select .md-select-value {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  padding-left: 15px;
  border: 0px;
  opacity: 0.7;
}

.panel-view .createPickupForm .form-field .field-select .md-select-value span {
  opacity: 0.7;
}

.panel-view .createPickupForm .form-field .field-select .md-select-value.md-select-placeholder {
  opacity: 0.7;
}

.panel-view .createPickupForm .form-field .field-select .md-select-value .md-select-icon {
  opacity: 0.4;
}

.panel-view .createPickupForm .form-field .field-search {
  height: 42px;
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  background-color: #fafafa;
}

.panel-view .createPickupForm .form-field .field-search .search-input {
  width: 90%;
}

.panel-view .createPickupForm .form-field .field-search .search-input input[type="text"] {
  height: 95%;
  width: 100%;
  border: 0px;
  padding-left: 15px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  background-color: #fafafa;
}

.panel-view .createPickupForm .form-field .field-search .search-input input[type="text"]::-webkit-input-placeholder {
  font-size: 12px;
  color: #000000;
  opacity: 0.7;
  font-weight: 500;
  font-family: "Brandon Text Medium";
  padding-bottom: 5px;
}

.panel-view .createPickupForm .form-field .field-search .search-icon {
  padding-left: 10px;
  padding-top: 5px;
  opacity: 0.4;
}

.panel-view .createPickupForm .form-field .field-label span.link {
  float: right;
  font-size: 80%;
  color: #dd712f;
  cursor: pointer;
  text-decoration: underline;
}

.panel-view .createPickupForm .form-field .input-group.date-time {
  border: solid 1px #e0e0e0;
}

.panel-view .createPickupForm .form-field .input-group md-input-container {
  margin: 0;
}

.panel-view .createPickupForm .form-field .input-group.pincode .pincode-input {
  width: 50%;
  float: left;
}

.panel-view .createPickupForm .form-field .input-group.pincode .pincode-label {
  width: 50%;
  float: right;
  font-size: 80%;
  color: #FF0000;
  margin-top: 10px;
}

.panel-view .createPickupForm .form-field .input-group.pincode .pincode-label span {
  padding-left: 5px;
}

.panel-view .createPickupForm .form-field .input-group.pincode .pincode-type {
  width: 50%;
  float: right;
  margin-top: 7px;
}

.panel-view .createPickupForm .form-field .input-group.pincode .pincode-type span {
  padding-left: 5px;
  font-weight: bold;
}

.panel-view .createPickupForm .form-field .field-validation {
  margin-top: 5px;
  color: #b70000;
}

.panel-view .createPickupForm .first {
  width: 48%;
  float: left;
}

.panel-view .createPickupForm .second {
  width: 48%;
  float: right;
}

.panel-view .pickupRecurring.form-field {
  margin: 0 26px 26px 65px;
  padding-top: 10px;
}

.panel-view .pickupRecurring.form-field .is-recurring {
  padding-top: 40px;
}

.panel-view .pickupRecurring.form-field > div {
  width: 40%;
  display: inline-block;
}

.panel-view .form-field-group {
  width: 75%;
}

.panel-view .form-field {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  margin: 0;
  display: block;
}

.panel-view .form-field.ng-hide {
  opacity: 0;
  height: 0;
}

.panel-view .form-field.required .field-label:before {
  content: "*";
  color: red;
  font-size: 1em;
  margin-right: 2px;
}

.panel-view .form-field .form-field-select {
  border: 1px solid #e1e1e1;
  font-size: 13px;
  color: black;
  height: 40px;
  opacity: 1;
}

.panel-view .form-field .field-label {
  vertical-align: middle;
  font-weight: 500;
  display: block;
  margin-top: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
}

.panel-view .form-field .field-label .cn-tag {
  opacity: 1;
}

.panel-view .form-field .field-label .small {
  font-size: 10px;
}

.panel-view .form-field .field-label.center {
  text-align: center;
}

.panel-view .form-field .field-label.oda-tag {
  opacity: 1;
}

.panel-view .form-field .field-options.smaller .option-card-container {
  margin-top: 5px;
  height: 149px;
}

.panel-view .form-field .field-options.smaller .option-card {
  min-width: 124px;
  width: 124px;
  margin-right: 5px;
}

.panel-view .form-field .field-options.smaller .option-card .card-body.heading {
  min-height: 35px;
}

.panel-view .form-field .field-options.smaller .option-card .card-scrollable.selected {
  height: 100%;
}

.panel-view .form-field .field-options.smaller .arrow-icon .material-icons {
  font-size: 20px;
}

.panel-view .form-field .field-options.smaller .arrow-icon.left {
  margin-right: -3px;
}

.panel-view .form-field .field-options.smaller .arrow-icon.right {
  margin-left: -7px;
}

.panel-view .form-field .field-options.scrollable {
  margin-left: -10px;
}

.panel-view .form-field .field-options .arrow-icon {
  opacity: 0.7;
  cursor: pointer;
}

.panel-view .form-field .field-options .arrow-icon.right {
  margin-left: -10px;
}

.panel-view .form-field .field-options .arrow-icon.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.panel-view .form-field .field-options .option-card-container {
  margin-top: 20px;
  height: 152px;
}

.panel-view .form-field .field-options .option-card {
  min-width: 135px;
  width: 135px;
  height: 100%;
  margin-right: 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  cursor: pointer;
}

.panel-view .form-field .field-options .option-card .card-scrollable {
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
}

.panel-view .form-field .field-options .option-card .card-scrollable.selected {
  height: 82.5%;
}

.panel-view .form-field .field-options .option-card.empty {
  background-color: #fafafa;
}

.panel-view .form-field .field-options .option-card.empty .plus-icon {
  margin-top: 20px;
}

.panel-view .form-field .field-options .option-card.empty .plus-icon .material-icons {
  color: #dd712f;
}

.panel-view .form-field .field-options .option-card.empty .card-body {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: bold;
  color: #dd712f;
  text-align: center;
  opacity: 1;
}

.panel-view .form-field .field-options .option-card.selected {
  background-color: rgba(222, 113, 48, 0.05);
  border: solid 2px #de7230;
}

.panel-view .form-field .field-options .option-card .card-head {
  width: 100%;
  min-height: 34px;
  padding: 5px 5px 0px 5px;
  word-wrap: break-word;
}

.panel-view .form-field .field-options .option-card .card-head.tail {
  min-height: 10px;
  padding: 0px 5px 5px 5px;
  position: absolute;
  bottom: 0;
}

.panel-view .form-field .field-options .option-card .card-head .card-text {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
  text-align: left;
  width: 90%;
}

.panel-view .form-field .field-options .option-card .card-head .card-text.selected {
  width: 80%;
}

.panel-view .form-field .field-options .option-card .card-head .card-text .material-icons {
  font-size: 16px;
}

.panel-view .form-field .field-options .option-card .card-head .select-icon .material-icons {
  font-size: 16px;
  padding: 1px;
  color: #ffffff;
  background-color: #de7230;
  border-radius: 50%;
}

.panel-view .form-field .field-options .option-card .card-head .edit-icon {
  height: 18px;
}

.panel-view .form-field .field-options .option-card .card-head .edit-icon .material-icons {
  font-size: 18px;
}

.panel-view .form-field .field-options .option-card .card-body {
  padding: 0px 5px 0px 5px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  text-align: left;
  width: 100%;
  min-height: 45px;
}

.panel-view .form-field .field-options .option-card .card-body.heading {
  font-size: 12px;
  color: #dd712f;
  opacity: 0.7;
}

.panel-view .form-field .field-options .option-card .card-body.body {
  font-size: 10px;
  color: #000000;
  opacity: 0.4;
  word-wrap: break-word;
}

.panel-view .form-field .field-options .option-card .card-body.body .material-icons {
  font-size: 12px;
}

.panel-view .form-field .field-options .option-card .card-foot {
  width: 100%;
  border-top: 1px solid #e0e0e0;
}

.panel-view .form-field .field-options .option-card .card-foot .card-button {
  padding: 5px;
  height: 100%;
  text-align: center;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  opacity: 0.7;
}

.panel-view .form-field .field-options .option-card .card-foot .card-button:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}

.panel-view .form-field md-checkbox {
  width: auto;
  margin: 0px;
  margin-top: 5px;
}

.panel-view .form-field md-checkbox.md-checked .md-icon {
  border-color: transparent;
  background-color: #dd712f;
}

.panel-view .form-field md-checkbox .md-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.panel-view .form-field md-checkbox:not(.md-checked) .md-icon {
  border-color: rgba(0, 0, 0, 0.3);
}

.panel-view .form-field .input-group {
  display: inline-block;
  border: 0;
  padding: 0;
  vertical-align: middle;
  width: 85%;
}

.panel-view .form-field .input-group.partition {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  border-right: 0px;
}

.panel-view .form-field .input-group.radio-group {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  height: 40px;
}

.panel-view .form-field .input-group.radio-group md-radio-button {
  display: inline-block;
  height: 100%;
}

.panel-view .form-field .input-group.radio-group md-radio-button .md-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  margin-top: 10px;
}

.panel-view .form-field .input-group.radio-group md-radio-button .md-off {
  border-color: rgba(0, 0, 0, 0.4);
}

.panel-view .form-field .input-group.radio-group md-radio-button:not(:last-child) {
  padding-right: 10px;
  border-right: solid 1px #e0e0e0;
  margin-right: 3px;
}

.panel-view .form-field .input-group.date-time {
  display: flex;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
}

.panel-view .form-field .input-group.date-time .dateInput {
  height: 40px;
  width: 80%;
}

.panel-view .form-field .input-group.date-time .dateInput input[type="text"] {
  border: 0px;
  padding-left: 15px;
}

.panel-view .form-field .input-group.date-time .material-icons {
  height: 100%;
  margin-right: 5px;
  opacity: 0.4;
}

.panel-view .form-field .input-group.sub-group {
  margin-left: 20px;
}

.panel-view .form-field .input-group .date-picker [date-picker-wrapper] {
  position: relative;
}

.panel-view .form-field .input-group input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

.panel-view .form-field .input-group input[type="file"]::before {
  content: "Select file";
  display: inline-block;
  border: 1px solid #dd712f;
  width: 200px;
  background: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}

.panel-view .form-field .input-group input[type="file"]:hover::before {
  border-color: #000000;
}

.panel-view .form-field .input-group input[type="file"]:active {
  outline: none;
}

.panel-view .form-field .input-group input[type="file"]:focus {
  outline: none;
}

.panel-view .form-field .input-group input.radio {
  display: block;
  margin: 7px 0 0;
  padding: 0;
}

.panel-view .form-field .input-group input[type="radio"] {
  opacity: 0;
  float: left;
  width: 18px;
  height: 18px;
}

.panel-view .form-field .input-group input[type="radio"] + .field-label {
  margin: 0;
  clear: none;
  padding: 5px 0 4px 24px;
  cursor: pointer;
}

.panel-view .form-field .input-group input[type="text"]::-webkit-input-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  opacity: 0.7;
}

.panel-view .form-field .input-group .date-picker input,
.panel-view .form-field .input-group input[type="text"],
.panel-view .form-field .input-group textarea {
  outline: none;
  height: 40px;
  border: solid 1px #e0e0e0;
  padding: 0 10px;
  background-clip: border-box;
  border-radius: 2px;
  transition-property: border;
  transition-duration: 0.35s;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  opacity: 0.7;
}

.panel-view .form-field .input-group .date-picker input.disabled-look,
.panel-view .form-field .input-group input[type="text"].disabled-look,
.panel-view .form-field .input-group textarea.disabled-look {
  font-size: 16.3px;
  color: #000000;
  background-color: #f5f5f5;
}

.panel-view .form-field .input-group .date-picker input.input-part,
.panel-view .form-field .input-group input[type="text"].input-part,
.panel-view .form-field .input-group textarea.input-part {
  float: left;
  width: 50%;
  border: 0px;
  border-right: 1px solid #e0e0e0;
}

.panel-view .form-field .input-group .date-picker input.first,
.panel-view .form-field .input-group input[type="text"].first,
.panel-view .form-field .input-group textarea.first {
  width: 50%;
  float: left;
}

.panel-view .form-field .input-group .date-picker input.second,
.panel-view .form-field .input-group input[type="text"].second,
.panel-view .form-field .input-group textarea.second {
  width: 50%;
  float: right;
}

.panel-view .form-field .input-group .date-picker input.first-pickup,
.panel-view .form-field .input-group input[type="text"].first-pickup,
.panel-view .form-field .input-group textarea.first-pickup {
  width: 30%;
  float: none;
}

.panel-view .form-field .input-group .date-picker input.second-pickup,
.panel-view .form-field .input-group input[type="text"].second-pickup,
.panel-view .form-field .input-group textarea.second-pickup {
  width: 28%;
  float: none;
}

.panel-view .form-field .input-group .date-picker input.third-pickup,
.panel-view .form-field .input-group input[type="text"].third-pickup,
.panel-view .form-field .input-group textarea.third-pickup {
  width: 40%;
  float: none;
}

.panel-view .form-field .input-group .date-picker input.error,
.panel-view .form-field .input-group input[type="text"].error,
.panel-view .form-field .input-group textarea.error {
  border: solid 2px #FF0000;
}

.panel-view .form-field .input-group textarea {
  height: 60px;
  padding-top: 4px;
  resize: none;
}

.panel-view .form-field .input-group.input-2 input[type="text"] {
  width: 50%;
  float: right;
}

.panel-view .form-field .autocomplete-group {
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  background-color: #fafafa;
}

.panel-view .form-field .autocomplete-group .search-icon {
  padding-left: 10px;
  padding-top: 5px;
  opacity: 0.4;
}

.panel-view .form-field md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.panel-view .form-field md-autocomplete input:not(.md-input) {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  opacity: 0.7;
  background-color: #fafafa;
}

.panel-view .form-field md-autocomplete input:not(.md-input)::-webkit-input-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  opacity: 0.7;
}

.panel-view .form-field md-autocomplete button {
  min-width: 10px;
  width: 30px;
  margin: 0;
  height: 40px;
  border: 0;
  border-radius: 0;
  background-color: #fafafa;
}

.panel-view .form-field md-radio-button:not(:last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.5);
}

.panel-view .form-field md-radio-button {
  margin: 0 10px;
}

.panel-view .form-field md-radio-button .md-off {
  border-color: #dd712f;
}

.panel-view .form-field md-radio-button:not([disabled]).md-checked .md-off {
  border-color: #dd712f;
}

.panel-view .form-field md-radio-button:not([disabled]).md-checked .md-on {
  background-color: #dd712f;
}

.panel-view .form-field md-radio-button:not([disabled]).md-checked .md-ink-ripple {
  color: #dd712f;
}

.panel-view .form-field md-radio-button .md-label {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #dd712f;
}

.panel-view button.md-button.daysButton {
  min-width: 0;
  min-height: 0;
  width: 30px;
  line-height: 0;
  height: 30px;
  border-radius: 50%;
  background-color: #f5f5f5;
}

.panel-view button.md-button.daysButton.selected {
  background-color: #dd712f;
}

.panel-view button.md-button.daysButton.selected span {
  color: #FFFFFF;
}

.panel-view button.md-button.daysButton span {
  font-size: 10px;
  color: #7e7c7c;
  text-transform: initial;
}

.panel-view .form-break {
  border: 1px solid #e9e9e9;
}

.panel-view md-card.summary-view {
  padding: 42px 52px;
}

.panel-view md-card.summary-view .label-heading {
  font-weight: 500;
}

.panel-view md-card.summary-view .label-heading .sub-heading {
  font-size: 15px;
  color: #FF0000;
}

.panel-view md-card.summary-view .label-value {
  height: 39px;
  font-size: 28px;
  font-weight: 500;
  color: #dd712f;
  padding-top: 18px;
}

.panel-view md-card.summary-view .label-value.label-time {
  font-size: 36px;
}

.panel-view md-card.summary-view .label-value.number {
  font-size: 32px;
  width: 25%;
}

.panel-view md-card.summary-view .label-value.text {
  font-size: 21px;
  padding-top: 30px;
}

.panel-view md-card.outbound-deps-card {
  padding: 42px 52px;
}

.panel-view md-card.outbound-deps-card .label-heading {
  font-weight: 500;
}

.panel-view md-card.outbound-deps-card .label-heading .sub-heading {
  font-size: 15px;
  color: #FF0000;
}

.panel-view md-card.outbound-deps-card .label-value {
  height: 39px;
  font-size: 28px;
  font-weight: 500;
  color: #dd712f;
  padding-top: 18px;
}

.panel-view md-card.outbound-deps-card .label-value.label-time {
  font-size: 36px;
}

.panel-view md-card.outbound-deps-card .label-value.number {
  font-size: 32px;
  width: 20%;
}

.panel-view md-card.outbound-deps-card .label-value.text {
  font-size: 21px;
  padding-left: 10px;
  padding-top: 30px;
}

.panel-view md-card.outbound-deps-card-two {
  /*padding: 42px 52px;*/
  width: 250px;
}

.panel-view md-card.outbound-deps-card-two .label-heading {
  font-weight: 500;
}

.panel-view md-card.outbound-deps-card-two .label-heading .sub-heading {
  font-size: 15px;
  color: #FF0000;
}

.panel-view md-card.outbound-deps-card-two .label-value {
  height: 39px;
  font-size: 28px;
  font-weight: 500;
  color: #dd712f;
  padding-top: 18px;
}

.panel-view md-card.outbound-deps-card-two .label-value.label-time {
  font-size: 36px;
}

.panel-view md-card {
  padding: 10px 26px;
}

.panel-view md-card .card-heading {
  font-weight: 500;
}

.panel-view .actionable-row {
  /* style icon */
  /* align icon */
  /* add padding  */
  padding: 0;
  margin: 0;
}

.panel-view .actionable-row .alertGroup {
  border-radius: 2px;
  border: solid 1px #dc6620;
}

.panel-view .actionable-row .alertGroup .alertType:not(:last-child) {
  border-right: solid 1px #dc6620;
}

.panel-view .actionable-row .alertGroup .alertType {
  background-color: #ffffff;
  height: 100%;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #d45d25;
  min-width: 130px;
  cursor: pointer;
}

.panel-view .actionable-row .alertGroup .alertType.selected {
  background-color: #de7230;
}

.panel-view .actionable-row .alertGroup .alertType.selected .alertTypeLabel {
  color: #ffffff;
}

.panel-view .actionable-row .alertGroup .alertType .alertTypeCount {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding-top: 3px;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.2);
}

.panel-view .actionable-row.no-border {
  box-shadow: none;
}

.panel-view .actionable-row .searchText {
  background-color: #ffffff;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
}

.panel-view .actionable-row .inner-addon {
  position: relative;
  margin-top: 9px;
  width: 183px;
  height: 35px;
}

.panel-view .actionable-row .inner-addon input {
  box-sizing: border-box;
  margin-top: 2px;
  width: 183px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e7e7e7;
}

.panel-view .actionable-row .filters-new {
  width: 100%;
}

.panel-view .actionable-row .filters-new .filter-new {
  border: 1px solid #de7230;
  background-color: #ffffff;
  height: 100%;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #d45d25;
  min-width: 150px;
  cursor: pointer;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.panel-view .actionable-row .filters-new .filter-new .filterLabel {
  font-size: 16px;
}

.panel-view .actionable-row .filters-new .filter-new:hover {
  background-color: #d45d25;
}

.panel-view .actionable-row .filters-new .filter-new:hover .filterLabel {
  color: #ffffff;
}

.panel-view .actionable-row .filters-new .filter-new.selected {
  background-color: #de7230;
}

.panel-view .actionable-row .filters-new .filter-new.selected .filterLabel {
  color: #ffffff;
}

.panel-view .actionable-row .filters-new .filter-new .filterCount {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding-top: 3px;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.2);
}

.panel-view .actionable-row md-autocomplete.table-filter {
  width: 200px;
}

.panel-view .actionable-row md-autocomplete.table-filter md-autocomplete-wrap {
  height: 36px;
}

.panel-view .actionable-row md-autocomplete.table-filter md-autocomplete-wrap input {
  height: 36px;
}

.panel-view .actionable-row md-autocomplete.table-filter md-autocomplete-wrap button {
  min-width: 10px;
  width: 10px;
}

.panel-view .actionable-row .custom-select-group {
  width: 200px;
  padding: 0;
}

.panel-view .actionable-row .custom-select-group md-select.flexible {
  width: 200px;
}

.panel-view .actionable-row .custom-select-group md-select.captain {
  width: 190px;
}

.panel-view .actionable-row .inner-addon .glyphicon {
  position: absolute;
  padding: 7px;
  pointer-events: none;
  width: 24px;
  height: 24px;
  opacity: 0.4;
}

.panel-view .actionable-row .left-addon .glyphicon {
  left: 0px;
  margin-top: 4px;
}

.panel-view .actionable-row .left-addon input {
  padding-left: 35px;
}

.panel-view .actionable-row .filterLabel {
  height: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #dd712f;
}

.panel-view .actionable-row > * {
  margin: 18px 10px;
  height: 36px;
}

.panel-view md-select.selectBox {
  width: 200px;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
}

.panel-view md-select.selectBox md-select-value > span:not(.md-select-icon) {
  opacity: 0.7;
}

.panel-view md-select.selectBox.critical-cn-plan-reason {
  width: 160px;
}

.panel-view md-input-container {
  padding: 0;
}

.panel-view md-input-container input[type="text"] {
  width: 150px;
  height: 36px;
  border-radius: 2px;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
}

.panel-view md-input-container input[type="text"].with-icon {
  padding-left: 24px;
}

.panel-view .md-button:not(.md-icon-button) {
  min-width: 150px;
  height: 36px;
  border-radius: 2px;
  color: #FFFFFF;
  background-color: #dd712f;
}

@media (max-width: 1550px) {
  .panel-view .md-button:not(.md-icon-button).responsive-button {
    min-width: 90px;
  }
}

.panel-view .md-button:not(.md-icon-button).dashboard-actions {
  height: 31px;
  color: white;
  font-weight: bold;
  border-radius: 2px;
  background-color: #dd712f;
  /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);*/
}

@media (max-width: 1550px) {
  .panel-view .md-button:not(.md-icon-button).dashboard-actions.responsive-button {
    font-size: 9px;
  }
}

.panel-view .md-button:not(.md-icon-button).dashboard-actions.assign-oa {
  width: 50%;
}

.panel-view .md-button:not(.md-icon-button).dashboard-actions.disabled-look {
  opacity: 0.7;
}

.panel-view .md-button:not(.md-icon-button).dashboard-actions.incident-report {
  background-color: #fefefe;
  color: #dd712f;
  border: 2px solid #e69b6c;
  font-size: 12px;
  font-weight: bold;
}

.panel-view .md-button:not(.md-icon-button).stock-check {
  width: 98px;
  height: 31px;
  color: white;
  font-weight: bold;
  border-radius: 2px;
  background-color: #dd712f;
  font-size: 13px;
}

.panel-view .outbound-deps-nums .num {
  padding: 24px 0;
  width: 100%;
}

.panel-view .outbound-deps-nums .key {
  font-weight: 600;
  width: 100px;
  height: 25px;
  font-size: 14px;
  opacity: 0.7;
  text-align: left;
  margin-top: 10px;
  float: left;
}

.panel-view .outbound-deps-nums .value {
  font-weight: bold;
  width: 100px;
  height: 25px;
  font-size: 14px;
  color: #dd712f;
  text-align: right;
  margin-top: 10px;
  float: right;
}

.panel-view .current-assigned-prq .dp-assignee {
  padding: 24px 0;
  width: 100%;
  overflow: auto;
  height: 85px;
}

.panel-view .current-assigned-prq .dp-name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-view .current-assigned-prq .dp-pickup {
  width: 24px;
  height: 25px;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: bold;
  color: #dd712f;
}

.panel-view table.dashboardTable {
  width: 100%;
  border-top: 1px solid #e9e9e9;
}

.panel-view table.dashboardTable thead tr {
  height: 65px;
  background-color: #f5f5f5;
  outline: none;
}

.panel-view table.dashboardTable thead tr.mid {
  height: 40px;
}

.panel-view table.dashboardTable thead.headerWithGrouping tr {
  height: 45px;
}

.panel-view table.dashboardTable thead.headerWithGrouping tr:first-child {
  height: 20px;
}

.panel-view table.dashboardTable thead tr th {
  height: 20px;
  opacity: 0.85;
  font-family: "Brandon Text Medium";
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  outline: none;
  word-wrap: break-word;
}

.panel-view table.dashboardTable thead tr th.align_left {
  text-align: left;
}

.panel-view table.dashboardTable tbody tr.height70 {
  height: 70px;
}

.panel-view table.dashboardTable tbody tr td {
  height: 20px;
  opacity: 0.85;
  font-family: "Avenir Next LT Pro Regular";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  background-color: #FFFFFF;
  outline: none;
}

.panel-view table.dashboardTable tbody tr td .action-item {
  height: 20px;
  margin-right: 5px;
  cursor: pointer;
}

.panel-view table.dashboardTable tbody tr td.align_left {
  text-align: left;
}

.panel-view table.dashboardTable tbody tr td .df_actions {
  display: flex;
}

.panel-view table.dashboardTable tbody tr td .opac {
  opacity: 0.5;
}

.panel-view table.dashboardTable tbody tr td .opac.font11 {
  opacity: 0.7;
  font-size: 11px;
}

.panel-view table.dashboardTable tbody tr td .tag-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /*.cnote-tag {
          &.appointment-delivery {
            padding: 2px;
            height: 10px;
            width: 20px;
          }
          &.to-pay {
            background-color: $purple;
          }
        }*/
}

.panel-view table.dashboardTable tbody tr td .resolved {
  color: #429946;
}

.panel-view table.dashboardTable tbody tr td.track-link,
.panel-view table.dashboardTable tbody tr td .track-link {
  cursor: pointer;
  color: #dd712f;
}

.panel-view table.dashboardTable tbody tr td.track-link.fixed-width,
.panel-view table.dashboardTable tbody tr td .track-link.fixed-width {
  width: 112%;
}

.panel-view table.dashboardTable tbody tr td .clientCode {
  font-size: 12px;
  opacity: 0.6;
  display: block;
}

.panel-view table.dashboardTable tbody tr td .vehicleThc {
  display: block;
  opacity: 0.6;
}

.panel-view table.dashboardTable tbody tr {
  outline: none;
}

.panel-view table.dashboardTable tbody tr td .edit-icon {
  display: inline-block;
  vertical-align: top;
}

.panel-view table.dashboardTable tbody tr td .cancel-icon {
  border-right: 1px solid #636467;
  padding-right: 5px;
}

.panel-view table.dashboardTable tbody tr td md-checkbox .md-icon {
  border-radius: 20px;
}

.panel-view table.dashboardTable tbody tr td md-checkbox.md-checked .md-icon {
  background-color: #00FF00;
}

.panel-view table.dashboardTable tbody tr td .md-button {
  width: 100%;
  height: 30px;
  margin: 0 0 8px 0;
}

.panel-view table.dashboardTable tbody tr td .md-button.view-icon {
  width: 50px;
}

.panel-view table.dashboardTable tbody thead tr {
  height: 30px;
}

.panel-view table.dashboardTable tbody tbody tr {
  background-color: #f5f5f5;
  outline: none;
}

.panel-view table.depsDashboardTable {
  width: 100%;
}

.panel-view table.depsDashboardTable thead tr {
  height: 50px;
  background-color: #f5f5f5;
}

.panel-view table.depsDashboardTable thead tr th {
  height: 20px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-align: left;
}

.panel-view table.depsDashboardTable thead tr th.actionCol {
  text-align: center;
  background-color: #eaeaea;
}

.panel-view table.depsDashboardTable tbody tr td {
  height: 40px;
  opacity: 0.6;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  border-bottom-color: #e9e9e9;
}

.panel-view table.depsDashboardTable tbody tr td .zoomImg {
  margin-right: 20%;
}

.panel-view table.depsDashboardTable tbody tr td.green {
  font-weight: bold;
  color: #0e8e0d;
}

.panel-view table.depsDashboardTable tbody tr td.red {
  font-weight: bold;
  color: #d0021b;
}

.panel-view table.depsDashboardTable tbody tr td.actionRows {
  opacity: 1;
}

.panel-view table.depsDashboardTable tbody tr td.center {
  text-align: center;
}

.panel-view table.depsDashboardTable tbody tr td .clientCode {
  opacity: 0.6;
  font-size: 12px;
  display: block;
}

.panel-view table.depsDashboardTable tbody tr td .time {
  display: block;
}

.panel-view table.depsDashboardTable tbody tr td md-checkbox .md-icon {
  border-radius: 20px;
}

.panel-view table.depsDashboardTable tbody tr td md-checkbox.md-checked .md-icon {
  background-color: #00FF00;
}

.panel-view table.depsDashboardTable tbody thead tr {
  height: 30px;
}

.panel-view table.depsDashboardTable tbody tbody tr {
  background-color: #f5f5f5;
}

.panel-view .checkbox-icon {
  margin-top: 10px;
}

.panel-view .consignment-details {
  margin-top: 10px;
  margin-left: 25px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.panel-view .consignment-details .field-label.heading {
  font-size: 130%;
}

.panel-view .consignment-details .field-label.message {
  font-size: 90%;
}

.panel-view .consignment-details .right-button {
  text-align: right;
}

.panel-view .consignment-details .right-button .plus {
  font-size: 150%;
}

.panel-view .consignment-details .right-button .md-button {
  width: 80%;
}

.panel-view .consignment-details .consignment {
  width: 100%;
  border-top: 1px solid #e0e0e0;
}

.panel-view .consignment-details .consignment .delete-icon {
  margin-right: 10px;
  cursor: pointer;
}

.panel-view .consignment-details .consignment .arrow-icon {
  width: 40px;
  cursor: pointer;
}

.panel-view .consignment-details .consignment .form-info {
  padding-top: -10px;
}

.panel-view .consignment-details .consignment .form-info .field-label {
  padding: 10px;
  padding-left: 0px;
}

.panel-view .consignment-details .consignment .form-field.expand {
  padding-bottom: 0px;
}

.panel-view .consignment-details .consignment .form-field .field-label.heading {
  color: #dd712f;
}

.panel-view .consignment-details .consignment .form-field .field-label.expand {
  margin-bottom: 0px;
}

.panel-view .consignment-details .consignment .form-field.row {
  margin-right: 10px;
}

.panel-view .consignment-details .consignment .form-field .filterBox {
  margin-left: 10px;
  width: 80%;
}

.panel-view .consignment-details .consignment .form-field input[type="text"].four {
  width: 20%;
  margin-right: 5px;
}

.panel-view .consignment-details .consignment .form-field input[type="text"].four.big {
  width: 35%;
}

.panel-view .consignment-details .consignment .form-field input[type="text"].four.small {
  width: 15%;
}

.panel-view .consignment-details .consignment .form-field span.message {
  color: #FF0000;
}

.panel-view .consignment-details .consignment .form-field .field-validation {
  margin-top: 5px;
  color: #b70000;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails {
  width: 70%;
  border: 1px solid #e0e0e0;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType {
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #e0e0e0;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .rovCharges {
  margin-right: 5px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .rovCharges .inPercent {
  padding-bottom: 0px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .rovCharges .inPercent .filterBox {
  width: 95%;
  margin-left: 0px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .rovCharges .input-group {
  width: auto;
  text-align: right;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .rovCharges .input-group input[type="text"] {
  width: 96%;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .input-group {
  width: 35%;
  text-align: right;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .field-label {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 7px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .field-label.left-border {
  border-left: 1px solid #e0e0e0;
  width: 100px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType .field-label.sub-heading {
  width: 170px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType input[type="text"] {
  background-color: #f5f5f5;
  height: 28px;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType.heading {
  background-color: #f5f5f5;
  font-weight: bold;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails .paymentDetailsType.heading .field-label {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 7px;
  font-size: 130%;
}

.panel-view .consignment-details .consignment .form-field .paymentDetails input[type="text"] {
  width: 50%;
}

.panel-view .consignment-details .consignment .form-field .totalChargePerUnit {
  width: 40%;
  padding-left: 10px;
  padding-right: 10px;
}

.panel-view.audit md-content .first label {
  padding: 10px;
}

.panel-view.audit md-content .first label.second {
  padding-left: 30px;
}

.panel-view.audit md-content .first md-autocomplete {
  width: 40%;
}

.panel-view.audit md-content .first md-autocomplete input[type="search"] {
  width: 90%;
}

.panel-view.audit md-content .first md-autocomplete button {
  width: 10%;
}

.panel-view.audit md-content .first md-input-container {
  width: 20%;
}

.panel-view.audit md-content .first md-input-container input[type="text"] {
  width: 90%;
  height: 36px;
  border-radius: 2px;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
}

.panel-view.audit md-content .first button {
  margin-left: 20px;
}

.panel-view.audit md-content .first button .disabled {
  background-color: #dd712f;
}

.panel-view.audit md-content .second input[type="text"] {
  background: #FFFFFF;
  padding-left: 24px;
}

.panel-view.audit md-content .overflow-table {
  overflow-x: scroll;
}

.panel-view.audit md-content .overflow-table th,
.panel-view.audit md-content .overflow-table td {
  min-width: 200px;
}

.panel-view.audit md-content .rowHeader {
  background-color: #f5f5f5;
  opacity: 0.85;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.panel-view.audit md-content .highlight {
  color: #FF0000;
  font-weight: bold;
}

.panel-view.audit .fixed-button {
  position: fixed;
  width: 30px;
  top: 350px;
  background-color: #292e34;
  border-radius: 50%;
  cursor: pointer;
}

.panel-view.audit .fixed-button .material-icons {
  margin-top: 3px;
  color: #ffffff;
}

.panel-view.audit .fixed-button.left {
  left: 5px;
}

.panel-view.audit .fixed-button.right {
  right: 10px;
}

md-sidenav.sidenav {
  background-color: #292e34;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  width: 281px;
  z-index: 999;
}

md-sidenav.sidenav .customerText {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #FFFFFF;
}

md-sidenav.sidenav md-content {
  background-color: #292e34;
}

md-sidenav.sidenav .nav-header {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  text-align: center;
  height: 112px;
  background-color: #292e34;
  color: #FFFFFF;
  display: flex;
  align-items: flex-end;
}

md-sidenav.sidenav .nav-header.clientMis {
  height: 64px;
  background-color: #dd712f;
}

md-sidenav.sidenav .nav-header.clientMis + md-content {
  height: 80vh;
}

md-sidenav.sidenav .nav-header.clientMis .imgLogo {
  display: none;
}

md-sidenav.sidenav .nav-header.clientMis .logo {
  width: 100%;
  margin: auto;
}

md-sidenav.sidenav .nav-header .imgLogo {
  width: 40%;
  height: 30px;
}

md-sidenav.sidenav .nav-header .logo {
  width: 50%;
  height: 30px;
}

md-sidenav.sidenav .nav-header .logo .heading {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  color: #FFFFFF;
}

.nav-header a.logo {
  text-decoration: none;
}

.menu {
  margin: 0;
}

.menu,
.menu ul {
  list-style: none;
  padding: 0;
}

.menu li {
  margin: 0;
}

.menu > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu > li:nth-child(1) {
  border-top: none;
}

.md-whiteframe-glow-z1 {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 2px 2px rgba(0, 0, 0, 0.098), 0px 0px 5px 1px rgba(0, 0, 0, 0.084);
}

.menu li .md-button.md-primary.md-raised {
  box-shadow: none !important;
  border-radius: 0;
  /*color: white;*/
  cursor: pointer;
  display: block;
  align-items: inherit;
  line-height: 40px;
  margin: 0;
  max-height: 50px;
  height: 50px;
  overflow: hidden;
  padding: 5px 16px;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
  background-color: #292e34;
}

.menu li .md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: #636467;
}

.menu-toggle-list li .md-button.md-primary.md-raised {
  background-color: #3c444c;
  padding-left: 45px;
  height: 40px;
  border-bottom: 0.5px solid #292e34;
  line-height: 30px;
}

.menu md-select {
  /**
     * Override md-select margins.
     * With margins the menu will look incorrect and causes mobile list
     * to not be scrollable.
     */
  margin: 0;
  width: 100%;
}

.menu md-select md-select-label {
  justify-content: flex-end;
  padding-top: 10px;
}

.menu md-select md-select-label span {
  margin-right: auto;
  padding-left: 13px;
}

.menu md-select .md-select-icon {
  margin-right: 28px;
}

.menu button.md-button::-moz-focus-inner {
  padding: 0;
}

.menu-heading {
  display: block;
  line-height: 32px;
  margin: 0;
  padding: 8px 16px 0;
  text-align: left;
  width: 100%;
}

.menu-toggle-list {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.menu .menu-toggle-list a.md-button {
  display: block;
  padding: 0 16px 0 32px;
  text-transform: none;
  text-rendering: optimizeLegibility;
  font-weight: 500;
}

.md-button-toggle .md-toggle-icon {
  display: block;
  margin-left: auto;
  speak: none;
  vertical-align: middle;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
}

.md-button-toggle .md-toggle-icon.toggled {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.md-toggle-icon md-icon {
  height: 40px;
}

.arrow-why {
  width: 11px;
  padding-top: 5%;
  border: 0;
  padding-right: 4%;
  opacity: 0.6;
}

.arrow-why.viewDeps {
  padding-right: 0;
}

.in-stock-details {
  padding: 2px 0 4px 15px;
  border: 1px solid #eeeeee;
  background-color: white;
}

.in-stock-details .key {
  height: 17px;
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
}

.in-stock-details .value {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

.details {
  text-align: left;
  padding: 13px;
}

.details.no-border {
  border: 0;
}

.details.viewDepsComp {
  padding: 0 0 0 15px;
}

.details .key {
  height: 17px;
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  color: #000000;
}

.details .value {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

.details .value.view-outbound {
  font-size: 13px;
  font-weight: 400;
}

.details .text-action {
  color: #dd712f;
  font-family: "Brandon Text Medium";
  font-weight: 600;
  cursor: pointer;
}

.floating-alert {
  width: 505px;
  height: 62.2px;
  border-radius: 2px;
  background-color: #292e34;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.floating-alert md-button {
  width: 138px;
  height: 31px;
  border-radius: 2px;
  background-color: #dd712f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.dialog-table {
  width: 100%;
}

.dialog-table.outbound {
  margin: 1%;
}

.dialog-table.outbound-view {
  margin: 0 0 0 0;
}

.alert-bar {
  width: 100%;
  height: 65px;
  border-radius: 2px;
}

.alert-bar.yellow {
  background-color: #f5a623;
}

.alert-bar.big {
  height: 130px;
  margin-bottom: 1%;
}

.alert-bar.red {
  background-color: #d0021b;
}

.alert-bar.down {
  margin-top: 100px;
}

.alert-bar .alert-icon {
  width: 26.7px;
  height: 26.7px;
}

.alert-bar .alert-text {
  width: 75%;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.alert-bar .alert-button {
  height: 45.4px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  margin-left: 30%;
}

.alert-bar .alert-icon-div {
  width: 6%;
}

.alert-bar .alert-image-message {
  width: 27%;
  text-align: center;
  padding: 5px;
  margin-left: 10%;
}

.alert-bar .alert-image-arrow {
  margin: 44%;
}

.alert-bar .alert-icon-ok {
  margin-top: 1%;
  width: 15%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 68%;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.alert-bar .alert-icon-2ok {
  margin-top: 1%;
  width: 15%;
  margin-left: -10px;
  height: 68%;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.flex-columns {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.flex-columns > .flex-fixed {
  flex: 0 0 auto;
}

.flex-columns > .flex-flexible {
  flex: 1;
  overflow: auto;
}

.flex-columns .value {
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.flex-columns .dialog-input {
  display: inline-block;
}

.flex-columns .dialog-input input {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  padding: 10px;
}

.flex-columns .dialog-input input.small {
  width: 150px;
  height: 17px;
}

.wide {
  width: 100%;
}

.dialog-input.wide {
  width: 100%;
}

.flex-stack {
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-direction: normal;
}

.flex-stack > .flex-flexible {
  flex: 1;
  overflow: auto;
}

.flex-children {
  display: flex;
}

.flex-children > * {
  flex: 1;
}

.dialog-content {
  width: 100%;
  height: auto;
}

.dialog-content > * {
  width: 100%;
}

.dialog-content.reportDeps > * {
  margin: 25px;
}

.dialog-content.reportDeps > * .form-break {
  margin: 25px 0;
}

.dialog-content.reportDeps > * .custom-select-group {
  margin: 0;
}

.dialog-content.reportDeps > * .custom-select-group .custom-select-group-title {
  text-align: left;
}

.dialog-footer {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dialog-footer .tableRow {
  display: table-row;
  vertical-align: top;
}

.dialog-footer .tableRow.end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.dialog-footer .tableRow .footer-right-button {
  display: table-cell;
  padding: 10px 50px 10px 0;
  text-align: right;
}

.dialog-footer .tableRow .footer-right-button.submit {
  color: #ffffff;
}

.dialog-footer .tableRow .footer-right-button.delete-button {
  margin-right: -40px;
}

.dialog-footer .tableRow .footer-right-button.delete-button .md-button {
  width: 200px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.date-picker .date-container > .date-cell-header > .md-button.md-icon-button:last-child {
  display: none;
}

.date-picker .year-container .year-md-repeat .repeated-item {
  padding: 0;
  overflow: visible;
}

.schedulePickup.panel-view .left-container {
  border-right: solid 1px rgba(0, 0, 0, 0.1);
  padding-right: 10px;
}

.schedulePickup.panel-view .form-field .input-group {
  width: 100%;
}

.schedulePickup.panel-view .form-field .input-group input.disabled-look {
  background-color: #FFFFFF;
  height: 45.4px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  color: #000000;
}

.schedulePickup.panel-view .form-field .input-group input.disabled-look.error {
  border: solid 2px #ff0000;
}

.schedulePickup.panel-view .form-field .input-group input.disabled-look.date-time {
  width: 100%;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

.schedulePickup.panel-view .form-field .dialog-info {
  margin-top: 12px;
}

.schedulePickup.panel-view .form-field .dialog-info .contactPerson {
  height: 22px;
  opacity: 0.34;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  color: #000000;
}

.schedulePickup.panel-view .form-field .dialog-info span.right {
  float: right;
  opacity: 0.7;
}

.schedulePickup.panel-view .form-field .disabled-area {
  background-color: #FFFFFF;
  border: solid 1px #ebebeb;
  padding: 10px;
}

.schedulePickup.panel-view .form-field .disabled-area .consignee-field {
  margin-bottom: 10px;
}

.schedulePickup.panel-view .form-field .disabled-area .consignee-field .consignee-label {
  width: 40%;
  display: inline-block;
  height: 22px;
  font-family: "Brandon Text Medium";
  font-size: 16.3px;
  color: #bfbfbf;
}

.schedulePickup.panel-view .form-field .disabled-area .consignee-field .consignee-value {
  width: 55%;
  display: inline-block;
  height: 22px;
  opacity: 0.5;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

.step-view {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.step-view .step {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #dd712f;
  color: #dd712f;
  font-size: 20px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.step-view .step.selected {
  background-color: #dd712f;
  color: #FFFFFF;
}

.step-view .connector {
  width: 40px;
  height: 3px;
  background-color: #dd712f;
}

.unconnected_box.ngdialog.ngdialog-theme-default .ngdialog-content {
  height: 250px;
  width: 800px;
  padding: 0;
}

.ngdialog.ngdialog-theme-default.overlay-content-dialog .ngdialog-content {
  width: 44%;
  height: 155px;
  border-radius: 2px;
  padding: 0em;
  background: #f5f5f5;
}

.resolveDamage .md-dialog-content,
.reportDeps .md-dialog-content {
  height: 400px;
}

.resolveDamage .image-uploader .previewImage,
.reportDeps .image-uploader .previewImage {
  width: 39px;
  height: 39px;
}

.resolveDamage .image-uploader .previewImage.changed,
.reportDeps .image-uploader .previewImage.changed {
  width: 100px;
  height: 100px;
}

.resolveDamage .image-uploader .previewImage.thumbnail,
.reportDeps .image-uploader .previewImage.thumbnail {
  width: 70px;
  height: 70px;
  margin-bottom: 8%;
  opacity: 0.4;
}

.resolveDamage .image-uploader.thumbnail,
.reportDeps .image-uploader.thumbnail {
  width: 70px;
  height: 70px;
}

.resolveDamage .image-uploader .cancel-image,
.reportDeps .image-uploader .cancel-image {
  background: url("../images/close.png") no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
}

.summary-view.instock {
  padding: 10px;
  margin-left: 14%;
}

.summary-view .summary-tab {
  padding: 5px 20px 5px 20px;
  opacity: 0.5;
  cursor: pointer;
}

.summary-view .summary-tab.selectedTab {
  color: #dd712f;
  font-weight: bold;
  border-bottom: 2px solid;
}

.report-shortage-warn {
  position: absolute;
  top: 40%;
  display: block;
  left: 25%;
  padding: 30px;
  background-color: #e0e0e0;
  z-index: 10;
  box-shadow: 2px 2px 18px #888888;
}

.report-shortage-warn .message {
  display: block;
  font-size: 18px;
  margin: 10px 0 10px 0;
}

.report-shortage-warn .material-icons {
  color: #dd712f;
  font-size: 28px;
}

.report-shortage-warn .md-button .stock {
  margin-left: 19%;
  font-size: 13px;
}

.qc-view-container {
  display: block;
}

.qc-view-container .weight {
  padding: 15px 25px 15px 25px;
}

.qc-view-container .weight .heading-div {
  display: flex;
}

.qc-view-container .weight .heading-div .img {
  padding: 0px 10px 0px 0px;
}

.qc-view-container .weight .heading-div .heading {
  font-weight: 600;
  opacity: 0.7;
  font-size: 16px;
  margin-top: 1px;
}

.qc-view-container .weight .weight-info {
  display: flex;
}

.qc-view-container .weight .weight-info.block {
  display: block;
}

.qc-view-container .weight .entered-wt {
  padding: 15px 30px 15px 30px;
  font-size: 16px;
}

.qc-view-container .weight .entered-wt .num {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
}

.qc-view-container .weight .entered-wt .title {
  opacity: 0.4;
  display: block;
  font-size: 15px;
  font-weight: 600;
}

.qc-view-container .weight .entered-wt .title.vol {
  font-size: 15px;
  font-weight: 600;
}

.qc-view-container .weight .entered-wt .volume-details .breakdown-info {
  display: flex;
}

.qc-view-container .weight .entered-wt .volume-details .breakdown-info .unit {
  padding: 12px 65px 12px 0px;
}

.qc-view-container .weight .entered-wt .volume-details .breakdown-info .unit .key {
  display: block;
  font-size: 15px;
  opacity: 0.4;
  font-weight: 600;
}

.qc-view-container .weight .entered-wt .volume-details .breakdown-info .unit .value {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
}

.qc-view-container .weight .docs {
  padding: 5px;
  font-size: 14px;
}

.qc-view-container .weight .docs md-checkbox.md-checked .md-icon {
  background-color: #50a855;
}

.qc-view-container .weight .docs md-checkbox {
  margin: 4px 0;
}

.qc-view-container .weight .docs md-checkbox .md-label {
  font-weight: 500;
  color: #000000;
}

.qc-view-container .weight .docs .material-icons {
  color: #4caf50;
  font-size: 14px;
  margin-top: 7px;
}

.qc-view-container .weight .docs .docName {
  font-size: 16px;
  margin-left: 8px;
  margin-top: 1px;
}

.instock-container {
  display: flex;
}

.instock-container .left {
  display: block;
  padding: 20px;
  width: 500px;
}

.instock-container .left .upper-table {
  height: 240px;
}

.instock-container .left .lower-table {
  height: 150px;
}

.instock-container .left .summary-heading {
  padding: 10px 5px 20px 5px;
  font-weight: bold;
  font-size: 14px;
  opacity: 0.7;
}

.instock-action-bar {
  display: flex;
  justify-content: flex-end;
  margin-right: 24px;
  width: 40%;
}

.instock-action-bar .report-message {
  margin-top: 18px;
  font-weight: bold;
  opacity: 0.7;
}

table.cn-track-table {
  outline: none;
  width: 100%;
}

table.cn-track-table.instock {
  margin: 0;
  min-width: 40%;
  width: 53%;
}

table.cn-track-table thead tr th {
  height: 20px;
  background: white;
  opacity: 0.5;
  border: 1px solid #cccccc;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-align: left;
}

table.cn-track-table thead tr th.instock {
  background-color: #f8f8f8;
  opacity: 0.3;
  font-weight: 600;
  height: 30px;
}

table.cn-track-table tbody tr td {
  height: 30px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  background-color: #FFFFFF;
  border-bottom: 0;
}

table.cn-track-table tbody tr td.instock {
  height: 38px;
  border-bottom: 2px solid #eeeeee;
  background-color: #f5f5f5;
  border-left: 1px solid #eeeeee;
}

table.cn-track-table tbody tr td.instock .track-div {
  display: flex;
}

table.cn-track-table tbody tr td.instock .track-link-cnote {
  cursor: pointer;
  color: #dd712f;
}

table.cn-track-table tbody tr td .scannedRatio {
  color: #dd712f;
  font-weight: bold;
}

table.cn-track-table tbody tr td .scannedRatio.green {
  color: #429946;
}

table.cn-track-table tbody tr td .material-icons {
  font-size: 10px;
  opacity: 0.6;
}

table.cn-track-table tbody tr td .subReason {
  font-size: 12px;
}

table.cn-track-table tbody tr td .reason-date {
  opacity: 0.6;
  display: block;
}

table.cn-track-table tbody tr td .statusMinor {
  font-size: 8px;
  display: -webkit-inline-box;
  margin-left: 5px;
  height: 12px;
  font-weight: bold;
  text-align: -webkit-center;
  color: #429946;
  width: 50px;
  border-radius: 15px;
  border: 1px solid #4a9d4e;
}

table.cn-track-table tbody tr td .statusMinor.received {
  color: #429946;
  border: 1px solid #429946;
}

table.cn-track-table tbody tr td .statusMinor.loaded {
  color: #4990e2;
  border: 1px solid #4990e2;
}

table.cn-track-table tbody tr td .circle {
  width: 20px;
  height: 16px;
  border-radius: 50px;
  display: -webkit-inline-box;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 5px;
}

table.cn-track-table tbody tr td .circle .phone {
  opacity: 1;
  cursor: context-menu;
}

table.cn-track-table tbody tr td .circle .material-icons {
  margin-left: 5px;
  font-size: 10px;
}

table.cn-track-table tbody tr td .hold-time {
  display: block;
  font-size: 10px;
  opacity: 0.6;
}

.heading-row {
  padding: 10px;
  display: flex;
  background-color: #f5f5f5;
}

.heading-row .one {
  font-size: 12px;
  color: #dd712f;
  font-weight: bold;
  text-align: center;
}

.heading-row .one.cn-track {
  margin-left: 32%;
}

.partition-table {
  background-color: #FFFFFF;
  border: solid 1px #e9e9e9;
  height: 57vh;
}

.partition-table.view-deps {
  height: 52vh;
}

.partition-table .outbound-table {
  display: inline-block;
  float: left;
  width: 65%;
  border: solid 1px #e9e9e9;
}

.partition-table .outbound-table .fixed-row {
  height: 15%;
  border: solid 1px #e9e9e9;
}

.partition-table .outbound-table .fixed-row.no-border {
  border: solid 0px #e9e9e9;
}

.partition-table .outbound-table .scrollable-section {
  height: 84%;
  overflow: auto;
  border: solid 1px #e9e9e9;
}

.partition-table .outbound-table .scrollable-section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.partition-table .outbound-table .scrollable-section::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.partition-table .outbound-table .scrollable-section::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.partition-table .outbound-table .details .key {
  display: inline-block;
  width: 24%;
  opacity: 0.5;
}

.partition-table .outbound-table .details .value {
  height: 22px;
  display: inline-block;
  width: 24%;
  opacity: 0.6;
  font-family: "Brandon Text Medium";
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}

.partition-table .outbound-table .podStatus {
  margin-left: 10%;
}

.partition-table .outbound-table .podStatus .status {
  cursor: pointer;
  width: 120px;
  vertical-align: super;
  height: 22px;
  margin-left: 5%;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #dd712f;
  display: inline;
}

.partition-table .outbound-table .podStatus .divider {
  width: 1px;
  background: #000000;
  height: 20px;
  margin-top: 2%;
  display: inline-block;
  opacity: 0.3;
  border: solid 1px #000000;
}

.partition-table .outbound-details {
  display: inline-block;
  float: left;
  width: 33%;
}

.partition-table .outbound-details .fixed-row {
  height: 15%;
  background-color: #f5f5f5;
}

.partition-table .outbound-details .details-horizontal .details {
  height: 10px;
  padding: 10px;
}

.partition-table .outbound-details .details-horizontal .details .key {
  height: 17px;
  opacity: 0.5;
  display: inline-block;
  width: 48%;
  vertical-align: top;
}

.partition-table .outbound-details .details-horizontal .details .value {
  display: inline-block;
  width: 48%;
  opacity: 0.7;
  word-wrap: break-word;
  height: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  text-align: end;
  font-weight: 500;
  color: #000000;
}

.partition-table .view-deps-card {
  display: inline-block;
  float: left;
  width: 30%;
  padding: 10px;
}

.partition-table .view-deps-card.unconnected-one {
  width: 25%;
}

.partition-table .view-deps-card.unconnected-two {
  width: 25%;
}

.partition-table .view-deps-card.view-deps-row {
  width: 33.3%;
}

.partition-table .view-deps-card.border-style {
  border-right: 1px solid;
  border-right-color: #f5f5f5;
}

.partition-table .view-deps-card.third {
  width: 34%;
}

.partition-table .view-deps-card .fixed-row {
  background-color: #f5f5f5;
}

.partition-table .view-deps-card .details-horizontal .details.void-details {
  display: flex;
  padding: 10px;
}

.partition-table .view-deps-card .details-horizontal .details .key {
  height: 17px;
  opacity: 0.5;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.partition-table .view-deps-card .details-horizontal .details .key.empty-details {
  text-align: center;
  font-size: 15px;
  margin-top: 40%;
}

.partition-table .view-deps-card .details-horizontal .details .key.void-info {
  padding-top: 2px;
  padding-left: 4px;
  font-size: 14px;
}

.partition-table .view-deps-card .details-horizontal .details .value {
  display: inline-block;
  width: 100%;
  opacity: 0.7;
  word-wrap: break-word;
  height: 20px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  color: #000000;
}

.partition-table .view-deps-card .details-horizontal .details .value .line-items {
  padding: 5px;
  width: 30%;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  opacity: 0.7;
}

.partition-table .view-deps-card .details-horizontal .details .value .line-items.first {
  width: 25%;
}

.partition-table .view-deps-card .details-horizontal .details .value .line-items.second {
  width: 40%;
}

.partition-table .view-deps-card .details-horizontal .details .value .line-items.third {
  width: 35%;
}

.partition-table .view-deps-card .details-horizontal .details .initial-deps {
  font-size: 12px;
  opacity: 0.7;
  padding-left: 5px;
  font-weight: bold;
  font-family: "Brandon Text Regular";
}

.partition-table .view-deps-card::-webkit-scrollbar-track {
  display: none;
}

.partition-table .view-deps-card::-webkit-scrollbar-thumb {
  display: none;
}

.partition-table .view-divider {
  height: 80%;
  margin-top: 3%;
  background-color: #d5d5d5;
  width: 1px;
  opacity: 0.5;
}

md-tooltip {
  width: 200px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.41);
}

md-tooltip .md-content {
  height: auto;
  color: rgba(0, 0, 0, 0.8);
  background-color: #f7f7f7;
  white-space: normal;
}

md-tooltip.large .md-content {
  max-width: 500px;
}

.datepicker.rescheduleDatepicker {
  width: 250px;
  margin: auto;
}

md-checkbox {
  margin-top: 2%;
  width: 17%;
}

md-checkbox.md-checked.orange .md-icon {
  background-color: #dd712f;
  border-radius: 53%;
  color: #dd712f;
  margin-right: 5%;
}

md-checkbox.orange .md-icon {
  border-radius: 53%;
  color: #dd712f;
  border-color: #dd712f;
  margin-right: 5%;
}

md-checkbox .md-label {
  color: #dd712f;
  font-weight: 600;
  font-size: 16px;
}

md-checkbox.no-min-height {
  min-height: 0px;
  width: auto;
}

md-checkbox.md-checked.orange-small-checkbox .md-icon {
  background-color: #dd712f;
  border-radius: 53%;
  color: #dd712f;
  margin-right: 5%;
}

md-checkbox.orange-small-checkbox .md-icon {
  border-radius: 53%;
  color: #dd712f;
  border-color: #dd712f;
  margin-right: 2%;
}

md-checkbox.orange-small-checkbox .md-label {
  margin: 10px 25px;
  color: black;
  font-weight: 400;
  font-size: 14px;
}

.not-allowed-cursor {
  cursor: not-allowed;
}

.space-reservation-options-wrapper {
  margin: 10px;
  padding-left: 10px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.space-reservation-options-wrapper.disabled-options {
  opacity: 0.7;
  cursor: not-allowed;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}

.space-reservation-options-wrapper .input-wrapper {
  margin: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}

.space-reservation-options-wrapper .input-wrapper .location-name {
  font-size: 18px;
  width: 75px;
}

.space-reservation-options-wrapper .input-wrapper .options-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper {
  display: flex;
  align-self: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 1rem;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper {
  padding-right: 0.5rem;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox {
  margin-top: 2%;
  width: 17%;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox.no-min-height {
  min-height: 0px;
  width: auto;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox .md-label {
  font-size: 10px;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox.md-checked.orange-small-checkbox .md-icon {
  background-color: #dd712f;
  border-radius: 53%;
  color: #dd712f;
  margin-right: 5%;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox.orange-small-checkbox .md-icon {
  border-radius: 53%;
  color: #dd712f;
  border-color: #dd712f;
  margin-right: 2%;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox.orange-small-checkbox .md-label {
  margin: 10px 25px;
  color: black;
  font-weight: 400;
  font-size: 14px;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .checkbox-wraper md-checkbox.disabled-checkbox {
  cursor: not-allowed;
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .percentage-wrapper {
  height: 20px;
  width: 50px;
  font-size: 14px;
  border: solid 1px rgba(0, 0, 0, 0.3);
}

.space-reservation-options-wrapper .input-wrapper .options-row .options-wrapper .percentage-wrapper.disabled-input-box {
  cursor: not-allowed;
}

.view-outbound ::-webkit-scrollbar {
  width: 4px;
}

.view-outbound .outbound-container {
  background: white;
}

.view-outbound .outbound-container .md-ripple-container {
  text-shadow: 0 0 3px #FFFFFF;
}

.view-outbound .outbound-container .tripLoadingTableContainer {
  height: auto;
  max-height: 250px;
  overflow: auto;
  border-top: 1px solid #e0e0e0;
}

.view-outbound .outbound-container .tripLoadingTableContainer .heading {
  margin-left: 1%;
  font-weight: bold;
  opacity: 0.8;
  font-size: 15px;
  padding: 10px 0 5px 0;
}

.view-outbound .outbound-container .tripLoadingTableContainer .divider {
  border: 1px black;
  opacity: 0.2;
  display: flex;
  margin-bottom: 5px;
}

.view-outbound .outbound-container .tripLoadingTableContainer table.tripLoadingTable {
  outline: none;
  width: 100%;
}

.view-outbound .outbound-container .tripLoadingTableContainer table.tripLoadingTable thead tr th {
  height: 20px;
  background: white;
  opacity: 0.5;
  border: 1px solid #cccccc;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-align: left;
}

.view-outbound .outbound-container .tripLoadingTableContainer table.tripLoadingTable tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.view-outbound .outbound-container .tripLoadingTableContainer table.tripLoadingTable tbody tr td {
  height: 30px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  background-color: #FFFFFF;
  border-bottom: 0;
}

.view-outbound .secondary-header {
  font-size: 16px;
  font-weight: bold;
  opacity: 0.7;
  margin-left: 2%;
}

.view-outbound .secondary-header.damage-reason {
  font-size: 12px;
  margin-left: 0;
  margin-top: 10px;
}

.view-outbound .viewDamage {
  margin-top: 2%;
  margin-left: 2%;
  display: flex;
}

.view-outbound .viewDamage .barcodeInput {
  height: 30px;
  margin-left: 20px;
}

.view-outbound .table-container {
  height: 300px;
}

.view-outbound .table-container.smaller-table {
  height: 230px;
}

.view-outbound .table-container.view-pc-table {
  height: 280px;
  overflow: hidden;
}

.divider {
  width: 100%;
  height: 1px;
  opacity: 0.2;
  background: gray;
  margin: 0%;
}

.submit-analysis-button {
  width: 170px;
  height: 39px;
  border-radius: 2px;
  background-color: #dd712f;
  margin-left: 0;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}

.deps.top-drawer {
  padding: 10px;
  background-color: #f5f5f5;
  height: 178px;
}

.deps.top-drawer md-card.summary-view {
  box-shadow: none;
}

.deps.top-drawer md-card.summary-view .deps-card {
  width: 32%;
  padding: 10px;
  display: block;
  padding-left: 25px;
  border: 1px solid #e0e0e0;
  border-left: 0;
  cursor: pointer;
}

.deps.top-drawer md-card.summary-view .deps-card.leftborder {
  border-left: 1px solid #e0e0e0;
}

.deps.top-drawer md-card.summary-view .deps-card.selected {
  border-bottom: 3px solid #dd712f;
}

.deps.top-drawer md-card.summary-view .deps-card.selected .heading {
  font-weight: bold;
}

.deps.top-drawer md-card.summary-view .deps-card .heading {
  text-align: left;
  font-size: 15px;
  margin-top: 24px;
  font-family: "Brandon text Medium";
  opacity: 0.6;
}

.deps.top-drawer md-card.summary-view .deps-card .content {
  display: flex;
  align-items: flex-end;
}

.deps.top-drawer md-card.summary-view .deps-card .content .number {
  color: #dd712f;
  font-family: "Brandon Text Medium";
  font-size: 25px;
}

.deps.top-drawer md-card.summary-view .deps-card .content .text {
  font-size: 19px;
  padding: 0 10px;
  color: #dd712f;
  text-align: center;
  min-width: 38%;
  font-family: "Brandon Text Medium";
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats {
  margin-left: 30px;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats::before {
  content: "";
  position: absolute;
  right: 96%;
  top: 19px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.inbound-first {
  background-color: #d0021b;
  height: 35%;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.inbound-first::before {
  border-right: 14px solid #d0021b;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.inbound-second {
  height: 35%;
  background-color: #292e34;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.inbound-second::before {
  border-right: 14px solid #292e34;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound {
  background-color: #d0021b;
  font-size: 15px;
  color: white;
  margin-left: 15%;
  height: 25px;
  padding: 16px;
  font-weight: bold;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound::before {
  border-right: 14px solid #d0021b;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound-second {
  background-color: #292e34;
  font-size: 15px;
  color: white;
  margin-left: 15%;
  height: 25px;
  padding: 16px;
  font-weight: bold;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound-second::before {
  border-right: 14px solid #292e34;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound-third {
  background-color: #d0021b;
  font-size: 15px;
  color: white;
  height: 54px;
  padding: 16px;
  font-weight: bold;
}

.deps.top-drawer md-card.summary-view .deps-card .content .deps-stats.outbound-third::before {
  border-right: 14px solid #d0021b;
}

.deps.top-drawer md-card.summary-view,
.arrival-pending md-card.summary-view {
  padding: 0;
}

.deps.top-drawer md-card.summary-view > div,
.arrival-pending md-card.summary-view > div {
  padding: 20px 10px 20px 40px;
}

.deps.top-drawer md-card.summary-view > div.flex-30,
.arrival-pending md-card.summary-view > div.flex-30 {
  max-width: 33%;
}

.deps.top-drawer md-card.summary-view > div.selected,
.arrival-pending md-card.summary-view > div.selected {
  border-bottom: 3px solid #dd712f;
}

.deps.top-drawer md-card.summary-view > div.selected .label-heading,
.arrival-pending md-card.summary-view > div.selected .label-heading {
  color: #000000;
  font-weight: bold;
}

.deps.top-drawer md-card.outbound-deps-card,
.arrival-pending md-card.outbound-deps-card {
  padding: 0;
}

.deps.top-drawer md-card.outbound-deps-card > div,
.arrival-pending md-card.outbound-deps-card > div {
  padding: 20px 16px 20px 39px;
}

.deps.top-drawer md-card.outbound-deps-card > div.flex-30,
.arrival-pending md-card.outbound-deps-card > div.flex-30 {
  max-width: 33%;
}

.deps.top-drawer md-card.outbound-deps-card > div.selected,
.arrival-pending md-card.outbound-deps-card > div.selected {
  border-bottom: 3px solid #dd712f;
}

.deps.top-drawer md-card.outbound-deps-card > div.selected .label-heading,
.arrival-pending md-card.outbound-deps-card > div.selected .label-heading {
  color: #000000;
  font-weight: bold;
}

.plain-button {
  background-color: white !important;
  border: 1px solid #cacece;
}

.right-space {
  padding-right: 10px;
}

.no-margin {
  margin: 0px;
}

.cc-dialog-heading {
  opacity: 0.7;
  font-size: 19px;
  color: #000000;
}

.cc-table-header {
  opacity: 0.4;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e9e9e9;
  padding-left: 30px;
  padding-right: 30px;
}

.cc-table-row {
  opacity: 0.7;
  font-size: 12px;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-left: 30px;
  padding-right: 30px;
}

.dialog-content-override {
  padding: 0px !important;
}

.cc-payment-mode {
  width: 97px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.cc-cheque-input {
  width: 129px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.cc-banks-list {
  width: 207px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.cc-submit-btn {
  position: relative;
  top: 50%;
  margin-top: -25px !important;
}

.cash_col_success_wrapper {
  height: 300px;
}

.cash_col_close_btn {
  cursor: pointer;
  margin: 10px;
  opacity: 0.7;
}

.cash_col_done_btn {
  border: solid 1px #dd712f;
  color: #dd712f;
  background-color: #fff !important;
  width: 150px !important;
  height: 50px !important;
}

.cash_col_print_btn {
  width: 107px;
  height: 51px;
}

.cash_col_success_icn {
  margin: 30px;
}

.cash_col_success_msg_container {
  margin-bottom: 20px;
}

.cash_col_success_msg {
  width: 474px;
  height: 68px;
  opacity: 0.7;
  font-size: 20px;
  text-align: center;
}

.disable-btn {
  opacity: 0.4;
}

@media print {
  .print-page-break {
    page-break-after: always;
  }
}

.legend-div {
  margin-top: -5px;
}

.legend-div .legend-text {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.right-gap {
  margin-right: 20px;
}

.footer {
  position: absolute;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
  height: 40px;
}

.footer .pagination tr {
  display: inline-block;
}

.footer .pagination td {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  cursor: pointer;
}

.footer .pagination td.active {
  background-color: #dd712f;
  color: #ffffff;
  border: 1px solid #dd712f;
}

.footer .pagination td.bold {
  background: black;
  color: white;
}

.footer .pagination td:hover:not(.active) {
  background-color: #ddd;
}

.alert-btn-resolve img {
  height: 15px;
  width: 15px;
}

.generic-confirm-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  transform: translate(-50%, -50%) scale(1) !important;
  width: 45%;
  text-align: center;
  padding: 30px 50px;
  box-sizing: border-box;
  border-radius: 5px;
}

.generic-confirm-dialog img {
  height: 70px;
  width: 70px;
}

.generic-confirm-dialog .action-content {
  margin: 20px 0;
}

.generic-confirm-dialog .md-button.accept-button {
  background-color: #dd712f;
  color: white;
  font-weight: bold;
}

.generic-confirm-dialog .md-button.reject-button {
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.toast-top-right {
  top: 70px;
}

#toast-container .toast {
  opacity: 1;
}

#toast-container .toast-message {
  display: inline-block;
}

.resolve-fn-dialog .fn-sub-text,
.lost-fn-dialog .fn-sub-text {
  font-size: 16px;
}

.download-invoice-container .elementIcon {
  object-fit: contain;
  padding: 20px;
}

.download-invoice-container .dialog-element .elementText {
  opacity: 0.7;
  font-family: Brandon Text Regular;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  color: #000000;
}

.download-invoice-container .dialog-element .elementSubtext {
  padding-top: 8px;
  font-family: Brandon Text Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: var(--black);
}

.download-invoice-container .dialog-element .elementErrorSubtext {
  padding-top: 8px;
  font-family: Brandon Text Medium;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: #e22727;
}

.download-invoice-container .otp-container {
  padding-top: 22px;
  width: 270px;
}

.download-invoice-container .otp-container input[type="number"]::-webkit-inner-spin-button,
.download-invoice-container .otp-container input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.download-invoice-container .otp-container input:focus {
  outline: none;
}

.download-invoice-container .otp-container .rectangle-custom {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #d8d6d6;
  text-align: center;
}

.download-invoice-container .resend-otp-container {
  padding-top: 5px;
  width: 165px;
}

.download-invoice-container .resend-otp-container .resend-otp-text-1 {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  line-height: normal;
  color: var(--black);
}

.download-invoice-container .resend-otp-container .resend-otp-text-2 {
  font-family: BrandonText;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  color: #dd712f;
  cursor: pointer;
}

.download-invoice-container .button-container {
  padding: 20px;
}

.download-invoice-container .button-container .primary-disabled {
  width: 199px;
  height: 40px;
  opacity: 0.4;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-weight: bold;
}

.download-invoice-container .button-container .primary-enabled {
  width: 199px;
  height: 40px;
  opacity: 1;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-weight: bold;
}

.ngdialog.ngdialog-theme-default.custom-width-440 .ngdialog-content {
  width: 440px;
}

.view-cnote-buttons {
  min-width: 120px;
  margin: 10px 0;
}

.remark.onTime {
  margin: auto;
  width: 66px;
  height: 14px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  background-color: #209c64;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.remark.delayed {
  margin: auto;
  width: 66px;
  height: 14px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  background-color: #e53935;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.addIcon {
  width: 19px;
  height: 19px;
  color: #fff;
  font-size: 20px;
  background-color: #dd712f;
  line-height: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 10px;
}

.hsnRow-header {
  width: 100%;
  padding-right: 8px;
  display: flex;
  flex-direction: row;
}

.hsnRow-header .colHeader {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
}

.hsnRow-value {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.hsnCodeBlock {
  width: 70%;
  float: left;
}

.hsnCodeBlock input {
  width: 80%;
  height: 17px;
  padding: 5px 0px 5px 10px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  opacity: 0.7;
}

.hsnCodeBox {
  margin-top: 5px;
  min-width: 100%;
}

.hsnCodeBox:first-child {
  margin-top: 0px;
}

.hsnCodeBox:last-child {
  margin-bottom: 5px;
}

.amountBox {
  display: flex;
}

.amountCodeBlock {
  width: 30%;
  float: right;
}

.amountCodeBlock input {
  width: 70%;
  height: 17px;
  padding: 5px 0px 5px 10px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  opacity: 0.7;
}

.amountCodeFormInput {
  width: 30%;
  float: right;
}

.amountCodeFormInput input {
  width: 60%;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
}

.removehsnCode {
  display: inline-block;
  cursor: pointer;
  margin-left: 2%;
}

.removehsnCode .material-icons {
  font-size: 18px;
  margin-left: 2%;
  margin-top: 6px;
  opacity: 0.7;
}

.hsnCodeFormInput {
  width: 70%;
  float: left;
}

.hsnCodeFormInput md-autocomplete {
  height: 29px !important;
  min-width: 0px;
  margin-left: 5%;
  margin-right: 5%;
  background-color: #ffffff !important;
  border: solid 1px #e0e0e0;
}

.hsnCodeFormInput md-autocomplete input {
  height: 29px;
  font-size: 12px;
  border-radius: 2px;
  padding: 5px 0px 5px 10px;
  opacity: 0.7;
}

.hsnCodeFormInput md-autocomplete input[type="search"] {
  height: 29px !important;
  font-size: 12px;
  border-radius: 2px;
  padding: 5px 0px 5px 10px;
  opacity: 0.7;
}

.hsnCodeFormInput md-autocomplete-wrap {
  height: 29px !important;
}

md-autocomplete-parent-scope span {
  text-overflow: ellipsis;
}

.date-range-picker-del {
  width: 170px;
}

.date-range-picker-del .date-range-picker-text {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding-top: 6px;
}

.date-range-picker-del ob-daterangepicker .picker-dropdown-container .picker .ranges-actions.custom-open {
  display: none;
}

.date-range-picker-del ob-daterangepicker .picker-dropdown-container .picker-dropdown::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0px;
  border-style: solid;
  border-width: 4px 4px 0;
  border-color: #000 transparent transparent;
}

.date-range-picker-del ob-daterangepicker .picker-dropdown-container .picker-dropdown {
  box-sizing: border-box;
  position: relative;
  border: none;
  width: 150px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  padding-right: 5px;
  font-size: 10px;
}

.vehicle-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
}

.vehicle-type:hover {
  overflow: visible;
  white-space: normal;
}

.consignor-code {
  width: 90%;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #dd712f;
}

.info-tag {
  min-width: 10px;
  min-height: 10px;
  width: 12px;
  position: relative;
  top: -1px;
}

.info-tag svg {
  fill: #636467;
}

#estimated-delivery-tooltip {
  min-height: 15px;
  width: 260px;
  background: #fff;
  color: #000;
  opacity: 1;
  font-size: 12px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

#edit-gstin-tooltip {
  min-height: 15px;
  width: auto;
  background: #fff;
  color: #000;
  opacity: 1;
  font-size: 12px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  max-width: none;
}

.holiday-sunday-charges-tooltip {
  min-height: 15px;
  width: 260px;
  background: #fff;
  color: #000;
  opacity: 1;
  font-size: 12px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

#tracking-tooltip {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  width: 260px;
  min-height: 70px;
  padding: 10px;
  background: #fff;
  color: #000;
  opacity: 1;
  font-size: 12px;
}

.gstin-box {
  display: block;
  padding: 1rem 1rem;
  height: 7rem;
  overflow-y: auto;
  background-color: white;
  z-index: 50;
  position: relative;
}

.gst-number {
  padding-left: 0.4rem;
}

.gstInForm {
  display: block;
  text-align: left;
}

.gst-submit-box {
  color: #fff;
  display: flex;
  justify-content: space-between;
}

.client-address-list-wrapper {
  max-height: 20rem;
  min-height: 15rem;
  overflow-y: auto;
  background-color: white;
  z-index: 50;
  position: relative;
}

.empty-address {
  font-weight: bold;
  padding: 1.5rem;
  color: #d0021b;
}

.loading-fetching img {
  width: 2rem;
  height: 2rem;
}

.form-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
  align-items: center;
}

.form-box .form-label {
  font-size: 0.8rem;
}

.form-box input {
  padding-left: 0.4rem;
  font-size: 0.8rem;
}

.tax-ids {
  opacity: 0.8;
}

.opacity--0-5 {
  opacity: 0.5;
}

.address {
  opacity: 0.5;
}

.client-address-name {
  opacity: 1;
}

.contact-person-box {
  width: 90%;
  margin: 0px 1rem;
}

.new-contact-person {
  color: #dd712e;
  border: solid 1px #dd712e;
}

.new-contact-person:hover {
  background-color: #dd712e;
}

.add-contact-form {
  display: block;
  margin: 0.8rem 1rem;
}

.custom-md-select {
  width: 200px;
  margin: 1rem 0;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px #e0e0e0;
}

.custom-md-select md-select-value {
  margin: 0;
}

.custom-md-select md-select-value span:not(.md-select-icon) {
  font-weight: 500;
}

.client-address-view-box {
  padding: 0.5rem 0;
  min-height: 7rem;
  border-bottom: 0.1rem solid #e0e0e0;
}

.client-address-view-box-selected {
  border: 0.1rem solid #c4c4c4;
}

.client-address-view-wrapper {
  display: flex;
  margin: 0 1rem;
  align-items: center;
  height: 100px;
  overflow: hidden;
  white-space: nowrap;
}

.client-address-container {
  font-weight: bold;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: left;
  width: 85%;
}

.edit-address-option {
  text-align: center;
  background-color: #475d68;
  color: #ffffff;
  line-height: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  opacity: 0.8;
  cursor: pointer;
  margin: 1rem 0.5rem 0rem 0rem;
}

.edit-address-wrapper {
  width: 15%;
  padding: 0.5rem;
}

.contact-radio-option {
  margin-bottom: 0rem;
}

.contact-detail-wrapper {
  opacity: 0.5;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: start;
  margin-left: 0.5rem;
  width: 90%;
  align-self: center;
}

.add-address-button {
  width: 100%;
  margin: 0;
  color: #ffffff;
}

.address-container {
  display: block;
  height: 30rem;
  overflow: auto;
  padding: 1.2rem;
}

.address-flex-box {
  display: flex;
  height: 4.5rem;
  align-items: center;
  font-size: 0.8rem;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.7rem 0;
}

.address-details {
  display: block;
  flex: 2 0 0;
}

.address-box {
  width: 100%;
  font-size: 12px;
}

.address-name {
  font-size: 12px;
  color: #dd702e;
}

.address-detailed {
  font-size: 12px;
}

.address-pincode {
  font-weight: 500;
}

.line {
  width: 100%;
  opacity: 0.3;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.custom-radio-button {
  height: 1rem;
  width: 1rem;
  background-color: lightgrey;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .custom-radio-button {
  background-color: darkgray;
}

/* When the radio button is checked, add a background color*/
.radio-container input:checked ~ .custom-radio-button {
  background-color: #dd712f;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio-button:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-button-wrapper {
  width: 10%;
  margin: 0rem;
}

.radio-buttons-container {
  width: 100%;
  display: inline-flex;
  align-self: center;
  cursor: pointer;
}

.poc-contact-details {
  font-family: "Brandon Text Medium";
  font-size: 0.8rem;
  opacity: 0.5;
  margin: 0.3rem 0;
  height: 2rem;
  padding-left: 0.5rem;
}

.add-contact-button {
  font-family: "Brandon Text Medium";
  color: white;
  font-size: 0.8rem;
  font-weight: bold;
}

.custom-md-button-p1 {
  margin: 0.7rem 0 !important;
  font-size: 0.8rem !important;
  color: white !important;
  width: 45% !important;
}

.white-background-margin {
  background-color: white !important;
  border: 1px solid #dd712f !important;
  color: #dd712f !important;
  font-weight: bold !important;
  margin: 0.7rem 0 !important;
  width: 45% !important;
  font-size: 0.8rem !important;
}

.autogenerateButton {
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 25px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: solid;
  border-color: #dd712f;
  border-radius: 25px;
  color: #dd712f;
  border-width: thin;
}

.autogenerateButton[disabled] {
  pointer-events: none;
  color: grey;
  border-color: gray;
}

.assign-scan-search md-input-container {
  display: block;
  margin-bottom: 0;
  margin-top: 15px;
  padding: 0 12px;
}

.assign-scan-search md-input-container .md-errors-spacer {
  min-height: 0;
}

.assign-scan-search md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding: 0 12px;
}

.double-pilot-input-div {
  display: flex;
}

.double-pilot-input-div .double-pilot-checkbox {
  margin-top: -11px;
}

.select-all-checkbox md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.request-holiday-delivery {
  display: flex;
  flex-direction: column;
}

.request-holiday-delivery .holiday-delivery-reason-ui-tip {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.request-holiday-delivery .holiday-delivery-reason-ui-tip i.material-icons {
  font-size: 16px;
  cursor: default;
}

md-tooltip.holiday-delivery-tip {
  width: 98%;
}

.ngdialog.ngdialog-theme-default.custom-width-700 .ngdialog-content {
  width: 700px;
}

.holiday-modal-title {
  margin-left: 2%;
}

.holiday-delivery-dialog {
  display: block;
  margin: 1% 2%;
}

.holiday-delivery-dialog .lines {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  margin: 1%;
}

.holiday-delivery-dialog .lines .line-column {
  width: 45%;
}

.holiday-delivery-dialog .lines .line-column div {
  height: auto;
  text-align: left;
}

.holiday-delivery-dialog .lines .line-column div .field-title {
  font-size: 1.1em;
}

.holiday-delivery-dialog .lines .line-column div .modal-field-value {
  margin: 2% 0 5% 0;
  color: grey;
}

.holiday-delivery-dialog .lines .line-column div .holiday-dropdown {
  margin: 0;
  width: 15rem;
  height: 2.5rem;
  max-width: none;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.holiday-delivery-dialog .lines .whatsapp-checkbox-container {
  width: 250px;
  margin-left: -6%;
}

.holiday-delivery-dialog .lines .whatsapp-checkbox-container .whatsapp-checkbox-div {
  width: 200px;
  height: 1.2rem;
  text-align: left;
}

.holiday-delivery-dialog .lines .whatsapp-checkbox-container .whatsapp-checkbox-div .whatsapp-checkbox .md-label {
  width: 200px;
  color: var(--black);
  font-size: revert;
  font-weight: normal;
}

.holiday-delivery-dialog .lines .whatsapp-checkbox-container .whatsapp-checkbox-div md-checkbox.md-checked.whatsapp-checkbox .md-icon {
  background-color: #dd712f;
}

.holiday-delivery-dialog .lines .whatsapp-checkbox-container .whatsapp-checkbox-div md-checkbox.md-checked.whatsappCheckboxRed .md-icon {
  background-color: #e3383a;
}

md-tooltip.holiday-delivery-date {
  width: 460px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.41);
}

md-tooltip.holiday-delivery-date .md-content {
  height: auto;
  color: rgba(0, 0, 0, 0.9);
  background-color: #f7f7f7;
  white-space: normal;
}

.dropdownBox {
  margin-left: 0.5rem;
  border: 1px solid #d5d5d5;
}

.depsImageSection {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1%;
  margin-left: 1%;
}

.depsImageSection .uploadImages {
  display: flex;
  align-items: center;
  width: 85%;
  overflow-x: auto;
  border-left: 1px dashed lightgray;
}

.depsImageSection .uploadImages .imageList {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  margin: 2%;
  padding: 1%;
  height: 85%;
}

.depsImageSection .uploadImages .imageList .deleteButton {
  cursor: pointer;
}

.marketTripCostInputContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5% 0;
}

.marketTripCostInputContainer .marketTripCostInputLabel {
  margin-bottom: 2%;
  font-size: 1.2rem;
}

.marketTripCostInputContainer .marketTripCostInputDiv .marketTripCostInput {
  padding: 2%;
  border: 1px solid grey;
  border-radius: 4px;
}

.formatEstimatedArrivalTime {
  position: relative;
}

.formatEstimatedArrivalTime .formatEstimatedArrivalTimeInfo {
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translateY(-50%);
}

.formatEstimatedArrivalTime .formatEstimatedArrivalTimeInfo i {
  font-size: 18px;
}

.adDateContentText {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
}

.dialog-text-area {
  font-size: 16px;
  width: 100%;
  min-height: 100px;
  border-radius: 8px;
  padding: 8px;
  border: solid 1px #e0e0e0;
}

.consignee-feedback-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.consignee-feedback-content .heading {
  font-size: 20px;
  font-weight: 800;
  color: #8e44ad;
}

.bold {
  font-weight: bold;
}

md-option button {
  margin-left: 0px;
  border: none;
  text-align: left;
  width: 150px;
  height: 40px;
  background-color: transparent;
  font-size: 100%;
  font-family: "Brandon Text Medium";
  padding: 0px;
  color: rgba(33, 33, 33, 0.87);
}

.clientMis {
  font-family: "Brandon Text Medium";
}

.clientMis md-content {
  background-color: #F5F5F5;
}

.clientMis .date-range-floating-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 58;
  background: rgba(0, 0, 0, 0.2);
}

.clientMis .date-range-floating-wrapper .date-range-floating {
  width: 400px;
  height: max-content;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  padding-bottom: 20px;
  background-color: #fff;
}

.clientMis .date-range-floating-wrapper .date-range-floating .email-copy-text {
  text-align: center;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #dd712f;
  cursor: pointer;
}

.clientMis .date-range-floating-wrapper .date-range-floating .head {
  height: 34px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 24px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.clientMis .date-range-floating-wrapper .date-range-floating .line-separator {
  opacity: 0.1;
  border-bottom: solid 1px #000000;
  margin-top: 20px;
  margin-bottom: 20px;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px auto 0px auto;
  display: inline-block;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field {
  position: relative;
  width: 249px;
  height: 41px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #c5c5c5;
  display: table-cell;
  vertical-align: middle;
  font-family: "Brandon Text Regular";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field md-input-container {
  margin: auto;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 50;
  width: 95%;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field input {
  border: 0;
  padding-left: 10px;
  padding-right: -10px;
  width: 238px;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field input[type="text"] {
  display: inline-block;
  width: 100%;
  float: left;
  height: 30px;
  line-height: 30px;
  border: 0;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field .range-image {
  background: url("../images/date_range.png") no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 49;
}

.clientMis .date-range-floating-wrapper .date-range-floating .input-wrapper .input-field .input-text {
  display: inline-block;
  width: 219px;
  float: left;
  height: 30px;
  line-height: 30px;
}

.clientMis .date-range-floating-wrapper .date-range-floating .action-button {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0px auto 10px auto;
  display: inline-block;
}

.clientMis .date-range-floating-wrapper .date-range-floating .action-button .action-text {
  margin-left: 0;
  display: table-cell;
  vertical-align: middle;
  width: 249px;
  height: 41px;
  border-radius: 4px;
  background-color: #dd712f;
  border: solid 1px rgba(0, 0, 0, 0.1);
  font-family: "Brandon Text Regular";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.clientMis .date-range-floating-wrapper .date-range-floating .action-button .action-text[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}

.clientMis .timeline-container {
  width: 90%;
  margin: auto;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0px;
  height: 130px;
  transform: translateY(30px);
}

.clientMis .timeline-container.pickup {
  width: 85%;
  margin-top: 3%;
}

.clientMis .timeline-container.pickup .timeline-header {
  font-family: "Brandon Text Medium";
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
}

.clientMis .timeline-container.pickup .timeline-header .sub-header {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

.clientMis .timeline-container.pickup .deliveredPodPendingStatus {
  width: 100px;
  left: 92% !important;
  top: -20px;
}

.clientMis .timeline-container .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 100px;
  position: relative;
  box-sizing: border-box;
  margin: auto;
  background: rgba(0, 0, 0, 0.12);
}

.clientMis .timeline-container .progress-track {
  position: absolute;
  top: 0;
  height: 10px;
  border-radius: 100px;
  background: #4caf50;
  color: #FFFFFF;
}

.clientMis .timeline-container .timeline-header {
  position: absolute;
  top: 0;
  width: 150px;
  box-sizing: border-box;
  margin-left: -70px;
  text-align: center;
  font-size: 12px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  transform: translateY(-30px);
}

.clientMis .timeline-container .timeline-header.big {
  font-size: 14px;
  transform: translateY(-50px);
}

.clientMis .timeline-container .timeline-header.down {
  transform: translateY(30px);
  font-family: "Brandon Text Bold";
}

.clientMis .timeline-container .timeline-header .trans {
  font-size: 10px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
}

.clientMis .timeline-container .timeline-details {
  position: absolute;
  top: 30px;
  width: 150px;
  box-sizing: border-box;
  margin-left: -70px;
  text-align: center;
  font-size: 10px;
  opacity: 0.7;
  color: #000000;
  font-family: "Brandon Text Regular";
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  padding: 5px;
}

.clientMis .timeline-container .timeline-details .keyvalue {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.clientMis .timeline-container .timeline-details .keyvalue .key {
  opacity: 0.4;
}

.clientMis .timeline-container .timeline-details .keyvalue .value {
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.clientMis .timeline-container .timeline-details .keyvalue .value .circle {
  border-radius: 50%;
  background-color: #eaeaea;
  margin-left: 3px;
  width: 15px;
  height: 15px;
}

.clientMis .timeline-container .timeline-details .keyvalue .value .circle .material-icons {
  font-size: 10px;
  margin-top: 3px;
}

.clientMis .timeline-container .timeline-marker {
  width: 24px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  top: -10px;
  background: #f2f2f2;
  border-radius: 50%;
  margin-left: -10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #919191;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #ffffff;
}

.clientMis .timeline-container .timeline-marker .material-icons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.clientMis .timeline-container .timeline-marker.big {
  width: 39px;
  height: 39px;
  line-height: 39px;
  top: -18px;
}

.clientMis .timeline-container .timeline-marker.big .material-icons {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.clientMis .timeline-container .timeline-marker.alert {
  background: #f5a623;
  color: #FFFFFF;
}

.clientMis .timeline-container .timeline-marker.active {
  background: #4caf50;
  color: #FFFFFF;
}

.clientMis .timeline-container .timeline-marker.error {
  background-color: #d0011b;
  color: #FFFFFF;
}

.clientMis .timeline-container .timeline-info {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  height: 60px;
}

.clientMis .timeline-container .timeline-info.text {
  font-size: 16px;
  opacity: 0.7;
  transform: translateY(-80px);
}

.clientMis .timeline-container .timeline-info.circle {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-left: -4px;
  transform: translateY(-60px);
  background-color: #4a90e2;
}

.clientMis .timeline-container .timeline-info.stick {
  width: 2px;
  height: 49px;
  transform: translateY(-49px);
  background-color: #4a90e2;
}

.clientMis .timeline-container .timeline-header-container {
  width: 100%;
  position: relative;
  height: 50px;
}

.clientMis .key-value {
  width: 100%;
  text-align: left;
}

.clientMis .key-value .label, .clientMis .key-value .value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.clientMis .key-value.row .label, .clientMis .key-value.row .value {
  display: inline-block;
}

.clientMis .key-value.row .label {
  width: 40%;
}

.clientMis .key-value.row .value {
  float: right;
  max-width: 45%;
  text-align: right;
}

.clientMis.track-pickup {
  height: 100%;
}

.clientMis.track-pickup md-content {
  height: 600px;
}

.clientMis.track-pickup .no-pickup-selected-view .previous-search-view {
  background-color: #fafafa;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #f5f5f5;
}

.clientMis.track-pickup .no-pickup-selected-view .previous-search-view .previous-consignment-heading {
  width: 100%;
  opacity: 0.5;
  margin-bottom: 25px;
  font-family: "Brandon Text Regular";
  font-size: 14px;
}

.clientMis.track-pickup .no-pickup-selected-view .previous-search-view .filter-chip {
  cursor: pointer;
}

.clientMis.track-pickup .no-pickup-selected-view .no-pickup-information {
  height: 500px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.clientMis.track-pickup .no-pickup-selected-view .no-pickup-information .infoImg {
  margin-bottom: 70px;
  height: 150px;
}

.clientMis.track-pickup .no-pickup-selected-view .no-pickup-information .info {
  width: 400px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 18px;
  text-align: center;
  color: #000000;
}

.clientMis.track-pickup .pickup-view {
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e0e0e0;
}

.clientMis.track-pickup .pickup-view .top-div {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 10px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details {
  width: 274px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .heading {
  padding: 10px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .heading .id {
  padding-bottom: 8px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .heading .name {
  font-size: 16px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .details {
  padding: 10px;
  padding-top: 5px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .details .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-family: "Brandon Text Medium";
  color: #000000;
  height: 23px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .details .details-row.big {
  height: 40px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .details .details-row .key {
  font-size: 12px;
  opacity: 0.4;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .details .details-row .value {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.7;
  justify-content: center;
  height: 100%;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .address {
  padding: 10px;
  padding-top: 5px;
  font-family: "Brandon Text Medium";
  color: #000000;
  text-align: left;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .address .key {
  font-size: 12px;
  opacity: 0.4;
  padding-bottom: 5px;
}

.clientMis.track-pickup .pickup-view .top-div .pickup-details .address .value {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.7;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data {
  width: 78%;
  height: 100%;
  font-family: "Brandon Text Medium";
  color: #000000;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 10px 30px 10px 30px;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head .head-element {
  height: 100%;
  text-align: left;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head .head-element.pickup-status {
  text-transform: uppercase;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head .head-element.pickup-status .value {
  font-size: 18px;
  font-weight: bold;
  opacity: 1;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head .key {
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.4;
}

.clientMis.track-pickup .pickup-view .top-div .timeline-data .timeline-head .value {
  font-size: 16px;
  font-weight: 500;
  opacity: 0.7;
}

.clientMis.track-pickup .pickup-view .bottom-div {
  padding: 10px 0px 10px 0px;
  font-family: "Brandon Text Medium";
  color: #000000;
  border-top: solid 1px #e0e0e0;
  background-color: #ffffff;
}

.clientMis.track-pickup .pickup-view .bottom-div .heading {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  opacity: 0.7;
  text-transform: uppercase;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eeeeee;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-header {
  background-color: #f5f5f5;
}

.clientMis.track-pickup .pickup-view .bottom-div .table th {
  border-bottom: solid 1px #eeeeee;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head {
  font-weight: normal;
  font-size: 14px;
  opacity: 0.7;
  padding: 10px;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head.double {
  padding: 10px 0px 0px 0px;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head .col-heading {
  padding-bottom: 5px;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head .sub-head {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-top: 1px solid #eaeaea;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head .sub-head div {
  height: 100%;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head .sub-head div:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.clientMis.track-pickup .pickup-view .bottom-div .table .table-head:not(:last-child) {
  border-right: 1px solid #eaeaea;
}

.clientMis.track-pickup .pickup-view .bottom-div .table td {
  padding: 10px 5px 10px 5px;
  font-size: 14px;
  opacity: 0.7;
  text-align: center;
  border-bottom: none;
}

.clientMis.track-pickup .pickup-view .bottom-div .table td .track-link {
  cursor: pointer;
  color: #dd712f;
  font-weight: 700;
}

.clientMis.track-cnote .no-cnote-selected-view .previous-search-view {
  background-color: #fafafa;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #f5f5f5;
}

.clientMis.track-cnote .no-cnote-selected-view .previous-search-view .previous-consignment-heading {
  width: 100%;
  opacity: 0.5;
  margin-bottom: 25px;
  font-family: "Brandon Text Regular";
  font-size: 14px;
}

.clientMis.track-cnote .no-cnote-selected-view .previous-search-view .filter-chip {
  cursor: pointer;
}

.clientMis.track-cnote .no-cnote-selected-view .no-cnote-information {
  height: 500px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.clientMis.track-cnote .no-cnote-selected-view .no-cnote-information .infoImg {
  margin-bottom: 70px;
  height: 150px;
}

.clientMis.track-cnote .no-cnote-selected-view .no-cnote-information .info {
  width: 400px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 18px;
  text-align: center;
  color: #000000;
}

.clientMis.track-cnote .consignment-view.external-track {
  background-color: #fafafa;
}

.clientMis.track-cnote .consignment-view.external-track .left-side-details.big {
  height: 355px;
  overflow: auto;
}

.clientMis.track-cnote .consignment-view.external-track .left-side-details .routeDetails .fromLocation .location-name, .clientMis.track-cnote .consignment-view.external-track .left-side-details .routeDetails .toLocation .location-name {
  font-size: 16px;
}

.clientMis.track-cnote .consignment-view.external-track .left-side-details .routeDetails .arrow-icon {
  margin: 0;
}

.clientMis.track-cnote .consignment-view .view-pod-button, .clientMis.track-cnote .consignment-view .view-deps-button {
  width: auto;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  font-size: 12px;
  color: #dd712f;
}

.clientMis.track-cnote .consignment-view .view-pod-button.rivigoTextRed, .clientMis.track-cnote .consignment-view .view-deps-button.rivigoTextRed {
  color: #e3383a;
  border: solid 1px #e3383a;
}

.clientMis.track-cnote .consignment-view .view-deps-button {
  margin: 0;
  margin-left: 10px;
  font-size: 8px;
  height: 24px;
  line-height: 24px;
  min-height: 24px;
}

.clientMis.track-cnote .consignment-view .left-side-details {
  width: 25%;
  background: #FFFFFF;
  box-sizing: border-box;
  color: #000000;
  float: left;
  border: 2px solid #e0e0e0;
  border-radius: 3px;
  min-height: 250px;
}

.clientMis.track-cnote .consignment-view .left-side-details .scrollable-left {
  max-height: 70vh;
  overflow: hidden;
}

.clientMis.track-cnote .consignment-view .left-side-details .scrollable-left:hover {
  overflow: auto;
}

.clientMis.track-cnote .consignment-view .left-side-details .scrollable-left.noPod {
  max-height: 80vh;
}

.clientMis.track-cnote .consignment-view .left-side-details .sectional-details {
  padding: 10px;
  border-bottom: 1px solid #f5f5f5;
}

.clientMis.track-cnote .consignment-view .left-side-details .sectional-details.less-padding {
  padding: 5px 10px 0px 10px;
}

.clientMis.track-cnote .consignment-view .left-side-details .download-invoice {
  padding: 20px;
}

.clientMis.track-cnote .consignment-view .left-side-details .download-invoice .download-invoice-text {
  font-family: Brandon Text Regular;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #dd712f;
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling {
  border-top: 1px solid #f5f5f5;
  padding: 12px;
  border-bottom: 1px solid #f5f5f5;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling.less-padding {
  padding: 5px 10px 0px 10px;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .external-track {
  font-size: 19px;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .external-track .appointment-delivery-text {
  margin-left: 3%;
  float: left;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .external-track .appointment-schedule-status-tag {
  font-size: 16px;
  color: white;
  font-weight: normal;
  border-radius: 1rem 0 0 1rem;
  float: right;
  border: none;
  padding: 0.5% 2%;
  margin-right: -0.7rem;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .external-track .not-scheduled {
  background: #debe07;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .external-track .scheduled {
  background: #74bd05;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs {
  display: flex;
  width: 100%;
  align-items: baseline;
  margin: 1% 0 -1% 0;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs .appointment-details-input-div {
  max-width: 50%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs .appointment-details-input-div .appointment-id-input {
  border: 1px solid grey;
  border-radius: 0.2rem;
  margin: 1rem 2rem 1rem 0.25rem;
  padding: 0.1rem 0.25rem;
  max-width: 80%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs .appointment-details-input-div .appointment-id-input.ad-date-time-display {
  border: none;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs .appointment-details-input-div .appointment-date-time-input {
  border: 1px solid grey;
  border-radius: 0.2rem;
  padding: 0.25rem;
  height: auto;
  max-width: 80%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs .appointment-details-input-div.ad-date-time {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: center;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-inputs.ad-data {
  margin-left: 10%;
  max-width: 80%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-data {
  display: flex;
  width: 100%;
  align-items: baseline;
  margin: 1% 0 -1% 10%;
  max-width: 80%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-data .appointment-date-div {
  max-width: 50%;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: center;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .appointment-delivery-scheduling-data .appointment-date-div .appointment-date-data {
  border: none;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .form-mini-buttons.appointment-form-submit-button-div .appointment-schedule-submit {
  margin: 1% 0;
  background: #dd712f;
  color: #fff;
  font-size: 20px;
  border: none;
  border-radius: 2%;
  height: 2rem;
  width: 90%;
}

.clientMis.track-cnote .consignment-view .left-side-details .appointment-delivery-scheduling .form-mini-buttons.appointment-form-submit-button-div .appointment-schedule-submit.reschedule-button {
  background-color: #fff;
  color: #dd712f;
  text-decoration: underline;
  font-size: 16px;
  float: left;
  margin: 0 0 2% 4%;
}

.clientMis.track-cnote .consignment-view .left-side-details .cnoteNo.external-track {
  font-size: 19px;
  font-weight: 600;
}

.clientMis.track-cnote .consignment-view .left-side-details .cnoteNo.zoom-cn {
  display: inline-flex;
}

.clientMis.track-cnote .consignment-view .left-side-details .cnoteNo .zoomImg {
  margin-left: 5px;
}

.clientMis.track-cnote .consignment-view .left-side-details .cnoteNo, .clientMis.track-cnote .consignment-view .left-side-details .fromLocation, .clientMis.track-cnote .consignment-view .left-side-details .toLocation {
  font-size: 24px;
  opacity: 0.7;
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .left-side-details .routeDetails {
  padding: 20px 10px;
  border-radius: 1px;
  background-color: #fafafa;
  border: solid 1px #ececec;
  margin: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.clientMis.track-cnote .consignment-view .left-side-details .routeDetails.external-track {
  padding: 0;
  background: transparent;
  border: 0;
  font-weight: 600;
}

.clientMis.track-cnote .consignment-view .left-side-details .routeDetails .fromLocation, .clientMis.track-cnote .consignment-view .left-side-details .routeDetails .toLocation {
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clientMis.track-cnote .consignment-view .left-side-details .routeDetails .fromLocation .location-name, .clientMis.track-cnote .consignment-view .left-side-details .routeDetails .toLocation .location-name {
  font-size: 10px;
}

.clientMis.track-cnote .consignment-view .left-side-details .routeDetails .arrow-icon {
  opacity: 0.7;
  margin: 5px 0px;
}

.clientMis.track-cnote .consignment-view .left-side-details .rowLayout .key.label {
  opacity: 0.4;
  font-size: 12px;
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .left-side-details .rowLayout .key.value {
  opacity: 0.7;
  font-size: 12px;
}

.clientMis.track-cnote .consignment-view .left-side-details .rowLayout .key.value span {
  font-size: 10px;
  opacity: 0.4;
}

.clientMis.track-cnote .consignment-view .left-side-details .key-value {
  margin: 5px 0;
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout keyvalue-pair, .clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key-value-pair {
  display: inline-block;
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout keyvalue-pair:nth-child(odd), .clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key-value-pair:nth-child(odd) {
  float: left;
  width: 50%;
  border-right: 2px solid #f5f5f5;
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout keyvalue-pair:nth-child(even), .clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key-value-pair:nth-child(even) {
  float: right;
  max-width: 48%;
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout keyvalue-pair:nth-child(even) .key-value, .clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key-value-pair:nth-child(even) .key-value {
  text-align: right;
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key.value {
  opacity: 1;
  font-size: 12px;
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .left-side-details .columnLayout .key.label {
  opacity: 0.4;
  font-size: 12px;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f5f5f5;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .md-button {
  width: 80%;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .pod-status {
  width: 65%;
  text-align: left;
  font-size: 12px;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .pod-status .pod-title {
  opacity: 0.4;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .pod-status .pod-remarks {
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .view-pod-button {
  width: 100px;
  font-size: 10px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  margin: 0;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .view-pod-button.rivigoTextRed {
  color: #e3383a;
  border: solid 1px #e3383a;
}

.clientMis.track-cnote .consignment-view .left-side-details .preview .pod-section .plain_text {
  font-size: 12px;
  opacity: 1;
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .main-details {
  width: 74%;
  float: right;
  background: #fafafa;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info {
  position: relative;
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .tooltip-content {
  display: none;
  background-color: #000000;
  opacity: 0.8;
  color: white;
  font-family: "Brandon Text Regular";
  position: absolute;
  top: calc(100% + 10px);
  padding: 10px;
  border-radius: 2px;
  left: -30px;
  min-width: 200px;
  max-width: max-content;
  z-index: 1100;
  white-space: nowrap;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .tooltip-content .cpd-is-tat {
  text-align: center;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .tooltip-content ul {
  padding: 0 10px;
  margin: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .tooltip-content ul li {
  margin-bottom: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .tooltip-content ul li:last-of-type {
  margin-bottom: 0;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info .arrow-up {
  width: 0;
  position: absolute;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black;
  top: -10px;
  left: 28px;
}

.clientMis.track-cnote .consignment-view .main-details .cpd-info:focus .tooltip-content {
  display: block;
}

.clientMis.track-cnote .consignment-view .main-details .track-others {
  margin-top: 4%;
  margin-left: -35%;
  background-color: #fafafa;
}

.clientMis.track-cnote .consignment-view .main-details .track-others .heading {
  text-align: left;
  font-size: 12px;
  opacity: 0.7;
  padding-top: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .track-others .track-container {
  color: #424242;
  cursor: pointer;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 18px 8px 0 0;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  width: 200px;
  position: relative;
  padding-left: 5px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.clientMis.track-cnote .consignment-view .main-details .track-others .track-container .track-element {
  padding: 5px 15px 5px 10px;
  margin: 8px 25px 0px 0;
  font-size: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
}

.clientMis.track-cnote .consignment-view .main-details .track-others .track-container .cnum {
  border-right: solid 1px #e8e8e8;
  font-family: "Brandon Text Medium";
  display: inline-block;
  white-space: nowrap;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  color: #000;
  opacity: .7;
}

.clientMis.track-cnote .consignment-view .main-details .track-others .track-container .cpkg {
  width: 25%;
  opacity: 0.3;
  font-weight: 600;
  font-size: 12px;
  font-family: "Brandon Text Regular";
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  color: #000;
}

.clientMis.track-cnote .consignment-view .main-details .sectional-details {
  padding: 30px;
  text-align: left;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.flex-wrapper {
  display: flex;
  justify-content: space-between;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section #track-topcard-title {
  opacity: 0.4;
  font-size: 12px;
  font-family: "Brandon Text Medium";
  margin-bottom: 10px;
  width: 55%;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard {
  display: flex;
  padding: 0px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  border: solid 1.2px #e8e8e8;
  margin-bottom: 15px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left {
  width: 50%;
  border-right: 1px solid #e9e9e9;
  padding: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .title-status {
  display: flex;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .drsInfo {
  opacity: 0.5;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .undelivery-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f5a623;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #FFFFFF;
  margin-right: 5px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .undelivery-icon .material-icons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .statusInfo {
  font-size: 18px;
  font-family: "Brandon Text Bold";
  color: #dd712f;
  margin-right: 5px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .statusInfo.delivered {
  color: #4caf50;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .statusInfo.blocked {
  color: #d0011b;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .current-status .locationInfo {
  font-size: 14px;
  opacity: 0.7;
  padding-right: 5px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .undelivery-remarks {
  opacity: 0.4;
  font-size: 10px;
  margin-left: 35px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .expected-delivery, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-reported {
  margin: 5px 0;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd-title, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-title {
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd-title, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-title, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-open {
  float: left;
  padding-right: 5px;
  font-size: 16px;
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd-title.link, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd.link, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag.link, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-title.link, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-open.link {
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd-title .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .edd .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-title .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .deps-open .underline {
  text-decoration: underline;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag {
  border-radius: 1px;
  margin-left: auto;
  font-family: "Brandon Text Bold";
  font-size: 10px;
  padding: 0 4px;
  height: 15px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag.delayed {
  background-color: #d0021b;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .left .tag.ontime {
  background-color: #4caf50;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid {
  width: 25%;
  padding: 10px;
  border-right: 1px solid #e9e9e9;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid .flex-key-val {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid .flex-key-val .key {
  opacity: 0.4;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid .flex-key-val .val {
  float: left;
  padding-right: 20px;
  font-size: 16px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid .flex-key-val .cpd-info {
  position: absolute;
  right: -1px;
  bottom: 3px;
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .mid .flex-key-val .cpd-info::before {
  content: url("../images/arrow-down.svg");
}

.clientMis.track-cnote .consignment-view .main-details .summary-section.track-topcard .right {
  padding: 10px;
  width: 25%;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .undelivery-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f5a623;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #FFFFFF;
  margin-right: 5px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .undelivery-icon .material-icons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .statusInfo {
  font-size: 20px;
  font-family: "Brandon Text Bold";
  color: #dd712f;
  margin-right: 5px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .statusInfo.delivered {
  color: #4caf50;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .statusInfo.blocked {
  color: #d0011b;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .current-status .locationInfo {
  font-size: 14px;
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .blockerInfo {
  max-height: max-content;
  max-width: max-content;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .blockerInfo .blockerMessage {
  color: #dd712f;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .blockerInfo .reasonSubReason {
  font-family: sans-serif;
  font-size: small;
  padding: 2px;
  padding-left: 0px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .undelivery-remarks {
  opacity: 0.4;
  font-size: 10px;
  margin-left: 35px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .expected-delivery, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-reported {
  margin: 5px 0;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .edd-title, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-title {
  font-family: "Brandon Text Regular";
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .edd-title, .clientMis.track-cnote .consignment-view .main-details .summary-section .edd, .clientMis.track-cnote .consignment-view .main-details .summary-section .tag, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-title, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-open {
  float: left;
  padding-right: 5px;
  font-size: 16px;
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .edd-title.link, .clientMis.track-cnote .consignment-view .main-details .summary-section .edd.link, .clientMis.track-cnote .consignment-view .main-details .summary-section .tag.link, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-title.link, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-open.link {
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .edd-title .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section .edd .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section .tag .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-title .underline, .clientMis.track-cnote .consignment-view .main-details .summary-section .deps-open .underline {
  text-decoration: underline;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .rtoButton {
  margin-left: auto;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .rtoButton .md-button {
  width: 100%;
  font-size: 12px;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .tag {
  border-radius: 1px;
  font-family: "Brandon Text Bold";
  font-size: 10px;
  padding: 4px 8px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .tag.delivery-status {
  display: flex;
  float: right;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .tag.delayed {
  background-color: #d0021b;
}

.clientMis.track-cnote .consignment-view .main-details .summary-section .tag.ontime {
  background-color: #4caf50;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data {
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  border: solid 1.2px #e8e8e8;
  min-height: 50vh;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data.external-track {
  min-height: 0;
  margin-left: -35%;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data.external-track.down {
  margin-top: 48px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tag-list {
  padding: 20px 8px 0 0;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab {
  padding: 20px;
  float: left;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab .count {
  display: inline-block;
  width: 20px;
  border-radius: 50%;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  background-color: #fafafa;
  border: solid 1px #ececec;
  opacity: 0.7;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab.selected {
  opacity: 1.0;
  color: #dd712f;
  border-bottom: 2px solid #dd712f;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab.selected.rivigoTextRed {
  border-bottom: 2px solid #e3383a;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab.selected.ext {
  height: 10px;
  padding: 10px 8px 16px 10px;
  font-weight: bold;
  border: 0;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .tabs .tab:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data .deps-content table td {
  border-bottom: 1px solid #f5f5f5;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table {
  width: auto;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table tbody.ext-track {
  font-weight: bold;
  opacity: 1;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table .remarks-col {
  width: 200px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table th {
  border: solid 1px #e9e9e9;
  border-left: 0;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-family: "Brandon Text Regular";
  padding-left: 10px;
  text-align: left;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table th.external-track {
  width: 25%;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table th.client-track {
  width: 20%;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table th:last-child {
  border-right: 0;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td {
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-family: "Brandon Text Regular";
  padding-left: 10px;
  padding-bottom: 10px;
  text-align: left;
  vertical-align: top;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .remarks-selected {
  background-color: #efefef;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group.qc {
  color: #dd712f;
  font-weight: bold;
  cursor: pointer;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .reason .circle {
  min-width: 16px;
  background-color: #b0b0b0 !important;
  opacity: 1.0;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .subreason {
  max-width: 100px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .alert-time {
  font-size: 10px;
  color: #898989;
  opacity: 0.4;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .alert-time i {
  font-size: 12px;
  margin-right: 4px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .reason-row {
  margin-bottom: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .reason-row .reason {
  margin-left: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .alert-remarks-group .reason-row .subreason {
  margin-left: 20px;
  max-width: inherit;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .date-light-status {
  font-size: 10px;
  color: #000000;
  opacity: 0.4;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .delay-notifier {
  font-size: 10px;
  color: #FF0000;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .delay-notifier .icon-info {
  top: -2px;
  margin-right: 2px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason {
  display: flex;
  justify-content: flex-start;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .icon, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .icon, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .icon {
  font-size: 16px;
  cursor: context-menu;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .circle, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .circle, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .circle {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  margin-right: 5px;
  opacity: 0.4;
  cursor: default;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .circle .material-icons, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .circle .material-icons, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .circle .material-icons {
  font-size: 10px;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .circle.has-phone, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .circle.has-phone, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .circle.has-phone {
  opacity: 1.0;
  cursor: context-menu;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .text, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .text, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .text {
  opacity: 1.0;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .userName .text-grey, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .activity .text-grey, .clientMis.track-cnote .consignment-view .main-details .tabular-data table td .reason .text-grey {
  opacity: 0.8;
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .deps-status {
  margin-bottom: 10px;
  color: #4caf50;
  font-family: "Brandon Text Medium";
}

.clientMis.track-cnote .consignment-view .main-details .tabular-data table td .deps-status.unresolved {
  color: #FF0000;
}

.clientMis .tableHeader {
  margin-right: 15px;
}

.clientMis input, .clientMis select, .clientMis textarea, .clientMis button {
  font-family: "Brandon Text Medium";
}

.clientMis .md-select-value > span:not(.md-select-icon) .md-text, .clientMis .md-select-value .md-select-icon {
  opacity: 0.9;
}

.clientMis md-content {
  max-height: 90vh;
}

.clientMis .dashboardTable th {
  padding: 3px;
}

.clientMis .dashboardTable .first-header {
  border-bottom: 1px solid #e9e9e9;
}

.clientMis .dashboardTable .headerWithGrouping .first-header {
  height: 24px;
}

.clientMis .dashboardTable .serialNumber {
  width: 4%;
}

.clientMis .dashboardTable .indexPadding {
  padding: 2px 10px;
  display: block;
}

.clientMis .dashboardTable .statusHeader {
  width: 9%;
  opacity: 0.7 !important;
}

.clientMis .dashboardTable .reasonHeader {
  width: 10%;
  opacity: 0.7 !important;
}

.clientMis .dashboardTable .remarksHeader {
  width: 8%;
  opacity: 0.7 !important;
}

.clientMis .dashboardTable .downloadHeader {
  width: 8%;
  opacity: 0.7 !important;
}

.clientMis .dashboardTable .padding {
  padding: 20px 0 20px 0;
}

.clientMis .dashboardTable .time {
  display: block;
}

.clientMis .dashboardTable.opacity {
  opacity: 0.1;
}

.clientMis .dashboardTable .pickupRow {
  background-color: #ffffff;
}

.clientMis .dashboardTable .elem-mis.data-value {
  font-family: "Brandon Text Regular";
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  padding-left: 4px;
  text-align: left;
  opacity: 0.7;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.clientMis .dashboardTable .elem-mis.data-value .button-group {
  display: flex;
  flex-direction: row;
}

.clientMis .dashboardTable .elem-mis.data-value .button-group .button-element {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.clientMis .dashboardTable .elem-mis.data-value .button-group .button-element .material-icons {
  font-size: 18px;
}

.clientMis .dashboardTable .elem-mis.data-value .remark {
  margin-top: 7px;
}

.clientMis .dashboardTable .elem-mis.data-value .img {
  display: block;
  margin-top: 8px;
  position: relative;
}

.clientMis .dashboardTable .elem-mis.data-value .remark.onTime {
  margin: auto;
  width: 66px;
  height: 14px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  background-color: #209c64;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
}

.clientMis .dashboardTable .elem-mis.data-value .remark.delayed {
  margin: auto;
  width: 66px;
  height: 14px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  background-color: #e53935;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
}

.clientMis .dashboardTable .elem-mis.data-value .remark.beforeTime {
  margin: auto;
  width: 77px;
  height: 14px;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  background-color: #209c64;
  font-stretch: normal;
  text-align: center;
  color: #ffffff;
}

.clientMis .dashboardTable tr.scaffolding, .clientMis .dashboardTable .scaffolding th {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  height: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  visibility: hidden;
}

.clientMis .dashboardTable .elem-mis {
  font-family: "Brandon Text Medium";
  font-weight: 500;
  font-size: 14px;
  opacity: 0.7;
}

.clientMis .dashboardTable .elem-mis .elem-mis-head {
  padding-bottom: 3px;
  height: 50%;
  padding-top: 5px;
}

.clientMis .dashboardTable .elem-mis .elem-mis-parts {
  height: 50%;
}

.clientMis .dashboardTable .elem-mis .elem-mis-parts .elem-mis-part {
  padding: 3px;
  height: 100%;
  padding-top: 5px;
}

.clientMis .dashboardTable .elem-mis .elem-mis-parts .elem-mis-part.border {
  border-left: solid 1px #eaeaea;
}

.clientMis .dashboardTable .elem-mis .track-link {
  cursor: pointer;
  color: #dd712f;
  font-weight: 700;
}

.clientMis .dashboardTable .elem-mis .statusInfo {
  font-size: 9px;
}

.clientMis .dashboardTable .elem-mis .status-track i {
  font-size: 16px;
  position: relative;
  top: 5px;
}

.clientMis .dashboardTable .noPadding {
  padding: 0px !important;
}

.clientMis .dashboardTable .topPadding {
  padding-top: 10px;
}

.clientMis .dashboardTable .noBorder {
  padding-top: 5px;
}

.clientMis .dashboardTable .leftBorder {
  border-left: 1px solid #eaeaea;
}

.clientMis .dashboardTable .leftBorderDash {
  border-left: 1px dashed rgba(204, 204, 204, 0.3);
}

.clientMis .dashboardTable .rightBorder {
  border-right: 1px solid rgba(204, 204, 204, 0.5);
}

.clientMis .dashboardTable .topBorder {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.clientMis .dashboardTable .bottomBorder {
  border-bottom: 1.3px solid rgba(204, 204, 204, 0.3);
}

.clientMis .dashboardTable .elem-scroll {
  width: 17px;
  padding: 0;
}

.clientMis #alert-reasons {
  position: fixed;
  background-color: blue;
  padding: 10px;
  width: 230px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
}

.clientMis #alert-reasons .reason {
  opacity: 0.8;
}

.clientMis #alert-reasons .time {
  opacity: 0.5;
  font-size: 12px;
  display: block;
}

.clientMis md-card {
  box-shadow: 0 0 0 0;
  border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}

.clientMis .mis-action {
  background-color: #fafafa;
  /* enable absolute positioning */
  /* style icon */
  /* align icon */
  /* add padding  */
}

.clientMis .mis-action *::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  text-align: left;
  width: 63px;
  height: 22px;
  opacity: 0.4;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  font-family: "Brandon Text Medium";
}

.clientMis .mis-action .dropdown-wrapper {
  width: 116px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #cacaca;
  position: relative;
}

.clientMis .mis-action .dropdown-wrapper md-select {
  position: absolute;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 34px;
  z-index: 30;
}

.clientMis .mis-action .dropdown-wrapper md-select .md-select-icon {
  margin-left: 0;
  color: white;
}

.clientMis .mis-action .dropdown-wrapper.reasons {
  width: 55%;
  margin: 20px auto;
}

.clientMis .mis-action .dropdown-wrapper.reasons md-select {
  max-width: 100%;
  position: absolute;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 34px;
  z-index: 30;
}

.clientMis .mis-action .dropdown-wrapper.reasons md-select span {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #000000;
  opacity: 0.7;
}

.clientMis .mis-action .dropdown-wrapper.download md-select {
  position: absolute;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  height: 34px;
  z-index: 30;
}

.clientMis .mis-action .dropdown-wrapper.download md-select span {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  color: #000000;
  opacity: 0.7;
}

.clientMis .mis-action .dropdown-wrapper.download md-select .md-select-icon {
  color: #000000;
  opacity: 0.7;
}

.clientMis .mis-action .dropdown-wrapper .dropdown-background {
  position: absolute;
  width: 24px;
  height: 34px;
  top: 0;
  right: 0;
  z-index: 20;
  background-color: black;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.clientMis .mis-action .reason-box {
  display: flex;
  resize: none;
  width: 55%;
  border: solid 1px #cacaca;
  margin: auto;
  padding: 6px;
}

.clientMis .mis-action .delete-btn-active {
  color: #ffffff;
  background-color: #dd712f;
}

.clientMis .mis-action .download {
  margin-top: auto;
  width: 150px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e7e7e7;
  text-transform: none;
  cursor: pointer;
  font-size: 100%;
}

.clientMis .mis-action .download[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}

.clientMis .mis-action .download span {
  width: 70px;
  height: 22px;
  opacity: 0.7;
  font-size: 16px;
  color: #000000;
}

.clientMis .mis-action .search-box {
  width: 183px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e7e7e7;
  box-sizing: border-box;
  font-family: "Brandon Text Medium";
}

.clientMis .mis-action .inner-addon {
  position: relative;
  width: 183px;
  height: 36px;
}

.clientMis .mis-action .inner-addon.download {
  width: 150px;
  padding: 7px;
  opacity: 0.7;
}

.clientMis .mis-action .inner-addon.download md-icon {
  left: 0;
  position: absolute;
  padding-left: 7px;
}

.clientMis .mis-action .inner-addon input {
  box-sizing: border-box;
  width: 183px;
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e7e7e7;
}

.clientMis .mis-action .inner-addon input::-webkit-input-placeholder {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  opacity: 0.4;
}

.clientMis .mis-action .inner-addon .glyphicon {
  position: absolute;
  padding: 7px;
  pointer-events: none;
  width: 24px;
  height: 24px;
  opacity: 0.4;
}

.clientMis .mis-action .left-addon {
  margin-top: 14px;
}

.clientMis .mis-action .left-addon .glyphicon {
  left: 0px;
  margin-top: 0px;
}

.clientMis .mis-action .left-addon input {
  padding-left: 35px;
}

.clientMis .mis-action .three-fields-round {
  width: 278px;
  height: 36px;
}

.clientMis .mis-action .three-fields-round.first {
  width: 300px;
}

.clientMis .mis-action .three-fields-round.second {
  width: 240px;
}

.clientMis .mis-action .three-fields-round .three-fields-box {
  border-radius: 4px;
  width: 100%;
  background-color: #ffffff;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter1 {
  width: 95px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter2 {
  width: 115px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter3 {
  width: 115px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter4 {
  width: 67px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter5 {
  width: 95px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filter6 {
  width: 116px;
}

.clientMis .mis-action .three-fields-round .three-fields-box .filters {
  color: #dd712f;
}

.clientMis .mis-action .three-fields-round .three-fields-box .selected {
  background-color: #dd712f;
  color: #ffffff;
}

.cancel-image {
  width: 20px;
  height: 20px;
}

.edit-image {
  width: 16px;
  height: 16px;
  margin: 16px;
}

.star-rating {
  background: white;
  width: 30%;
  min-height: 100px;
  margin-left: 60px;
  padding: 10px;
  display: inline-block;
}

.star-rating .rating-heading {
  color: #4B4B4B;
  text-align: center;
  margin-bottom: 10px;
  font-size: 0.8rem;
}

.delivery-attemt-table {
  width: 30%;
  float: right;
  padding-right: 50px;
}

.delivery-attemt-table table {
  width: 100%;
}

.delivery-attemt-table table th {
  border: 1px solid grey;
}

.delivery-attemt-table table td {
  border: 1px solid grey;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fixed-width-select .md-select-menu-container,
.fixed-width-select md-content {
  max-width: 300px !important;
  width: 200px !important;
  overflow-x: hidden !important;
}

.fixed-width-select md-select-value .md-select-icon {
  transform: translateX(-20px);
}

md-tooltip.custom-mis-tooltip.hover_text {
  width: 236px;
  height: fit-content;
  opacity: 0.9;
  background-color: #333;
  color: #fff;
  text-align: center;
}

md-tooltip.custom-mis-tooltip.hover_text .md-content {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  margin-left: -7px;
  color: #fff;
  background-color: #333;
  line-height: 20px;
  text-align: left;
  padding: 25px 20px;
  white-space: nowrap;
}

.loadview .custom-tab-bar-box {
  padding: 8px 30px;
  background-color: #f5f5f5;
}

.loadview .custom-tab-bar {
  border-radius: 2px;
  background-color: #FFFFFF;
  border: solid 1px #dd712f;
  width: 100%;
  float: left;
}

.loadview .locationDropDown {
  border: solid 1px #e0e0e0;
  background-color: #f5f5f5;
  padding: 5px 22px;
  margin: 0px 5px;
  border-radius: 2px;
}

.loadview .locationDropDown .custom-select-group-title {
  display: inline-block;
  font-size: 10px;
  text-align: left;
  margin-right: 0px !important;
}

.loadview .locationDropDown label {
  font-size: 14px;
  position: relative;
  top: 4px;
  right: 15px;
  color: #999;
}

.loadview .locationDropDown md-input-container {
  margin: 0px;
}

.loadview .custom-tab {
  font-size: 18px;
  padding: 9.5px;
  text-align: center;
  cursor: pointer;
  color: #dd712f;
  outline: none;
}

.loadview .custom-tab:hover {
  -webkit-box-shadow: 0px 0px 1px 0px rgba(232, 0, 0, 0.67);
  -moz-box-shadow: 0px 0px 1px 0px rgba(232, 0, 0, 0.67);
  box-shadow: 0px 0px 1px 0px rgba(232, 0, 0, 0.67);
}

.loadview .custom-tab-selected {
  background-color: #dd712f;
  color: #FFFFFF;
}

.loadview .custom-tab-nselected {
  background-color: #FFFFFF;
  color: #dd712f;
}

.loadview .loading-status {
  margin-top: 8px;
  font-weight: bold;
}

.loadview .loading-status.positive {
  color: #0e8e0d;
}

.loadview .loading-status.negative {
  color: #d0021b;
}

.loadview .plannedcolumn {
  background-color: #f5f5f5;
  width: 65px;
  /*border-bottom: 0px;*/
}

.loadview .plannedcolumn.leftBorder {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.loadview .plannedcolumn.rightBorder {
  width: 104px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.loadview .plannedcolumnValue {
  background-color: #fbfbfb !important;
  width: 65px;
}

.loadview .plannedcolumnValue.leftBorder {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.loadview .plannedcolumnValue.rightBorder {
  width: 104px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.loadview .highlight {
  background-color: #fbff00;
}

.loadview th {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  font-family: "Brandon Text Regular";
  padding: 10px;
}

.loadview tr {
  font-size: 14px;
  color: #000000;
  font-family: "Brandon Text Regular";
}

.loadview td {
  padding: 10px 10px;
}

.loadview .filter-box {
  padding: 10px 30px;
}

.loadview .filter-box .filter-title {
  color: #dd712f;
  font-size: 14px;
  margin-right: 12PX;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0px;
}

.loadview .custom-select-group {
  display: inline-block;
  border: solid 1px #eaeaea;
  background-color: #f5f5f5;
  border-radius: 2px;
  padding: 2px 6px 0px;
  margin: 0px 5px;
  font-family: "Brandon Text Regular" !important;
  min-width: 125px;
}

.loadview .custom-select-group:hover {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.loadview .custom-select-group md-content {
  padding: 0px !important;
}

.loadview .custom-select-group md-input-container {
  margin: 0px;
}

.loadview .custom-select-group md-input-container md-select > md-select-value > span {
  text-align: left;
}

.loadview .custom-select-group md-select.fixed-width {
  width: 84px;
}

.loadview .custom-select-group md-select.flexible {
  max-width: 200px;
}

.loadview .custom-select-group md-select-menu {
  padding: 0px !important;
}

.loadview .custom-select-group .md-select-value {
  border-bottom-width: 0px;
  padding: 0px;
  min-width: 100px;
  padding-bottom: 5px;
}

.loadview .custom-select-group md-select:focus .md-select-value {
  border-bottom-width: 0px;
}

.loadview .custom-select-group .custom-select-group-title {
  margin-right: 0px;
  margin-top: 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  min-height: 0px;
  color: #878787;
  font-size: 9px;
  letter-spacing: 1px;
  text-align: left;
  width: 100%;
  text-transform: uppercase;
}

.loadview .preview {
  position: fixed;
  padding: 0;
  overflow: visible;
  animation: slide-bottom .5s;
  background-color: #292e34;
  width: 100%;
  bottom: 0;
}

.loadview .preview.summary-box {
  display: block;
}

.loadview .preview.summary-box .summary-group {
  color: white;
  padding: 10px 0px;
  display: inline-block;
}

.loadview .preview.summary-box .summary-header {
  opacity: 0.5;
}

.loadview .preview.summary-box .right-border {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.loadview .preview.summary-box .summary-element {
  font-size: 17px;
  padding: 6px 18px;
  text-align: center;
  display: inline-block;
}

.loadview .preview.summary-box .downloadReport {
  display: inline-block;
  float: right;
  border-radius: 2px;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  padding: 4px;
  margin: 10px 30px 10px 0;
  cursor: pointer;
}

.loadview .preview.summary-box .downloadReport img {
  height: 16px;
  margin: 3px 3px 0 0;
}

.loadview .preview.summary-box .downloadReport .downloadText {
  display: inline-block;
  vertical-align: top;
}

.loadview .preview.summary-box .downloadReport.small {
  height: 20px;
  padding: 2px 2px 2px 4px;
  margin: 0px 10px;
}

.loadview .search {
  border-radius: 2px;
  border: solid 1.5px #e0e0e0;
  background-color: white;
  padding: 20.5px 14px;
  font-size: 15px;
  width: auto;
  min-width: 20px;
  margin-left: 10px;
  float: right;
  margin-right: 20px;
}

.loadview .search:hover {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.loadview .search:focus {
  border: 1.5px solid #ccc;
  outline: none;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.loadview .md-select-value .md-select-icon:after {
  right: 2px;
}

.loadview .md-select-value .md-select-icon {
  width: 14px;
}

.loadview .tag {
  border-radius: 1px;
  font-family: "Brandon Text Bold";
  font-size: 8px;
  padding: 4px 8px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.loadview .tag.delayed {
  background-color: #d0021b;
}

.loadview .tag.ontime {
  background-color: #4caf50;
}

.loadview .trip-status {
  font-size: 12px;
}

.loadview .trip-status.negative {
  color: #d0021b;
  padding-top: 4px;
}

.main_content_box {
  background-color: #f2f2f2;
  height: 100vh;
}

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

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

.cell_heading {
  opacity: 0.4;
  font-size: 14px;
  text-align: left;
  color: var(--black);
}

.cell_val {
  opacity: 0.7;
  font-size: 16px;
  text-align: left;
  color: var(--black);
}

.row_cell {
  margin-right: 12px;
}

.body_content_row {
  margin-top: 20px;
}

.contract_page_card .cell_val {
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  height: 48px;
  padding: 0px 10px;
}

.cell_sub_val {
  opacity: 0.4;
  font-size: 15px;
  text-align: left;
}

.right_info {
  opacity: 0.4;
  font-size: 14px;
}

.summary_col {
  background-color: #ffffff;
  margin-right: 5px;
  padding: 12px 15px;
}

.bf_passbk_landing_summ_directive_wrapper .summary_col {
  height: 130px;
  padding: 9px 15px;
}

.bf_passbk_landing_summ_directive_wrapper .cell_val {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}

.summ_content {
  padding: 20px;
}

.table-header-column {
  font-weight: 600;
}

.uti_bar_content {
  background-color: #fafafa;
  margin: 15px 0px;
  border: solid 1px #e9e9e9;
  height: 61px;
}

.list_uti_bar_directive_wrapper .uti_bar_content {
  margin-top: 0px;
  margin-bottom: 0px;
}

.search_bar {
  position: relative;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  margin-right: 15px;
}

.search_icn {
  opacity: 0.4;
  border: solid 0 rgba(0, 0, 0, 0.01);
}

.search_input {
  border: 0;
  height: 30px;
  opacity: 0.4;
  font-family: "Brandon Text Regular";
  text-align: left;
  font-size: 14px;
  width: 100%;
}

.uti_bar_download_btn {
  width: 122px;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  position: relative;
  margin-right: 20px;
}

.download_icn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 55px;
}

.download_txt {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 70px;
}

.header_content_row {
  height: 62px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  padding: 15px 20px;
  cursor: pointer;
}

.header_content_row_exp {
  background-color: #fafafa;
}

.header_text {
  opacity: 0.7;
  font-size: 16px;
}

.info_body {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #ebebeb;
  border-top: 0px;
  padding: 20px;
}

.main_content {
  margin: 10px 20px;
}

.select-box {
  width: 97px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.cont_list_search_bar .search_input {
  width: 200px;
}

.table_main {
  opacity: 0.7;
  font-size: 14px;
}

.table_header {
  height: 46px;
  background-color: #f5f5f5;
  text-align: left;
  padding-left: 60px;
}

.table-body-row {
  text-align: left;
  background-color: #fff;
  border-bottom: solid 1px #e9e9e9;
  min-height: 50px;
  padding-left: 60px;
}

.sub-table-header {
  height: 51px;
}

.sub-table-row {
  height: 51px;
}

.sub-table-row > :first-child {
  color: #dd712f;
}

.sub-header-column {
  opacity: .7;
  border-bottom: dashed 1px #000000;
}

.cont_list_select {
  background-color: #fff;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.filter_label {
  opacity: .7;
  text-align: right;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.contract_org {
  width: 142px;
  height: 36px;
  border-radius: 2px;
}

.info_client_name {
  background-color: #dd712f;
  font-size: 14px;
  color: #ffffff;
}

.info_org_name {
  background-color: #fff;
  font-size: 14px;
  color: #dd712f;
}

.bf_passbk_uti_bar_directive_wrapper .uti_bar_content {
  margin: 0px;
}

.font-red {
  color: #de7230;
}

.font-dark-red {
  color: #d0021b;
}

.font-green {
  color: #41a62b;
}

.font-green-2 {
  color: #429946;
}

.ref-link {
  color: #dd712f;
  cursor: pointer;
}

.passbk-add-bal-btn {
  border-radius: 2px;
  height: 27px;
  text-align: center;
  font-family: "Brandon Text Regular";
  background-color: #de7230;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.exp-colps-btn-wrapper {
  cursor: pointer;
}

.exp-colps-btn-wrapper img {
  width: 20px;
}

.edit_btn {
  width: 66px;
  height: 36px;
  border-radius: 2px;
  background-color: #de7230;
  font-size: 14px;
  color: #ffffff;
}

.row_cell_2 {
  /* width: 305px; */
  height: 96px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e3e3e3;
  padding: 5px 10px;
}

.cell_val_2 {
  background-color: #ffffff;
  margin-right: 12px;
}

.cell_sub_heading {
  opacity: 0.4;
  font-size: 10px;
}

.cell_sub_heading_val {
  font-size: 18px;
}

.date_container {
  text-align: left;
}

.view_details_link {
  text-align: right;
  color: #dd712f;
  margin-right: 5px;
  cursor: pointer;
}

.visibility-hidden {
  visibility: hidden;
}

.cell_top_row {
  opacity: 0.7;
  font-size: 16px;
  margin-bottom: 14px;
}

.clear_outstanding_btn {
  width: 149px;
  height: 29px;
  border-radius: 2px;
  background-color: #dd712f;
}

.clear_outstanding_text {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}

.date_selecter_wraapper {
  margin-top: 50px;
}

.date_picker_content {
  width: 535px;
}

.date_selecter_input {
  position: relative;
}

.calendar_icn {
  position: absolute;
  right: 20px;
  top: 10px;
}

.calendar_heading {
  opacity: 0.7;
  font-size: 14px;
}

.debit_details_label {
  color: #dd712f;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}

.debit_details_wrapper {
  position: relative;
}

.debit_details_container {
  padding: 24px;
  position: absolute;
  z-index: 1;
  width: 205px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  right: 55%;
  top: 110%;
}

.debit_details_close {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 0.4;
  cursor: pointer;
}

.debit_detail_row {
  font-size: 14px;
  color: #000000;
}

.debit_detail_row:last-child {
  font-weight: bold;
  border-top: solid 1px #e3e3e3;
}

.debit_detail_label {
  opacity: 0.4;
  text-align: left;
}

.debit_detail_val {
  opacity: 0.7;
  text-align: right;
}

.df_trips_summary_container {
  height: 132px;
  background-color: #f5f5f5;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
}

.df_summary_heading {
  opacity: 0.7;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.df_info_label {
  opacity: 0.7;
  font-size: 14px;
  color: #000000;
}

.df_info_val {
  color: #000000;
  font-size: 18px;
  opacity: .8;
}

.df_create_trip_btn {
  width: 182px;
  height: 61.7px;
  background-color: #dd712f;
  border: solid 1.5px #dd712f;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  margin-left: 0px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.df_summary_info {
  height: 61.7px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1.5px #d8d8d8;
  border-right: 0px;
}

.create_df_dialog_wrapper .create_df_dialog_heading {
  opacity: 0.7;
  font-size: 18px !important;
  color: #000000 !important;
}

.create_df_to_locations, .create_df_input_row {
  opacity: 0.4;
  color: #000000;
  font-size: 18px;
}

.create_df_to_locations {
  margin-bottom: 27px;
}

.create_df_input_label {
  margin-bottom: 10px;
}

.create_df_input_row {
  margin-bottom: 16px;
}

.create_df_buttons_wrapper {
  margin-top: 24px;
}

.create_df_cancel_btn {
  height: 22px;
  font-size: 16px;
  color: #dd712f;
  width: 116.8px;
  height: 35.7px;
  border-radius: 2px;
  border: solid 1.5px #dd712f;
  margin-right: 24px;
  cursor: pointer;
}

.create_df_submit_btn {
  font-size: 15px;
  color: #ffffff;
  width: 116.8px;
  height: 35.7px;
  font-weight: bold;
  border-radius: 2px;
  background-color: #dd712f;
  border: solid 1.5px #dd712f;
  cursor: pointer;
}

.trip_loading_dialog_heading {
  opacity: 0.7;
  font-size: 24px !important;
  color: #000000 !important;
}

.trip_loading_print_btn {
  cursor: pointer;
  width: 178px;
  height: 35.7px;
  border-radius: 2px;
  border: solid 1.5px #dd712f;
  font-size: 16px;
  color: #dd712f;
  margin-left: 20px;
  margin-top: 11px;
}

.trip_loading_dialog_content {
  padding: 0px !important;
}

.trip_loading_table_body {
  background-color: #fff;
}

.trip_loading_table_header {
  padding: 0 30px;
  height: 47px;
}

.trip_loading_rows {
  opacity: 0.7;
  font-size: 14px;
  color: #000000;
  height: 47px;
  border-bottom: solid 1px #e8e8e8;
  padding: 0 30px;
}

.trip_loading_rows.larger {
  font-size: 20px;
}

.trip_loading_body_cell input {
  width: 62px;
  height: 20px;
  padding-left: 5px;
  border: solid 0.5px #979797;
}

.trip_loading_btns_wrapper {
  padding: 0 25px;
  height: 83px;
}

.df_dispatch_planning alert-button .alert-button {
  margin: 0px;
}

.fn .deps-tag {
  width: 62px;
  height: 21px;
  text-align: center;
  border-radius: 100px;
  border: solid 1px #e22728;
  color: #e22728;
}

.fn .cooling-tag {
  width: 160px;
  height: 21px;
  text-align: left;
  color: #30e216;
}

.fn .mark-lost {
  padding: 0 15px;
}

.fn .table-group {
  background-color: #f2f2f2;
}

.fn .table-group .dashboard {
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.fn .table-group .table-header {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.fn .table-group .table-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 26px;
  text-align: left;
  height: 47px;
  width: 70%;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.fn .table-group .barcode-input {
  padding-right: 15px;
}

.fn .table-group .sub-table-header {
  background-color: #ffffff;
  height: auto;
  padding: 1rem 0rem 1rem 0rem;
}

.fn .table-group .sub-table-heading {
  height: auto;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  padding-left: 18px;
}

.fn .md-padding {
  background-color: #f5f5f5;
}

.fn .md-padding .summary-view {
  padding: 0px;
}

.fn .md-padding .summary-view .summary-element {
  height: 55px;
  width: 400px;
  border-right: solid 1px #e8e8e8;
  cursor: pointer;
}

.fn .md-padding .summary-view .summary-element.selected {
  border-bottom: 2px solid #dd712f;
}

.fn .md-padding .summary-view .summary-element.selected .label-count {
  opacity: 1;
  color: #dd712f;
}

.fn .md-padding .summary-view .summary-element.selected .label-name {
  opacity: 1;
  color: #dd712f;
}

.fn .md-padding .summary-view .summary-element .label-count {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  color: #000000;
  opacity: 0.4;
  padding-left: 20px;
}

.fn .md-padding .summary-view .summary-element .label-name {
  font-family: "Brandon Text Medium";
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  text-align: center;
  width: 100%;
}

.fn .md-padding .summary-view .summary-element .arrow {
  margin-right: -13px;
  background-color: #f2f2f2;
  border: solid 1px #d9d9d9;
  width: 27px;
  height: 27px;
  border-radius: 100px;
  z-index: 10;
}

.fn .md-padding .summary-view .summary-element .arrow .material-icons {
  padding-left: 1px;
  padding-top: 1px;
  opacity: 0.4;
}

.fn .alert-header .first-header {
  height: 60px;
  background-color: #e22728;
  color: #ffffff;
}

.fn .alert-header i {
  margin-right: 10px;
}

.fn .alert-header span {
  font-family: "Brandon Text Medium";
  font-size: 20px;
  font-weight: 500;
}

.fn .filter-header {
  background-color: #fafafa;
}

.fn .filter-header .first-header {
  padding-left: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #e9e9e9;
}

.fn .filter-header .first-header .filter-title {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
  color: #000000;
}

.fn .filter-header .first-header .custom-select-group {
  padding: 3px 5px 2px;
  width: auto;
  max-width: 275px;
}

.fn .filter-header .first-header .custom-select-group .custom-select-group-title {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  opacity: 0.4;
  font-weight: normal;
  min-height: 24px;
}

.fn .filter-header .first-header .custom-select-group .md-select-value {
  padding: 0px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  opacity: 0.7;
  font-weight: normal;
}

.fn .filter-header .first-header .custom-select-group .md-select-value .md-select-icon {
  opacity: 0.7;
}

.fn .filter-header .first-header .custom-select-group.date-time {
  width: 150px;
}

.fn .filter-header .first-header .custom-select-group md-input-container {
  width: 70%;
}

.fn .filter-header .first-header .custom-select-group md-input-container md-select {
  width: auto;
}

.fn .filter-header .first-header md-autocomplete {
  margin-left: 10px;
}

.fn .filter-header .first-header md-autocomplete button {
  min-width: 10px;
  width: 10px;
}

.fn .filter-header .first-header .search-bar {
  width: 250px;
  margin-right: -40px;
}

.fn .filter-header .first-header .zoom-filter {
  width: 85px;
  height: 41px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #e0e0e0;
}

.fn .filter-header .first-header .zoom-filter.selected {
  background-color: #242424;
}

.fn .filter-header .first-header .zoom-filter .zoomImg {
  filter: grayscale(100%);
  margin-top: 3px;
  margin-left: -6px;
}

.fn .filter-header .first-header .zoom-filter .zoomImg.selected {
  filter: grayscale(0%);
}

.fn .filter-header .first-header .dropdown {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.fn .filter-header .first-header .select-big {
  width: 270px;
}

.fn .filter-header .first-header .input-wrapper {
  margin: 0 7px;
  padding: 3px 10px 2px;
  height: 40px;
  border-radius: 2px;
  width: 225px;
  border: solid 1px #e0e0e0;
  background-color: white;
}

.fn .filter-header .first-header .input-wrapper .input-field {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  height: 35px;
  text-align: center;
}

.fn .filter-header .first-header .input-wrapper .input-field .range-image {
  background: url("../images/date_range.png") no-repeat;
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  top: 5px;
  right: 5px;
  z-index: 49;
}

.fn .filter-header .first-header .input-wrapper .input-field md-input-container {
  margin: 0;
  padding: 0;
  z-index: 50;
  width: 80%;
}

.fn .filter-header .first-header .input-wrapper .input-field input[type="text"] {
  display: inline-block;
  font-size: 11px;
  width: 99%;
  float: left;
  height: 30px;
  line-height: 30px;
  border: 0;
}

.fn .filter-header .first-header .form-field {
  padding-bottom: 0px;
}

.fn .filter-header .first-header .form-field .filterBox {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  height: 40px;
}

.fn .filter-header .first-header .form-field .filterBox .filters {
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  color: #000000;
  height: 100%;
}

.fn .filter-header .first-header .form-field .filterBox .filters.selected {
  opacity: 1 !important;
  color: #ffffff !important;
  border: solid 1px #dd712f;
}

.fn .filter-header .first-header .form-field .filterBox .filters:not(:last-child) {
  border-right: solid 1px #e8e8e8;
}

.fn .filter-header .second-header {
  margin: 5px 15px 5px 0px;
}

.fn .filter-header .second-header .hold-button {
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.fn .filter-header .second-header .hold-button .material-icons {
  margin-top: 5px;
  margin-left: 10px;
}

.fn .filter-header .second-header .hold-button .text {
  float: right;
  margin-right: 30px;
}

.fn .filter-header .second-header .create-button {
  height: 36px;
}

.fn .filter-header .second-header .create-button .plus {
  font-size: 24px;
}

.fn .filter-header .second-header .create-button.big {
  width: 170px;
}

.fn .filter-header .second-header .create-button .text {
  float: right;
  margin-right: 20px;
}

.fn .dashboard-history {
  width: 100%;
}

.fn .page-data {
  text-align: left;
}

.fn .page-data.center-align {
  text-align: center;
}

.fn .table-data {
  text-align: left;
}

.fn .table-data.center-align {
  text-align: center;
}

.fn .dashboard-container {
  width: 100%;
  height: 295px;
}

.fn .dashboard-container.big {
  height: 472px;
}

.fn .dashboard-container .table-container.big {
  height: auto;
}

.fn .dashboard-container.disableOverflow .md-virtual-repeat-scroller {
  overflow: hidden;
}

.fn .table-expanded td {
  padding: 0px;
}

.fn .table-expanded td td {
  padding: 5px;
}

.fn .dashboardTable .dashboard-row {
  height: 50px;
  background-color: #ffffff;
}

.fn .dashboardTable .dashboard-row.clickable {
  cursor: pointer;
}

.fn .dashboardTable .dashboard-row.selected {
  background-color: #fafafa;
}

.fn .dashboardTable .dashboard-row.scanned {
  background-color: rgba(30, 175, 94, 0.2);
}

.fn .dashboardTable .dashboard-row .table-data {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.7;
}

.fn .dashboardTable .dashboard-row .table-data-button {
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.fn .dashboardTable .dashboard-row .button-element {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  margin-left: 15px;
  cursor: pointer;
}

.fn .dashboardTable .dashboard-row .button-element .material-icons {
  width: 18px;
  height: 18px;
  color: #dd712f;
  margin-top: 3px;
  margin-right: 2px;
  font-size: 20px;
}

.fn .dashboardTable .dashboard-header {
  background-color: #f5f5f5;
}

.fn .dashboardTable th {
  height: 38px;
  background-color: #f5f5f5;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  opacity: 0.4;
  border-top: 1px solid #e9e9e9;
}

.fn .dashboardTable th.action-column {
  background-color: #e8e8e8;
}

.fn .dashboardTable td {
  font-family: "Brandon Text Medium";
  font-size: .9em;
  color: rgba(0, 0, 0, 0.7);
}

.fn .dashboardTable td.manifest {
  background-color: #fafafa;
}

.fn .dashboardTable td .manifest-label {
  font-size: 14px;
  opacity: 0.7;
  font-weight: bold;
  color: #000000;
  width: 500px;
  text-align: left;
}

.fn .dashboardTable td .circle {
  width: 24px;
  height: 24px;
  border: solid 1px #bdbdbd;
  margin-left: 35px;
  margin-top: 5px;
  border-radius: 100%;
  cursor: pointer;
}

.fn .dashboardTable td .circle .material-icons {
  opacity: 0.6;
}

.fn .dashboardTable td .reason {
  display: flex;
  z-index: 1;
  position: relative;
}

.fn .dashboardTable td .reason .empty-reason {
  margin-left: 10px;
}

.fn .dashboardTable td .reason .remarks {
  width: 20px;
  height: 19px;
  border-radius: 50%;
  background: #9b9b9b;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.fn .dashboardTable td .reason .remarks.active {
  opacity: 1.0;
  cursor: context-menu;
}

.fn .dashboardTable td .reason .remarks.open {
  width: 40px;
}

.fn .dashboardTable td .reason .remarks .material-icons {
  font-size: 12px;
  color: #FFFFFF;
}

.fn .dashboardTable td .reason .reason-dialog .circle {
  margin-left: 35px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px #dd712f;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  opacity: 1;
}

.fn .dashboardTable td .reason .reason-dialog .circle .material-icons {
  font-size: 15px;
  color: #dd712f;
  margin-bottom: 2px;
  margin-right: 2px;
}

.fn .dashboardTable td .reason .reason-dialog.open {
  margin-left: 2px;
  padding: 2px;
  border-radius: 2px;
  background-color: #fafafa;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #dfdfdf;
  z-index: 2;
  position: relative;
}

.fn .dashboardTable td .reason .reason-dialog .reason-text {
  margin-left: 5px;
  text-align: left;
}

.searchText {
  background-color: #ffffff;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
}

.toggleDocType {
  width: 250px;
  height: 32px;
  border-radius: 2px;
  border: solid 1px #dd712f;
  margin-left: 20px;
}

.toggleDocType-disabled {
  opacity: 0.5;
}

.docCount {
  width: auto;
  min-width: 20px;
  border-radius: 50%;
  margin-left: 9px;
  padding: 2px;
}

.docTypeNotSelected {
  width: 50%;
  height: 100%;
  color: #dd712f;
  font-weight: bold;
  padding-top: 0px;
  cursor: pointer;
}

.docTypeNotSelected .docCount {
  background-color: #dd712f;
  color: #ffffff;
}

.docTypeSelected {
  width: 50%;
  height: 100%;
  background-color: #dd712f;
  color: #fff;
  font-weight: bold;
  padding-top: 0px;
  cursor: pointer;
}

.docTypeSelected .docCount {
  background-color: #ffffff;
  color: #dd712f;
}

.barcodeInputBox {
  width: 169px;
  height: 32px;
  border-radius: 2px;
  background-color: #f4f3f3;
  border: solid 1px #e0e0e0;
  padding-left: 15px;
  font-family: "Brandon Text Medium";
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #000000;
  opacity: 0.7;
  margin-right: 10px;
}

.barcodeInputBox::-webkit-input-placeholder {
  width: 120px;
  height: 20px;
}

.ref_link {
  color: #dd712f;
  margin-right: 10%;
  border: 1px solid #dd712f;
  padding: 0.7em;
  border-radius: 5%;
  cursor: pointer;
}

.scannedDocCount1 {
  height: auto;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #1eaf5e;
  padding-left: 18px;
}

.scannedDocCount1.orange {
  color: #dd712f;
}

.downloadButton {
  padding-right: 40px;
  width: 14px;
  height: 17px;
  cursor: pointer;
  color: #dd712f;
}

.downloadFN {
  width: 339px;
  height: 50px;
  border-radius: 2px;
  background-color: #fafafa;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.downloadFN .label {
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  color: var(--black);
}

.createFN {
  width: 339px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Brandon Text Medium";
  font-weight: bold;
}

.flex-fixed {
  flex: 0 0 auto;
}

.dialog-footer-absolute {
  position: fixed;
  bottom: 0px;
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(151, 151, 151, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dialog-footer-absolute .tableRow {
  display: table-row;
  vertical-align: top;
}

.dialog-footer-absolute .tableRow.end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.dialog-footer-absolute .tableRow .footer-right-button {
  display: table-cell;
  padding: 10px 50px 10px 0;
  text-align: right;
}

.dialog-footer-absolute .tableRow .footer-right-button.delete-button {
  margin-right: -40px;
}

.dialog-footer-absolute .tableRow .footer-right-button.delete-button .md-button {
  width: 200px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dd712f;
  color: #dd712f;
}

.dialog-footer-absolute .md-button {
  width: 120px;
  font-family: "Brandon Text Medium";
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: none;
}

.dialog-footer-absolute .md-button[disabled] {
  color: rgba(255, 255, 255, 0.87);
  background-color: #dd712f;
  opacity: 0.4;
}

.awb-group {
  padding: 15px;
  padding-bottom: 20px;
}

.awb-group .awb-label {
  width: 160px;
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  text-align: left;
  color: #000000;
  color: var(--black);
}

.awb-group .awb-input-group {
  width: 200px;
  height: 34px;
}

.awb-group .awb-input-group .awb-input {
  width: 200px;
  height: 32px;
  border: solid 0.5px #979797;
  padding-left: 8px;
}

.awb-group .awb-input-group .awb-input::-webkit-input-placeholder {
  width: 109px;
  height: 18px;
  opacity: 0.4;
  font-family: "Brandon Text Medium";
  font-size: 13px;
  text-align: left;
  color: #000000;
  color: var(--black);
}

.courier-group {
  padding-top: 20px;
  display: flex;
  justify-content: start;
  padding: 15px;
}

.courier-group .courier-label {
  width: 160px;
  height: 22px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  text-align: left;
  color: #000000;
  color: var(--black);
}

.courier-group .courier-dropdown {
  width: 269px;
  height: 32px;
  border: solid 0.5px #979797;
  padding-left: 8px;
}

.courier-group-other {
  padding-left: 142px;
  padding-bottom: 25px;
}

.courier-group-other .courier-group-other-input {
  width: 269px;
  height: 32px;
  border: solid 0.5px #979797;
}

.dispatch-content {
  background: white !important;
  height: auto;
}

.dispatch-fn {
  width: 429.2px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

.dispatch-dialog-header {
  width: 429.2px;
  height: 47px;
  border-radius: 2px;
  background-color: #353636 !important;
}

.dispatch-dialog-header .dispatch-dialog-heading {
  width: 180px;
  height: 25px;
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
}

.dispatch-dialog-actions {
  width: 429.2px;
  height: auto !important;
  border-radius: 2px;
  background-color: #f3f4f5;
}

.dispatch-submit-button {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

.track-link {
  cursor: pointer;
  color: #dd712f;
}

.word-wrap-100 {
  word-wrap: break-word;
  width: 100px;
}

.bf_passbk_summary .content_container {
  height: 80px;
  padding: 10px 16px 10px 16px;
  display: flex;
}

.bf_passbk_summary .warning_ribbon {
  height: 40px;
  background-color: #e22728;
  border-radius: 4px;
  margin: 6px 16px 0px 16px;
  font-size: 16px;
  color: #ffffff;
}

.bf_passbk_summary .warning_ribbon_icon {
  padding-left: 35px;
  padding-right: 16px;
}

.bf_passbk_summary .confirm_ribbon {
  height: 54px;
  background-color: #ffebde;
  border: solid 1px #de7230;
  opacity: 0.7;
  font-size: 14px;
  font-weight: bold;
}

.bf_passbk_summary .confirm_ribbon_icon {
  width: 20px;
  margin-right: 12px;
  opacity: 0.9;
}

.bf_passbk_summary .ribbon_confirm_text {
  color: #de7230;
  text-decoration: underline;
  padding-left: 25px;
  cursor: pointer;
}

.bf_passbk_summary .add_balance_icon {
  margin-right: 5px;
  margin-top: -3px;
}

.bf_passbk_summary .summary_col {
  margin-right: 2px;
  position: relative;
  text-align: left;
  padding: 13px 35px;
  background-color: #ffffff;
}

.bf_passbk_summary .summary_col.right {
  padding: 13px 0px 13px 35px;
}

.bf_passbk_summary .cell_header {
  color: #000000;
}

.bf_passbk_summary .cell_title {
  opacity: 0.4;
  font-size: 14px;
  padding-bottom: 9px;
}

.bf_passbk_summary .cell_value {
  height: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #50a855;
}

.bf_passbk_summary .cell_value.warning {
  color: #e22728;
}

.bf_passbk_summary .info_icon {
  padding: 2px 10px;
  height: 16px;
}

.bf_passbk_summary .details_link {
  height: 20px;
  font-size: 14px;
  color: #dd712f;
  text-decoration: underline;
  width: fit-content;
  padding-left: 20px;
  cursor: pointer;
}

.bf_passbk_summary .credit_amount_label {
  color: #008000;
  font-weight: 400;
  font-size: 22px;
}

.bf_passbk_summary .circular_div_wrapper {
  position: absolute;
  height: 100%;
  top: 26px;
  left: -15px;
}

.bf_passbk_summary .circular_div {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #d8d8d8;
}

.bf_passbk_summary .circular_div_text {
  position: absolute;
  font-size: 40px;
  margin-left: 7px;
  margin-top: -17px;
  font-weight: bold;
  color: #de7230;
}

.bf_passbk_summary .circular_div_text.right {
  margin-left: 3px;
  font-weight: normal;
}

.bf_passbk_summary .circular_div_text.plusicon {
  margin-left: 3px;
  margin-top: -14px;
  font-weight: normal;
}

.bf_passbk_summary .recharge_button {
  width: 142px;
  height: 39px;
  border-radius: 2px;
  background-color: #dd712f;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 15px;
  margin-left: 55px;
}

.bf_passbk_utility_bar {
  padding: 0px 10px;
}

.bf_passbk_utility_bar .uti_bar_content {
  background-color: #fafafa;
  margin: 5px;
  border: solid 1px #e9e9e9;
  height: 60px;
  padding-left: 30px;
}

.bf_passbk_utility_bar .uti_bar_content .transaction_type_select {
  margin-right: 10px;
}

.bf_passbk_utility_bar .uti_bar_content .util_download_btn {
  width: 130px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
}

.bf_passbk_utility_bar .uti_bar_content .util_download_btn .util_download_img {
  padding: 7px 10px;
  padding-top: 12px;
}

.bf_passbk_utility_bar .uti_bar_content .util_download_btn .util_download_text {
  opacity: 0.4;
  font-weight: bold;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker {
  width: 186px;
  height: 34px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  display: flex;
  padding: 0px 8px;
  margin: 0px 10px;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .date_range_picker_text {
  height: 13px;
  font-size: 10px;
  text-align: left;
  opacity: 0.4;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .date_picker_icon {
  cursor: pointer;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .ob-daterangepicker {
  width: 160px;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .picker-dropdown-container .picker-dropdown {
  width: 160px;
  margin-left: -8px;
  border: none;
  font-size: 12px;
  height: 17px;
  line-height: 0px;
  text-align: left;
  opacity: 0.7;
  padding-left: 0px;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .picker-dropdown-container .picker-dropdown::after {
  display: none;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .picker-dropdown-container .picker .ranges-actions.custom-open {
  display: none;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .input-container {
  display: flex;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .input-container label {
  font-weight: bold;
  font-size: 14px;
  opacity: 0.7;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .input-container input {
  width: 175px;
  opacity: 0.7;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .board {
  opacity: 0.9;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .header {
  opacity: 0.9;
  font-weight: bold;
  font-size: 13px;
  background: #dd712f;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .board .day.range-start:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .board .day.range-end:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.bf_passbk_utility_bar .uti_bar_content .date_range_picker .board .in-range:not(.other-month):not(.disabled) {
  background: rgba(221, 127, 43, 0.75);
}

.bf_passbk_utility_bar .uti_bar_content .custom_dropdown {
  width: 158px;
  height: 34px;
  margin: 0px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  text-align: left;
}

.bf_passbk_utility_bar .uti_bar_content .md-select-value {
  border: none;
  padding-left: 12px;
  font-size: 14px;
}

.bf_passbk_utility_bar .uti_bar_content md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-bottom: 0;
}

.bf_passbk_utility_bar .filter_label {
  display: flex;
  opacity: 0.7;
  width: 60px;
  font-size: 14px;
  color: #000000;
}

.bf_passbk_utility_bar .cont_list_select {
  background-color: #fff;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
}

.bf_passbk_utility_bar .search_bar {
  position: relative;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  margin-right: 20px;
}

.bf_passbk_utility_bar .search_icn {
  opacity: 0.4;
  border: solid 0 rgba(0, 0, 0, 0.01);
  margin-left: 4px;
}

.bf_passbk_utility_bar .search_input {
  height: 30px;
  opacity: 0.4;
  text-align: left;
  font-size: 14px;
  width: 100%;
}

.bf_passbk_utility_bar .custom-select-group-title {
  padding-right: 24px;
}

.bf_passbk_utility_bar .transaction_summary {
  text-align: left;
  padding: 10px 0px;
}

.bf_passbk_utility_bar .summary_title {
  opacity: 0.7;
  font-size: 14px;
  font-weight: bold;
}

.bf_passbk_utility_bar .summary_value {
  opacity: 0.7;
  font-size: 12px;
}

.bf_passbk_content_table .table_main {
  opacity: 0.7;
  font-size: 14px;
}

.bf_passbk_content_table .table_header {
  height: 46px;
  background-color: #f5f5f5;
  text-align: left;
  padding-left: 30px;
  margin: 0px 18px;
}

.bf_passbk_content_table .table_header_column {
  font-weight: 600;
}

.bf_passbk_content_table .table_body_row {
  min-height: 52px;
  text-align: left;
  background-color: #fff;
  border-bottom: solid 1px #e9e9e9;
  padding-left: 30px;
  margin: 0px 18px;
}

.bf_passbk_content_table .ref_link {
  color: #dd712f;
  cursor: pointer;
}

.bf_passbk_content_table .no_data_found {
  font-size: 18px;
  margin-top: 100px;
}

.unbilled_details_container {
  min-width: 740px;
  max-height: 470px;
  overflow: hidden;
}

.unbilled_details_container .ud_dialog_title_wrapper {
  height: 48px;
  border: solid 1px #e4e4e4;
  background-color: #fafafa;
  padding-left: 24px;
  padding-right: 12px;
}

.unbilled_details_container .ud_dialog_title {
  height: 26px;
  opacity: 0.7;
  font-size: 20px;
  width: 590px;
}

.unbilled_details_container .ud_dialog_title.right {
  width: 150px;
  height: 20px;
  font-size: 14px;
  color: #dd712f;
  text-align: right;
}

.unbilled_details_container .ud_dialog_title .value {
  margin-left: 4px;
}

.unbilled_details_container .ud_dialog_title.close_btn {
  width: 24px;
  opacity: 0.7;
  outline: none;
  cursor: pointer;
}

.unbilled_details_container .ud_util_bar {
  height: 66px;
  padding: 0px 16px;
  font-size: 14px;
}

.unbilled_details_container .ud_util_bar .ud_download_btn {
  width: 120px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  outline: none;
  cursor: pointer;
}

.unbilled_details_container .ud_util_bar .ud_download_btn .ud_download_img {
  padding: 7px;
  padding-top: 12px;
}

.unbilled_details_container .ud_util_bar .ud_download_btn .ud_download_text {
  opacity: 0.4;
  font-weight: bold;
}

.unbilled_details_container .ud_util_bar .ud_disabled {
  cursor: not-allowed;
}

.unbilled_details_container .ud_util_bar .ud_search_box {
  width: 250px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
}

.unbilled_details_container .ud_util_bar .ud_search_box .ud_search_img {
  opacity: 0.4;
  margin-left: 10px;
  outline: none;
}

.unbilled_details_container .ud_util_bar .ud_search_box .ud_search_text {
  opacity: 0.4;
  font-size: 14px;
  width: 100%;
  border: none;
  outline: none;
}

.unbilled_details_container .ud_table_container {
  padding: 0px 16px;
}

.unbilled_details_container .ud_table_container .ud_table_header {
  height: 54px;
  background-color: #f5f5f5;
  padding-left: 16px;
}

.unbilled_details_container .ud_table_container .ud_table_rows_wrapper {
  overflow: auto;
  padding-bottom: 16px;
  max-height: 300px;
}

.unbilled_details_container .ud_table_container .no_data {
  margin: 100px 0px;
  text-align: center;
  opacity: 0.7;
}

.unbilled_details_container .ud_table_container .ud_table_row {
  min-height: 50px;
  padding-left: 16px;
}

.unbilled_details_container .ud_table_container .ud_table_cell {
  width: 125px;
  opacity: 0.7;
  font-size: 14px;
  padding-right: 10px;
}

.unbilled_details_container .ud_table_container .ud_table_cell.header {
  font-weight: bold;
}

.show_loading {
  height: 300px;
  font-size: 30px;
  opacity: 0.7;
}

.show_loading.capacity_dialog {
  height: 150px;
}

.show_loading.remark_dialog {
  height: 100px;
}

.show_loading.download_dialog_box {
  height: 317px;
}

.bf_pb_dialog_container {
  min-width: 855px;
  max-height: 525px;
  overflow: hidden;
}

.bf_pb_dialog_container .bf_pb_dialog_header {
  height: 48px;
  border: solid 1px #e4e4e4;
  background-color: #fafafa;
  padding-left: 15px;
}

.bf_pb_dialog_container .bf_pb_dialog_header_text {
  width: 96%;
  opacity: 0.7;
  font-size: 20px;
  text-align: left;
  color: #000000;
}

.bf_pb_dialog_container .bf_pb_dialog_close_btn {
  opacity: 0.7;
  outline: none;
  cursor: pointer;
}

.bf_pb_dialog_container .bf_pb_dialog_cn_details {
  height: 64px;
  padding-left: 60px;
  padding-right: 15px;
  opacity: 0.7;
  font-size: 14px;
  text-align: left;
  color: #000000;
  margin-top: 2px;
}

.bf_pb_dialog_container .bf_pb_dialog_cn_details .bf_pb_dialog_cn_details_row {
  height: 30px;
  display: flex;
}

.bf_pb_dialog_container .bf_pb_dialog_cn_details .cn_details_box {
  width: 260px;
}

.bf_pb_dialog_container .bf_pb_dialog_cn_details .cn_details_header {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.9;
}

.bf_pb_dialog_container .bf_pb_dialog_cn_details .cn_details_text {
  padding-left: 5px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_header {
  height: 54px;
  padding-left: 60px;
  background-color: #f5f5f5;
  border: solid 1px #e9e9e9;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_cell {
  width: 95px;
  opacity: 0.7;
  font-size: 14px;
  padding-right: 10px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_cell.header {
  font-weight: bold;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_cell.big {
  width: 130px;
  margin-right: 10px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_rows {
  overflow: auto;
  max-height: 300px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper {
  border-bottom: solid 1px #e4e4e4;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .container_table_row_content {
  min-height: 54px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .expand_image_container {
  width: 60px;
  padding: 12px 15px;
  outline: none;
  cursor: pointer;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .expand_image {
  width: 24px;
  height: 24px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table {
  padding-left: 40px;
  padding-right: 10px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_header {
  height: 40px;
  padding-left: 18px;
  background-color: #f5f5f5;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_row {
  min-height: 40px;
  padding-left: 18px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_cell {
  font-size: 14px;
  opacity: 0.7;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_cell.header {
  font-size: 13px;
  font-weight: bold;
  opacity: 0.7;
  text-align: left;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_cell.left {
  width: 712px;
}

.bf_pb_dialog_container .bf_pb_dialog_table .container_table_row_wrapper .sub_table .sub_table_cell.remark {
  padding: 10px 0px;
  max-width: 790px;
}

.bf_pb_dialog_container .bf_pb_dialog_total {
  height: 50px;
  opacity: 0.7;
}

.bf_pb_dialog_container .bf_pb_dialog_total .bf_pb_dialog_total_title {
  font-size: 14px;
  font-weight: bold;
  text-align: end;
  padding-right: 28px;
}

.bf_pb_dialog_container .bf_pb_dialog_total .bf_pb_dialog_total_value {
  font-size: 14px;
  font-weight: bold;
  padding-left: 33px;
}

.bf_pb_pc_wrapper {
  width: 755px;
  height: 201px;
  overflow: hidden;
}

.bf_pb_pc_wrapper .pc_dialog_title_wrapper {
  height: 48px;
  border: solid 1px #e4e4e4;
  background-color: #fafafa;
  padding-left: 20px;
}

.bf_pb_pc_wrapper .pc_dialog_title {
  height: 26px;
  opacity: 0.7;
  font-size: 20px;
  width: 690px;
}

.bf_pb_pc_wrapper .pc_dialog_title.right {
  width: 150px;
  height: 20px;
  font-size: 14px;
  color: #dd712f;
  text-align: right;
}

.bf_pb_pc_wrapper .pc_dialog_title .value {
  margin-left: 4px;
}

.bf_pb_pc_wrapper .pc_dialog_title.close_btn {
  width: 24px;
  opacity: 0.7;
  outline: none;
  cursor: pointer;
}

.bf_pb_pc_wrapper .pc_content_wrapper {
  padding: 14px 20px;
}

.bf_pb_pc_wrapper .pc_content_wrapper .pc_content_box_header {
  opacity: 0.7;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 14px;
}

.bf_pb_pc_wrapper .pc_content_wrapper .pc_content_box_row {
  padding-bottom: 8px;
}

.bf_pb_pc_wrapper .pc_content_wrapper .pc_content_box_row_title {
  opacity: 0.7;
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}

.bf_pb_pc_wrapper .pc_content_wrapper .pc_content_box_row_value {
  opacity: 0.7;
  font-size: 14px;
}

.bf_pb_pc_wrapper .vertical_divider {
  width: 1px;
  height: 122px;
  opacity: 0.2;
  border: solid 0.5px #979797;
  margin-right: 47px;
}

.bf_pb_remark_wrapper {
  width: 600px;
  overflow: hidden;
}

.bf_pb_remark_wrapper .remark_dialog_title_wrapper {
  height: 48px;
  border: solid 1px #e4e4e4;
  background-color: #fafafa;
  padding-left: 20px;
}

.bf_pb_remark_wrapper .remark_dialog_title {
  height: 26px;
  opacity: 0.7;
  font-size: 20px;
  width: 540px;
}

.bf_pb_remark_wrapper .remark_dialog_title.right {
  width: 150px;
  height: 20px;
  font-size: 14px;
  color: #dd712f;
  text-align: right;
}

.bf_pb_remark_wrapper .remark_dialog_title .value {
  margin-left: 4px;
}

.bf_pb_remark_wrapper .remark_dialog_title.close_btn {
  width: 24px;
  opacity: 0.7;
  outline: none;
  cursor: pointer;
}

.bf_pb_remark_wrapper .remark_content_wrapper {
  font-size: 17px;
  opacity: 0.7;
  padding: 22px;
}

.overflowing-div {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75px;
  padding-right: 5px;
  white-space: nowrap;
}

.overflowing-div.small {
  max-width: 70px;
}

.overflowing-div.big {
  max-width: 120px;
}

.overflowing-div.right {
  padding-left: 5px;
}

md-dialog {
  overflow: visible;
}

.download_details_container {
  width: 570px;
  overflow: visible;
}

.download_details_container .download_dialog_title_wrapper {
  height: 48px;
  border: solid 1px #e4e4e4;
  background-color: #fafafa;
  padding-left: 24px;
  padding-right: 12px;
}

.download_details_container .download_dialog_title {
  height: 26px;
  opacity: 0.8;
  font-size: 20px;
  width: 590px;
}

.download_details_container .download_dialog_title.right {
  width: 150px;
  height: 20px;
  font-size: 14px;
  color: #dd712f;
  text-align: right;
}

.download_details_container .download_dialog_title .value {
  margin-left: 4px;
}

.download_details_container .download_dialog_title.close_btn {
  width: 24px;
  opacity: 0.7;
  outline: none;
  cursor: pointer;
}

.download_details_container .download_dialog_content_wrapper {
  padding: 35px 19px;
}

.download_details_container .download_dialog_value {
  height: 17px;
  opacity: 0.7;
  font-size: 12px;
  padding-bottom: 8px;
}

.download_details_container .download_dialog_input_wrapper {
  padding-bottom: 35px;
}

.download_details_container .download_dialog_input_wrapper.last {
  padding-bottom: 0px;
}

.download_details_container .download_dialog_footer {
  height: 69px;
  border-radius: 2px;
  background-color: #fafafa;
}

.download_details_container .download_dialog_footer .download_dialog_button {
  width: 150px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #dd712f;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
  cursor: pointer;
}

.download_details_container .download_dialog_footer .download_dialog_button.cancel {
  background-color: #ffffff;
  color: #dd712f;
}

.download_details_container .download_dialog_footer .download_dialog_button.download {
  background-color: #dd712f;
  color: #ffffff;
}

.download_details_container .radio-item md-radio-button {
  padding-right: 30px;
}

.download_details_container .radio-item md-radio-button .md-off {
  border-color: #dd712f;
}

.download_details_container .radio-item md-radio-button:not([disabled]).md-checked .md-off {
  border-color: #dd712f;
}

.download_details_container .radio-item md-radio-button:not([disabled]).md-checked .md-on {
  background-color: #dd712f;
}

.download_details_container .radio-item md-radio-button:not([disabled]).md-checked .md-ink-ripple {
  color: #dd712f;
}

.download_details_container .radio-item md-radio-button:not([disabled]).md-checked .md-ripple-container {
  display: none;
}

.download_details_container .radio-item md-radio-button .md-label {
  top: 3px;
  font-size: 14px;
  margin-bottom: 7px;
  opacity: 0.7;
}

.download_details_container .custom_dropdown {
  width: 130px;
  height: 32px;
  margin: 0px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  text-align: left;
  opacity: 0.7;
}

.download_details_container .md-select-value {
  border: none;
  padding-left: 12px;
  font-size: 14px;
}

.download_details_container md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-bottom: 0;
}

.download_details_container .date_range_picker {
  width: 186px;
  height: 34px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  display: flex;
  padding: 0px 8px;
}

.download_details_container .date_range_picker .date_range_picker_text {
  height: 13px;
  font-size: 10px;
  text-align: left;
  opacity: 0.4;
}

.download_details_container .date_range_picker .date_picker_icon {
  cursor: pointer;
}

.download_details_container .date_range_picker .ob-daterangepicker {
  width: 160px;
}

.download_details_container .date_range_picker .picker-dropdown-container .picker-dropdown {
  width: 160px;
  padding-top: 3px;
  border: none;
  font-size: 12px;
  height: 17px;
  text-align: left;
  opacity: 0.7;
  padding-left: 0px;
}

.download_details_container .date_range_picker .picker-dropdown-container .picker-dropdown::after {
  display: none;
}

.download_details_container .date_range_picker .picker-dropdown-container .picker .ranges-actions.custom-open {
  display: none;
}

.download_details_container .date_range_picker .input-container {
  display: flex;
}

.download_details_container .date_range_picker .input-container label {
  font-weight: bold;
  font-size: 14px;
  opacity: 0.7;
}

.download_details_container .date_range_picker .input-container input {
  width: 175px;
  opacity: 0.7;
}

.download_details_container .date_range_picker .board {
  opacity: 0.9;
}

.download_details_container .date_range_picker .header {
  opacity: 0.9;
  font-weight: bold;
  font-size: 13px;
  background: #dd712f;
}

.download_details_container .date_range_picker .board .day.range-start:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.download_details_container .date_range_picker .board .day.range-end:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.download_details_container .date_range_picker .board .in-range:not(.other-month):not(.disabled) {
  background: rgba(221, 127, 43, 0.75);
}

.download_details_container .multiSelect .caret {
  margin-left: 28px !important;
}

.download_details_container .multiSelect > button {
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(155, 155, 155, 0.2);
  margin: 0px;
  background-image: none;
  opacity: 0.7;
  text-align: left;
  padding-left: 15px;
  overflow: auto;
}

.download_details_container .multiSelect .checkboxLayer {
  min-width: 180px;
}

.download_details_container .multiSelect .checkBoxContainer {
  max-height: 136px;
  overflow: auto;
}

.download_details_container .multiSelect .inputFilter {
  box-shadow: none;
}

.download_details_container .multiSelect .inputFilter:focus {
  border: solid 1px rgba(155, 155, 155, 0.2) !important;
  -webkit-box-shadow: none !important;
}

.download_details_container .multiSelect .clearButton {
  display: none;
}

.download_details_container .multiSelect .multiSelectItem {
  min-height: 18px;
  font-size: 12px;
  opacity: 0.7;
  min-width: 180px;
}

.download_details_container .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
  background-image: none;
  color: #dd712f;
  cursor: pointer;
  border: none;
  opacity: 1;
}

.download_details_container .multiSelect .tickMark {
  font-size: 12px;
  font-weight: bold;
  top: 4px;
}

.download_details_container .multiSelect .multiSelectItem:hover,
.download_details_container .multiSelect .multiSelectGroup:hover {
  background-image: none !important;
  color: #dd712f !important;
  cursor: pointer;
  border: 1px solid #dd712f !important;
}

md-tooltip.overflowing-div-hover {
  width: auto;
  opacity: 0.9;
  background-color: #000000;
  text-align: center;
}

md-tooltip.overflowing-div-hover .md-content {
  width: 100%;
  font-size: 12px;
  color: #ffffff;
  background-color: #000000;
  text-align: left;
}

md-tooltip.overflowing-div-hover .md-tooltip {
  width: 250px;
}

md-tooltip.hover_text {
  width: 236px;
  opacity: 0.9;
  background-color: #000000;
  text-align: center;
}

md-tooltip.hover_text .md-content {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  margin-left: -7px;
  color: #ffffff;
  background-color: #000000;
  line-height: 20px;
  text-align: left;
  padding: 5px 20px;
}

@font-face {
  font-family: "icons";
  src: url("../fonts/webfont/icons.eot?3b19f9bff47be734e9ff3fdefd16e015");
  src: url("../fonts/webfont/icons.eot?3b19f9bff47be734e9ff3fdefd16e015#iefix") format("embedded-opentype"), url("../fonts/webfont/icons.woff?3b19f9bff47be734e9ff3fdefd16e015") format("woff"), url("../fonts/webfont/icons.ttf?3b19f9bff47be734e9ff3fdefd16e015") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.icon {
  font-family: "icons";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
  content: "\f101";
}

.payment-gateway-container {
  width: 637px;
  min-height: 368px;
}

.payment-gateway-container .payment-design {
  width: 256px;
  min-height: 403px;
  background-image: url("../images/payments.svg");
  margin: -2px -2px -4px -2px;
  background-repeat: no-repeat;
  background-size: cover;
}

.payment-gateway-container .payment-design .rs-icon {
  margin-left: 85px;
  margin-top: -40px;
}

.payment-gateway-container .payment-wrapper {
  width: 385px;
  min-height: 368px;
}

.payment-gateway-container .payment-wrapper .payment-modes {
  padding: 10px 10px 10px 40px;
}

.payment-gateway-container .payment-wrapper .header {
  opacity: 0.7;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.payment-gateway-container .payment-wrapper .payment-mode {
  width: 255px;
  height: 60px;
  border: solid 1px rgba(202, 200, 199, 0.25);
  border-bottom: none;
  cursor: pointer;
  padding: 10px;
}

.payment-gateway-container .payment-wrapper .payment-mode.first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.payment-gateway-container .payment-wrapper .payment-mode.last {
  border-bottom: solid 1px rgba(202, 200, 199, 0.25);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.payment-gateway-container .payment-wrapper .payment-mode img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.payment-gateway-container .payment-wrapper .payment-mode .mode-header {
  opacity: 0.7;
  font-size: 14px;
  font-weight: bold;
}

.payment-gateway-container .payment-wrapper .payment-mode .mode-subheader {
  opacity: 0.4;
  font-size: 12px;
  font-weight: bold;
}

.payment-gateway-container .payment-neft-container {
  padding: 20px 15px 20px 35px;
}

.payment-gateway-container .payment-neft-container .neft-header {
  opacity: 0.7;
  font-size: 16px;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 5px;
}

.payment-gateway-container .payment-neft-container .neft-subheader {
  opacity: 0.4;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
}

.payment-gateway-container .payment-neft-container .neft-details-box {
  width: 157px;
  height: 42px;
  border-radius: 2px;
  padding: 5px 10px;
  margin: 0px 10px 10px 0px;
  background-color: #f9f9f9;
}

.payment-gateway-container .payment-neft-container .details-header {
  opacity: 0.4;
  font-size: 12px;
  font-weight: bold;
}

.payment-gateway-container .payment-neft-container .details-value {
  opacity: 0.77;
  font-size: 10.5px;
  font-weight: bold;
}

.payment-gateway-container .payment-neft-container .hiw-button {
  width: 178px;
  height: 37px;
  border-radius: 4px;
  background-color: #de7230;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 70px;
  margin-top: 55px;
  cursor: pointer;
}

.payment-gateway-container .close-button {
  text-align: end;
  opacity: 0.4;
}

.payment-gateway-container .close-button img {
  cursor: pointer;
  outline: none;
}

.payment-gateway-container .back-button {
  opacity: 0.4;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  font-weight: bold;
  margin-left: -3px;
}

.payment-gateway-container .back-button img {
  height: 16px;
  padding-right: 3px;
}

.payment-gateway-container .net-amount {
  opacity: 0.4;
  font-size: 14px;
  font-weight: bold;
}

.payment-gateway-container .payment-neft-hiw-container {
  min-height: 367px;
  padding: 20px 30px;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-box-container {
  margin-top: 20px;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-box {
  width: 142.9px;
  height: 35px;
  background-color: #ffffff;
  border: solid 1px #de7230;
  border-left: none;
  font-size: 10px;
  font-weight: bold;
  color: #de7230;
  cursor: pointer;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-box.first {
  border-left: solid 1px #de7230;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-box.selected {
  background-color: #de7230;
  color: #ffffff;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-box-content {
  width: 100%;
  height: 100%;
}

.payment-gateway-container .payment-neft-hiw-container .box-arrow {
  margin-top: 11.5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 7px solid #de7230;
  border-bottom: 5px solid transparent;
}

.payment-gateway-container .payment-neft-hiw-container .box-arrow div {
  width: 0;
  position: relative;
  top: -5px;
  left: -9px;
  border-top: 4.5px solid transparent;
  border-left: 6.5px solid #ffffff;
  border-bottom: 4.5px solid transparent;
}

.payment-gateway-container .payment-neft-hiw-container .box-arrow div.selected {
  border-left: 6px solid #de7230;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-step-wrapper {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-step-wrapper .hiw-text {
  opacity: 0.4;
}

.payment-gateway-container .payment-neft-hiw-container .hiw-step-wrapper .hiw-image {
  margin-top: 25px;
}

.payment-gateway-container .payment-netbanking-container {
  padding: 20px 35px 20px 35px;
}

.payment-gateway-container .payment-netbanking-container .payment-netbanking-text {
  opacity: 0.7;
  font-size: 14px;
  font-weight: bold;
  margin: 25px 0px 10px 0px;
}

.payment-gateway-container .payment-netbanking-container .rs-input-wrapper .rs-div {
  width: 38px;
  height: 34px;
  opacity: 0.6;
  border-radius: 2px;
  background-color: #f5f5f5;
  border: solid 1px rgba(202, 200, 199, 0.25);
  font-size: 22px;
}

.payment-gateway-container .payment-netbanking-container .rs-input-wrapper input {
  border-radius: 2px;
  height: 30px;
  width: 268px;
  border: solid 1px rgba(202, 200, 199, 0.25);
  border-left: none;
  outline: none;
  font-size: 14px;
  opacity: 0.7;
  padding: 1px 10px;
}

.payment-gateway-container .payment-netbanking-container .rs-error {
  font-size: 12px;
  color: #e22728;
}

.payment-gateway-container .payment-netbanking-container .tds-container {
  font-size: 12px;
  margin-top: 5px;
}

.payment-gateway-container .payment-netbanking-container .tds-container .extraPadding {
  padding-bottom: 28px;
}

.payment-gateway-container .payment-netbanking-container .tds-container .checkbox-label {
  font-size: 13px;
  opacity: 0.7;
  margin-right: 5px;
}

.payment-gateway-container .payment-netbanking-container .tds-container .help-icon {
  opacity: 0.7;
}

.payment-gateway-container .payment-netbanking-container .tds-wrapper {
  font-size: 14px;
}

.payment-gateway-container .payment-netbanking-container .tds-wrapper input {
  width: 45px;
  height: 24px;
  border: solid 1px rgba(202, 200, 199, 0.75);
  outline: none;
  margin: 0px 5px;
  padding-left: 10px;
  opacity: 0.5;
}

.payment-gateway-container .payment-netbanking-container .tds-wrapper .tds-error-input {
  border: solid 1px #e22728;
  color: #e22728;
  opacity: 0.8;
}

.payment-gateway-container .payment-netbanking-container .tds-wrapper span {
  opacity: 0.5;
}

.payment-gateway-container .payment-netbanking-container .tds-error {
  font-size: 10px;
  color: #e22728;
}

.payment-gateway-container .payment-netbanking-container .row-wrapper {
  font-size: 14px;
  opacity: 0.5;
}

.payment-gateway-container .payment-netbanking-container .row-wrapper.big {
  font-size: 16px;
  font-weight: bold;
}

.payment-gateway-container .payment-netbanking-container .horizontal-line {
  width: 312px;
  opacity: 0.2;
  border: solid 0.5px #979797;
  margin: 30px 0px 11px 0px;
}

.payment-gateway-container .payment-netbanking-container .pay-btn {
  width: 221px;
  height: 37px;
  border-radius: 4px;
  background-color: #de7230;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin: 37px 0px 10px 0px;
  cursor: pointer;
}

.payment-gateway-container .payment-netbanking-container .net-banking-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.payment-gateway-container .payment-netbanking-container input::-webkit-outer-spin-button,
.payment-gateway-container .payment-netbanking-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: not-allowed;
  margin: 0;
}

.payment-gateway-container .payment-netbanking-container md-checkbox {
  height: 16px;
  width: 30px;
  margin: 10px 0px;
}

.payment-gateway-container .payment-netbanking-container md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.payment-gateway-container .payment-netbanking-container .md-ripple-container {
  display: none;
}

.payment-gateway-container .footer-note {
  opacity: 0.5;
  font-size: 12px;
  font-style: italic;
}

.neft-confirm-container {
  width: 448px;
  min-height: 422px;
  padding: 20px;
}

.neft-confirm-container .close-button {
  text-align: end;
  opacity: 0.4;
}

.neft-confirm-container .close-button img {
  cursor: pointer;
  outline: none;
}

.neft-confirm-container .neft-confirm-content {
  margin-right: 2px;
}

.neft-confirm-container .header-msg {
  opacity: 0.7;
  font-size: 16px;
  font-weight: bold;
  margin-top: -10px;
  max-width: 90%;
}

.neft-confirm-container .data-box {
  width: 446px;
  height: 68px;
  border-radius: 2px;
  border: solid 1px #eeeeee;
  padding: 16px 0px 16px 16px;
  margin: 15px 0px;
}

.neft-confirm-container .data-box .data-box-header {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
}

.neft-confirm-container .data-box .data-box-value {
  opacity: 0.7;
  font-size: 12px;
  font-weight: bold;
}

.neft-confirm-container .row-wrapper {
  opacity: 0.7;
  font-size: 14px;
  font-weight: bold;
}

.neft-confirm-container .extraPadding {
  padding-bottom: 28px;
}

.neft-confirm-container .tds-container {
  font-size: 12px;
  margin-top: 5px;
}

.neft-confirm-container .tds-container .checkbox-label {
  font-size: 13px;
  opacity: 0.7;
  margin-right: 5px;
}

.neft-confirm-container .tds-container .help-icon {
  opacity: 0.7;
}

.neft-confirm-container .tds-wrapper {
  font-size: 14px;
}

.neft-confirm-container .tds-wrapper input {
  width: 45px;
  height: 24px;
  border: solid 1px rgba(202, 200, 199, 0.75);
  outline: none;
  margin: 0px 5px;
  padding-left: 10px;
  opacity: 0.5;
}

.neft-confirm-container .tds-wrapper .tds-error-input {
  border: solid 1px #e22728;
  color: #e22728;
  opacity: 0.8;
}

.neft-confirm-container .tds-wrapper span {
  opacity: 0.5;
}

.neft-confirm-container .tds-error {
  font-size: 10px;
  color: #e22728;
}

.neft-confirm-container .horizontal-line {
  width: 448px;
  opacity: 0.2;
  border: solid 0.5px #979797;
  margin: 15px 0px;
}

.neft-confirm-container .horizontal-line.no-margin {
  margin-bottom: 5px;
}

.neft-confirm-container .confirm-btn {
  height: 40px;
  border-radius: 4px;
  background-color: #de7230;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin: 35px 0px 10px 0px;
  cursor: pointer;
}

.neft-confirm-container .neft-confirm-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

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

.neft-confirm-container md-checkbox {
  height: 16px;
  width: 30px;
  margin: 10px 0px;
}

.neft-confirm-container md-checkbox.md-checked .md-icon {
  background-color: #dd712f;
}

.neft-confirm-container .md-ripple-container {
  display: none;
}

.neft-confirm-container .footer-note {
  opacity: 0.5;
  font-size: 12px;
  font-style: italic;
}

.bf-payment-status-container {
  padding: 30px 45px;
}

.bf-payment-status-container .status-div {
  margin: 20px 0px 30px 0px;
}

.bf-payment-status-container .msg-div {
  margin: 10px 0px;
}

.bf-payment-status-container .msg-div div {
  width: 370px;
  text-align: center;
}

.bf-payment-status-container .info-row {
  margin: 2.5px 5px 2.5px 0px;
}

.bf-payment-status-container .font-dark {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.7;
}

.bf-payment-status-container .font-dark.big {
  font-size: 22px;
}

.bf-payment-status-container .font-light {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.4;
}

.bf-payment-status-container .button-orange {
  width: 170px;
  height: 44px;
  border-radius: 2px;
  background-color: #dd712f;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

.bf-payment-status-container .button-white {
  width: 170px;
  height: 44px;
  border-radius: 2px;
  background-color: #fafafa;
  border: solid 1px #dd712f;
  font-size: 14px;
  font-weight: bold;
  color: #dd712f;
  margin-right: 10px;
  cursor: pointer;
}

.bf-payment-status-container .button-wrapper {
  margin-top: 30px;
}

.bf-payment-history-container {
  height: 100vh;
}

.bf-payment-history-container .show_loading {
  height: 300px;
  font-size: 30px;
  opacity: 0.7;
}

.bf-payment-history-container .empty-div {
  height: 25px;
  background-color: #f5f5f5;
}

.bf-payment-history-container .filter-bar {
  height: 61px;
  background-color: #fafafa;
}

.bf-payment-history-container .filter-wrapper {
  padding-left: 15px;
}

.bf-payment-history-container .filter-wrapper .filter-label {
  display: flex;
  opacity: 0.7;
  width: 60px;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

.bf-payment-history-container .filter-wrapper .date-range-picker {
  width: 186px;
  height: 34px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e2e2e2;
  display: flex;
  padding: 0px 8px;
  margin: 0px 10px;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .date-range-picker-text {
  height: 13px;
  font-size: 10px;
  text-align: left;
  opacity: 0.4;
  font-weight: bold;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .date-picker-icon {
  cursor: pointer;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .ob-daterangepicker {
  width: 160px;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .picker-dropdown-container .picker-dropdown {
  width: 160px;
  margin-left: -8px;
  border: none;
  font-size: 12px;
  height: 17px;
  line-height: 0px;
  text-align: left;
  opacity: 0.7;
  padding-left: 0px;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .picker-dropdown-container .picker-dropdown::after {
  display: none;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .picker-dropdown-container .picker .ranges-actions.custom-open {
  display: none;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .input-container {
  display: flex;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .input-container label {
  font-weight: bold;
  font-size: 14px;
  opacity: 0.7;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .input-container input {
  width: 175px;
  opacity: 0.7;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .board {
  opacity: 0.9;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .header {
  opacity: 0.9;
  font-weight: bold;
  font-size: 13px;
  background: #dd712f;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .board .day.range-start:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .board .day.range-end:not(.other-month):not(.disabled) {
  background: #dd712f;
}

.bf-payment-history-container .filter-wrapper .date-range-picker .board .in-range:not(.other-month):not(.disabled) {
  background: rgba(221, 127, 43, 0.75);
}

.bf-payment-history-container .filter-wrapper .transaction-type-select {
  margin-right: 10px;
}

.bf-payment-history-container .filter-wrapper .custom-dropdown {
  width: 158px;
  height: 30px;
  margin: 0px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  text-align: left;
}

.bf-payment-history-container .filter-wrapper .md-select-value {
  border: none;
  padding-left: 12px;
  font-size: 14px;
}

.bf-payment-history-container .filter-wrapper .md-select-value span {
  font-weight: bold;
  opacity: 0.4;
}

.bf-payment-history-container .filter-wrapper md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  padding-bottom: 0;
}

.bf-payment-history-container .filter-wrapper md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #000000;
  opacity: 0.4;
  font-weight: bold;
}

.bf-payment-history-container .filter-wrapper .util-download-btn {
  width: 130px;
  height: 36px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  outline: none;
  cursor: pointer;
  background-color: #ffffff;
}

.bf-payment-history-container .filter-wrapper .util-download-btn .util-download-img {
  padding: 7px 10px;
  padding-top: 12px;
}

.bf-payment-history-container .filter-wrapper .util-download-btn .util-download-text {
  opacity: 0.4;
  font-weight: bold;
}

.bf-payment-history-container .filter-wrapper .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.bf-payment-history-container .search-bar {
  position: relative;
  height: 36px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  margin-right: 20px;
}

.bf-payment-history-container .search-icn {
  opacity: 0.4;
  border: solid 0 rgba(0, 0, 0, 0.01);
  margin-left: 4px;
  margin-right: 4px;
}

.bf-payment-history-container .search-input {
  opacity: 0.4;
  text-align: left;
  font-size: 14px;
  width: 100%;
  border: none;
  outline: none;
}

.bf-payment-history-container .headers-row {
  height: 46px;
  background-color: #f5f5f5;
  padding: 10px 20px;
  border: solid 1px #e9e9e9;
}

.bf-payment-history-container .headers-row .header-value {
  text-align: left;
  opacity: 0.6;
  font-size: 14px;
  font-weight: bold;
}

.bf-payment-history-container .content-row {
  min-height: 64px;
  padding: 10px 20px;
  border-bottom: solid 1px #e9e9e9;
}

.bf-payment-history-container .content-row .content-row-value {
  text-align: left;
  opacity: 0.7;
  font-size: 14px;
  padding-left: 1px;
}

.bf-payment-history-container .content-row .success {
  text-align: left;
  font-size: 14px;
  color: #23aa37;
}

.bf-payment-history-container .content-row .failure {
  text-align: left;
  font-size: 14px;
  color: #e22728;
}

.bf-payment-history-container .content-row .pending {
  text-align: left;
  font-size: 14px;
  color: #f6a623;
}

.bf-payment-history-container .content-row .action {
  width: 91px;
  height: 31px;
  border-radius: 2px;
  border: solid 1px #de7230;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.bf-payment-history-container .content-row .action .action-text {
  color: #de7230;
}

.bf-payment-history-container .content-row .action .action-img {
  padding-right: 5px;
}

.bf-payment-history-container .content-row .disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.bf-payment-history-container .no_data_found {
  font-size: 18px;
  margin-top: 100px;
}

.float-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: #139a46;
  color: #fff;
  font-size: 14px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  padding: 8px;
  border-radius: 4px;
}

.float-button img {
  width: 14px;
  position: relative;
  top: 3px;
  margin-right: 2px;
}

.float-button-text {
  position: fixed;
  bottom: 80px;
  right: 40px;
  color: black;
  font-size: 14px;
  z-index: 100;
  padding: 8px;
}

button[aria-label="Year To Date"] {
  display: none;
}

.range-picker .pre-select {
  height: 220px;
}

[ng-click] {
  outline: none;
}

#z-container-ext {
  padding: 20px;
  font-family: "Brandon Text Medium";
}

.wide-half {
  width: 50%;
}

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

.d-flex {
  display: flex;
}

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

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

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

.info-container {
  padding: 25px;
}

.info-container .cn-details-box {
  background-color: #f5f5f5;
  margin: 5px 20px 0px 0px;
}

.info-container .cn-details-box .box-table {
  width: 100%;
}

.info-container .cn-details-box .cn-details-row {
  padding: 5px;
}

.action-container .buttons .secondary {
  border: 1px solid #dd712f;
  color: #dd712f;
}

.info-row {
  margin: 10px 0;
  width: 50%;
}

#frame_container {
  width: 100%;
  height: 100vh;
}

#frame_container iframe {
  width: 100%;
  height: 100%;
}

#beta_flag {
  margin: 5px 0 0 5px;
  font-size: 12px;
  font-weight: bold;
  background: transparent;
  color: #dd712f;
  line-height: 14px;
  height: 14px;
}

/* Old browser error style */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 1px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: rgba(13, 119, 182, 0.8);
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(13, 119, 182, 0.3);
}

body {
  margin: 0;
  padding: 0;
  font-family: "Brandon Text Regular";
  font-size: 18px;
  background-color: #FFFFFF;
}

/* Default anchor style removed */
a {
  color: inherit;
  text-decoration: none;
}

.inline {
  display: inline-block;
}

.bold {
  font-weight: bold;
}

.cursor--pointer {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.priority-component {
  border-right: thin solid lightgray;
  text-align: center;
}

.priority-component.priority-track-selected {
  color: white;
  cursor: pointer;
}

.priority-component.priority-track-selected.P5 {
  background-color: #CE2029;
}

.priority-component.priority-track-selected.P4 {
  background-color: #D84528;
}

.priority-component.priority-track-selected.P3 {
  background-color: #E26928;
}

.priority-component.priority-track-selected.P2 {
  background-color: #EB8E27;
}

.priority-component.priority-track-selected.P1 {
  background-color: #F5B227;
}

.priority-component.priority-track-selected.P0 {
  background-color: #FFD726;
}

.priority-component.priority-track-selected.NEGATIVE {
  background-color: #696969;
}

/* Cnote tags */
.cnote-tag {
  font-family: "Brandon Text Regular";
  font-size: 10px;
  font-weight: 500;
  border-radius: 2px;
  height: 24px;
  padding: 5px;
  margin: 0 2px 0 2px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.cnote-tag.apparel {
  background-color: #8e44ad;
  color: #FFFFFF;
  cursor: pointer;
  height: 14px;
  width: 70px;
  padding: 3px;
}

.cnote-tag.small {
  padding: 2px;
  height: 10px;
  min-width: 20px;
}

.cnote-tag.small.appointment-delivery {
  background-color: #8e44ad;
  color: #FFFFFF;
  cursor: pointer;
}

.cnote-tag.small.odc {
  background-color: #be8407;
  color: #FFFFFF;
  cursor: pointer;
}

.cnote-tag.small.priority {
  background-color: #137ed9;
  color: white;
  cursor: pointer;
}

.cnote-tag.small.damage {
  background-color: #d94113;
  color: white;
  cursor: pointer;
}

.cnote-tag.return-track-rect {
  width: 49px !important;
  height: 19px !important;
  border-radius: 2px;
  background-color: #282e34;
}

.cnote-tag.return-track-rect.return-track {
  width: 36px;
  height: 17px;
  opacity: 0.9;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}

.cnote-tag.cod-dod {
  background-color: #2c23f5;
  color: #FFFFFF;
}

.cnote-tag.to-pay {
  background-color: #0092ff;
  color: #FFFFFF;
}

.cnote-tag.appointment-delivery {
  background-color: #8e44ad;
  color: #FFFFFF;
}

.cnote-tag.hub-delivery-category {
  background-color: #127fc8;
  color: #FFFFFF;
}

.cnote-tag.direct-delivery-category {
  background-color: #dd712f;
  color: #FFFFFF;
}

.cnote-tag.odc {
  background-color: #be8407;
  color: #FFFFFF;
}

.cnote-tag.holiday-delivery {
  background-color: #ffb200;
  color: #FFFFFF;
}

.cnote-tag.mall-delivery {
  background-color: #228899;
  color: #FFFFFF;
}

.cn-tags-row {
  display: flex;
}

.cn-tags-row .cnote-tag {
  font-family: "Brandon Text Regular";
  font-size: 10px;
  font-weight: 500;
  border-radius: 2px;
  height: 24px;
  padding: 5px;
  margin: 0 2px 0 2px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.cn-tags-row .cnote-tag.cod-dod {
  background-color: #2c23f5;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.to-pay {
  background-color: #0092ff;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.appointment-delivery {
  background-color: #8e44ad;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.holiday-delivery {
  background-color: #ffb200;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.odc {
  background-color: #be8407;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.mall-delivery {
  background-color: #228899;
  color: #FFFFFF;
}

.cn-tags-row .cnote-tag.dacc {
  background-color: #485e6b;
  color: #FFFFFF;
}

.cn-tags-row-apparel {
  min-width: fit-content;
}

.epod-tag {
  background-color: #315d78;
  color: white;
  padding: 2px;
  border-radius: 2px;
  display: inline-block;
  margin-top: 2px;
  font-size: 10px;
  cursor: pointer;
}

header.rivigo-website-header {
  width: 100%;
  height: 75px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  text-align: left;
}

.rivigo-website-header-svg {
  margin-left: 80px;
  margin-top: 10px;
  cursor: pointer;
  width: 120px;
}

/* Application header */
header.appHeader {
  width: auto;
  font-size: 18px;
  min-width: 1024px;
  height: 64px;
  line-height: 40px;
  background-color: #292e34;
  color: #FFFFFF;
  text-align: left;
  position: relative;
  z-index: 49;
}

header.appHeader .app-logo {
  margin-left: 60px;
  display: inline-block;
  vertical-align: middle;
}

header.appHeader.expanded {
  position: absolute;
  height: inherit;
  width: 100%;
  padding-top: 10px;
  z-index: 999;
  transition: all 400ms linear;
  padding-bottom: 20px;
}

header.appHeader.expanded.hide-nav {
  top: -1200px;
}

header.appHeader.expanded.show-nav {
  top: 0;
}

header.appHeader.expanded .boxGroup {
  margin-left: 20px;
}

header.appHeader.expanded .boxGroup.secondColumn {
  margin-top: 5px;
}

header.appHeader.expanded .boxGroup.secondColumn .boxHeader {
  border-radius: 4px;
  border: solid 1px rgba(255, 255, 255, 0.2);
  margin-top: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  width: 190px;
  height: 50px;
  cursor: pointer;
}

header.appHeader.expanded .boxGroup.secondColumn .boxHeader .boxHeaderText {
  font-family: "Brandon Text Regular";
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2.3px;
  margin-bottom: 5px;
}

header.appHeader.expanded .boxGroup.secondColumn .boxHeader .boxHeaderIcon {
  text-align: center;
  margin-top: -10px;
}

header.appHeader.expanded .boxGroup.secondColumn .boxHeader .boxHeaderIcon .material-icons {
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.4);
}

header.appHeader.expanded .boxGroup.firstColumn {
  border-radius: 4px;
  border: solid 1px rgba(255, 255, 255, 0.2);
  margin-top: 15px;
  margin-bottom: 40px;
}

header.appHeader.expanded .boxGroup.firstColumn.deps .boxElementGroup .boxElement {
  width: 110px;
}

header.appHeader.expanded .boxGroup.firstColumn.pickups .boxElementGroup .boxElement {
  width: 160px;
}

header.appHeader.expanded .boxGroup.firstColumn .boxHeader {
  font-family: "Brandon Text Regular";
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2.3px;
  margin-top: 10px;
  padding-left: 20px;
}

header.appHeader.expanded .boxGroup.firstColumn .boxElementGroup {
  margin-top: 10px;
}

header.appHeader.expanded .boxGroup.firstColumn .boxElementGroup .boxElement {
  padding-left: 20px;
  margin-top: 0px;
  background-color: #292e34;
  width: 200px;
  height: auto;
  text-transform: uppercase;
  font-family: "Brandon Text Regular";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #ffffff;
  opacity: 0.7;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

header.appHeader.expanded .boxGroup .boxElement {
  width: 310px;
  height: 50px;
  cursor: pointer;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon {
  text-align: center;
  font-size: 60%;
  height: 100%;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon img {
  vertical-align: middle;
  margin-top: 10px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-pickup {
  background-color: #dd712f;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-pickup img {
  width: 30%;
  height: 80%;
  margin-top: 5px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-pickup-client {
  background-color: #37b499;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-pickup-client img {
  width: 30%;
  height: 80%;
  margin-top: 5px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-prq {
  background-color: #dd712f;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-prq img {
  width: 30%;
  height: 80%;
  margin-top: 5px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-cn {
  background-color: #6151ff;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-cn img {
  width: 30%;
  height: 80%;
  margin-left: 10px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-cn-client {
  background-color: #37b499;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.create-cn-client img {
  width: 30%;
  height: 80%;
  margin-top: 5px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.cn-track {
  background-color: #37b499;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.cn-track img {
  width: 25%;
  margin-top: 5px;
  margin-left: 2px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.pincode-service {
  background-color: #37b499;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementIcon.pincode-service img {
  width: 30%;
  height: 80%;
  margin-top: 5px;
  margin-left: 2px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementLabel {
  font-family: "Brandon Text Regular";
  text-transform: uppercase;
  height: 100%;
  font-size: 16px;
}

header.appHeader.expanded .boxGroup .boxElement .boxElementLabel div {
  margin-top: 5px;
  margin-left: 10px;
  font-weight: bold;
  letter-spacing: 1.3px;
}

header.appHeader.closeHeader {
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  z-index: 999;
}

header.appHeader .boxView {
  width: 15vw;
  background-color: #FFFFFF;
  margin: 11px;
  color: black;
}

header.appHeader .boxView.orange {
  background-color: orange;
}

header.appHeader .pagename {
  text-transform: uppercase;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 500;
}

.closeBar {
  margin-left: 20px;
}

.closeBar .closeIcon {
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.closeBar .closeLabel {
  font-family: "Brandon Text Regular";
  font-weight: 500;
  letter-spacing: 2.3px;
  text-transform: uppercase;
  color: #ffffff;
  margin-left: 15px;
}

md-backdrop {
  transition: none;
}

.alerts-header-button {
  background-color: #39404a;
  padding: 0 25px;
  margin: 0 10px;
  height: 64px;
  position: relative;
  cursor: pointer;
  outline: none;
}

.alerts-header-button.has-new {
  border-bottom: 4px solid #dd712f;
}

.alerts-header-button .icon {
  vertical-align: middle;
  font-size: 20px;
}

.alerts-header-button .text {
  font-size: 14px;
  font-family: "Brandon Text Bold";
  font-weight: bold;
}

.alerts-header-button .number {
  position: absolute;
  top: 5px;
  right: 2px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dd712f;
  font-size: 10px;
}

.tickets-header-button {
  background-color: #39404a;
  padding: 0 25px;
  margin: 0 2px;
  height: 64px;
  position: relative;
  cursor: pointer;
  outline: none;
}

.tickets-header-button .icon {
  vertical-align: middle;
  font-size: 20px;
}

.tickets-header-button .text {
  font-size: 14px;
  font-family: "Brandon Text Bold";
  font-weight: bold;
}

.right-sidebar {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 50;
}

.right-sidebar .overlay-sidebar {
  opacity: 0.5;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}

.right-sidebar .right-bar-content {
  position: absolute;
  right: 0;
  width: 40%;
  background: #f2f2f2;
  transition: all 500ms ease;
}

.right-sidebar .right-bar-content .alerts-sidebar .alerts-header {
  height: 64px;
}

.right-sidebar.ng-hide .right-bar-content {
  right: -40%;
}

.md-scroll-mask {
  position: initial;
}

/* Application container */
.container:not(md-content) {
  position: relative;
  margin: auto;
  width: auto;
  min-width: 1024px;
  height: 100vh;
  overflow-x: hidden;
  font-size: 80%;
  text-align: center;
  box-sizing: border-box;
}

.container:not(md-content).no-scroll {
  overflow-y: hidden;
}

.container:not(md-content) .box-overlay {
  position: absolute;
  text-align: left;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  background: #CCCCCC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.container:not(md-content) .box {
  position: absolute;
  text-align: left;
  overflow: hidden;
  border-right: 1px solid #CCCCCC;
  z-index: -1;
  opacity: 0;
  width: 281px;
  height: 100%;
  left: 0px;
  background: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.container:not(md-content) .box ul {
  position: relative;
  top: 0%;
  padding: 0px;
  margin: 0px;
  margin-top: 40px;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.container:not(md-content) .box ul li {
  list-style: none;
  color: #636467;
  border-bottom: 1px solid #CCCCCC;
  -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;
}

.container:not(md-content) .box ul li img {
  height: 20px;
  margin: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-filter: invert(0%);
  filter: invert(0%);
}

.container:not(md-content) .box ul li:hover {
  border-color: #dd712f;
  background-color: #dd712f;
  color: #FFFFFF;
}

.container:not(md-content) .box ul li:hover img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.container:not(md-content) #toggle-nav-label {
  padding: 5px;
  background: #292e34;
  display: block;
  position: absolute;
  z-index: 500;
  outline: none;
  cursor: pointer;
}

.container:not(md-content) #toggle-nav-label img {
  height: 28px;
  padding: 13px 0px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  outline: none;
}

.container:not(md-content) #left {
  display: none;
}

.container:not(md-content) #left:checked ~ .box-overlay {
  opacity: 0.5;
  z-index: 300;
}

.container:not(md-content) #left:checked ~ .box {
  opacity: 1;
  z-index: 400;
}

.container:not(md-content) #left:checked ~ .box ul {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.container:not(md-content) #left:checked ~ #toggle-nav-label {
  background: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.8);
}

.button-group {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  max-width: 100%;
  background-clip: padding-box;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  clear: both;
}

.button-group.right {
  float: right;
  overflow: visible;
  position: absolute;
  top: 0;
  right: 0;
}

.button-group > button {
  user-select: none;
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 14px;
  padding: .5em;
  position: relative;
  margin-left: 0;
}

.button-group .button-group-main {
  box-shadow: none;
  margin-right: 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  min-width: 60px;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.button-group .button-group-main.full-width {
  min-width: 60px;
  overflow: visible;
  margin-right: 20px;
  margin-left: 20px;
}

.button-group .button-group-toggle {
  padding-right: 3px;
  padding-left: 3px;
  min-width: 28px;
  width: 28px;
  left: -1px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  color: #FFFFFF;
  box-shadow: none;
  left: 0;
}

.button-group .button-group-toggle:after {
  display: inline-block;
  width: 0 !important;
  height: 0 !important;
  vertical-align: middle;
  border-top: 6px solid #636467;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
  background-color: transparent;
  margin-right: 5px;
  margin-left: 5px;
  transition: all 250ms ease-in-out;
}

.button-group .button-group-toggle.open::after {
  border-bottom: 6px solid #636467;
  border-top: 0;
}

.button-group .flyout-view {
  height: 0;
  position: absolute;
  color: #404040;
  width: 0;
  transition: all 0.3s;
  border: 1px solid #c7c7c7;
  border-top: 0;
  top: 47px;
  z-index: 400;
  cursor: default;
  opacity: 1;
  padding: 0;
  border-radius: 3px;
  background: #FFFFFF;
  box-shadow: 1px 1px 3px rgba(34, 34, 34, 0.2);
  height: auto;
  width: 200px;
  display: block;
}

.button-group .flyout-view .flyout-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.button-group .flyout-view .flyout-content ul li {
  cursor: pointer;
  line-height: 1.5em;
  background: #FFFFFF;
  transition: all .2s linear;
}

.button-group .flyout-view .flyout-content ul li:hover {
  background: #F79518;
}

.button-group .flyout-view .flyout-content ul li:hover a {
  color: #FFFFFF;
}

.button-group .flyout-view .flyout-content ul li a {
  user-select: none;
  letter-spacing: .5px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  display: block;
  padding: .5em;
  color: #222;
  border-bottom: 1px solid #DBE0E1;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 14px;
}

.button-group .flyout-view.ng-hide {
  opacity: 0;
}

/* Custom add button */
.button-add {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 100%;
  margin: auto;
  margin-top: 10px;
  background-color: #636467;
  color: #FFFFFF;
  z-index: 400;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

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

.button-add.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.button-add:hover {
  background-color: #dd712f;
}

.button-add.highlight {
  width: 400px;
  height: 100px;
  line-height: 100px;
  font-size: 200%;
  margin-top: 200px;
}

/* Custom filters or tabs */
.filter-view {
  margin: 20px 0px;
}

.filter-view.no-margin {
  margin: 30px 0 0 0;
}

.filter-view .filter-option {
  width: 180px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: #F9F9F9;
  border: 1px solid #CCCCCC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.filter-view .filter-option.active {
  background: #dd712f;
  border: 1px solid #dd712f;
  color: #FFFFFF;
}

.loginForm .button-field .link {
  font-size: 14px;
  text-decoration: underline;
  opacity: 0.7;
  margin-right: 20px;
  cursor: pointer;
}

.loginForm .redirect-alert {
  font-size: 14px;
  color: red;
  margin-bottom: 20px;
}

/* Form section */
.form-section {
  position: relative;
  margin: 20px;
  text-align: left;
}

.form-section .border-top-bottom {
  border-top: 1px solid #636467;
  border-bottom: 1px solid #636467;
}

.form-section .border-top-bottom .boxes {
  display: flex;
  flex-flow: row wrap;
  padding: 5px 5px 5px 0px;
}

.form-section .border-top-bottom .delete-boxes {
  margin: 5px 5px 5px 0px;
}

.form-section .title {
  font-size: 180%;
  border-bottom: 1px solid #636467;
  color: #636467;
  margin-bottom: 20px;
}

.form-section .title.small {
  font-size: 120%;
}

.form-section .field-container {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 90%;
}

.form-section .field-container.half {
  width: 50%;
  float: left;
}

.form-section .field-container.highlight {
  font-weight: bold;
  font-size: inherit;
}

.form-section .iterative-field {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.form-section .form-field {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  float: left;
}

.form-section .form-field .form-field-radio input[type="radio"] {
  font-size: 15px;
}

.form-section .form-field.center {
  text-align: center;
}

.form-section .form-field .datepicker {
  display: inline-block;
  vertical-align: middle;
  width: 55%;
}

.form-section .form-field .datepicker input {
  width: 100%;
}

.form-section .form-field input[type=checkbox] {
  width: 18px !important;
  height: 18px !important;
}

.form-section .form-field.half {
  width: 50%;
}

.form-section .form-field.quarter {
  width: 25%;
}

.form-section .form-field.quarter input, .form-section .form-field.quarter select {
  width: 80%;
}

.form-section .form-field.thirty-percent {
  width: 30%;
}

.form-section .form-field.thirty-percent input, .form-section .form-field.thirty-percent select {
  width: 80%;
}

.form-section .form-field.ten-percent {
  width: 10%;
}

.form-section .form-field.ten-percent label {
  width: 80%;
}

.form-section .form-field.one-fourth {
  width: 25%;
}

.form-section .form-field.one-fourth.right-align {
  float: right;
}

.form-section .form-field.one-fourth input[type=file] {
  width: 80% !important;
}

.form-section .form-field.one-fourth input, .form-section .form-field.one-fourth select {
  width: 80%;
}

.form-section .form-field.one-fourth label {
  width: 80%;
}

.form-section .form-field.one-third {
  width: 33%;
}

.form-section .form-field.one-third input[type=file] {
  width: 80% !important;
}

.form-section .form-field.one-third input, .form-section .form-field.one-third select {
  width: 80%;
}

.form-section .form-field.one-third label {
  width: 80%;
}

.form-section .form-field.five {
  width: 20%;
}

.form-section .form-field.five.small {
  width: 18%;
  font-size: 85%;
}

.form-section .form-field.five input, .form-section .form-field.five select {
  width: 80%;
}

.form-section .form-field.seven {
  width: 15%;
}

.form-section .form-field.seven.small {
  width: 10%;
}

.form-section .form-field.seven input, .form-section .form-field.seven select {
  width: 100%;
}

.form-section .form-field.offset-one-third {
  margin-left: 33%;
  line-height: 30px;
}

.form-section .form-field.offset-one-fourth {
  margin-left: 25%;
  line-height: 30px;
}

.form-section .form-field.offset-one-half {
  margin-left: 50%;
  line-height: 30px;
}

.form-section .form-field label {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}

.form-section .form-field label.radio-button {
  width: 20%;
}

.form-section .form-field label.twenty {
  width: 20%;
}

.form-section .form-field.close-button {
  line-height: 30px;
}

.form-section .form-field input, .form-section .form-field select, .form-section .form-field textarea {
  width: 55%;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
}

.form-section .form-field input.error, .form-section .form-field select.error, .form-section .form-field textarea.error {
  border: 2px solid #FF0000;
  color: #FF0000;
}

.form-section .form-field input.radio-button, .form-section .form-field select.radio-button, .form-section .form-field textarea.radio-button {
  width: 20%;
  margin-right: 5px;
}

.form-section .form-field textarea {
  height: 100px;
}

.form-section .input-field {
  text-align: center;
}

.form-section .input-field .cnoteInput {
  outline: none;
  padding-left: 5px;
}

.form-section .button-field {
  margin: 20px 0px;
}

.form-section .button-field.wrap {
  display: flex;
  flex-wrap: wrap;
}

.form-section .button-field button {
  margin: 0px;
}

.form-section .button-field.left {
  text-align: left;
}

.form-section .button-field.center {
  text-align: center;
}

.form-section .button-field.right {
  text-align: right;
}

.form-section .button-field .flex-left-align-content {
  padding: 12px;
  display: flex;
  text-align: left;
}

.form-section .button-field .flex-justify-content {
  padding: 12px;
  display: flex;
  justify-content: space-between;
}

.form-section .button-field .flex-justify-content .border-hidden {
  border: hidden;
}

.form-section .button-field .flex-justify-content .button {
  border: 1px solid;
  padding: 5px;
}

.form-section .button-field .flex-justify-content .button.selected {
  background-color: #dd712f;
}

.form-section .button-field .block_section {
  padding: 12px;
}

.form-section .button-field .block_section .section {
  display: flex;
  padding: 10px;
}

.form-section .button-field .block_section .section .section_label {
  width: 40%;
  text-align: left;
}

.form-section .button-field .block_section .section .section_value .click {
  font-size: 14px;
  cursor: pointer;
  color: #dd712f;
}

.form-section .button-field .action_buttons {
  padding: 12px;
}

.form-section .button-field .action_buttons button.left {
  float: left;
}

.form-section .button-field .action_buttons button.right {
  float: right;
}

#bank-select2 .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
  width: 140px !important;
  left: -56px;
  top: 3px;
}

#bank-select2 .select2-container--open .select2-dropdown--below ::-webkit-scrollbar {
  width: 2px;
}

.select2-container {
  z-index: 50;
  width: 55% !important;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
  width: 180px !important;
  left: -56px;
  top: 3px;
}

.select2-container--open .select2-dropdown--below ::-webkit-scrollbar {
  width: 2px;
}

.select2-container--open .select2-dropdown--above {
  border-top: 1px solid #aaa;
  width: 145px !important;
  left: 0px;
  top: 3px;
  border-bottom: 1px solid #aaa;
}

.select2-container--open .select2-dropdown--above ::-webkit-scrollbar {
  width: 2px;
}

.select2-container--default .select2-selection--single {
  border-radius: 0px;
  border: 1px solid #cccccc;
}

.select2-results__option, .select2-search--dropdown .select2-search__field {
  padding: 3px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font: 13.3333px Arial;
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-weight: normal;
  font-stretch: normal;
}

.select2-selection__rendered {
  border: none;
}

/* Table styling along with custom scrollbar */
.table-container {
  height: 400px;
  overflow: auto;
  overflow-x: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.table-container.big {
  height: 470px;
}

.table-container.small {
  height: 330px;
}

.table-container.ng-hide {
  opacity: 0;
  height: 0;
}

@media screen and (min-height: 769px) {
  .table-container {
    height: 52vh;
  }
  .table-container.big {
    height: 60vh;
  }
  .table-container.small {
    height: 40vh;
  }
}

.outer-div {
  position: relative;
}

#deps-container {
  width: 100%;
  height: 500px;
}

#deps-container .table-container.big {
  height: auto;
}

#deps-container .md-virtual-repeat-scroller {
  overflow: auto;
}

#deps-container .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 4px;
}

#vertical-container {
  width: 100%;
  height: 472px;
}

#vertical-container .table-container.big {
  height: auto;
  width: 100vw;
}

#vertical-container.disableOverflow .md-virtual-repeat-scroller {
  overflow: auto;
  right: 0;
  padding-right: 0;
}

#cashbook-virtual-repeat {
  height: 620px;
  border-bottom: 1px solid #e0e0e0;
}

#cashbook-virtual-repeat .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

#cashbook-virtual-repeat .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background: transparent;
}

#cashbook-virtual-repeat .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: #6f6f6f;
  opacity: 0.5;
}

#chat-log-container {
  display: block;
  height: auto;
  max-height: 250px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #e0e0e0;
}

#chat-log-container::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

#chat-log-container::-webkit-scrollbar-track {
  background: transparent;
}

#chat-log-container::-webkit-scrollbar-thumb {
  background: #6f6f6f;
  opacity: 0.5;
}

.repeated-item {
  height: 40px;
  padding-top: 10px;
  overflow: hidden;
}

.repeated-item.orange_row {
  background-color: #dd712f;
}

.md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 8px;
}

.md-virtual-repeat-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.8);
}

.md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: #dd712f;
}

.page-message {
  border-radius: 4px;
  box-shadow: 0 0 10px -4px;
  height: 70px;
  background: #348a55;
  color: #FFFFFF;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin: 0 auto;
  position: fixed;
  left: 20%;
  bottom: -200px;
  width: 60%;
  transition: all 0.6s ease-in-out;
  z-index: 99999;
}

.page-message.error {
  background: #F44336;
}

.page-message.show-message {
  bottom: 50px;
}

.page-message > div {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

.page-message > div.message.small {
  font-size: 16px;
}

.page-message > div.alertIcon {
  width: 30px;
  height: 30px;
}

.page-message > div.success {
  background: url("../images/tick.png") left center no-repeat;
  background-size: contain;
}

.page-message > div.error {
  background: url("../images/cross.png") left center no-repeat;
  background-size: contain;
}

#routeToDisplay {
  position: absolute;
  top: 10%;
  left: 5%;
  padding: 10px;
  background: black;
  color: white;
}

table {
  width: 95vw;
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

table.flexible {
  width: auto;
}

table .table-expanded {
  background-color: #fafafa !important;
  -webkit-box-shadow: inset 0 14px 16px -6px #000000;
  -moz-box-shadow: inset 0 14px 16px -6px #000000;
  box-shadow: inset 0 4px 6px -6px #000000;
  /*box-shadow: inset 0 -10px 10px -10px #000000;*/
  border-bottom: 1px solid #ccc;
  padding: 10px 30px;
}

table .table-expanded > td {
  margin: 0px;
  padding: 20px 0px;
  background-color: #fafafa !important;
}

table .table-expanded thead {
  background-color: #fafafa;
}

table .table-expanded table tr {
  border-bottom: 0.5px dashed #999;
  background-color: #fafafa !important;
}

table .table-expanded tbody tr td {
  background-color: #fafafa;
}

table .table-expanded tbody, table .table-expanded th, table .table-expanded td, table .table-expanded tr {
  border: none;
  background-color: #fafafa;
}

table .table-expanded tbody tr {
  border: 0px;
  background-color: #fafafa;
}

table.ng-hide {
  opacity: 0;
  height: 0;
}

table tbody {
  word-break: break-word;
}

table tr {
  color: inherit;
}

table tr.ng-move, table tr.ng-enter, table tr.ng-leave {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

table tr.ng-move, table tr.ng-enter, table tr.ng-leave.ng-leave-active {
  opacity: 0;
}

table tr.ng-move.ng-move-active, table tr.ng-enter.ng-enter-active, table tr.ng-leave {
  opacity: 1;
}

table .high {
  color: #348a55;
}

table .low {
  color: #FF0000;
}

table .missing {
  color: #FF0000;
}

table th {
  border-bottom: 1.5px solid #CCCCCC;
  padding: 5px;
  text-decoration: none;
  font-size: 80%;
  cursor: pointer;
}

table th.noBorder {
  border: 0;
  padding: 0;
}

table td {
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
  white-space: normal;
}

table td .action-button {
  display: inline-block;
  vertical-align: middle;
  min-width: 30px;
  height: 30px;
  border-radius: 0px;
  margin: 0px;
  padding: 5px;
}

table td .action-button img {
  height: 12px;
  margin: auto;
  padding-top: 1px;
}

table td .routeToDisplay {
  position: absolute;
  padding: 12px;
  left: 14%;
  background: #292e34;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  display: none;
}

table td .routeToDisplay .bracketString {
  font-size: 14px;
  font-weight: bold;
  opacity: 0.8;
}

table td .routeToDisplay::before {
  content: "";
  position: absolute;
  left: 30%;
  bottom: 37px;
  height: 0;
  border-bottom: 15px solid #292e34;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

table td .material-icons.marginal-icon {
  font-size: 15px;
  opacity: 0.5;
  margin-right: 6px;
  margin-top: 6px;
}

table input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.table-alerts {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 100%;
}

/* Scrollbar design */
.table-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.table-container::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.table-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.timezone-alert .material-icons {
  font-size: 48px;
  color: #FF0000;
}

.timezone-alert .text {
  font-size: 18px;
  font-family: "Brandon Text Bold";
}

.ngdialog.ngdialog-theme-default.custom-width-400 .ngdialog-content {
  width: 400px;
}

/* Overlay designs */
.ngdialog.ngdialog-theme-default {
  padding: 20px 0;
  z-index: 50;
}

.ngdialog.ngdialog-theme-default.ngImageSlider {
  z-index: 85;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  background: #FFFFFF;
  width: 600px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .overlay-content {
  max-height: 700px;
  overflow: auto;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .width-1000 {
  width: 1000px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .width-400 {
  width: 400px;
}

.ngdialog.ngdialog-theme-default .remove-deps .material-icons {
  font-size: 50px;
  opacity: 0.8;
  margin-left: 45%;
  margin-top: 5%;
}

.ngdialog.ngdialog-theme-default .remove-deps .text {
  font-family: "Brandon Text Regular";
  padding: 20px;
  margin-left: 10%;
}

.ngdialog.ngdialog-theme-default .remove-deps button {
  margin-left: 40%;
  margin-top: 3%;
  background: #dd712f;
  color: white;
  font-family: "Brandon Text Bold";
  border-radius: 4px;
  outline: none;
}

.ngdialog.ngdialog-theme-default .remove-deps button.disabled-look {
  opacity: 0.5;
}

.ngdialog.ngdialog-theme-default .deps-delete-alerts {
  text-align: center;
  padding: 10px;
  background: #FF0000;
  color: white;
  opacity: 0.8;
  font-weight: bolder;
  border-radius: 4px;
}

.ngdialog.ngdialog-theme-default.time-zone-alert {
  padding: 160px 0;
}

.ngdialog.ngdialog-theme-default.time-zone-alert .ngdialog-content {
  width: 300px;
  text-align: center;
}

.ngdialog-overlay {
  pointer-events: none;
}

.ngdialog.ngdialog-wide .ngdialog-content {
  background: #FFFFFF;
  width: 900px;
}

.ngdialog.width-1268 .ngdialog-content {
  background: #FFFFFF;
  width: 1268px;
}

.ngdialog.ngCodDod .ngdialog-content {
  z-index: 10;
}

.ngdialog.ngImageSlider .ngdialog-content {
  z-index: 85;
}

.ngdialog.ngdialog-extra-wide .ngdialog-content {
  background: #FFFFFF;
  width: 1200px;
}

.overlay-header {
  font-size: 110%;
  border-bottom: 2px solid #dd712f;
  color: #dd712f;
}

.overlay-header.allign {
  padding-left: 10px;
}

.overlay-header .route-display {
  text-align: center;
  color: black;
  opacity: 0.7;
  padding: 15px;
  font-size: 15px;
}

.overlay-header .rotate-icon {
  outline: none;
  position: absolute;
  right: 50px;
  top: 3px;
  color: #000000;
  opacity: 0.8;
}

.overlay-header .rotate-icon > * {
  outline: none;
}

.overlay-header .rotate-icon .text {
  font-size: 16px;
  vertical-align: super;
  padding-right: 20px;
  border-right: 1px solid #bbb;
}

.overlay-header .rotate-icon .icon {
  cursor: pointer;
}

.overlay-header.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overlay-content {
  text-align: center;
  padding: 15px;
  font-size: 80%;
}

.overlay-content .alerts {
  font-weight: bold;
  font-size: 20px;
  background-color: green;
  padding: 15px;
  color: white;
}

.overlay-content.no-padding {
  padding: 0px;
}

.overlay-content .assign:after {
  content: '';
  clear: both;
  display: block;
}

.overlay-content .assign .assignScan.form-field select {
  width: 25%;
}

.overlay-content .assign .assignScan.form-field .radio-button {
  width: 22%;
}

.overlay-content .assign .assignScan.form-field .radio-button input {
  width: 20%;
}

.overlay-content .overlay-buttons {
  margin-top: 60px;
}

.overlay-content .overlay-buttons.no-margin {
  margin-top: 0px;
}

.overlay-content .overlay-buttons button {
  margin: 0px;
}

.overlay-content .overlay-buttons.top {
  margin-top: 0px;
  margin-bottom: 60px;
}

.overlay-content .overlay-buttons.no-margin {
  margin: 0px;
}

.overlay-content .overlay-buttons.left {
  text-align: left;
}

.overlay-content .overlay-buttons.center {
  text-align: center;
}

.overlay-content .overlay-buttons.right {
  text-align: right;
}

.overlay-content table {
  width: 100%;
  table-layout: auto;
  margin-left: 0px;
  margin-bottom: 30px;
  text-align: center;
}

.overlay-content table thead {
  width: auto;
}

.overlay-content table tbody {
  word-break: break-word;
  font-size: 90%;
}

.overlay-content table input {
  width: 100px;
}

.overlay-content table input[type=checkbox] {
  width: 20px;
}

.overlay-content table select {
  width: 100px;
}

.overlay-content table textarea {
  width: 150px;
  height: 100px;
}

.overlay-content table textarea.textarea-wide {
  width: 250px;
  height: 50px;
}

.overlay-content .data-view.title {
  text-align: left;
  border-bottom: 1px dashed #CCCCCC;
}

.overlay-content .data-view.form-field {
  color: #636467;
  font-size: 80%;
  text-align: left;
}

.overlay-content .data-view.form-field.flex {
  display: flex;
}

.overlay-content .data-view.form-field label {
  border-bottom: none;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  margin: 0px;
}

.overlay-content .data-view.form-field p {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  margin: 0px;
}

.overlay-content .data-view.form-field.centered-heading {
  font-weight: 900;
  margin: 5px 0;
  text-align: center;
}

.overlay-content .data-view.form-field.bottom-border {
  border-bottom: 1px dashed #636467;
  text-align: center;
}

.overlay-content .data-view.form-field .centered-content {
  text-align: center;
}

.overlay-content .fraction-view {
  margin: auto;
  padding: 20px 0px;
  font-size: 200%;
}

.overlay-content .fraction-view img {
  height: 25px;
}

.overlay-content .fraction-view .highlight {
  color: #dd712f;
}

.overlay-content .view_pod.rotate-90 {
  transform: rotate(90deg);
}

.overlay-content .view_pod.rotate-180 {
  transform: rotate(180deg);
}

.overlay-content .view_pod.rotate-270 {
  transform: rotate(270deg);
}

.overlay-content .view_pod > * {
  height: 100%;
  width: 100%;
}

.overlay-content .box-scan.form-field {
  color: #636467;
  font-size: 90%;
}

.overlay-content .box-scan.form-field.quarter {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  border: 1px dashed #636467;
  position: relative;
}

.overlay-content .box-scan.form-field.quarter label {
  width: 100%;
}

.overlay-content .box-scan.form-field.quarter label.big {
  width: 100%;
}

.overlay-content .box-scan.form-field label, .overlay-content .box-scan.form-field input {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  margin: 1%;
}

.overlay-content .box-scan.form-field label.big, .overlay-content .box-scan.form-field input.big {
  width: 40%;
  border-bottom: none;
  text-align: center;
}

.overlay-content .box-scan.form-field button {
  min-width: 0;
  margin: 10px;
  width: 70px;
  height: 20px;
}

.overlay-content .box-scan.form-field button.big {
  height: 30px;
  vertical-align: middle;
}

.overlay-content .box-scan.form-field button.alert {
  width: 20%;
  background: #FF0000;
  color: #FFFFFF;
}

.overlay-content .box-scan.form-field .remove-barcode {
  position: absolute;
  top: 3px;
  right: 10px;
  cursor: pointer;
  color: #FF0000;
  font-size: 100%;
}

.overlay-content .form-view.route {
  padding: 8px;
}

.overlay-content .form-view .select2-container {
  z-index: 10000;
  width: 52% !important;
  margin-left: 8px;
}

.overlay-content .form-view .select2-container--default .select2-selection--single {
  border-radius: 11px;
  height: 41px;
  border: 1px solid #cccccc;
}

.overlay-content .form-view .select2-selection__rendered {
  margin-top: 5px;
}

.overlay-content .form-view .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 7px;
  right: 1px;
  width: 20px;
  color: black;
}

.overlay-content .form-view.form-field {
  color: #636467;
  font-size: 80%;
  text-align: left;
}

.overlay-content .form-view.form-field .upload-pod {
  display: flex;
  justify-content: space-between;
}

.overlay-content .form-view.form-field .upload-pod.header {
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  border: 2px solid black;
  background-color: #f5f5f5;
}

.overlay-content .form-view.form-field .upload-pod.header .column {
  width: 25%;
}

.overlay-content .form-view.form-field .upload-pod .row {
  padding: 23px;
  font-size: 15px;
  border: 1px solid black;
}

.overlay-content .form-view.form-field.half {
  width: 45%;
  display: inline-block;
  vertical-align: middle;
}

.overlay-content .form-view.form-field label {
  box-sizing: border-box;
  border-bottom: none;
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  margin: 1%;
  padding: 0px 6%;
}

.overlay-content .form-view.form-field label.wide {
  width: 100%;
}

.overlay-content .form-view.form-field label.left {
  padding: 0px;
  margin: 0%;
}

.overlay-content .form-view.form-field .datepicker {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin: 2%;
}

.overlay-content .form-view.form-field .datepicker input {
  width: 100%;
  margin: 0px;
}

.overlay-content .form-view.form-field input, .overlay-content .form-view.form-field select, .overlay-content .form-view.form-field textarea {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height: 40px;
  margin: 2%;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}

.overlay-content .form-view.form-field input[type=checkbox], .overlay-content .form-view.form-field select[type=checkbox], .overlay-content .form-view.form-field textarea[type=checkbox] {
  width: 20px;
  height: 20px;
}

.overlay-content .form-view.form-field input[type=checkbox].left, .overlay-content .form-view.form-field select[type=checkbox].left, .overlay-content .form-view.form-field textarea[type=checkbox].left {
  margin-left: 2%;
  margin-bottom: 0%;
  margin-top: 0%;
  margin-right: 0%;
}

.overlay-content .form-view.form-field input.small, .overlay-content .form-view.form-field select.small, .overlay-content .form-view.form-field textarea.small {
  width: 30%;
  height: 20px;
  align: right;
}

.overlay-content .form-view.form-field input[type=radio], .overlay-content .form-view.form-field select[type=radio], .overlay-content .form-view.form-field textarea[type=radio] {
  width: 20px;
  height: 20px;
}

.overlay-content .form-view.form-field input.half, .overlay-content .form-view.form-field select.half, .overlay-content .form-view.form-field textarea.half {
  width: 22%;
}

.overlay-content .form-view.form-field textarea {
  height: 80px;
}

.overlay-content .infographics-view {
  white-space: nowrap;
  text-align: left;
  font-size: 90%;
}

.overlay-content .infographics-view .element-container {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.overlay-content .infographics-view .element-container.half {
  width: 50%;
}

.overlay-content .infographics-view .element-container.quarter {
  width: 25%;
}

.overlay-content .tab-view {
  width: 100%;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

/* Generic button design and handler(s) design */
input, select {
  width: 250px;
  height: 25px;
  background-color: #FFFFFF;
}

input[type=checkbox], select[type=checkbox] {
  width: 20px;
  height: 20px;
}

select {
  border: 1px solid #636467;
  border-radius: 5px;
}

button {
  min-width: 120px;
  height: 30px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  background-color: #F9F9F9;
  border-radius: 5px;
  color: #636467;
  margin-left: 20px;
  text-align: center;
  font-size: 80%;
}

button.big {
  min-width: 150px;
  height: 40px;
}

button.big.space-between {
  margin-right: 31px;
  margin-top: 10px;
}

button:disabled {
  color: graytext;
  cursor: not-allowed;
}

.button-handler {
  height: 30px;
  text-align: right;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}

.action-handler {
  float: left;
  margin-right: 20px;
}

.action-handler select {
  height: 30px;
  border-radius: 0px;
}

.mini-button-handler {
  /*width: 80px;*/
  height: 64px;
  line-height: 64px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
}

.mini-button-handler .deps-message {
  border-right: 1px solid white;
  font-style: italic;
  text-align: right;
  margin-right: 8px;
  font-weight: 100;
  font-size: 14px;
  line-height: 30px;
  padding: 8px;
}

.mini-button-handler a {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.mini-button-handler a.multipart {
  width: auto;
}

.mini-button-handler a.multipart button {
  width: auto;
}

.mini-button-handler a .large-font {
  font-size: 200%;
}

.mini-button-handler a:hover {
  background-color: #636467;
}

/* Collapsible sections */
section {
  margin-top: 30px;
  word-wrap: break-word;
}

section label {
  text-align: left;
  border-bottom: 1px solid #636467;
}

section .toggle-box {
  display: none;
}

section .toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

section .toggle-box + label + div {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  transition: max-height 0.3s ease-out;
}

section .toggle-box:checked + label + div {
  height: auto;
  display: block;
  overflow: auto;
  height: auto;
  max-height: 600px;
}

section .toggle-box + label:before {
  background-color: #636467;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 18px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

section .toggle-box:checked + label:before {
  content: "\2212";
}

@media print {
  section .toggle-box + label + div {
    display: block;
  }
}

section .invoice-box {
  border-bottom: 1px dashed #636467;
  margin-bottom: 20px;
}

section .invoice-box.no-border {
  border-bottom: none;
}

/* Default style for all date picker elements */
div[date-picker-wrapper] table {
  width: 250px;
  border: 1px solid #CCCCCC;
  margin: 0px;
}

.destination-type-header {
  font-weight: bold;
  opacity: 0.7;
}

.destination-type-sub-header {
  font-size: 11px;
  opacity: 0.7;
}

/* Default style for all print related elements */
.printable {
  display: none;
  width: 0;
  height: 0;
}

.loading-countdown {
  text-align: center;
}

.loading-countdown .heading {
  font-weight: normal;
  margin-left: 2rem;
  animation: blinker 1s linear infinite;
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  -o-animation: blinker 1s linear infinite;
  font-size: 120%;
}

.loading-countdown .list-item {
  display: inline-block;
  font-size: 1em;
  padding: 1em;
  list-style-type: none;
  text-transform: uppercase;
}

.loading-countdown .list-item .list-span {
  display: block;
  font-size: 1.5rem;
}

.loading-countdown .list-item .list-dot {
  animation: blinker 1s linear infinite;
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  -o-animation: blinker 1s linear infinite;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.loading-overlay .loading-alert {
  width: 500px;
  height: 200px;
  line-height: 200px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -250px;
  color: #636467;
  font-size: 500%;
  animation: blinker 1s linear infinite;
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  -o-animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.0;
  }
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0.0;
  }
}

.input-error {
  border: 2px solid #FF0000;
}

.clickable {
  cursor: pointer;
}

.whitespace-prewrap {
  white-space: pre-wrap;
}

/* table inside table view */
.inside-table-view {
  width: 95%;
  margin: auto;
}

.inside-table-view table {
  width: 100%;
}

.inside-table-view table tr:nth-child(even) {
  background: #CCCCCC;
}

.inside-table-view table td {
  border: none;
}

/* Sorting arrows */
.sortorder:after {
  content: '\25b2';
  font-size: 10px;
  color: #000000;
  opacity: 0.7;
}

.sortorder.reverse:after {
  content: '\25bc';
  font-size: 10px;
  color: #000000;
  opacity: 0.7;
}

.alert-box {
  font-size: 150%;
  background: #FF0000;
  color: #FFFFFF;
  padding: 20px;
  margin: 10px 0px;
}

.alert-box.new {
  text-align: center;
}

.alert-box.eway-bill {
  text-align: center;
  background: #0a840a;
  padding: 6px;
  font-size: 120%;
}

.alert-box.success {
  background: #348a55;
}

.alert-box.small {
  font-size: 100%;
  text-align: center;
}

.alert-box .highlight {
  font-weight: bold;
  color: #ebff00;
}

.alert-td {
  background: #FF0000;
  color: #FFFFFF;
}

.alert-td.success {
  background: #348a55;
}

/* Styles for barcode generator */
.barcode-generator {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.barcode-generator .label-selector {
  width: 60%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  padding-top: 40px;
  border: 1px solid #636467;
  background: #CCCCCC;
}

.barcode-generator .label-selector .label-page {
  width: 70%;
  height: 100%;
  background: #FFFFFF;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.barcode-generator .label-selector .label-page .label {
  width: 45%;
  height: 20%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  color: #CCCCCC;
  font-size: 900%;
}

.barcode-generator .label-selector .label-page .label.three-by-ten {
  width: 30%;
  height: 10%;
  font-size: 400%;
}

.barcode-generator .label-selector .label-page .label.three-by-eight {
  width: 30%;
  height: 12.5%;
  font-size: 500%;
}

.barcode-generator .label-selector .label-page .label.three-by-six {
  width: 30%;
  height: 16.6%;
  font-size: 700%;
}

.barcode-generator .label-selector .label-page .label.active {
  background: #CCCCCC;
  color: #FFFFFF;
}

.barcode-generator .label-selector .label-page .label.incomplete {
  background: #FF0000;
  color: #FFFFFF;
}

.barcode-generator .label-selector .label-page .label.complete {
  background: #00FF00;
  color: #FFFFFF;
}

.barcode-generator .label-details {
  width: 40%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  padding-top: 50px;
  text-align: left;
}

.barcode-generator .label-details .print-button {
  margin: 20px;
  margin-top: 30px;
  text-align: center;
}

.barcode-generator .label-details .form-field {
  width: 100%;
  height: 40px;
  margin: 20px 0px 20px 0px;
}

.barcode-generator .label-details .form-field.first {
  margin-top: 40px;
}

.barcode-generator .label-details .form-field .title {
  font-size: 200%;
}

.barcode-generator .label-details .form-field label {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
}

.barcode-generator .label-details .form-field input {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #636467;
  border-radius: 5px;
}

.barcode-generator .label-details .form-field select {
  height: 30px;
}

/* Multi select style */
.multi-select {
  display: inline-block;
  vertical-align: middle;
}

.multi-select .multiSelect > button {
  width: 250px;
  overflow: auto;
}

.multi-select .multiSelect button {
  min-width: 0px;
}

.multi-select .multiSelect .checkBoxContainer {
  max-height: 150px;
  overflow: auto;
  overflow-x: hidden;
}

.multi-select .multiSelect .multiSelectItem {
  font-size: 110%;
  min-height: 0px;
}

.multi-select .multiSelect .multiSelectItem .acol label {
  width: auto;
}

.mini-button {
  min-width: 0;
}

.internet-status {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 400;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #FFFFFF;
}

.internet-status.ng-hide-remove {
  -webkit-transition: all 1.0s ease-in-out;
  -moz-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
}

.internet-status.ng-hide {
  opacity: 0;
  height: 0;
}

.internet-status.inactive {
  background: #FF0000;
}

.header-search-bar {
  position: absolute;
  top: 0;
  z-index: 49;
  width: 100%;
  height: 64px;
  line-height: 64px;
  color: #FFFFFF;
  text-align: center;
}

.header-search-bar.global-search input {
  box-sizing: border-box;
  width: 100px;
  padding-right: 40px;
  background: transparent;
  background: url("../images/search2.png") no-repeat 95% center/20px;
  border: none;
  border-radius: 10px;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  text-overflow: ellipsis;
}

.header-search-bar.global-search input:focus {
  width: 200px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-align: center;
}

.header-search-bar.track-cnote {
  box-sizing: border-box;
}

.header-search-bar.track-cnote .input-field {
  width: 230px;
  height: 30px;
  border-radius: 100px;
  background-color: #ffffff;
  border: solid 1px #e8e8e8;
  padding: 0;
  padding-left: 15px;
}

.header-search-bar.track-cnote .input-field input {
  border: 0;
  width: 80%;
}

.header-search-bar.track-cnote .input-field input::placeholder {
  opacity: 0.4;
  font-family: "Brandon Text Regular";
  font-size: 14px;
  text-align: left;
  color: #000000;
}

.header-search-bar.track-cnote .input-field .icon {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  line-height: 0;
  float: right;
  background-color: #dd712f;
  border: solid 1px #dd712f;
  position: relative;
  display: flex;
  top: -1px;
  right: -2px;
}

.header-search-bar.track-cnote .input-field .icon md-icon {
  color: #FFFFFF;
  font-size: 16px;
  min-width: 16px;
  min-height: 16px;
  width: 16px;
  height: 16px;
}

.user-details {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 40px;
  line-height: 40px;
  margin-right: 160px;
  z-index: 500;
  color: #FFFFFF;
}

/* Search design styles */
.search-box {
  width: 500px;
  height: 60px;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 30px 0px;
  font-size: 200%;
}

.search-box.small {
  width: 300px;
  height: 30px;
  margin: 10px 0px;
  font-size: 100%;
}

.search-button {
  width: 100px;
  height: 60px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-radius: 0px;
}

.search-button img {
  height: 60%;
}

.trackForm.overlay-content .form-view.form-field {
  width: 50%;
  margin: auto;
  color: black;
  font-size: 130%;
}

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

.search-display .search-display-field {
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 200%;
  box-sizing: border-box;
  white-space: nowrap;
}

.search-display .search-display-field.three {
  width: 33.3%;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
}

.search-display .search-display-field .field-heading {
  width: 40%;
  height: inherit;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  background: #636467;
  color: #FFFFFF;
  border-bottom: 1px dashed #FFFFFF;
}

.search-display .search-display-field .field-value {
  width: 60%;
  height: inherit;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px dashed #636467;
}

.search-display .search-display-button {
  width: 100%;
  height: 80px;
  margin: 0;
  padding: 0;
  border-radius: 0px;
  font-size: 200%;
}

.alerts-sidebar .alerts-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 1;
  transition: all 100ms ease;
}

.alerts-sidebar .alerts-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.alerts-sidebar .alerts-header .headerText {
  font-family: "Brandon Text Medium";
  font-size: 20px;
}

.alerts-sidebar .alerts-header .alert-search {
  display: flex;
  width: 40%;
}

.alerts-sidebar .alerts-header .alert-search input[type="text"] {
  position: absolute;
  right: 10px;
  width: 10%;
  z-index: 20;
  opacity: 0;
  transition: all 200ms ease;
}

.alerts-sidebar .alerts-header .alert-search input[type="text"]:focus {
  width: 100%;
  right: 0;
  left: 0;
  opacity: 1.0;
}

.alerts-sidebar .alerts-header .alert-search .material-icons {
  position: absolute;
  right: 10px;
  z-index: 18;
}

.alerts-sidebar .alerts-container {
  padding: 10px;
  height: 80vh;
  overflow: auto;
}

.alerts-sidebar .alerts-container .alert-item {
  margin: 10px 0;
}

.alerts-sidebar .alerts-footer {
  height: 8vh;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.21);
  display: flex;
  justify-content: center;
  align-items: center;
}

.alerts-sidebar .alerts-footer .show-all-button {
  height: 24px;
  font-size: 12px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  border-radius: 2px;
  background-color: #dd712f;
  border: solid 1px #dd712f;
  width: 20%;
  color: #FFFFFF;
  cursor: pointer;
}

.alert-card-container {
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  position: relative;
  transition: all 200ms ease;
}

.alert-card-container.new-card {
  z-index: 2;
}

.alert-card-container.action-taken {
  background-color: #f7f7f7;
}

.alert-card-container .actions {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  background: transparent;
  flex-direction: row;
}

.alert-card-container .actions.shift-top {
  top: 25%;
}

.alert-card-container .section {
  height: 25px;
  padding: 5px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.alert-card-container .section:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.alert-card-container .alert-type {
  font-family: "Brandon Text Bold";
  font-size: 14px;
  font-weight: bold;
  opacity: 0.7;
}

.alert-card-container .alert-details {
  font-size: 12px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  justify-content: flex-start;
}

.alert-card-container .alert-details .logo {
  position: absolute;
  left: -8px;
}

.alert-card-container .alert-details .detail {
  color: rgba(0, 0, 0, 0.7);
}

.alert-card-container .alert-details .detail:not(:first-child) {
  padding: 0 20px;
}

.alert-card-container .alert-details .detail:first-child {
  padding-right: 20px;
}

.alert-card-container .alert-details .detail:not(:last-child) {
  border-right: 2px solid rgba(0, 0, 0, 0.05);
}

.alert-card-container .alert-details .detail.track-link, .alert-card-container .alert-details .detail .track-link {
  cursor: pointer;
  color: #dd712f;
}

.alert-card-container .time {
  font-size: 12px;
  font-family: "Brandon Text Medium";
  font-weight: 500;
  opacity: 0.4;
}

.alert-card-container .reason {
  font-size: 12px;
  font-family: "Brandon Text Bold";
  font-weight: 500;
  color: #dd712f;
}

.alert-card-container .created-at {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: flex;
}

.tripleButton .alert-button {
  width: 38px !important;
}

.alert-button {
  width: 44px;
  margin: 5px 3px 1px 3px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #20933c;
  color: #20933c;
  cursor: pointer;
  outline: none;
}

.alert-button .button-icon {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alert-button .button-icon .material-icons {
  font-size: 20px;
}

.alert-button .button-label {
  height: 12px;
  font-size: 8px;
  font-family: "Brandon Text Bold";
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-color: #20933c;
  color: #FFFFFF;
}

.alert-button.edit {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.edit .button-label {
  background-color: #9b9b9b;
}

.alert-button.hideAction {
  margin-left: 75%;
}

.alert-button.reject {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.reject .button-label {
  background-color: #9b9b9b;
}

.alert-button.reject.highlight {
  border-color: #20933c;
  color: #20933c;
}

.alert-button.reject.highlight .button-label {
  background-color: #20933c;
}

.alert-button.thumbs-up {
  border-color: #9b9b9b;
  color: #9b9b9b;
  width: 52px;
}

.alert-button.thumbs-up .button-label {
  background-color: #9b9b9b;
}

.alert-button.thumbs-up.highlight {
  border-color: #20933c;
  color: #20933c;
}

.alert-button.thumbs-up.highlight .button-label {
  background-color: #20933c;
}

.alert-button.schedule {
  border-color: #9b9b9b;
  color: #9b9b9b;
  width: 52px;
}

.alert-button.schedule .button-label {
  background-color: #9b9b9b;
}

.alert-button.schedule.highlight {
  border-color: #20933c;
  color: #20933c;
}

.alert-button.schedule.highlight .button-label {
  background-color: #20933c;
}

.alert-button.select {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.select .button-label {
  background-color: #9b9b9b;
}

.alert-button.select.highlight {
  border-color: #20933c;
  color: #20933c;
}

.alert-button.select.highlight .button-label {
  background-color: #20933c;
}

.alert-button.arrive {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.arrive .button-label {
  background-color: #9b9b9b;
}

.alert-button.delete {
  border-color: #ab3518;
  color: #ab3518;
}

.alert-button.delete .button-label {
  background-color: #ab3518;
}

.alert-button.delete.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.view {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.view .button-label {
  background-color: #9b9b9b;
}

.alert-button.assign {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.assign .button-label {
  background-color: #9b9b9b;
}

.alert-button.assign.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.plan {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.plan .button-label {
  background-color: #9b9b9b;
}

.alert-button.plan.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.ewaybilltransfer {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.ewaybilltransfer .button-label {
  background-color: #9b9b9b;
}

.alert-button.ewaybilltransfer.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.warning {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.warning .button-label {
  background-color: #9b9b9b;
}

.alert-button.warning.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.load {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.load .button-label {
  background-color: #9b9b9b;
}

.alert-button.load.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.alert-button.dispatch {
  border-color: #9b9b9b;
  color: #9b9b9b;
}

.alert-button.dispatch .button-label {
  background-color: #9b9b9b;
}

.alert-button.dispatch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.editAlertDialog .dialog-header {
  min-height: 40px;
}

.editAlertDialog .dialog-header .md-toolbar-tools {
  height: 40px;
}

.editAlertDialog .dialog-header .md-toolbar-tools .dialog-heading {
  font-size: 14px;
  font-family: "Brandon Text Medium";
  color: #000000;
  opacity: 0.7;
}

.editAlertDialog .dialog-header .md-toolbar-tools md-icon.closeBtn {
  cursor: pointer;
  font-size: 18px;
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items.dialog-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .field-label {
  opacity: 0.7;
  text-transform: uppercase;
  font-family: "Brandon Text Medium";
  font-size: 10px;
  font-weight: 500;
  margin: 10px 0;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item {
  height: 36px;
  margin: 0;
  width: 250px;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item.selectBox md-select-value {
  margin: 0;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .dialog-item.selectBox md-select-value > span {
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .form-field-input {
  width: 100%;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .form-field-input input[type="text"], .editAlertDialog md-dialog-content .md-dialog-content .dialog-items .form-field-input input[type="file"] {
  opacity: 0.7;
  font-family: "Brandon Text Regular";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
  width: 100%;
}

.editAlertDialog md-dialog-content .md-dialog-content .dialog-items .form-field-input.center-align {
  text-align: center;
}

.editAlertDialog md-dialog-actions {
  height: 55px;
}

.editAlertDialog md-dialog-actions .md-button:not(.md-icon-button).primary {
  height: 26px;
  width: 105px;
  font-size: 14px;
}

.file-input {
  width: 50% !important;
  height: auto !important;
  border: none !important;
}

/* Checkbox styles */
.checkbox-button {
  border: 1px solid #636467;
  text-align: center;
}

.checkbox-button.active {
  background: #FF0000;
  color: #FFFFFF;
}

.checkbox-hidden {
  display: none !important;
}

.tab-button {
  min-width: 200px;
  height: 60px;
  font-size: 150%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tab-button.active {
  background: #dd712f;
  color: #FFFFFF;
  border: 1px solid #dd712f;
}

.cursor-pointer {
  cursor: pointer;
}

.md-select-menu-container {
  z-index: 999;
  font-family: "Brandon Text Regular";
}

.md-open-menu-container {
  z-index: 500;
  font-family: "Brandon Text Regular";
}

.md-open-menu-container button {
  min-width: inherit;
}

md-virtual-repeat-container.md-autocomplete-suggestions-container.md-orient-vertical.md-virtual-repeat-container {
  z-index: 999;
}

::selection {
  background: rgba(245, 172, 0, 0.41);
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: rgba(245, 172, 0, 0.41);
  /* Gecko Browsers */
}

.clm-panel {
  margin: 15px 130px -15px 0px;
  font-size: 150%;
}

.clm-panel input[type='radio'] {
  width: 50px;
  height: 20px;
}

span .bold {
  font-weight: bold;
}

.upload-button {
  margin: 22px;
  width: 194px;
  font-size: 18px;
  height: 46px;
  font-weight: bold;
}

.tag-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 10px;
}

.tag-group.cnote {
  padding: 0px;
}

.tag-group.cnote .tag {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0px;
  background-color: #f5f5f5;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.tag-group.cnote .tag .tag-label {
  font-size: 12px;
}

.tag-group.cnote .tag .close-btn .material-icons {
  font-size: 15px;
}

.tag-group .tag {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 5px 5px 1px 5px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.tag-group .tag.selected {
  background-color: #dd712f;
  color: #ffffff;
}

.tag-group .tag.selected .tag-label {
  color: #ffffff;
  opacity: 1;
}

.tag-group .tag .tag-label {
  opacity: 0.7;
  font-family: "Brandon Text Medium";
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

.tag-group .tag .close-btn {
  margin-top: 2px;
  margin-left: 5px;
  opacity: 0.7;
  cursor: pointer;
}

.tag-group .tag .close-btn .material-icons {
  font-size: 20px;
}

.textarea-extra-wide {
  width: 450px;
  height: 80px;
}

/*pagination style*/
.footer {
  position: absolute;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F7F7F7;
  text-align: center;
  width: 100%;
  height: 40px;
}

.footer .pagination tr {
  display: inline-block;
}

.footer .pagination td {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  cursor: pointer;
}

.footer .pagination td.active {
  background-color: #dd712f;
  color: #ffffff;
  border: 1px solid #dd712f;
}

.footer .pagination td.bold {
  background: black;
  color: white;
}

.footer .pagination td:hover:not(.active) {
  background-color: #ddd;
}

.cash_col_bank_select {
  opacity: .7;
}

.justify-left {
  justify-content: left !important;
}

.cebn-manuall-container {
  padding-bottom: 8px;
}

.cebn-input-container .add-cebn-row .addNewLabel {
  font-size: 12px;
  cursor: pointer;
}

.cebn-input-container .add-cebn-row .inputBox {
  padding: 10px;
}

.cebn-input-container .add-cebn-row .inputBox .inputText {
  width: 30px;
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
}

.cebn-input-container .cebn-section .cebn-row .cebnLabel {
  font-size: 12px;
  cursor: pointer;
}

.cebn-input-container .cebn-section .cebn-row .inputBox {
  padding: 10px;
}

.cebn-input-container .cebn-section .cebn-row .inputBox .inputText {
  width: 150px;
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
}

.cebn-input-container .cebn-section .cebn-row .cancel {
  cursor: pointer;
  opacity: 0.7;
}

#faq-dev {
  text-align: left;
  padding: 5px 25px;
}

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

#orange-link-text {
  color: #dd712f;
  cursor: pointer;
}

.chatbot-link {
  position: absolute;
  top: 0;
  right: 25px;
  z-index: 49;
  width: 256px;
  margin-top: 12px;
  height: 52px;
  color: #FFFFFF;
  text-align: left;
}

.help-chatbot {
  color: #dd712f;
  cursor: pointer;
  font-weight: 1000;
}

.arrow.prev {
  background-image: url("../images/prev.png");
  left: 20px;
  opacity: 0.2;
  transition: all 0.2s linear 0s;
}

.arrow.next {
  background-image: url("../images/next.png");
  opacity: 0.2;
  right: 20px;
  transition: all 0.2s linear 0s;
}

.arrow.prev:hover {
  opacity: 1;
}

.arrow.next:hover {
  opacity: 1;
}

.nav {
  bottom: 12px;
  display: block;
  height: 48px;
  left: 0;
  margin: 0 auto;
  padding: 1em 0 0.8em;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 5;
}

.nav li {
  border: 2px solid #AAAAAA;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin: 0 8px;
  position: relative;
  width: 70px;
}

.nav li.active {
  border: 2px solid #e42e2e;
}

.nav li img {
  width: 100%;
}

.slider {
  border: 15px solid #FFFFFF;
  border-radius: 5px;
  max-height: 700px;
  width: 800px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.slider .flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

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

.slide {
  position: absolute;
  top: 0;
  left: 0;
}

.slide.ng-hide-add {
  opacity: 1;
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
  -webkit-transform: rotateX(50deg) rotateY(30deg);
  -moz-transform: rotateX(50deg) rotateY(30deg);
  -ms-transform: rotateX(50deg) rotateY(30deg);
  -o-transform: rotateX(50deg) rotateY(30deg);
  transform: rotateX(50deg) rotateY(30deg);
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}

.slide.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.slide.ng-hide-remove {
  -webkit-transition: 1s linear all;
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  transition: 1s linear all;
  display: block !important;
  opacity: 0;
}

.slide, .slide.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.submit-dacc {
  display: flex;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 70%;
  justify-content: center;
}

.dacc-no-btn {
  width: 89px;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  border-radius: 6px;
  border: solid 1px #e28651;
  color: #e28651;
  background-color: #ffffff;
}

.dacc-yes-btn {
  width: 89px;
  margin-left: 10px;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  border-radius: 6px;
  border: solid 1px #e28651;
  color: #ffffff;
  background-color: #e28651;
}

.cancel-image {
  background: url("../images/close.png") no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
}

.dacc-required {
  color: #7b7b7b;
}

.rivigoTextRed {
  color: #e3383a !important;
}

.rivigoBackgroundRed {
  background-color: #e3383a !important;
}

.backgroundWhite {
  background-color: #fafafa !important;
}

.appointmentDeliveryBox {
  padding: 5px 10px 5px 10px;
}

.fclist {
  width: 100%;
  text-align: left;
}

.pObox {
  padding: 5px 10px 5px 10px;
}

.pO-details-box {
  margin-top: 10px;
}

.pO-details-box .pOnumber {
  flex: 0 0 32%;
}

.pO-details-box .pOunits {
  flex: 0 0 22%;
  margin: 0 5px;
}

.pO-details-box .po.date-selector {
  height: 100%;
  flex: 0 0 38%;
  margin-left: 3px;
}

.pO-details-box .po.date-selector .input-date-icon {
  align-items: center;
  background: #ffffff;
  display: flex;
  border: 1px solid #e0e0e0;
  height: 95%;
  width: 95%;
}

.pO-details-box .po.date-selector .input-date-icon.error {
  border: 1px solid #FF0000;
}

.pO-details-box .po.date-selector .input-date-icon .icon {
  opacity: 0.5;
  padding: 0 5px;
}

.pO-details-box .po.date-selector .input-date-icon .icon .material-icons {
  font-size: 18px;
}

.pO-details-box .po.date-selector .input-date-icon input {
  padding: 0px 5px;
  border: 0;
  width: 83%;
  opacity: 0.8;
  font-family: "Brandon Text Medium";
}

.pO-details-box #pOnumber, .pO-details-box #pOunits {
  padding: 5px;
  width: 90%;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}

.p0autocomplete {
  padding: 0px 10px 0px 10px;
  height: 30px !important;
}

.p0autocomplete input {
  display: inline;
  margin: 0px;
  padding-left: 5px;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

.p0autocomplete md-autocomplete-wrap {
  height: 35px !important;
}

.p0autocomplete md-autocomplete-wrap input {
  height: 35px !important;
}

.removepODetail {
  cursor: pointer;
  margin-top: 6px;
}

.scheduleLaterBtn {
  font-family: "Brandon Text Medium";
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  background-color: #dd712f;
  color: #ffffff;
  border-radius: 0px;
  margin: 0px;
  width: 140px;
  height: 23px;
  line-height: 23px;
}

.p0DateBox {
  margin: 0 auto;
  flex-direction: row;
}

.p0DateBox input {
  width: 120px;
  padding-left: 5px;
}

.CessMessage {
  color: #dd712f;
  font-size: 13px;
}

.cancelAutoGenerated {
  cursor: pointer;
  position: relative;
  left: -32px;
  bottom: -4px;
}

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

.md-select-value {
  border: none;
  border-color: white;
  padding: 6px 10px;
}

md-select:not([disabled]):focus .md-select-value {
  border: none;
}

.volumeColumn .md-select-value .md-select-icon:after {
  right: 3px !important;
}

.marginBottomSmall {
  margin-bottom: 8px;
}

.error-message {
  color: #F44336;
  font-size: 16px;
  text-align: left;
}

.width-100 {
  width: 100%;
}