@import "simple-keyboard/build/css/index.css";
@import "../../../node_modules/@fortawesome/fontawesome-free/css/all.css";
@import "../../../node_modules/vuetify/dist/vuetify.min.css";
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("public/fonts/open-sans-v17-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("public/fonts/source-sans-pro-v13-latin-regular.woff2") format("woff2");
}
body, .v-application, button, div, input, select, textarea {
  font-family: "Source Sans Pro", sans-serif !important;
  margin: 0px;
}

.btn-submit {
  background-color: #77bc1f !important;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px #000000;
  color: #e2f8c9;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  width: 100%;
}

.btn-submit:disabled {
  background-color: #b2dd81;
}

.input {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  box-sizing: border-box;
  color: #51585d;
  font-size: 20px;
  height: 49px;
  padding: 10px;
  width: 100%;
}
.hasError .input {
  border-color: #ff6c0c;
  color: #51585d !important;
}

.firstName-input {
  width: 140px;
}

.lastName-input {
  margin-left: 10px;
  width: 194px;
}

.error-msg {
  color: #ff6c0c;
  font-size: 16px;
}

.container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.container .forget-password-box {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 30px 35px 10px 40px;
}

.container .forget-password-box .pl-15 {
  padding: 15px 0px;
}

.text-center, .ccid-select-box, .ccid-delete-box {
  text-align: center;
}

.hasError {
  border-color: #ff6c0c;
  color: #ff6c0c;
}
.input .hasError {
  border-color: #ff6c0c;
  color: #51585d !important;
}

.hasInputError {
  border-color: #ff6c0c;
}

.green-btn:disabled {
  background: #b2dd81 !important;
}

.error {
  color: #72650c;
}

.pt-5 {
  padding-top: 5px;
}

.main-header {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

.main-header .container-header {
  font-family: "Source Sans Pro";
  font-size: 20px;
  align-items: center;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  height: 95px;
  justify-content: start;
  width: 100%;
  position: relative;
}

.main-header .container-header .logo-group {
  align-items: center;
  display: flex;
  flex-basis: 35%;
  flex-direction: row;
  justify-content: space-around;
  left: 20px;
  position: relative;
}

.main-header .container-header .action {
  position: relative;
  right: 20px;
}

.main-header .bg-image .auth-header-bg-image {
  align-items: center;
  background-image: url("../../../../../src/assets/images/background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: calc(100vh - 95px);
  justify-content: center;
  overflow: hidden;
}

.auth-header-bg-image .help-page-row {
  background-color: white;
  position: relative;
  top: -134px;
  left: -309px;
}

.main-header .auth-header-content-box {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 75%;
  padding: 10px;
  position: relative;
  width: 55%;
}

.main-header .bg-image .forgotpin-content-col1 {
  border-bottom: 1px solid #d4d8df;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 10px 0px;
  width: 100%;
}

.main-header .bg-image .forgotpin-content-col1 .last-email-boxes {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main-header .bg-image .forgotpin-content-col1 .last-email-boxes div {
  margin: 10px;
  padding: 10px 0px;
  text-align: center;
}

.main-header .bg-image .forgotpin-content-col1 .last-email-boxes .box {
  box-shadow: 0 10px 20px rgba(214, 204, 204, 0.09), 0 6px 6px rgba(0, 0, 0, 0.16);
  color: #40b4e6;
  flex-basis: 13%;
}

.left-arrow, .right-arrow {
  cursor: pointer;
  flex-basis: 10%;
}

.main-header .bg-image .forgotpin-content-col11 img {
  width: 30px;
}

.main-header .bg-image .forgotpin-content-col11 .col1-header label {
  color: #51585d;
  font-size: 24px;
  margin-left: 6%;
}

.main-header .bg-image .forgotpin-content-col2 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 50px 0px;
  width: 100%;
}

.main-header .bg-image .forgotpin-content-col2 .col2-box {
  display: flex;
  flex-direction: column;
}

.main-header .bg-image .forgotpin-content-col2 .col2-box div {
  font-size: 20px;
}

.main-header .bg-image .forgotpin-content-col2 .col2-box .verification-text {
  color: #40b4e6;
  font-size: 2.55em;
  text-align: center;
  line-height: 1.2 !important;
}

.h1-heading {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  font-weight: normal;
  line-height: 50px;
}

.label {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 20px;
}
.hasError .label {
  color: #ff6c0c;
}

.width-349 {
  width: 349px;
}

.btn-back {
  background-color: #848c94;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.16);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  width: 112px;
}

.theme--light.v-sheet {
  background-color: #ffffff;
}

.pin-header-bg {
  background-color: #f0f3f8 !important;
}

.pin-header-bg-error {
  background-color: #feebe1 !important;
}

.pin-line {
  border-bottom: 1px solid #40b4e5;
}

.pin-line-error {
  border-bottom: 1px solid #f96b0e;
}

.min-height-57 {
  min-height: 57px;
}

.pin-dot, .pin-dot-error {
  border-radius: 50%;
  display: inline-block;
  height: 17px;
  line-height: normal;
  vertical-align: middle;
  width: 17px;
  margin-left: 9px;
}

.pin-dot {
  background-color: #40b4e5;
  border: 1px solid #477cfe;
}

.pin-dot-error {
  background-color: #e87f48;
  border: 1px solid #ff7d38;
}

.tooltip-top {
  background-color: #f96b0e;
  border-radius: 15px;
  color: #ffffff;
  font-size: 16px;
  opacity: 1;
  padding: 5px 15px;
  position: absolute;
  text-align: center;
  transition: opacity 0.6s;
  width: auto;
  z-index: 1;
  margin-top: -8px;
}

.tooltip-top::after {
  border-color: #f96b0e transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  left: 10%;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}

.keyboard-submit {
  background-color: #77bc1f !important !important;
  color: #ffffff !important;
}

.keyboard-cancel {
  background-color: #838c93 !important;
  color: #ffffff !important;
}

.pin-button {
  height: 74px !important;
  width: 100%;
}

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

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

.phone1-input {
  height: 49px;
  width: 58px;
}

.phone2-input {
  height: 49px;
  margin-left: 10px;
  width: 58px;
}

.phone3-input {
  height: 49px;
  margin-left: 10px;
  width: 152px;
}

.you-ll-recieve-an-em {
  color: #848c94;
  font-size: 16px;
  line-height: 20px;
}

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

.resend-email {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-decoration: underline;
}

.margin-top-50 {
  margin-top: 50px;
}

.line-break {
  white-space: pre-line;
}

.header-logo1 {
  border-right: 1px solid #d4d8df;
  padding: 0px 20px;
}

.header-logo2 {
  padding: 0px 25px;
}

.width-100p {
  width: 100%;
}

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

.float-left {
  float: left;
}

.main-header .bg-image .forgotpin-content-col2 .forgotpin-formlabel {
  color: #899198;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  padding-top: 40px;
}

.email-error {
  background: #ff6c0c;
  border-radius: 20.5px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 130px;
  margin-top: -4px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 208px;
}

.email-error::after {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  right: 20px;
  top: 22px;
  transform: rotate(90deg);
}

.back .flex-back {
  background: #838c94;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 17px;
  justify-content: center;
  margin-left: 30px;
  padding: 15px;
  width: 112px;
}

.back .flex-back .arrow img {
  width: 18px;
}

.box1 {
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #48b8e6;
  cursor: pointer;
  display: flex;
  font-size: 1.2em;
  justify-content: center;
  margin-left: 15px;
  padding: 16px 10px;
}

.forgotpin-content-col11 {
  border-bottom: 1px solid #d4d8df;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}

.carousel-containers {
  display: flex;
  padding: 20px 10px 20px 0px;
  text-align: center;
  transform: translatex(0px);
  transition: transform 150ms ease-out;
}

.success-column {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.success-column > div {
  margin: 5px 0px;
}

.success-text {
  color: #2c9ecc;
  font-size: 25px;
}

.success-column div:nth-child(2) {
  color: #9aa1a8;
}

.success-column div:nth-child(3) {
  margin: 43px 0px 10px 0px;
  width: 351px;
}

.success-column div:nth-child(4) a {
  color: #3a9cc5;
}

.box1 label {
  overflow: hidden;
  width: 190px;
}

.width-70p {
  width: 70%;
}

button > a {
  color: #ffffff;
  text-decoration: none;
}

.fs-24 {
  font-size: 24px !important;
}

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

.height-200 {
  height: 200px;
}

.margin-top-110 {
  margin-top: 110px;
}

.height-170 {
  height: 170px;
}

.color-black-light, .bill-unit-title, .container-title {
  color: #51585d;
}

.create-account-back-btn {
  bottom: 55px;
  left: 70px;
  position: absolute;
}

.reset-header {
  align-items: center;
  background: #01303f;
  display: flex;
  height: 82px;
  justify-content: space-between;
  position: fixed;
  z-index: 2;
  top: 0px;
  width: 100%;
}

.reset-logo {
  width: 283px;
  height: 100%;
  color: #dbf4ff;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 24px;
}

.reset-header div:nth-child(1) img {
  margin-left: 50px;
}

.reset-header div:nth-child(2) label {
  color: #dbf4ff;
  margin: auto;
  font-size: 24px;
}

.cancel-content-box {
  background: #e8e8e8;
  color: #000000;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.cancel-content-box div:nth-child(1) {
  margin: 30px 0px;
}

.cancel-content-box div:nth-child(2) {
  align-items: center;
  display: flex;
  justify-content: center;
}

.cancel-content-box h2 {
  margin-bottom: 10px;
}

.cancel-content-box button:nth-child(2) {
  margin-left: 10px;
}

.last-email-active {
  background-color: #2c9ecc;
  color: #ffffff;
}

.last-email-deactive {
  background-color: rgba(44, 158, 204, 0);
}

.card-shadow {
  border: none !important;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5019607843);
  padding: 15px 0px 0px 5px !important;
}

.login .tooltip-top {
  width: 14%;
}

.login .tooltip-top::after {
  margin-left: 78%;
}

.auth-header-content-box {
  height: 518px;
}

aside > div > .theme--light.v-sheet {
  background-color: #ffffff;
}

.side-navbar > .v-card {
  box-shadow: none;
}

.side-navbar-icon {
  color: #838c93;
  height: 32px;
}

.side-navbar > div > aside > .v-navigation-drawer__content > .v-list .v-list-item {
  padding: 15px 25px;
}

.tech-email-display {
  align-items: center;
  display: flex;
  width: 100%;
  margin-top: -15px;
  margin-left: 5%;
}

.tech-display {
  display: flex;
  overflow: hidden;
}

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

.trip-stop-pc-100 {
  width: 100%;
}

.trip-stop-card {
  background: #848c94;
  color: #ffffff;
  height: 35px;
  width: 50px;
}

.font-size-px-20 {
  font-size: 20px;
}

.font-size-em-1-5 {
  font-size: 1.5em;
}

.trip-stop-active {
  background: #848c94;
  color: #ffffff;
  cursor: pointer;
  height: 35px;
  width: 100px;
}

.card-active-trip {
  border: 2px solid #40b4e5 !important;
}

.input-has-success {
  border-color: #477cfe;
  color: #477cfe;
}

.width-pc-100, .approval-consolidate-btn {
  width: 100%;
}

.bg-light-blue {
  background-color: #40b4e5 !important;
}

.v-application--wrap {
  background: #f2f2f2;
}

.height-vh-100 {
  height: 100vh;
}

.card-detail-bg {
  background: #fbfbfb;
}

.help-page-bg {
  background: #ffffff;
}

.side-nav-bottom-menu {
  bottom: -50px;
  height: 350px;
  position: absolute;
  width: 249px;
}

.header-span {
  color: #dbf4ff;
  font-size: 24px;
  padding: 0px 40px;
  cursor: pointer;
}

.header-div-menu {
  float: right;
  position: absolute;
  right: 0px;
}

.logged-in-header-layout {
  left: 249px;
  position: absolute;
  top: 82px;
  width: 81.3%;
}

.side-nav-drawer {
  background-color: #ffffff;
  height: 100vh;
  width: 248px;
  position: fixed;
  top: 82px;
}

.my-trip-button-submit {
  background-color: #40b4e5;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.2509803922);
  height: 56px;
  width: 213px;
  color: #dbf4ff;
}

.my-trip-button-submit:disabled {
  background-color: #b0e0f4 !important;
}

.color-white {
  color: #ffffff;
}

.trip-code-label {
  min-height: 25px;
  margin-bottom: 4px !important;
  display: block;
}

.trip-stop-code-label {
  min-height: 20px;
}

.login .tooltip-top {
  width: 10%;
}

.map {
  height: 372px;
  width: 372px;
  background-image: url("../../../../../src/assets/images/map.PNG");
  background-repeat: round;
}

.map-title {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.width75p {
  width: 75%;
}

.width30p {
  width: 30%;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-190 {
  margin-top: 190px;
}

.text-lowercase {
  text-transform: lowercase;
}

.margin-top-219 {
  margin-top: 219px;
}

.margin-top-215 {
  margin-top: 215px;
}

.justify-content-center {
  justify-content: center;
}

.height120 {
  height: 120px;
}

.btn-change-user {
  background-color: #6b7175;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px #000000;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  width: 50%;
}

.truck-trailer-num {
  display: flex;
  align-items: center;
  width: 100%;
  margin: auto;
}

.truck-num-col {
  margin-right: 16px;
}

.complete-ic-w {
  font-size: 1.2em;
}

.main-pin-layout {
  height: 100%;
}

.email-error-firstname {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 20px;
  margin-top: -38px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 208px;
}

.email-error-firstname::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

.email-error-lastname {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 250px;
  margin-top: -85px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 208px;
}

.email-error-lastname::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

.email-error-email {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 250px;
  margin-top: -35px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 260px;
}

.email-error-email::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 30px;
}

.navbar-left-container {
  width: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.nav-current-stop {
  border-bottom: 8.2px solid #40b4e5;
  background: #005576;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}

.width-50p {
  width: 50%;
}

.cursor-pointer, .ccid-select-box, .ccid-delete-box, .view-eligible-full-ccid, .contact-undo {
  cursor: pointer;
}

.color-blue-h1, .contact-undo {
  color: #40b4e5;
}

.text-underline, .view-eligible-full-ccid, .contact-undo {
  text-decoration: underline;
}

.height-pc-100, .qty-group-append, .qty-group-prepend, .approval-consolidate-btn {
  height: 100% !important;
}

.border-none, .qty-group-append, .qty-group-prepend {
  border: none;
}

.min-width-px-49, .qty-group-append, .qty-group-prepend {
  min-width: 49px !important;
}

.bg-color-white, .bill-unit-qty-group, .container-qty-group {
  background-color: #ffffff;
}

.width-px-87, .qty-input {
  width: 87px;
}

.color-light-grey6 {
  color: #d7dbe2 !important;
}

.color-grey-medium, .ccid-select-box, .container-sub-head {
  color: #848c94 !important;
}

.color-grey-medium1, .container-type-select {
  color: #51585d;
}

.button-align-center, .container-add-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.position-relative {
  position: relative;
}

.pin-modal-bg {
  background: #e8e8e8 !important;
}

a {
  color: #40b4e5 !important;
}

.sign-in-container {
  display: flex;
  align-items: center;
  height: calc(100% - 30px);
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.btn-enter button {
  width: 220px !important;
}

::placeholder {
  opacity: 0.5;
}

.width-220 {
  width: 220px;
}

.forgot-pin-button-center {
  width: 75%;
  margin: auto;
}

.phone-number-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 250px;
  margin-top: -34px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 208px;
}

.phone-number-error::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

body {
  background: #f2f2f2;
}

.pt-140 {
  padding-top: 140px;
}

.login-submit {
  align-items: center;
  display: flex;
  justify-content: center;
}

.login-submit .btn-submit {
  width: 213px !important;
}

.login {
  margin-bottom: 8px !important;
}

.forgotpin-content-col2 .success-text {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.back .flex-back .arrow {
  margin-right: 8px;
}

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

.width-215p {
  width: 215px;
}

.create-new-account-link {
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.confirm-account {
  width: 70%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 50px;
}

.margin-top-165 {
  margin-top: 165px;
}

.width-333p {
  width: 333px;
}

.opacity-0 {
  opacity: 0;
}

.width-190p {
  width: 190px;
}

.height-56p {
  height: 56px !important;
}

.ma-b-25p {
  margin-bottom: 25px;
}

.border1-r-4 {
  border-radius: 4px 0 0 4px;
}

.border2-r-4 {
  border-radius: 0 4px 4px 0;
}

.border3-r-4 {
  border-radius: 4px 4px 0 0;
}

.fs-14 {
  font-size: 14px;
}

.margin-top-50 {
  margin-top: 50px;
}

.container-top {
  margin-top: 80px;
  min-height: 400px;
}

.margin-bottom-px-16, .bill-unit-title, .container-title {
  margin-bottom: 16px;
}

.padding-y-px-0, .bill-unit-select, .container-select {
  padding-top: 0px;
  padding-bottom: 0px;
}

.margin-top-px-16, .add-another-container {
  margin-top: 16px;
}

.v-overlay--active {
  background-color: rgba(1, 48, 63, 0.9);
}

.font-weight-600, .ccid-create-btn {
  font-weight: 600;
}

.position-absolute {
  position: absolute;
}

.no-active-trips {
  color: #b7bdc6;
  font-size: 40px !important;
  line-height: 50px;
  font-weight: normal;
}

.active-trips-title {
  color: #51585d;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 31px;
  margin-top: 7px;
  display: inline-block;
}

.stop-detail-btn, .activate-trip-btn {
  box-sizing: border-box;
  height: 56px;
  width: 215px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: white;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
}

.stop-detail-btn:disabled, .activate-trip-btn:disabled {
  opacity: 0.6;
}

.display-none {
  display: none;
}

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

.keypad-button-div {
  background-color: #e8e8e8 !important;
  padding: 3px 0px;
  margin-top: -7px;
}

.ma-b-24p {
  margin-bottom: 24px;
}

.top-146p {
  top: 146px;
}

.reset-logo label {
  margin-left: 32px;
}

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.v-list-item--link:before {
  background-color: white;
}

.back-btn-confirm {
  background: url("../../../../../src/assets/images/left-chevron-white.svg") no-repeat;
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  margin-top: 2px;
}

.back-btn-consolidate {
  background: url("../../../../../src/assets/images/left-chevron-white.svg") no-repeat;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  margin-top: 1px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 23px;
}

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

.back-btn-create-span {
  margin-left: 8px !important;
}

.span-back {
  left: 48px;
  position: absolute;
  top: 16px;
}

html, body {
  overscroll-behavior: none;
}

.add-attachment-button .theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: #ffffff !important;
}

.dropdown-width {
  width: 249px;
  height: 49px;
}

.v-input {
  font-size: 24px;
}

.v-text-field--filled > .v-input__control > .v-input__slot,
.v-text-field--full-width > .v-input__control > .v-input__slot,
.v-text-field--outlined > .v-input__control > .v-input__slot {
  min-height: 50px;
}

.v-text-field--outlined, .v-text-field--solo {
  border-radius: 2px;
}

.v-application .primary--text {
  color: #848c94 !important;
  caret-color: #848c94 !important;
}

.v-text-field--outlined.v-input--has-state fieldset,
.v-text-field--outlined.v-input--is-focused fieldset {
  border-width: 1px;
}

.v-application .v-list-item--active {
  color: rgba(0, 0, 0, 0.87) !important;
}

.v-select__selections {
  line-height: 38px;
}

.v-select.v-text-field--outlined:not(.v-text-field--single-line) .v-select__selections {
  padding: 0px 0;
}

.theme--light.v-select .v-select__selections {
  color: #51585d;
}

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

.ccid-main-list .v-select__selection--comma {
  text-overflow: unset;
}

.notfound-image {
  height: 80px;
  width: 80px;
}

.notfound-wrapper {
  padding: 20px;
}
.notfound-wrapper .notfound-result-title {
  color: #40b4e5;
  font-size: 40px;
  font-weight: normal;
  line-height: 50px;
}
.notfound-wrapper .notfound-result-description {
  width: 375px;
}

.loading-spinner, .trip-sync-spinner {
  height: 35px;
  width: 35px;
  animation: rotation 2s infinite linear;
  -webkit-animation: rotation 2s infinite linear;
}

.width-112p {
  width: 112px !important;
}

.side-nav-list {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  align-items: center;
  padding: 16px 29px;
  cursor: pointer;
  width: 100%;
}

.side-nav-label {
  margin-left: 18px;
}

.side-nav-bottom-label {
  margin-left: 8px;
}

.m-l-5 {
  margin-left: 5px;
}

.active-nav-ele {
  background-color: #40b4e5;
  color: #dbf4ff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.fa-map-marker-alt {
  color: #d4d8df;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.loading-description {
  color: #51585d;
  font-size: 20px;
  line-height: 25px;
}

.notfound-result-border-top {
  border-top: 1.5px solid #d4d8df;
}

.loader-section {
  display: flex;
  align-items: center;
}

.loading-rx-items .loader-section {
  margin-top: 20px;
  justify-content: center;
  width: 100%;
}

.ccid-main-list .v-text-field__details {
  display: none;
}

.color-todo {
  color: #51585d;
}

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

.placeholder-font .v-select__selections input::placeholder {
  font-family: "Source Sans Pro";
  font-size: 24px;
}

.dropdown-color-grey option {
  color: #b7bdc6;
}

.font-face-source-opnsans {
  font-family: "Source Sans Pro", open-sans;
}

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

.fs-18 {
  font-size: 18px;
}

.avoid-clicks {
  pointer-events: none;
}

input:focus, textarea:focus, select:focus, button:focus {
  outline: none !important;
}

.fa-angle-down {
  color: #848c94 !important;
}

.stop-summary-section {
  position: fixed;
  left: 730px;
  height: 100Vh;
  width: 1190px;
}

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

.view-all-stop-details-btn {
  right: 0px;
  position: absolute;
}

.my-trips-label {
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 21px;
  width: 266px;
  text-align: center;
}

.remove-completed-trip-btn {
  height: 56px;
  width: 100px;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin-left: 15px;
}

.view-completed-trip-btn {
  height: 56px;
  width: 100px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
}

.min-height-110px {
  min-height: 110px !important;
}

.scroller {
  height: 100%;
}

.shut-down-restart {
  height: 25px;
  color: #ff6c0c;
  letter-spacing: 0;
  line-height: 25px;
}

.navbar-help-div {
  border-left: solid 1px #d4d8df;
  text-align: center;
  color: #51585d;
  position: absolute;
  height: 100px;
  right: 210px;
  top: -5px;
  padding: 0px 16px;
}
.navbar-help-div .navbar-help-image {
  margin-top: 16px;
}
.navbar-help-div p.navbar-label {
  letter-spacing: 0;
  line-height: 25px;
  height: 25px;
}

.navbar-close-help-div {
  background-color: #40b4e5;
  color: white;
}

.navbar-power-div {
  padding: 0px 16px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: -5px;
  border-left: 1px solid #d4d8df;
  height: 100px;
  width: 200px;
}

.navbar-power-image {
  margin-top: 16px;
}

.side-nav-power-div {
  text-align: center;
  border-top: 1px solid #d4d8df;
}

.power-off-popup-title {
  height: 50px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  text-align: center;
}

.power-off-popup-msg {
  height: 62px;
  width: 860px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
}

.shutdown-btn {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #40b4e5;
  margin: 0px 16px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

.restart-btn {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

.power-off-header {
  margin-top: 45px !important;
  text-align: center !important;
}

.power-off-icon {
  height: 72px;
}

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

.restarting-text {
  height: 32px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 32px;
}

.power-off-screen {
  height: 1080px;
  width: 1920px;
  background: linear-gradient(170.63deg, #5cbff0 0%, #477cfe 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-select .v-input__slot {
  padding: 0 0 0 8px !important;
}
.v-select .v-select__slot .v-input__append-inner {
  padding-left: 0px !important;
  margin: 19px 16px 16px 0px;
}
.v-select .v-input__icon {
  height: 16px;
  min-width: 16px;
  width: 16px;
}

.resize-v-select .v-input__slot {
  min-height: 56px !important;
}
.resize-v-select .v-select__slot .v-input__append-inner {
  padding-left: 0px !important;
  margin: 20px 16px 20px 0px;
}

.stop-complete-disable {
  opacity: 0.5;
}

.reset-pin-container {
  box-shadow: 0 10px 20px rgba(214, 204, 204, 0.09), 0 6px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  padding: 15px 25px;
  width: 100%;
}

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

.flex {
  display: flex;
}

.justify-content {
  justify-content: center;
}

.reset-pin-container div:nth-child(1) {
  color: #40b4e5;
  font-size: 25px;
  font-weight: bold;
  margin: 10px 0px;
}

.reset-pin-container div:nth-child(4) {
  font-size: 13px;
  margin: 10px 0px;
}

.reset-pin-container div:nth-child(4) a {
  color: #40b4e5;
  font-size: 13px;
  margin: 10px 0px;
}

.reset-pin-container label {
  color: #848c94;
  font-size: 13px;
}

.input-container {
  display: flex;
  margin-bottom: 15px;
  width: 100%;
}

.icon {
  border: 1px solid #848c94;
  color: #ffffff;
  font-size: 18px;
  min-width: 50px;
  padding: 10px;
  text-align: center;
}

.input-field {
  border: 1px solid #d4d8df;
  border-radius: 2px;
  outline: none;
  padding: 10px;
  width: 100%;
}

.flex-success {
  box-shadow: 0 10px 20px rgba(214, 204, 204, 0.09), 0 6px 6px rgba(0, 0, 0, 0.16);
  color: #51585d;
  margin: auto;
  padding: 20px;
  width: 50%;
}

.fa-check-circle {
  color: #77bc1f !important;
  font-size: 30px;
  margin-right: 20px;
}

.flex-row {
  align-items: center;
}

.stop-card {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-bottom: 25px;
  position: relative;
  top: 10px;
  width: 100%;
  background: #ffffff;
}

.stop-card-connected {
  border-left: 8px solid #77BC1F;
}

.active-stop {
  border: 2px solid #40B4E5;
  border-left: 0;
  background: white;
}

.stop-category {
  border-color: #477cfe;
  color: #477cfe;
}

.flex-stop-card {
  color: #51585d;
  display: flex;
  justify-content: center;
}

.flex-stop-card .divide1 {
  border-right: 1.3px solid #d4d8df;
  display: flex;
  flex-basis: 15%;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 16px 0px 25px 10px;
}

.flex-stop-card .divide2 {
  display: flex;
  flex-basis: 58%;
  flex-direction: row;
  margin: auto;
  padding: 0px 5px;
  width: 100%;
  border-right: 1.3px solid #d4d8df;
  padding: 25px 0px 25px 10px;
}

.flex-stop-card .divide1-voided {
  border-right: 1.3px solid #d4d8df;
  display: flex;
  flex-basis: 15%;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 16px 0px 25px 10px;
  opacity: 0.5;
}

.flex-stop-card .divide2-voided {
  display: flex;
  flex-basis: 58%;
  flex-direction: row;
  margin: auto;
  padding: 0px 5px;
  width: 100%;
  border-right: 1.3px solid #d4d8df;
  padding: 25px 0px 25px 10px;
  opacity: 0.5;
}

.flex-stop-card .divide3 {
  display: flex;
  flex-basis: 27%;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-bottom: 5px;
}

.divide-space-card {
  margin-bottom: 16px;
}

.card-value {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.fa-user {
  color: #2c9ecc;
}

.card-btns {
  align-items: flex-end;
  display: flex;
  height: 80%;
}

.card-btns div:nth-child(1) {
  align-items: center;
  background: #2c9ecc;
  color: #dbf4ff;
  cursor: pointer;
  display: flex;
  width: 259px;
  height: 56px;
  justify-content: center;
  margin: 12px 25px;
  text-align: center;
  border-radius: 3px;
}

.card-btns .stop-btn-inactive {
  opacity: 0.5;
}

.card-btns div:nth-child(2) {
  align-items: center;
  background: #848c94;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  flex-basis: 40%;
  height: 35px;
  justify-content: center;
  margin-right: 10px;
  text-align: center;
}

.card-deactive {
  align-items: center;
  background: #f0f3f8;
  height: 30%;
  padding-left: 20px;
}

.card-voided {
  align-items: center;
  background: #FFF9EE;
  height: 30%;
  padding-left: 20px;
}

.card-active {
  align-items: center;
  background: #e2f8c9;
  height: 20%;
  padding: 10%;
  color: #77bc1f !important;
}

.status-circle {
  background: #51585d;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.voided-status-circle {
  background: #ff6c0c;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.dea-active {
  background: url("../../../../../src/assets/images/fe.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.st-active {
  background: url("../../../../../src/assets/images/fe.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.fs-active {
  background: url("../../../../../src/assets/images/fs.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.rx-active {
  background: url("../../../../../src/assets/images/rx.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.dc-active {
  background: url("../../../../../src/assets/images/dc.svg") no-repeat;
  width: 26px;
  height: 26px;
}

.cf-active {
  background: url("../../../../../src/assets/images/fe.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.connected-label {
  letter-spacing: 0;
  line-height: 20px;
  color: #575757;
}

.connected-label-stop {
  letter-spacing: 0;
  line-height: 20px;
  color: #575757;
  font-size: 15px;
}

.icon-set {
  display: flex;
  margin-bottom: 4px;
}

.connected-trip {
  background: url("../../../../../src/assets/images/connected.svg") no-repeat;
  width: 66px;
  height: 25px;
  background-position: center;
}

.record-contact {
  text-decoration: none;
  padding: 8px 10px;
  box-shadow: 0 4px 8px rgba(214, 204, 204, 0.09), 0 6px 6px rgba(0, 0, 0, 0.16);
  font-size: 1.09em;
  color: #40b4e6;
}

.stop-label {
  margin: 17px 0px 65px 0px;
}

.card-active-bg {
  background: #e2f8c9;
}

.divide2 div:nth-child(1) {
  flex-basis: 51%;
}

.divide2 div:nth-child(2) {
  flex-basis: 47%;
}

.divide2-voided div:nth-child(1) {
  flex-basis: 51%;
}

.divide2-voided div:nth-child(2) {
  flex-basis: 47%;
}

.fs-16em {
  font-size: 1.3em;
  color: #51585d;
}

.stop-list-top {
  position: relative;
  left: 31.5%;
}

.stop-map-vh {
  height: 100vh;
  position: fixed;
  overflow-x: hidden;
  width: 479px;
}

.stop-detail-full-content {
  display: flex;
  position: relative;
}

.stop-warn-info, .active-stop-model-div, .stop-voided-info {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0;
}

.complete-trip-title {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0;
}

.fs-3em {
  font-size: 3.2em;
  color: #ffb92e;
}

.stop-warn-box, .stop-voided-box {
  padding: 20px;
  color: black;
}

.btn-group-stop-warn {
  width: 442px;
}
.btn-group-stop-warn button {
  width: 213px !important;
  height: 56px;
}

.btn-group-stop-voided button {
  width: 213px !important;
  height: 56px;
}

.btn-group-stop-warn-btn, .back-to-stop-main, .goto-active-stop {
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #40b4e5 !important;
}

.goto-active-stop {
  margin-left: 12px;
}

.cancel-complete-trip {
  width: 102px;
  background: #848c94 !important;
  color: #ffffff;
}

.complete-trip-btn, .complete-trip-btn-blue {
  margin-left: 12px;
  width: 213px;
}

.complete-trip-btn-blue {
  color: #DBF4FF;
  background-color: #40b4e5 !important;
}

.back-to-stop-main {
  background: #848c94 !important;
}

.stop-warn-container, .stop-voided-container {
  width: 936px;
  min-height: 444px;
  background: #ffffff;
}

.stop-begin-container {
  background: #ffffff;
  color: black;
  width: 936px;
  padding: 10px 25px 75px 25px;
  max-height: 900px;
  overflow: auto;
}

.stop-instruction-header-dialog {
  height: 50px;
  width: 287px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.stop-begin-container .notes {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.remove-all-drums-of {
  color: #5c6368;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.stop-begin-container .directions {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.site-directions {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.stop-begin-container .cancel {
  height: 56px;
  width: 108px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.stop-begin-container .begin-stop {
  height: 56px;
  width: 216px;
  border-radius: 2px;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #e2f8c9;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-left: 20px;
}

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

.p-relative {
  position: relative;
  top: 144px;
  padding-right: 10px;
}

.side-navbar-icon {
  margin-right: 10px;
}

.stop-card-labelh {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.stop-card-val {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.flex-stop-card em {
  font-size: 22px;
}

.trip-code {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  color: #51585d;
  font-family: "Source Sans Pro";
}

.trip-code .trip-code-header {
  font-size: 40px;
  line-height: 50px;
}

.trip-code .trip-code-sub-header {
  font-size: 24px;
  margin-top: 30px;
}

.trip-code-input {
  width: 235px;
}

.width-158p {
  width: 158px;
}

.top-144p {
  top: 144px;
}

.active-trips {
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 32px;
}

.trip-card-val {
  font-size: 24px;
  line-height: 31px;
  margin-top: 5px;
  color: #51585d;
}

.view-trip {
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-top: 10px;
}

.button-submit {
  width: 100%;
  height: 100%;
}

.button-voided {
  opacity: 0.5;
}

.trip-header {
  font-size: 40px;
  line-height: 50px;
}

.stop-header-label {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.button-submit {
  width: 100%;
  height: 100%;
}

.fs-16px {
  font-size: 16px;
}

.update-truck {
  margin-top: 24px;
}

.update-truck .truck-btn {
  height: 60px;
  width: 213px;
  border-radius: 2px;
  background-color: #b0e0f4;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.update-truck .truck-btn-active {
  background-color: #40b4e5;
}

.truck-width {
  height: 49px;
  width: 158px;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
}

.refresh-icon {
  background: url("../../../../../src/assets/images/refresh-icon.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.update-truck-trailer {
  color: #51585d;
  font-size: 16px;
  line-height: 20px;
  margin-left: 4px;
}

.save-icon {
  background: url("../../../../../src/assets/images/save.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.success-text {
  color: #77bc1f !important;
  font-size: 16px;
  line-height: 20px;
}

.bb-5 {
  border-bottom: 0.5px solid;
}

.active-stop-model-div {
  text-align: left;
  width: 850px;
  margin-top: 5px;
}

.m28 {
  margin: 28px;
}

.stop-warn-info-child, .stop-voided-info-child {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
  margin-top: 15px;
}

.complete-trip-info, .complete-trip-info-em {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
}

.width-70p {
  width: 70%;
}

.stop-warn-model-p, .stop-warn-stop-name p.header, .stop-warn-active-stop p.header, .stop-warn-active-trip p.header {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.stop-warn-model-p-value, .stop-warn-stop-name p.value, .stop-warn-active-stop p.value, .stop-warn-active-trip p.value {
  color: #51585d;
  font-size: 20px;
  line-height: 25px;
}

.stop-warn-active-trip {
  width: 20%;
}
.stop-warn-active-stop {
  width: 20%;
}
.stop-warn-stop-name {
  width: 50%;
}
.side-help-icon {
  background: url("../../../../../src/assets/images/help.svg") no-repeat;
  width: 32px;
  height: 32px;
}

.side-logout-icon {
  background: url("../../../../../src/assets/images/logout.svg") no-repeat;
  width: 32px;
  height: 32px;
}

.mt--9p {
  margin-top: -9px;
}

.position-relative {
  position: relative;
}

.todo-grey-color, .voided-red-color {
  color: #51585d;
}

.trip-status-active-circle {
  background: #77bc1f;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0px 10px 0px 20px;
}

.trip-status-in-progress-circle {
  background: #005576;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0px 10px 0px 20px;
}

.trip-status-todo-circle {
  background: #51585d;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0px 10px 0px 20px;
}

.trip-status-completed-circle {
  background: #e2f8c9;
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0px 10px 0px 20px;
}

.trip-status-active {
  height: 35px;
  background-color: #e2f8c9;
  color: #77bc1f;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: left;
  padding-left: 20px;
}

.trip-status-in-progress {
  height: 35px;
  background-color: #dbf4ff;
  color: #005576;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: left;
  padding-left: 20px;
}

.trip-status-completed {
  height: 35px;
  background-color: #77bc1f;
  color: #ebfbd4;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: left;
  padding-left: 20px;
}

.trip-status-todo {
  height: 35px;
  background-color: #f0f3f8;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: left;
  padding-left: 20px;
}

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

.margin-top--16px {
  margin-top: -16px;
}

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

.view-trip-button {
  height: 56px;
  width: 215px;
  margin-bottom: 10px;
}

.trip-status-text {
  padding: 6px 0px;
}

.trip-button-aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
}

.flex-3 {
  flex: 3;
}

.flex-1 {
  flex: 1;
}

.stop-detail-btn-container {
  text-align: right;
}

.remove-trip-dialog-title {
  height: 50px;
  width: 290px;
  color: #ff6c0c;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
}

.remove-trip-code {
  height: 31px;
  width: 240px;
  color: #727880;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  margin-top: 98px;
}

.padding-24 {
  padding: 24px;
}

.remove-trip-description {
  height: 97px;
  color: #727880;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  margin-top: 10px;
}

.remove-trip-cancel-btn {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  height: 56px;
  width: 112px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
}

.remove-trip-confirm-btn {
  height: 56px;
  width: 286px;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 15px;
}

.trip-status-sync-active {
  height: 35px;
  background-color: #fbfbfb;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: left;
  padding-left: 20px;
}

.trip-sync-indicator {
  vertical-align: middle;
  height: 16px;
  width: 16px;
  margin: 0 7px 0 16px;
}

.syncing-in-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.syncing-in-progress span {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 10px;
}

.trip-sync-spinner {
  width: 22px;
  height: 22px;
}

.storage-method-container {
  background: #ffffff;
  color: black;
  height: 445px;
  overflow: auto;
  padding: 24px;
  width: 936px;
}

.storage-method-container .header-dialog {
  height: 50px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.storage-method-container .description {
  color: #5c6368;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-top: 24px;
  position: relative;
}

.storage-method-container .help-icon {
  bottom: 3px;
  height: 24px;
  margin-left: 5px;
  position: absolute;
}

.storage-method-container .btn, .storage-method-container .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .storage-method-container .cancel-btn, .storage-method-container .stop-instruction-btn-group .confirm-btn, .stop-instruction-btn-group .storage-method-container .confirm-btn {
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  height: 56px !important;
  line-height: 20px;
  text-align: center;
  text-transform: none;
}

.storage-method-container .cancel-btn {
  background-color: #848c94 !important;
  color: #ffffff;
  width: 112px;
}

.storage-method-container .continue-stop-btn {
  background-color: #77bc1f !important;
  color: #e2f8c9;
  margin-left: 12px;
  width: 216px;
}

.cancel-btn .arrow-icon {
  height: 20px;
  margin-right: 10px;
  transform: rotate(180deg);
}

.storage-method-container .selection-group {
  border: 1px solid #477cfe;
  border-radius: 4px;
  margin: 24px 0 130px;
  width: 500px;
}

.storage-method-container .selection-value {
  align-items: center;
  background: #ffffff;
  color: #477cfe;
  display: flex;
  font-size: 20px;
  height: 48px;
  justify-content: center;
  line-height: 22px;
}

.selection-value:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #477cfe;
}

.selection-value:last-child {
  border-radius: 0 4px 4px 0;
}

.selected-value {
  color: #b0e0f4 !important;
  background: #477cfe !important;
}

.storage-method-container .storage-info-container {
  width: 355px;
  position: absolute;
  background-color: #dbf4ff;
  border: 1px solid #b0e0f4;
  right: 20px;
  margin-top: 15px;
  padding: 16px;
}

.storage-info-container .header {
  color: #626262;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.storage-info-container .info-label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 4px 0 10px;
}

.storage-info-container .got-it-btn {
  height: 40px;
  width: 96px;
  border-radius: 2px;
  background-color: #40b4e5 !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #dbf4ff !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-transform: none;
}

.storage-info-container:after {
  background-color: #dbf4ff;
  border-bottom: 0;
  border-left: 1px solid #b0e0f4;
  border-right: 0;
  border-top: 1px solid #b0e0f4;
  content: " ";
  height: 20px;
  right: 20%;
  margin-left: -10px;
  margin-top: -10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 20px;
}

.storage-method-container .error-container {
  align-items: center;
  background-color: #ff6c0c;
  border-radius: 20px;
  bottom: 90px;
  display: flex;
  height: 24px;
  left: 148px;
  padding: 0 16px;
  position: absolute;
}

.error-container .error-message {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  margin-left: 8px;
}

.error-container .error-exclamation-mark {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 23px;
}

.w-642p {
  width: 642px;
}

.w-294p {
  width: 294px;
}

.complete-trip-info-em {
  font-size: 20px;
}

.incomplete-stop-title {
  box-sizing: border-box;
  height: 69px;
  background-color: #fff9ee;
}

.incomplete-stop-warn {
  height: 28px;
  width: 32px;
}

.active-incomplete-stop-warn {
  height: 40px;
  width: 40px;
}

.incomplete-stop-warn-cross {
  width: 32px;
  height: 32px;
}

.incomplete-stop-header {
  height: 31px;
  width: 182px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
}

.incomplete-stop-img {
  height: 18px;
  width: 18px;
}

.individual-incomplete-stop {
  color: #7d848b;
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
}

.incomplete-stop-name {
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.incomplete-stop-container {
  height: 375px;
  overflow: auto;
}

.view-incomplete-stop-link {
  height: 20px;
  color: #40b4e5;
  font-size: 16px;
  line-height: 20px;
  text-align: start;
  margin-top: 8px;
  text-decoration: underline;
}

.activate-trip-btn {
  width: 100%;
}

.keyboard-submit-green {
  background-color: #77bc1f !important;
  color: #ffffff !important;
  width: 268px;
  height: 74px !important;
  text-transform: capitalize;
  font-weight: 600 !important;
  margin: 5px 5px 5px 0px;
  font-size: 24px !important;
  border-radius: 5px;
}

.keyboard-cancel-grey {
  background-color: #848c94 !important;
  color: #ffffff !important;
  width: 135px;
  height: 74px !important;
  text-transform: capitalize;
  font-weight: 600 !important;
  margin: 5px;
  font-size: 24px !important;
  border-radius: 5px;
}

.hg-button-enter {
  background-color: #77bc1f !important;
  color: #ffffff;
}

.hg-button-cancel {
  background-color: #848c94 !important;
  color: #ffffff;
}

.keyboard-input {
  border: none;
  border-bottom: 1px solid #40b4e5;
  background-color: #f0f3f8;
  font-size: 32px;
}

.keyboard-input-div {
  background-color: #f0f3f8;
  padding: 10px;
}

.keyboard-input-div .row {
  margin-right: -10px !important;
}

.keyboard-span {
  color: #848c94;
}

.keyboard-span-error {
  color: #ff6c0c;
}

.fa-backspace {
  margin-right: 6px !important;
}

.fa-backspace:before {
  margin-top: 2px;
  color: #51585d !important;
  content: url("../../../../../src/assets/images/key-delete.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 36px;
  height: 22px;
}

.fa-backspace span {
  margin-left: 5px;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: bold !important;
}

.keyboard-bottom {
  position: absolute !important;
  bottom: -20px !important;
}

.new-keyboard {
  position: absolute;
  bottom: -575px;
  left: -370px;
  background-color: #ffffff;
  padding: 0;
}

.dialog-bottom-0 {
  bottom: 0px !important;
  position: absolute;
  margin-left: 0px;
}

.simple-keyboard.hg-theme-default .hg-button {
  height: 73px !important;
  font-weight: bold;
  font-size: 24px;
}

.time-pick .time-field .input {
  width: 92px;
  height: 49px;
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.time-pick .time-field .input::-webkit-inner-spin-button, .time-pick .time-field .input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-pick .colon {
  width: 30px;
  font-weight: bold;
  font-size: 25px;
  height: 49px;
  color: #51585d;
  justify-content: center;
  display: flex;
  align-items: center;
}

.ampm-radio-group .ampm-radio-div .ampm-label {
  border: 1px solid #477cfe;
  width: 97px;
  height: 48px;
  font-size: 20px;
  color: #477cfe;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 10px;
}
.ampm-radio-group .ampm-radio-div input {
  display: none;
}
.ampm-radio-group .ampm-radio-div input:checked ~ .ampm-label {
  border: 1px solid #477cfe;
  background-color: #477cfe;
  color: #ffffff;
}
.ampm-radio-group .ampm-radio-div:first-child .ampm-label {
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
}
.ampm-radio-group .ampm-radio-div:last-child .ampm-label {
  border-radius: 0px 0px 5px 5px;
}

.logout-content-box {
  display: flex;
  width: 90%;
  background: #ffffff;
  flex-direction: column;
  align-items: center;
  margin: auto;
  height: 100%;
}

.logout-container {
  width: 1024px;
  height: 450px;
}

.logout-header {
  color: #40b4e5;
  font-size: 2.5em;
  margin-top: 15%;
}

.logout-content-box .Cancel {
  width: 213px;
  height: 56px;
  background: #848c94;
  border-radius: 3px;
}

.logout-content-box .logout {
  width: 213px;
  height: 56px;
  background: #77bc1f !important;
  margin-left: 20px;
  border-radius: 3px;
}

.logout-confirmation-btn {
  display: flex;
  margin: 4.5% 0px;
}

.logout-confirmation-btn.no-download {
  margin: 11.5% 0px;
}

.stop-check-list-container {
  left: 30.8%;
  min-height: 100px;
  position: relative;
  width: 340.5%;
}

.stop-checklist-inner-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  height: 106px;
}
.stop-checklist-inner-container .page-sequence:first-child {
  border-left: 1px solid #d4d8df;
}

.check-list-box-active {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
}

.check-list-box-active i {
  font-size: 20px;
  margin-bottom: 3px;
  margin-left: 14px;
}

.check-list-box-active, .check-list-box label {
  font-size: 20px;
  cursor: pointer;
}

.check-list-connector {
  font-size: 2.25em;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 13px;
  color: #848c94;
}

.page-sequence {
  width: 192.5px;
  justify-content: center;
  border-right: 1px solid #d4d8df;
  cursor: pointer;
}

.page-sequence-active {
  color: #77bc1f;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.page-sequence-deactive {
  color: #848c94;
}

.check-list-box i {
  color: #d4d8df !important;
  font-size: 20px;
  margin-bottom: 3px;
  margin-left: 14px;
}

.check-list-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.check-list-btn-container {
  flex: 2;
  margin-left: 20px;
}

.check-list-btn-container div:nth-child(1) {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.check-list-connector span {
  margin: 0px 1px;
}

.check-list-box label {
  color: #848c94;
  font-size: 20px;
}

.check-list-box-active img, .check-list-box img {
  width: 24px;
  height: 24px;
  margin: 4px 0px;
}

.check-list-next-btn {
  background-color: #77bc1f;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px #000000;
  color: #e2f8c9;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  width: 100%;
}

.check-list-next-btn:disabled {
  background-color: #b2dd81;
}

.scroll-body {
  max-height: 82.5vh;
  overflow-y: auto;
}

.check-list-box-active .reprint-container {
  position: relative;
}

.reprint-container .page-sequence-alert {
  height: 18px;
  left: 12px;
  position: absolute;
  top: -70px;
}

.stop-information-container {
  width: 479px;
  background: #fbfbfb;
  position: fixed;
  border-right: 1px solid #e7e9ed;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
}

.stop-information-inner-container {
  height: 95%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
}

.stop-info-detail-container {
  flex-direction: column;
  justify-content: flex-start;
  padding: 30px;
}

.stop-info-detail-container .nav-btns {
  color: #477cfe;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  height: 60px;
}

.stop-info-detail-container .blr-4 {
  border-radius: 4px 0 0 4px;
}

.stop-info-detail-container .brl-4 {
  border-radius: 0 4px 4px 0;
}

.stop-info-detail-container .col-header {
  color: #848c94 !important;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.stop-info-detail-container .val {
  color: #51585d !important;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.width-75p {
  width: 75%;
}

.complete-stop button {
  height: 80px !important;
}

.record-contact-detail {
  height: 40px;
  width: 160px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.record-contact-detail a {
  height: 25px;
  width: 160px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
}

.undo {
  width: 290px;
  height: 47px;
}

.undo button {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #848c94 !important;
  height: 100% !important;
}

.record-contacted {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.align-contact-label {
  position: relative;
  margin-top: -5px;
}

.contacted-timestamp {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-right: 10px;
  flex-basis: 165% !important;
}

.stop-information-header {
  border-bottom: 2.15px solid #e7e9ed;
}

.stop-information-header-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  text-align: center;
  padding: 27px 20px;
}

.stop-information-header-label {
  font-size: 2em;
  color: #51585d;
}

.stop-information-header-types {
  display: flex;
  font-size: 1.25em;
}

.stop-information-header-types .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 15px;
}

.stop-information-header-types .box label {
  font-size: 18px;
  margin-left: 8px;
  color: #848c94;
}

.stop-information-header-types .box i {
  font-size: 1.15em;
}

.stop-information-header-types .box .fx {
  color: #ff7d38;
}

.stop-information-header-types .box .rx {
  color: #77bc1f !important;
}

.stop-information-header-types .box .fe {
  color: #40b4e6;
}

.stop-header-action {
  align-items: center;
  display: flex;
  height: 82px;
  width: 31%;
  justify-content: space-between;
}

.nav-header-stop-list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 240px;
}

.right-nav-action {
  width: 69%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.nav-header-alerts {
  width: 15%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-left: 1px solid #005576;
  flex-direction: column;
  color: #dbf4ff;
}

.nav-header-alerts button {
  outline: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nav-header-alerts button img {
  height: 28px;
  margin: 0 !important;
}

.nav-header-alerts button div {
  font-size: 1.3em;
  line-height: 16px;
}

.nav-header-identity {
  width: 15%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-left: 1px solid #005576;
  flex-direction: column;
  color: #dbf4ff;
}

.nav-header-identity button img {
  height: 28px;
  margin: 0 !important;
}

.nav-header-identity .item-identification-text {
  font-size: 24px;
  line-height: 31px;
  color: #dbf4ff;
}

.nav-header-identity button {
  outline: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nav-header-alerts .alert-img-div {
  position: relative;
}

.nav-header-alerts .alert-img-div .alert-amount {
  position: absolute;
  top: -8px;
  right: -6px;
  background-color: #77bc1f;
  height: 25px;
  width: 25px;
  font-size: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid white;
  font-weight: bold;
}

.nav-header-alerts .alerts-text {
  color: #dbf4ff;
}

.nav-header-alerts .disabled {
  opacity: 0.5;
}

.nav-header-identity .disabled {
  opacity: 0.5;
}

.nav-header-sync {
  width: 12%;
}

.disabled-sync {
  opacity: 0.2;
}

.sync-trip-text {
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 24px !important;
  letter-spacing: 0;
  line-height: 31px !important;
  margin-top: 30px;
}

.sync-img-div {
  position: relative;
}
.sync-img-div .alert-image {
  position: absolute;
  top: -2px;
  left: 6px;
  z-index: 3;
  height: 17px;
  width: 18px;
}
.sync-img-div .sync-image {
  position: absolute;
  top: 5px;
  left: -10px;
  z-index: 1;
  height: 24px;
  width: 24px;
}

.start-sync {
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nav-header-identity .complete-stop {
  font-size: 16px;
  line-height: 18px;
}

.left-nav-empty {
  width: 42.18%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.add-approval-main {
  box-sizing: border-box;
  height: 64px;
  width: 272px;
  border: 1px solid #40b4e5;
  border-radius: 4px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.add-rx-main {
  height: 64px;
  width: 272px;
  border-radius: 4px;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.btn-groups-main .text-p {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
  text-align: center;
}

.ptb-30plr-40 {
  padding: 30px 56px;
}

.ccid-label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.no-approvals {
  color: #b7bdc6;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.add-approval-main i, .add-rx-main i {
  margin-right: 10px;
  font-size: 30px;
  margin-top: 2px;
}

.approval-btn-1 {
  height: 56px;
  width: 137px;
}

.approval-btn-1 button {
  border-radius: 2px;
  background-color: #848c94 !important;
  width: 100%;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.approval-btn-2 {
  height: 56px;
  width: 152px;
}

.approval-btn-2 button {
  width: 100%;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-top: -5px;
  margin-left: 15px;
}

.add-approval-img img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.stop-detail-work-area {
  position: relative;
  top: 115px;
}

.ccid-success-outer-box {
  height: 593px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.ccid-success-inner-box {
  text-align: center;
  line-height: 36%;
  margin: auto;
  margin-top: 170px;
}

.ccid-success-ccid-list {
  height: 270px;
  overflow: auto;
}

.ccid-success-img {
  height: 64px;
}

.ccid-success-text {
  font-size: 40px;
  color: #51585d;
  line-height: 50px;
  margin-bottom: 8px !important;
}

.ccid-success-text-list {
  font-size: 40px;
  color: #51585d;
  line-height: 50px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.generator-signer-maximum-character-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px !important;
  margin-left: 210px;
  margin-top: -44px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 260px;
}

.generator-signer-maximum-character-error ::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 35px;
  transform: rotate(90deg);
  left: 30px;
}

.inventory-card-container {
  background-color: #ffffff;
  height: 688px;
  max-height: 688px;
  overflow-y: auto;
}

.inventory-card {
  margin: 20px 50px 0px 56px;
}

.height-90p {
  height: 90%;
}

.add-approval-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.add-approval-inner-container {
  width: 100%;
  padding: 25px 56px;
}

.add-approval-column-divide {
  display: flex;
  align-items: start;
  justify-content: start;
  box-shadow: 0 10px 20px rgba(214, 204, 204, 0.09), 0 6px 6px rgba(0, 0, 0, 0.16);
  background: #ffffff;
  padding: 20px 20px;
}

.add-approval-column-divide .divide1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.add-approval-column-divide .header {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.add-approval-column-divide .header label {
  font-size: 20px;
  line-height: 25px;
  color: #40b4e5;
}

.add-approval-column-divide .header div {
  font-size: 40px;
  line-height: 50px;
  color: #51585d;
}

.add-approval-column-divide .item-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.add-approval-column-divide .item-details div:nth-child(1) {
  font-size: 25px;
  line-height: 35px;
  color: #51585d;
}

.add-approval-column-divide .item-details div:nth-child(2) {
  font-size: 20px;
  color: #848c94;
}

.add-approval-column-divide .item-details div:nth-child(3) {
  font-size: 20px;
  color: #848c94;
}

.dot-sp-checkbox-div {
  font-size: 20px;
  color: #848c94;
  margin-top: 10px;
}

.dot-sp-checkbox-label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.add-approval-column-divide .divide-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 4.3em;
  margin-left: 15px;
}

.add-approval-column-divide .divide-2 .dot-permit {
  width: 300px;
  margin-left: -12px;
}

.add-approval-column-divide .divide-2 .dot-permit .dot-permit-label label {
  font-size: 20px;
  color: #848c94;
}

.add-approval-column-divide .divide-2 .dot-permit .dot-permit-selector {
  width: 100px;
}

.consolidate-container .total-weight {
  font-size: 20px;
  color: #848c94;
  margin-bottom: 4px;
}

.weight-input {
  margin-top: 2px;
}

.consolidate-container .tare-scale {
  margin-left: 50px;
  font-size: 16px;
  color: #51585d;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  width: 127px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.consolidate-container .lb {
  font-size: 24px;
  color: #51585d;
}

.consolidate-container .scale div:nth-child(1) {
  width: 157px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #477cfe;
  border-radius: 4px 0px 0px 4px;
  cursor: pointer;
  color: #477cfe;
  font-size: 20px;
}

.consolidate-container .scale div:nth-child(2) {
  width: 157px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #477cfe;
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
  color: #477cfe;
  font-size: 20px;
}

.consolidate-container .scale div:nth-child(3) {
  width: 150px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #477cfe;
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
  color: #477cfe;
  font-size: 20px;
}

.approval-btn-groups {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 43px;
}

.approval-btn-groups .cancel-approval {
  height: 56px;
  width: 164px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #ffffff;
  margin-right: 15px;
  justify-content: center;
}

.approval-btn-groups .cancel-approval i {
  margin-right: 5px;
  margin-top: 3px;
  color: #d4d8df;
  font-size: 25px;
}

.approval-btn-groups .consolidate {
  height: 56px;
  width: 222px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e2f8c9;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.consolidate-container {
  margin-left: -12px;
  border-top: 1.4px solid #d4d8df;
}

.add-approval-main {
  box-sizing: border-box;
  height: 64px;
  width: 272px;
  border: 1px solid #40b4e5;
  border-radius: 4px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  color: #dbf4ff !important;
}

.add-rx-main {
  height: 64px;
  width: 272px;
  border-radius: 4px;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  color: #e2f8c9 !important;
}

.btn-groups-main .text-p {
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
  text-align: center;
}

.ptb-30plr-20 {
  padding: 30px 20px 30px 0px;
}

.ccid-label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
}

.add-approval-main i,
.add-rx-main i {
  margin-right: 10px;
  font-size: 30px;
  margin-top: 2px;
}

.approval-btn-1 {
  height: 56px;
  width: 137px;
}

.approval-btn-1 button {
  border-radius: 2px;
  width: 100%;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.add-approval-input-total {
  height: 49px;
  width: 153px;
}

.add-approval-input-total input {
  border: 1.4px solid #d4d8df !important;
  font-size: 24px !important;
}

.add-approval-input-total {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.add-approval-input-option {
  height: 48px;
  width: 105px;
  margin-left: 20px;
  font-size: 16px;
  color: #51585d;
  border: 1.4px solid #d4d8df;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-approval-input-option .input-type-select {
  box-sizing: border-box;
  width: 249px;
  border-radius: 2px;
  padding: 5px;
  font-size: 24px;
  line-height: 1;
  background: url(../../../../../src/assets/images/chevron-down-arrow.svg) no-repeat 96%/18% #ffffff;
  background-position-x: 75px;
  height: 100%;
}

.scaleActive {
  background: #477CFE !important;
  color: #DBF4FF !important;
}

.scaleInactive {
  background: #ffffff !important;
  color: #477CFE !important;
  border: 1px solid #477CFE !important;
}

.height-49p {
  height: 49px !important;
}

.assign-approval-btn {
  height: 56px;
  width: 236px;
}

.assign-approval-btn .btn-submit {
  border-radius: 2px;
  background-color: #40b4e5 !important;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff !important;
}

.item-details-header {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.item-details-val {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.none {
  color: #b7bdc6 !important;
}

.searchEnable {
  background: #848c94 !important;
}

.consolidate-btn-disabled {
  background-color: #b2dd81 !important;
}

.reconsolidate {
  margin-top: 208px;
}

.consolidate-in {
  color: #848c94 !important;
  font-size: 20px;
  line-height: 25px;
}

.consolidate-val {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
  margin-top: 10px;
}

.reconsolidate-btn {
  height: 56px;
  width: 222px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-top: 16px;
}

.reconsolidate-btn:disabled {
  border: 2px solid #b0e0f4;
  color: #b0e0f4;
}

.save-exist {
  height: 56px;
  width: 164px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.save-exist:disabled {
  background-color: #b0e0f4;
}

.mt-32p {
  margin-top: 32px;
}

.mt-275p {
  margin-top: 275px;
}

.display-none {
  display: none;
}

.delete-approval {
  height: 56px;
  width: 203px;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffebe1;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 16px;
  margin-left: 16px;
}

.fa-trash {
  margin-right: 6px;
}

.delete-approval-confirmation {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  padding: 24px;
}

.delete-approval-header {
  color: #ff6c0c;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 24px;
}

.delete-description .delete-title {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 4px;
}

.delete-description .delete-info {
  width: 649px;
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 70px;
}

.delete-approval-cancel {
  height: 56px;
  width: 110.93px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.delete-approval-submit {
  height: 56px;
  width: 286px;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin-left: 16px;
  color: #ffebe1;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.delete-approval-submit.w-110px {
  width: 110px;
}

.description-header {
  width: 40%;
}

.weight-header {
  width: 14%;
}

.ndc-code-header {
  width: 25%;
}

.edit-rx-delete-confirm {
  height: 32px;
  width: 80px;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffebe1;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-left: 8px;
}

.edit-rx-delete-cancel {
  height: 32px;
  width: 80px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-left: 8px;
}

.circle-plus-img {
  height: 32px;
  width: 32px;
  margin-right: 8px;
}

.weight-dropdown {
  height: 48px;
  width: 105px;
  margin-left: 20px;
}

.p-listed-weight-warn-container {
  width: 936px;
  min-height: 495px;
  background: #ffffff;
}

.p-listed-weight-warn-info {
  margin: 0 110px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0;
}

.p-listed-weight-warn-info-child {
  margin: 20px 86px 0;
  color: #5b6368;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
  margin-top: 15px;
}

.p-listed-weight-warn-box {
  color: black;
}

.btn-group-p-listed-weight-warn {
  margin: 20px 0;
}
.btn-group-p-listed-weight-warn button {
  width: 213px !important;
  height: 56px;
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #40b4e5 !important;
}

.p-listed-approval-box {
  box-sizing: border-box;
  margin-top: 16px;
  width: 872px;
  border: 1px solid #d4d8df;
}

.p-listed-approval-box-total-weight {
  height: 40px;
  width: 869px;
  background-color: #ffffff;
  box-shadow: 0 -2px 8px -4px rgba(0, 0, 0, 0.5);
}

.approval-description-header {
  width: 80%;
}

.p-listed-approval-sub-title {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.p-listed-shadow {
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.5);
}

.p-listed-approval-header {
  width: 96%;
  margin: auto;
  margin-top: 16px;
}

.p-listed-weight-header {
  justify-content: flex-end !important;
  width: 20%;
}

.p-listed-approval-details {
  width: 96%;
  margin: auto;
}

.p-listed-approval-details-title {
  color: #51585d;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 8px !important;
}

.p-listed-total-weight-div {
  width: 96%;
  margin: auto;
  padding-top: 12px;
  justify-content: flex-end !important;
}

.p-listed-approval-contentainer {
  max-height: 173px;
  overflow-y: auto;
}

.p-listed-total-weight {
  color: #ff6c0c;
}

.mr-20p {
  margin-right: 20px;
}

.change-approval, .close-approval-details {
  height: 56px;
  width: 137px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.approval-details {
  border: 2px solid;
  height: 56px;
  width: 152px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.approval-detail-label {
  font-size: 20px;
  color: #8c939b;
  margin-bottom: 4px;
}

.approval-details-text {
  color: #51585d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 23px;
  margin-top: 5px;
}

.approval-warn-box {
  box-sizing: border-box;
  height: 88px;
  width: 580px;
  border: 1px solid #ffb92e;
  background-color: #fff9ee;
}

.approval-details-warn {
  height: 32px;
}

.approval-emergency {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #51585d;
}

.approval-emergency-number {
  font-size: 24px;
  line-height: 31px;
  color: #51585d;
}

.approval-drawer-close-btn {
  position: absolute;
  bottom: -14px;
  width: 100%;
  background: white;
  padding: 15px 10px;
  z-index: 111;
  box-shadow: 4px 0px 10px #909090;
}

.drawer-approval-details {
  max-height: 87%;
  overflow: auto;
}

.close-approval-details {
  width: 213px;
}

.bottom-0 {
  bottom: 0;
}

.approval-detail-div {
  display: flex;
  flex-direction: column;
  min-height: 650px;
  height: 100%;
  justify-content: space-between;
}

.rx-main-section .v-overlay--active,
.add-approval-column-divide .v-overlay--active {
  background-color: rgba(36, 42, 46, 0.3);
}
.rx-main-section .v-overlay--active .v-overlay__scrim,
.add-approval-column-divide .v-overlay--active .v-overlay__scrim {
  background-color: rgba(36, 42, 46, 0.3) !important;
  opacity: 0.1 !important;
}

.color-green {
  color: #77bc1f;
}

.approval-detail-waste-codes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
}

.checkbox-container:hover input ~ .checkmark {
  background-color: #ffffff;
}

.checkbox-container input:checked ~ .checkmark {
  background-color: #40b4e5;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-alignment-btm {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.search {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 152px;
}

.approval-list-col1 {
  width: 100%;
}

.approval-list-col2 {
  width: 100%;
}

.flex-5 {
  width: 32%;
}

.flex-3 {
  width: 25%;
}

.flex-2 {
  width: 13.5%;
}

.flex-4 {
  width: 20%;
}

.approvalListContainer .approval-list-header label {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 25px;
}

.approvalListContainer .approval-list-description {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.approval-list-val {
  color: #727880;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.approval-list button {
  height: 56px !important;
  width: 213px !important;
  background: #40b4e5 !important;
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-bottom: 9px;
}

.approval-list-header {
  border-bottom: 1px solid #d4d8df;
  padding: 5px 0px;
}

.approval-list-row {
  padding: 12px 0px;
  border-bottom: 1px solid #d4d8df;
}

.wrapper {
  width: 100%;
  flex: 6;
  margin-left: 16px;
}

.search-wrapper {
  max-width: 814px;
  height: 56px;
  margin: 2em auto 2em 0px;
}

.search-box {
  margin: 6px;
  display: flex;
  justify-content: center;
  z-index: 100;
  border: 1.4px solid #d4d8df;
  background-color: #ffffff;
  height: 56px;
  width: 814px;
}

.query {
  width: 100%;
  border: 0px;
  outline: none;
  padding: 12px;
  border-radius: 4px;
  padding: 12px 15px 15px 5px;
  font-size: 20px;
}

.query-box {
  width: 100%;
}

.search-button-box {
  height: 43.56px;
  width: 143px;
  margin-right: 6px;
  display: flex;
  margin-top: 4.75px;
}

.search-button {
  cursor: pointer;
  width: 100%;
  border: 0;
  outline: none;
  transition: color 500ms;
  border-radius: 2px;
  background-color: #d4d8df;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  height: 100%;
}

.search-button-icon {
  margin-left: 24px;
  display: flex;
  color: #848c94;
  font-size: 18px;
}

.search-wrapper ::placeholder {
  color: #d4d8df;
  opacity: 1;
  font-family: "Source Sans Pro";
  font-size: 20px;
}

.search-button-box-icon {
  height: 56px;
  width: 70px;
  margin-right: 0px;
  display: flex;
  align-items: center;
}

.approval-list-back-box {
  height: 56px;
  width: 164px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.flex-back {
  display: flex;
  justify-content: flex-end;
  margin-left: 56px;
}

.mleft {
  margin-left: 56px;
}

.mleft-8 {
  margin-left: 8px;
}

.mleft-13 {
  margin-left: 13px;
}

.top-arrow-icon {
  color: #848c94;
  font-size: 30px;
}

.approval-list-scroll {
  max-height: 600px;
  overflow-y: auto;
}

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

.approval-back-img {
  background: url("../../../../../src/assets/images/left-chevron-white.svg") no-repeat;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  margin-right: 8px;
  margin-top: 1px;
}

.approval-back-img {
  background: url("../../../../../src/assets/images/left-chevron-white.svg") no-repeat;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  margin-right: 5px;
  margin-top: 1px;
  margin-left: -8px;
}

.approval-search-icon {
  background: url("../../../../../src/assets/images/search.svg") no-repeat;
  width: 20px;
  height: 18px;
}

.ml-12p {
  margin-left: 12px;
}

.ml-20p {
  margin-left: 20px;
}

.ml-56p {
  margin-left: 56px;
}

.mleft-56p {
  margin-left: 56px;
}

.ml-16p {
  margin-left: 16px;
}

.mr-0p {
  margin-right: 0px;
}

.ml-54p {
  margin-left: 54px;
}

.help-page-row {
  position: fixed;
  height: 95vh;
  width: 87vw;
  margin: 0;
}

.help-page-row .help-document {
  margin: 30px 50px;
}

.help-page-row .contact-card {
  padding: 16px 0;
  width: 479px;
}

.contact-header {
  color: #51585d;
  font-size: 35px;
  border-bottom: 1px solid #d4d8df;
  padding: 16px 30px;
  line-height: 57px;
  white-space: nowrap;
}

.contact-content {
  padding: 0 30px;
}

.contact-content .support-header {
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  color: #51585d;
  padding: 30px 0;
}

.contact-content .support-header p {
  margin-bottom: 0;
}

.contact-content .support-info {
  padding-bottom: 30px;
}

.contact-content .support-info label {
  font-size: 20px;
  line-height: 28px;
  color: #848c94;
}

.contact-content .support-number, .contact-content .support-email {
  font-size: 24px;
  display: flex;
  align-items: center;
}

.contact-content .support-number img, .contact-content .support-email img {
  color: #40b4e5;
  font-size: 20px;
  padding-right: 8px;
}

.help-documentation {
  color: #b7bdc6;
  font-size: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.help-versions {
  margin-top: 52%;
  font-size: 20px;
  line-height: 28px;
}

.help-versions-title {
  color: #848c94;
}

.help-version-text {
  color: #51585d;
}

.help-support-header-div {
  padding: 48px 32px 15px 32px;
  border-bottom: 1px solid #d4d8df;
}

.help-support-title {
  height: 50px;
  color: #5b6368;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
}

.help-submenu-div {
  height: 80px;
  padding: 24px 40px;
  border-bottom: 1px solid #d4d8df;
  color: #51585d;
}

.help-submenu-text {
  height: 31px;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
}

.help-drawer-shadow {
  border: none !important;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px #000000;
  padding: 15px 0px 0px 0px !important;
}

.contact-title {
  height: 50px;
  color: #5b6368;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 10px;
}

.field-service-support {
  height: 31px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: 4px !important;
  margin-top: 10px;
}

.field-service-support-number {
  height: 50px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: 4px !important;
}

.field-service-support-time {
  color: #666E74;
  font-family: "Source Sans Pro";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 4px !important;
}

.us-ecology-it-support {
  height: 31px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  margin-top: 24px !important;
  margin-bottom: 4px !important;
}

.us-ecology-it-support-number {
  height: 50px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: 4px !important;
}

.contact-example-btn {
  box-sizing: border-box;
  height: 56px;
  width: 200px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 16px;
}

.help-page-info-value {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 17px;
}

.help-page-info-label {
  font-weight: 600;
}

.version-numbers {
  display: flex;
  justify-content: space-between;
}

.contact-main-div {
  position: absolute;
  bottom: 35px;
  padding-left: 40px;
}

.help-documentation-main-div {
  padding: 16px 0px 16px 16px;
}

.help-documentation-title {
  height: 50px;
  width: 562px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
}

.help-doc-sub-div {
  padding: 26px 0px;
}

.helpMenuAtive {
  background-color: #40b4e5 !important;
  color: #ffffff !important;
}

.release-notes-main-div {
  padding: 20px;
}

.contact-examples-main-div {
  padding: 16px 24px;
}

.us-ecology-contacts-title {
  height: 40px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
}

.us-ecology-contacts-text {
  width: 696px;
  height: 50px;
  color: #666E74;
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
}

.regulator-div {
  box-sizing: border-box;
  height: 135px;
  width: 696px;
  border: 1px solid #ff6c0c;
}

.regulator-col-1 {
  width: 155px;
  height: 133px;
  background-color: #ffebe1;
  text-align: center;
}

.regulator-col-2 {
  height: 133px;
  padding: 10px 20px !important;
  width: 520px;
}

.regulator-text-1 {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
}

.regulator-text-2 {
  color: #666E74;
  font-family: "Source Sans Pro";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
}

.regulator-icon {
  margin-top: 15px;
}

.regulator-example-title {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: 4px !important;
}

.regulator-example-subtitle {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 4px !important;
}

.regulator-example-contacts {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: 8px !important;
}

.regulator-example-title1 {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 4px !important;
}

.regulator-example-list {
  color: #6b7175;
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
}

.margin-top-26 {
  margin-top: 26px;
}

.help-feedback-btn {
  box-sizing: border-box;
  height: 56px;
  width: 200px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin-top: 16px;
}

.please-contact-text {
  width: 532px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
}

.please-contact-title {
  color: #848c94 !important;
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 4px !important;
}

.please-contact-id {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 4px !important;
}

.feedback-image {
  height: 61px;
  margin-bottom: 27px;
}

.feedback-contact-main-div {
  padding: 16px 32px;
}

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

.container-border, .bill-unit-qty-group, .container-type-select, .container-qty-group {
  border: 1px solid #d4d8df;
}

.qty-input {
  border-left-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  padding-bottom: 0px;
  padding-top: 0px;
  height: 49px;
}

.qty-group-prepend {
  margin-right: -1px;
}

.qty-group-append {
  margin-left: -1px;
}

.container-qty-group {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 50px;
  width: 184px;
}

.container-type-select {
  box-sizing: border-box;
  height: 49px;
  width: 249px;
  border-radius: 2px;
  padding: 5px;
  font-size: 24px;
  line-height: 1;
  background: url("../../../../../src/assets/images/chevron-down-arrow.svg") no-repeat 96%/18% #ffffff;
  background-position-x: 226px;
  color: #b7bdc6;
}

.container-add-button {
  color: #40b4e5;
  box-sizing: border-box;
  height: 69px;
  width: 347px;
  border: 3px solid #40b4e5;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.container-add-button-empty-alert {
  color: #ff6c0c;
  border: 3px solid #ff6c0c;
}

.container-minus-button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.approval-btn {
  margin-top: 32px;
}

.container-title label {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.container-sub-head {
  font-size: 20px;
  margin-bottom: 4px;
}

.container-qty-group button:disabled {
  background: transparent !important;
}

.container-type {
  display: flex;
  margin-left: -12px;
  align-items: center;
  justify-content: center;
  height: 83px;
}

.margin-top-24 {
  margin-top: -24px;
}

.pb-0px {
  padding-bottom: 0px;
}

.mt--8px {
  margin-top: -8px;
}

.mtl-0p {
  margin-top: 0px;
  margin-left: 0px;
}

.d-block {
  display: block;
}

.bill-unit-select {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

.bill-unit-container {
  border-top: 1.4px solid #d4d8df;
  margin-left: -12px;
}

.bill-unit-subtitles {
  padding-left: 12px;
}

.bill-unit-sub-head {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 8px;
  color: #848c94;
}

.sub-head-1 {
  width: 57%;
}

.bill-unit-qty-group {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 49px;
  width: 184px;
}

.bill-unit-qty-group button:disabled {
  background: transparent !important;
}

.bill-unit-qty {
  font-size: 20px;
}

.bill-unit-entry {
  display: flex;
  margin-left: -12px;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.bill-unit-title {
  padding-top: 15px;
  padding-left: 12px;
}

.bill-unit-title label {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.added-rx-page-div {
  position: relative;
  background-color: #fbfbfb;
  width: 100%;
}

.added-rx-title {
  font-size: 24px;
  color: #51585d;
  font-weight: bold;
  padding: 33px 32px 20px 32px;
  margin-bottom: 0 !important;
}

.add-rx-hint {
  font-size: 20px;
  color: #51585d;
  padding: 0px 32px 20px 32px;
  margin-bottom: 0 !important;
  line-height: 25px;
}

.added-rx-nil {
  color: #b7bdc6;
  font-size: 40px;
  line-height: 50px;
  padding-left: 30px;
}

.add-rx-page-div {
  padding: 20px;
  background-color: #ffffff;
}

.add-rx-items-title {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
  margin-top: 15px;
}

.add-rx-search-input {
  height: 70px;
  width: 80%;
  margin-left: 10px;
  font-size: 20px;
}

.add-rx-search-div {
  padding: 5px 20px;
}

.add-rx-search-icon {
  color: #848c94;
}

.add-rx-search-btn {
  height: 60px;
  width: 138.78px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  right: 8px;
  position: absolute;
  margin-top: 5px;
}

.add-rx-sub-div {
  padding: 25px;
  background-color: #ffffff;
  margin-left: 3px;
}

.add-rx-items-details-title {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.add-rx-items-details-sub-title {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.add-rx-items-details-value {
  color: #b7bdc6;
  font-size: 24px;
  line-height: 31px;
}

.width-50p {
  width: 50%;
}

.rx-item-notes, .add-rx-items-details-dropdown-icon, .add-rx-items-details-dropdown {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  height: 49px;
}

.add-rx-items-details-dropdown {
  display: inline-block;
  border-right-width: 0px;
  box-sizing: border-box;
  width: 349px;
  border-radius: 2px 0px 0px 2px;
  color: #b7bdc6;
  font-size: 24px;
  padding: 3px 10px;
  overflow-x: hidden;
  border-right: none;
}

.add-rx-items-details-dropdown-icon {
  width: 32px;
  border-left: none;
  background: url(../../../../../src/assets/images/select_arrow_down.svg) 96%/7% no-repeat #eeeeee;
  position: absolute;
  background-position: left;
  border-radius: 0px 2px 2px 0px;
  background-color: #ffffff;
}

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

.add-rx-items-content-details-dropdown {
  box-sizing: border-box;
  height: 56px;
  width: 97%;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  color: #838c93;
  font-size: 24px;
  padding: 0px 10px;
  background: url(../../../../../src/assets/images/select_arrow_down_grey.svg) 96%/6% no-repeat #eeeeee;
  background-color: #ffffff;
}

.rx-item-border-1px {
  border: 1px solid #d4d8df;
  text-align: center;
  position: relative;
}

.rx-items-row-margin {
  margin-left: 0px;
  margin-right: 10px;
}

.rx-items-controls-symbols {
  color: #d4d8df;
  font-size: 24px;
  padding: 5px;
}

.rx-items-controls-values {
  color: #51585d;
}

.rx-items-toggle-btn-box-shadow {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.rx-items-toggle-btn > .theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn {
  border: 1px solid #477cfe !important;
}

.rx-items-toggle-btn .v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: #ffffff;
}

.rx-items-toggle-btn .theme--light.v-btn {
  color: #477cfe;
  border: 1px solid #477cfe;
  height: 48px;
}

.rx-items-toggle-btn > .v-btn-toggle > .v-btn.v-btn--active {
  color: #477cfe !important;
}

.rx-items-toggle-btn .v-btn .v-item--active .v-btn--active {
  background-color: #dbf4ff !important;
}

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

.rx-items-add-previous-month-btn {
  color: #40b4e5;
  border: 3px solid #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  width: 347px !important;
  height: 69px !important;
  box-sizing: border-box !important;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.rx-items-add-previous-month-btn:disabled {
  color: #b0e0f4;
  border: 3px solid #b0e0f4;
}

.rx-items-weigth-btn {
  box-sizing: border-box;
  height: 33px;
  width: 127px;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  margin-left: 20px;
}

.rx-items-line {
  box-sizing: border-box;
  height: 1px;
  border: 1px solid #d4d8df;
}

.rx-items-cancel-entry-btn {
  height: 56px;
  width: 164px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
}

.rx-items-add-to-apporval-btn {
  height: 56px;
  width: 222px;
  border-radius: 2px;
  background-color: #77bc1f !important;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-weight: 600;
  color: #e2f8c9;
}

.rx-items-float-right {
  float: right;
}

.add-rx-item-search-add {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  float: right;
  color: #dbf4ff;
  font-size: 16px;
  font-weight: 600;
}

.rx-items-added-list-approval {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
}

.added-rx-items-approval-dropdown {
  box-sizing: border-box;
  height: 49px;
  width: 100%;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background: url("../../../../../src/assets/images/chevron-down-arrow.svg") 96%/7% no-repeat #eeeeee;
  color: #b7bdc6;
  font-size: 24px;
  padding: 0px 10px;
  background-color: #ffffff;
}

.added-rx-items-consolidate-btn {
  height: 56px;
  width: 249px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  color: #e2f8c9;
  font-size: 16px;
  margin-left: 23px;
}

.added-rx-items-consolidate-btn:disabled {
  background-color: #b2dd81;
}

.rx-items-added-list-div {
  background-color: #ffffff;
  padding: 0px 30px 30px 30px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin-top: 1px;
  max-width: 100%;
}

.rx-items-added-sub-div-box-shadow {
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
  padding: 0px 15px 15px 15px;
}

.add-rx-items-details-sub-data {
  color: #51585d;
  font-size: 24px;
}

.add-rx-items-details-sub-data-italic {
  color: #51585d;
  font-size: 24px;
  font-style: italic;
}

.rx-items-border-bottom1 {
  border-bottom: 2px solid #d4d8df;
}

.rx-items-added-sub-div-box-2 {
  padding: 15px 0 0 15px;
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.5);
}

.rx-items-controls-input {
  width: 35px;
  height: 30px;
  text-align: center;
}

.rx-main-section {
  padding: 30px 56px 0px 0px;
}

.rx-items-content-api-value {
  color: #51585d;
}

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

.fs-20 {
  font-size: 20px !important;
}

.width-170 {
  width: 170px;
}

.rx-item-sub-template {
  margin: 16px 0px 0px 49px;
  padding: 25px 25px 0px 25px;
}

.rx-detail {
  color: #51585d !important;
}

.note-options {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
}

.text-transform-none {
  text-transform: none;
}

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

.rx-toggle-active {
  background-color: #477CFE !important;
  color: #DBF4FF !important;
}

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

.rx-itmes-note-loop {
  width: 384px;
  position: relative;
  top: -9px;
}

.rx-items-note-scroll {
  max-height: 150px;
  overflow-y: auto;
}

.rx-items-notes-list {
  padding: 5px 10px;
  height: 49px;
  width: 380px;
  border: 1px solid #d4d8df;
  color: #51585d;
  font-size: 24px;
  overflow-x: auto;
}

.rx-items-add-new-notes {
  box-sizing: border-box;
  height: 40px;
  width: 223.42px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.rx-items-add-notes-list {
  padding: 10px 5px;
  width: 381px;
  border: 1px solid #d4d8df;
  color: #b7bdc6;
  font-size: 24px;
}

.color-medium-grey5 {
  color: #727880;
}

.add-rx-search-btn:disabled {
  background: #d4d8df !important;
}

.rx-items-notes-list:hover {
  background-color: #dbf4ff !important;
}

.border-v-1-grey {
  border-bottom: 1px solid #d4d8df;
}

.rx-approvals-details-btn {
  height: 56px;
  width: 150px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
}

.rx-items-add-to-apporval-btn:disabled {
  background-color: #b2dd81 !important;
}

.added-rx-items-consolidate-btn-info {
  height: 56px;
  width: 210px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  color: #e2f8c9;
  font-size: 16px;
  margin-left: 30px;
}

.added-rx-items-consolidate-btn-info:disabled {
  background-color: #b2dd81;
}

.border-radius-left-4 {
  border-radius: 4px 0 0 4px !important;
}

.border-radius-right-4 {
  border-radius: 0 4px 4px 0 !important;
}

.rx-items-no-approval-cancel-btn {
  height: 56px;
  width: 142px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.rx-items-no-approval-check-btn {
  height: 56px;
  width: 280px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  margin-left: 10px;
}

.rx-minus-icon {
  margin-top: -4px;
  position: absolute;
  margin-left: -10px;
}

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

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

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

.fs-24 {
  font-size: 24px;
}

.height-48 {
  height: 48px;
}

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

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

.rx-save-btn {
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}

.rx-save-btn button {
  height: 56px;
  width: 222px;
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border: 3px solid #40b4e5;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.save-and-exit {
  height: 56px;
  width: 215px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.reconsolidated {
  box-sizing: border-box;
  height: 56px;
  width: 215px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.edit-rx {
  box-sizing: border-box;
  height: 32px;
  width: 80px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.rx-item-individual-row .description {
  width: 40%;
}

.rx-item-individual-row .weight {
  width: 15%;
}

.rx-item-individual-row .ndc-code {
  width: 25%;
}

.rx-item-individual-row .d-value {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
}

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

.rx-item-individual-row {
  margin-top: 6px;
}

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

.add-rx-page-div .header {
  font-size: 20px;
  line-height: 25px;
  color: #40b4e5;
}

.edit-rx-btn {
  margin-left: 4px;
}

.rx-delete-icon {
  background: url("../../../../../src/assets/images/delete-orange.svg") no-repeat;
  width: 36px;
  height: 34px;
  margin-left: 16px;
}

.rx-item-panel {
  width: 1094px;
  padding: 0px !important;
}

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

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

.width-20 {
  width: 20%;
}

.border-bottom-1px {
  border-bottom: 1px solid #d4d8df !important;
}

.font-weight-600, .ccid-create-btn {
  font-weight: 600;
}

.number-of-items {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.number-of-items-hr {
  border: 1px solid #d4d8df !important;
  margin-left: -30px;
  margin-right: -30px;
}

.number-of-rx-items {
  margin: 6px 0;
}

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

.rx-item-header {
  justify-content: flex-end !important;
}

.add-rx-back-btn {
  padding: 25px 0px 0px 0px;
}

.rx-item-individual-row {
  padding: 15px;
}

.letter-spacing-0 {
  letter-spacing: normal !important;
}

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

.add-empty-bottles-btn {
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  height: 80px;
  width: 211px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin-left: 35px;
}

.rx-bottle-weight-label {
  width: 153px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 16px;
}

.rx-bottle-weight-dropdown {
  height: 48px;
  width: 105px;
  margin-left: 20px;
  font-size: 16px;
  color: #51585d;
  border: 1.4px solid #d4d8df;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}

.rx-bottle-weight-dropdown .input-type-select {
  box-sizing: border-box;
  width: 249px;
  border-radius: 2px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  background: url(../../../../../src/assets/images/chevron-down-arrow.svg) no-repeat 96%/18% #ffffff;
  background-position-x: 75px;
  height: 100%;
}

.clear-empty-bottles {
  color: #40b4e5;
  font-size: 16px;
  margin-left: 70px;
}

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

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

.b-color-grey {
  background: #f2f2f2 !important;
}

.add-rx-sub-div-list {
  margin-left: 3px;
}

.add-rx-list-back {
  padding-left: 56px !important;
}

.ptrbl-0-25-0-29 {
  padding: 0px 25px 0px 29px !important;
}

.bb-grey {
  border-bottom: 2.15px solid #e7e9ed;
}

.rx-save-btn-disable {
  background-color: #b0e0f4 !important;
  border: 0px !important;
}

.rx-bottle-weight-dropdown-div {
  height: 48px;
  width: 105px;
  margin-left: 16px;
  margin-top: 25px;
}

.residual-weight-text {
  margin-left: 30px;
  text-align: left;
}

.bottle-total-weight {
  text-align: left;
}

.mb-24 {
  margin-bottom: 24px;
}

.rx-drawer-approval-added-div {
  background-color: #fbfbfb;
  position: relative;
  z-index: 101;
}

.rx-item-alert-content {
  height: 48px;
  background-color: rgba(226, 248, 201, 0.8);
  color: #77bc1f;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}
.rx-item-alert-content span {
  margin-left: 8px;
  width: 159px;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}

.rx-item-alert-container {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 48px;
}

.rx-item-added {
  height: 48px;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
}

.rx-item-added-slide {
  position: absolute;
  width: 480px;
  z-index: 100;
}

.stop-inventory-card .card-divide1 {
  width: 152px;
  border-right: 1.5px solid #d4d8df;
  padding-left: 16px;
  padding-bottom: 12px;
  background-color: #f0f3f8;
}

.stop-inventory-card .card-divide3,
.stop-inventory-card .card-divide2 {
  margin-left: 5px;
  border-right: 1.5px solid #d4d8df;
}
.stop-inventory-card .card-divide3 .card-sub-divide1,
.stop-inventory-card .card-divide2 .card-sub-divide1 {
  padding-bottom: 12px !important;
  padding-left: 16px !important;
}
.stop-inventory-card .card-divide3 .card-sub-divide2,
.stop-inventory-card .card-divide2 .card-sub-divide2 {
  border-left: 1.5px solid #d4d8df;
}
.stop-inventory-card .card-divide3 .card-sub-divide2 .approval,
.stop-inventory-card .card-divide2 .card-sub-divide2 .approval {
  width: auto;
}
.stop-inventory-card .card-divide3 .card-sub-divide2 .approval .value-box,
.stop-inventory-card .card-divide2 .card-sub-divide2 .approval .value-box {
  padding-left: 16px !important;
  padding-bottom: 10px;
  border-bottom: 1.5px solid #d4d8df;
}

.stop-inventory-card .card-divide2 {
  flex: 1;
}
.stop-inventory-card .card-divide2 .card-sub-divide2 {
  width: 200px;
}
.stop-inventory-card .card-divide2 .equal-width {
  flex: 1;
}

.stop-inventory-card .card-divide3 .card-sub-divide2 {
  width: 163px;
  border: none;
}
.stop-inventory-card .card-divide3 .card-sub-divide2 .approval .value-box {
  border: none;
}

.stop-inventory-card .card-divide4 {
  width: 144px;
  justify-content: center;
}

.stop-inventory-card {
  font-family: "Source Sans Pro";
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  height: auto;
  border-top: 8px solid #d4d8df;
  border-bottom: 1px solid #d4d8df;
}
.stop-inventory-card .card-divide1 .value {
  font-weight: bold;
}

.stop-inventory-card .header {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 6px;
  margin-top: 12px;
}

.stop-inventory-card .value {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
}

.truncate-text {
  text-overflow: clip;
  overflow: hidden;
}

.stop-inventory-card .card-divide2 .description {
  width: 390px;
}

.stop-inventory-card .card-divide2 .approval {
  width: 280px;
}

.stop-inventory-card .card-divide2 .weight {
  width: 110px;
}

.stop-inventory-card-btn {
  height: 40.31px;
  width: 117px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
}

.mleft-4 {
  margin-left: 4px;
}

.edit-approval-card {
  margin-top: 12px;
  margin-bottom: 16px;
}

.stop-inventory-header {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  margin-left: 56px;
}

.full-inventory {
  border-top: 8px solid #ffb92e;
}
.full-inventory .card-divide1 {
  background-color: #FFF9EE;
}

.full-inventory .full-text {
  color: #FEC407;
  font-size: 20px;
  line-height: 25px;
  margin-left: 5px;
}

.stop-inventory-reopen {
  margin-top: 11.9px;
}

.stop-inventory-non-ccid-card-btn {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin: auto 10px auto 16px;
}

.tsdf-column {
  background-color: #f0f3f8;
  margin: 0 !important;
}

.border-right {
  border-right: 1.5px solid #d4d8df;
}

.border-top {
  border-top: 1.5px solid #d4d8df;
}

.stop-inventory-card .card-divide2 .container-column {
  width: 110px;
}

.tsdf-code {
  font-weight: bold;
}

.wrong-time-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px !important;
  margin-left: 0px;
  margin-top: -44px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 225px;
}

.wrong-time-error::after {
  border-color: #f96b0e transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  left: 10%;
  margin-left: -5px;
  position: absolute;
  top: 100%;
}

.time-inp-active, .input:focus {
  border: 1px solid #477CFE;
  border-radius: 2px;
  background-color: #FFFFFF;
}

.btn-box-table {
  height: 99.5px;
  border-bottom: 1.5px solid #d4d8df;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin: 0px;
}
.btn-box-table.border-0 {
  border: none !important;
}

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

.edit-btn-div {
  height: 61px;
  display: flex;
  align-items: center;
}

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

.w-100 {
  width: 100%;
}

.edit-approval-inventory-btn {
  height: 40.31px;
  background-color: #ffffff;
  font-size: 16px;
  color: #40b4e5;
  display: flex;
  align-items: center;
}
.edit-approval-inventory-btn .edit-pencil-img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.custom-tab-outline .theme--light.v-card.v-card--outlined {
  color: #848c94 !important;
  font-size: 24px;
  padding: 0 !important;
  height: 75px;
  border: 1px solid #d4d8df !important;
  border-bottom: none !important;
  font-weight: bold;
  display: flex;
  background: transparent !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 272px;
}
.custom-tab-outline .theme--light.v-card.v-card--outlined .bottom-line {
  position: relative;
  margin-top: -5px;
}
.custom-tab-outline .theme--light.v-card.v-card--outlined .bottom-line::after {
  content: "";
  position: absolute;
  height: 6px;
  width: 64px;
  background-color: #d4d8df;
  bottom: -4px;
  left: 0px;
}
.custom-tab-outline .theme--light.v-card.v-card--outlined.scaleActive {
  background: #ffffff !important;
  color: #77bc1f !important;
  box-shadow: 0 0px 8px -4px rgba(0, 0, 0, 0.5);
}
.custom-tab-outline .theme--light.v-card.v-card--outlined.scaleActive .bottom-line::after {
  background-color: #77bc1f;
}
.custom-tab-outline .theme--light.v-card.v-card--outlined.inventoryBtnActive {
  background: #ffffff !important;
  color: #77bc1f !important;
  box-shadow: 0px -4px 5px -6px rgba(0, 0, 0, 0.5);
}
.custom-tab-outline .theme--light.v-card.v-card--outlined.inventoryBtnActive .bottom-line::after {
  background-color: #77bc1f;
}

.consolidate-approval-title {
  color: #848c94;
  font-size: 20px;
}

.consolidate-approval-name {
  color: #51585d;
  font-size: 24px;
}

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

.consolidate-sub-title {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.consolidate-main-section {
  padding: 30px 50px 0px 56px;
}

.consolidate-sub-section {
  padding: 20px;
  background-color: #ffffff;
}

.consolidate-step-2 {
  color: #40b4e5;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}

.consolidate-main-title {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
}

.consolidate-sub-div {
  margin-top: 20px;
}

.consolidate-create-ccid-button {
  height: 69px;
  width: 347px;
  border: 2px solid #40b4e5;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  color: #40b4e5;
  font-size: 20px;
  padding: 0px 20px;
}

.view-eligible-full-ccid {
  height: 20px;
  width: 151px;
  color: #40b4e5;
  font-size: 16px;
  line-height: 20px;
}

.no-eligible-ccids {
  color: #b7bdc6;
  font-size: 40px;
  line-height: 50px;
}

.consolidate-sub-div-2 {
  min-height: 150px;
}

.consolidate-back-btn {
  height: 56px;
  width: 164px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #ffffff;
}

.consolidate-add-btn {
  height: 56px;
  width: 222px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  text-align: center;
  color: #e2f8c9;
  margin-left: 10px;
}

.consolidate-add-btn:disabled {
  background-color: #b2dd81;
}

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

.ccid-main-list {
  min-height: 116px;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.ccid-main-list > div {
  padding: 10px;
}

.ccid-title-size, .ccid-select-title, .ccid-list-title {
  font-size: 20px;
  line-height: 25px;
}

.ccid-list-title {
  color: #848c94;
}

.ccid-select-icon {
  height: 32px;
  widows: 32px;
}

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

.width-125, .ccid-select-box {
  max-width: 125px !important;
}

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

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

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

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

.padding-10, .ccid-select-box {
  padding: 10px !important;
}

.ccid-list-value {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
}

.ccid-list-dropdown {
  box-sizing: border-box;
  height: 49px;
  width: 111px;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  padding-left: 10px;
  background: url(../../../../../src/assets/images/chevron-down-arrow.svg) 96%/7% no-repeat #ffffff;
}

.ccid-list-mark-btn {
  box-sizing: border-box;
  height: 56px;
  width: 115px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  color: #40b4e5;
}

.ccid-list-mark-div {
  display: flex;
  align-items: center;
}

.ccid-create-btn {
  height: 56px;
  width: 94px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff;
}

.ccid-delete-label {
  color: #ff6c0c;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.ccid-card-select {
  border-color: #77bc1f;
  border-radius: 2px;
}

.ccid-select-box {
  border-right: 1px solid #d4d8df;
}

.ccid-select-active {
  background-color: #77bc1f;
  color: #e2f8c9 !important;
}

.ccid-is-full {
  background-color: #ffb92e;
  color: #ffffff !important;
}

.ccid-dropdown-error {
  border-color: #ff6c0c !important;
}

.display-contents {
  display: contents;
}

.consolidate-sub-div .back-btn-consolidate {
  margin-bottom: -3px;
  position: static;
}

.has-error fieldset {
  border-color: #ff6c0c !important;
}

.ccid-card-error, .container-size-error, .container-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 316px;
  margin-top: 6px;
  padding: 4px 0px !important;
  position: absolute;
  text-align: center;
  width: 250px;
}

.ccid-card-error::before, .container-size-error::before, .container-error::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

.container-error {
  width: 208px;
}

.container-size-error {
  margin-left: 450px;
  width: 208px;
}

.duplicate-ccid-copy-btn {
  box-sizing: border-box;
  height: 51px;
  width: 103px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #47BDEB;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.height-16px {
  height: 16px;
}

.stop-document-component .print-doc-header {
  position: relative;
}

.stop-document-component .print-doc-header .print-label {
  padding: 0 12px;
  font-size: 40px;
  color: #51585d;
}

.stop-document-component .print-doc-header .print-button {
  height: 55px;
  width: 265px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 4px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #dbf4ff;
  cursor: pointer;
  outline: white;
}

.stop-document-component .print-doc-header .print-button .print-button-label {
  display: inline-block;
  width: 186px;
  text-align: left;
}

.stop-document-component .print-doc-header .print-button img {
  margin: 0 8px;
}

.stop-document-component .print-doc-header .disabled {
  background-color: #b0e0f4;
  color: #dbf4ff;
  pointer-events: none;
}

.stop-document-component .button-group {
  margin-top: 40px;
  padding-right: 12px;
}

.stop-document-component .button-group .outline-btn {
  font-size: 16px;
  border: 2px solid #40b4e5;
  color: #40b4e5;
  background: #ffffff;
  height: 38px;
  width: 133px;
  margin: 0 4px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}

.stop-document-component .button-group .outline-btn {
  outline: white;
}

.stop-document-component .document-table .document-type-table {
  padding-bottom: 0;
  padding-top: 0;
}

.stop-document-component .document-table .print-document-table {
  margin-top: 49px;
}

.stop-document-component .print-instruction-field {
  padding: 48px 12px 40px;
}

.stop-document-component .reprint-alert-box {
  background-color: #FFF9EE;
  border: 1px solid #ffb92e;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  height: 108px;
  margin-left: 10px;
  width: 717px;
}

.stop-document-component .alert-image {
  float: left;
  height: 17px;
  margin-left: 15px;
  margin-top: 19px;
  width: 18px;
}

.stop-document-component .reprint-alert-box .reprint-alert-info {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  height: 75px;
  letter-spacing: 0;
  line-height: 25px;
  margin: 16px 40px;
  width: 660px;
}

.stop-document-component .document-table .instruction-below-table {
  padding-top: 40px;
}

.manifest-number-warn-container {
  width: 936px;
  min-height: 400px;
  background: #ffffff;
}

.manifest-number-warn-info {
  margin: 0 86px;
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0;
}

.manifest-number-warn-info-child {
  margin: 20px 86px 0;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
  margin-top: 15px;
}

.manifest-number-warn-box {
  color: black;
}

.btn-group-manifest-number-warn button {
  width: 213px !important;
  height: 56px;
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #40b4e5 !important;
}

.document-type-table table {
  width: 100%;
}

.document-type-table table caption {
  text-align: left;
  color: #51585d;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.document-type-table table tr th {
  text-align: left;
  color: #848c94;
  font-size: 20px;
  font-weight: normal;
}

.document-type-table table tr td {
  color: #51585d;
  font-size: 22px;
}

.document-type-table table tr th img {
  height: 30px;
  cursor: pointer;
}

.document-type-table table tr td img {
  height: 30px;
  cursor: pointer;
}

.document-type-table table th .img-div {
  padding: 4px 20px;
}

.document-type-table table td .img-div {
  padding: 15px 20px;
}

.document-type-table .view-btn {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #848c94 !important;
  height: 45px;
  outline: white;
}

.document-type-table .view-row {
  padding: 0 10px;
}

.document-table-item td {
  border-bottom: 1px solid white;
}

.document-type-table .table-header-row th {
  border-bottom: 1px solid #d4d8df;
}

.document-type-table .selected-row {
  background-color: #d4d8df;
}

.document-table-item {
  height: 60px;
}

.document-table-item .reprint-container {
  position: relative;
}

.reprint-container .reprint-alert {
  height: 18px;
  left: -32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body::-webkit-scrollbar {
  width: 0.3em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: #40b4e5;
  outline: 1px solid #f0f3f8;
}

div::-webkit-scrollbar {
  width: 0.3em;
  height: 0.3em;
}

div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

div::-webkit-scrollbar-thumb {
  background-color: #40b4e5;
  outline: 1px solid #f0f3f8;
}

.right-drawer-active {
  width: 1094px !important;
}

.right-drawer-container {
  top: 70px !important;
  height: 1010px !important;
  padding: 24px 24px 0;
}

.right-drawer-inactive {
  width: 0 !important;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .close-drawer-container {
  margin-right: 10px;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .close-drawer-container img {
  height: 40px;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .close-drawer-container .close-label {
  margin-left: 16px;
  color: #51585d;
  font-size: 16px;
  line-height: 20px;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .location-container {
  text-align: left;
  margin-left: 8px;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .location-container .location-header {
  color: #8F979F;
  font-size: 20px;
  line-height: 25px;
}

.right-drawer-container .drawer-header-container .drawer-header-bar .location-container .location-label {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
  margin-top: 4px;
}

.right-drawer-container .scan-page-container .barcode-icon {
  height: 127px;
  width: 155px;
  margin-top: 97px;
}

.right-drawer-container .scan-page-container .normal-label {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
  margin: 8px 0 12px;
}

.right-drawer-container .scan-page-container .scan-instruction-label {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  margin-top: 46px;
}

.right-drawer-container .scan-page-container .scan-btn {
  height: 56px;
  width: 213px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: white !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  text-transform: none;
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  outline: white;
}

.right-drawer-pdf button {
  float: right;
}

.right-drawer-pdf .close-btn {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 16px;
  outline: none;
}

.right-drawer-pdf .close-btn img {
  height: 40px;
  margin-right: 16px;
}

.right-drawer-pdf .pdf-object {
  margin-top: 65px;
  position: fixed;
  margin-left: -24px;
}

.v-overlay__scrim {
  background-color: rgba(1, 48, 63, 0.9) !important;
}

.modal-container {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: black;
  width: var(--modal-width);
  height: var(--modal-height);
  padding: 24px 24px;
}

.info-modal {
  flex: 1;
}

.modal-container .cancel {
  height: 56px;
  padding: 0 25px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-right: 16px;
}

.modal-container .confirm {
  height: 56px;
  padding: 0 25px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.modal-container .modal-header {
  height: 50px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 24px;
}

.modal-container .sub-heading {
  margin-bottom: 4px;
  height: 31px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.modal-container .description-font {
  color: #5c6368;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 24px;
}

.modal-container .cancel .btn-normal {
  background-color: #848c94 !important;
}

.modal-container .cancel .btn-success {
  background-color: #77bc1f !important !important;
}

.modal-container .cancel .btn-primary {
  background-color: #40b4e5 !important;
}

.modal-container .cancel .btn-white {
  background-color: #ffffff !important;
  color: #40b4e5 !important;
}

.modal-container .cancel .btn-warning {
  background-color: #f96b0e !important;
}

.modal-container .confirm .btn-normal {
  background-color: #848c94 !important;
}

.modal-container .confirm .btn-success {
  background-color: #77bc1f !important !important;
}

.modal-container .confirm .btn-primary {
  background-color: #40b4e5 !important;
}

.modal-container .confirm .btn-white {
  background-color: #ffffff !important;
  color: #40b4e5 !important;
}

.modal-container .confirm .btn-warning {
  background-color: #f96b0e !important;
}

.description-font p {
  margin-bottom: 38px;
}

.modal-container .btn-cancel {
  display: flex;
  align-items: center;
}

.modal-container .btn-cancel .fas {
  font-size: 26px;
  margin-right: 10px;
}

.print-instruction-container {
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.print-instruction-container .header {
  color: #848c94;
  font-size: 20px;
  margin-bottom: 4px;
}

.print-instruction-container .description {
  width: 660px;
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
}

.print-instruction-container .button-group {
  margin-top: 36px;
}

.print-instruction-container .button-group .btn, .print-instruction-container .button-group .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .print-instruction-container .button-group .cancel-btn, .print-instruction-container .button-group .stop-instruction-btn-group .confirm-btn, .stop-instruction-btn-group .print-instruction-container .button-group .confirm-btn {
  height: 56px !important;
  width: 210px;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #dbf4ff;
  outline: white;
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
}

.print-instruction-container .button-group .cancel-btn {
  background-color: #848c94 !important;
  margin-right: 16px;
}

.print-instruction-container .button-group .print-btn {
  width: 270px;
  background-color: #40b4e5 !important;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.print-instruction-container .button-group .next-btn {
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
}

.print-instruction-container .button-group .print-btn .button-label {
  display: inline;
  margin-left: 5px;
}

.print-instruction-container .button-group .print-btn-disable {
  pointer-events: none;
  opacity: 0.6;
}

.enter-manifest-number-card .v-card__title {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 25px;
}

.enter-manifest-number-card .v-card__text {
  padding: 0 16px;
}

.enter-manifest-number-card .manifest-label {
  color: #848c94;
  font-size: 20px;
}

.enter-manifest-number-card .manifest-input {
  padding: 0 12px;
  position: relative;
}

.enter-manifest-number-card .manifest-input input {
  font-size: 24px;
}

.enter-manifest-number-card .manifest-select-col {
  padding: 0;
  height: 50px;
}

.enter-manifest-number-card .v-card__actions {
  margin-top: 16px;
  padding: 16px;
}

.enter-manifest-number-card .container-type-select {
  width: inherit;
}

.enter-manifest-number-card .cancel-btn {
  height: 55px !important;
  width: 210px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: white;
  background-color: #848c94 !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.enter-manifest-number-card .next-btn {
  height: 55px !important;
  width: 210px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #e2f8c9;
  background-color: #77bc1f !important;
  margin-left: 10px !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
}

.enter-manifest-number-card .redo-btn {
  height: 55px !important;
  width: 210px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #40b4e5;
  border: 2px solid #40b4e5;
  background-color: white !important;
  position: absolute;
  right: 16px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.enter-manifest-number-card .redo-btn img {
  margin-right: 7px;
  height: 16px;
}

.enter-manifest-number-card .v-input__slot {
  min-height: auto !important;
}

.enter-manifest-number-card .v-input {
  width: 80%;
}

.enter-manifest-number-card .v-select__selections {
  color: #51585d !important;
  font-size: 24px;
}

.enter-manifest-number-card .v-input fieldset {
  border: 1px solid #d4d8df;
}

.enter-manifest-number-card .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.enter-manifest-number-card .manifest-number-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 208px;
  top: -35px;
}

.enter-manifest-number-card .manifest-number-error::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

.enter-manifest-number-card .non-haz-manifest-error {
  width: 320px;
}

.enter-manifest-number-card .previous-manifest-number-error {
  width: 330px;
}

.alert-container {
  align-items: flex-start;
  padding: 0 8px;
}

.alert-list-container {
  align-items: flex-start;
}

.alert-container .header {
  color: #5C6368;
  font-size: 40px;
  line-height: 50px;
  margin: 25px 0;
}

.alert-container .item-container {
  height: 105px;
  width: 805px;
  border-radius: 4px;
  background-color: #FBFBFB;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin-bottom: 16px;
}

.alert-container .item-container .image-container {
  max-width: 72px;
  padding: 8px;
  border-right: 1px solid #D4D8DF;
}

.alert-container .item-container .image-container .product-image {
  height: 85px;
  width: 56px;
}

.alert-container .item-container .alert-description {
  padding: 8px 14px;
}

.alert-container .item-container .alert-description .alert-status {
  height: 24px;
  width: 143px;
  border-radius: 2px;
  background-color: #77BC1F;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.alert-container .item-container .alert-description .product-name {
  height: 25px;
  width: 480px;
  color: #5C6368;
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 8px 0 16px;
  white-space: nowrap;
}

.alert-container .item-container .alert-description .scanned-date {
  height: 16px;
  color: #848C94;
  font-size: 14px;
  line-height: 16px;
}

.alert-container .item-container .barcode-container {
  max-width: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #D4D8DF;
}

.alert-container .item-container .barcode-container img {
  width: 40px;
  height: 40px;
}

.scan-success-item {
  padding: 25px 0;
}

.scan-success-item .check-icon {
  height: 80px;
  margin: 30px 0;
}

.scan-success-item .alert-icon {
  height: 80px;
  margin: 30px 0;
}

.scan-success-container {
  width: 100%;
}

.scan-success-item .scan-results {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 15px;
}

.scan-success-item .approval-container {
  text-align: center;
}

.scan-success-item .approval-container .scanned-item {
  color: #51585d;
  font-weight: 400;
  font-size: 25px;
  line-height: 33px;
}

.scan-success-item .approval-container .flag-disposition-btn {
  background-color: #848c94 !important;
  color: white;
  margin: 16px 0;
  text-transform: none;
  width: 145px;
  height: 40px;
  outline: none;
  font-size: 16px;
}

.scan-success-item .no-approval-product-label {
  margin-top: 8px;
  width: 560px;
  color: #ff6c0c;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
}

.scan-success-item .row {
  width: 100%;
}

.scan-success-item .product-info-header {
  color: #51585d;
  font-weight: bold;
  font-size: 24px;
}

.scan-success-item .product-description-rows label {
  color: #8F979F;
  font-size: 20px;
}

.scan-success-item .product-description-rows p {
  color: #51585d;
  font-size: 24px;
}

.scan-success-item .product-description-rows .col {
  padding: 0 12px;
}

.scan-success-item .view-sds-btn {
  background: white !important;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #6AC5F5;
  text-transform: none;
  font-weight: 600;
  width: 190px;
  height: 50px !important;
  outline: none;
}

.scan-success-item .view-sds-btn .sds-icon {
  margin-right: 8px;
  height: 26px;
}

.scan-success-item .btn-disabled {
  pointer-events: none;
  opacity: 0.6;
}

.scan-success-item .product-details {
  justify-content: flex-start;
}

.scan-success-item .action-btn-div {
  align-self: flex-end;
  bottom: 25px;
  position: absolute;
  padding-right: 10px;
}

.scan-success-item .action-btn-div .create-btn {
  border-radius: 2px;
  text-transform: none;
  height: 55px;
  width: 210px;
  background-color: #40b4e5 !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #dbf4ff;
  font-weight: 600;
  font-size: 16px;
}

.scan-success-item .product-description-rows .not-approved {
  color: #ff6c0c;
}

.scan-success-item .product-description-rows .not-approved p {
  color: #ff6c0c;
  margin-bottom: 0;
}

.disposition-container {
  align-items: flex-start;
  padding: 0 8px;
}

.disposition-container .disposition-information .disposition-header {
  color: #5c6368;
  font-size: 40px;
  line-height: 50px;
  margin-top: 30px;
}

.disposition-container .disposition-information .disposition-description {
  width: 574px;
  color: #51585d;
  font-size: 20px;
  line-height: 25px;
  margin-top: 32px;
}

.disposition-container .cancel-btn-div {
  right: 24px;
  bottom: 25px;
  position: absolute;
}

.disposition-container .cancel-btn-div .cancel-btn {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #848c94 !important;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  text-transform: none;
}

.approval-container .no-approval-in-stop {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 32px;
  text-align: center;
}

.no-approval-in-stop .alert-label {
  color: #ff6c0c;
}

.no-approval-in-stop .info-label {
  color: #51585d;
}

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

@keyframes dots-animation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.scan-item-not-found {
  width: 100%;
  padding: 0 10px;
  margin-top: 30px;
}

.scan-item-not-found .instruction-container {
  padding: 0;
}

.scan-item-not-found .instruction-container .instruction-header {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
}

.scan-item-not-found .instruction-container .instruction-sub-header {
  margin: 32px 0 18px;
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.scan-item-not-found .instruction-container .instruction {
  width: 430px;
  padding-left: 5px;
}

.scan-item-not-found .instruction-container .instruction ol li {
  color: #727880;
  font-size: 20px;
  line-height: 25px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.scan-item-not-found .right-section-container {
  margin-top: 160px;
  padding: 0;
}

.scan-item-not-found .right-section-container .retake-image-container {
  margin-right: 27px;
}

.scan-item-not-found .right-section-container .retake-image-container .image-container {
  height: 495px;
  width: 400px;
  border: 1px solid #d4d8df;
}

.scan-item-not-found .right-section-container .retake-image-container .image-container img {
  height: 100%;
  width: 100%;
}

.scan-item-not-found .right-section-container .retake-image-container .btn-retake {
  margin-top: 8px;
  width: 100%;
  color: #40b4e5;
  border: 2px solid #40b4e5;
  background-color: white !important;
}

.scan-item-not-found .right-section-container .action-btn-group {
  margin-top: 68px;
}

.scan-item-not-found .right-section-container .action-btn-group .btn-cancel {
  color: white;
  width: 116px;
  background-color: #848c94 !important;
  margin-right: 18px;
}

.scan-item-not-found .right-section-container .action-btn-group .btn-success {
  color: #e2f8c9;
  width: 239px;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
}

.scan-item-not-found .right-section-container .action-btn-group .btn-success .check-icon {
  margin-right: 5px;
  height: 32px;
}

.scan-item-not-found .right-section-container .action-btn-group .btn-disable {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.scan-item-not-found .right-section-container .btn, .scan-item-not-found .right-section-container .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .scan-item-not-found .right-section-container .cancel-btn, .scan-item-not-found .right-section-container .stop-instruction-btn-group .confirm-btn, .stop-instruction-btn-group .scan-item-not-found .right-section-container .confirm-btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  height: 64px;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  text-transform: none;
}

.send-animation-container .image-container img {
  width: 320px;
  margin-top: 95px;
}

.send-animation-container .description-header {
  color: #8C8B8B;
  font-family: "Open Sans";
  font-size: 56px;
  line-height: 76px;
  margin: 9px 0;
  text-align: center;
}

.send-animation-container .description-text {
  width: 642px;
  color: #979696;
  font-family: "Open Sans";
  font-size: 22px;
  line-height: 30px;
  text-align: center;
}

.send-animation-container .description-header span {
  animation-name: dots-animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.send-animation-container .description-header #second-dot {
  animation-delay: 0.2s;
}

.send-animation-container .description-header #third-dot {
  animation-delay: 0.4s;
}

.scan-view-sds button {
  margin: 12px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scan-view-sds .sds-iframe {
  position: fixed;
  margin-left: -24px;
  width: 100%;
}

.scan-view-sds button img {
  height: 16px;
  margin-right: 8px;
}

.questionnaire-heading {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 49px;
}

.stop-questionnaire {
  padding: 23px 56px;
}

.sv_q_title {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 16px;
  font-weight: unset;
}

.sv_complete_btn {
  display: none;
}

.checked .sv_q_checkbox_label {
  background-color: #477CFE;
  color: #DBF4FF;
}

.sv_q_checkbox_control_item {
  width: 0;
  height: 0;
  visibility: hidden;
}

.sv_q_checkbox_label {
  width: 157px;
  display: flex !important;
  height: 48px;
  border: 1px solid #477cfe;
  background-color: #ffffff;
  text-align: center;
  color: #477cfe;
  font-size: 20px;
  line-height: 21px;
  cursor: pointer;
  justify-content: center;
}

.sv_q_checkbox_control_label {
  margin-top: 12px;
}

.sv_qcbc .sv-q-column-2:nth-child(3) {
  margin-left: -16.9px;
}

.sv_qcbc .sv-q-column-2:nth-child(2) .sv_q_checkbox_label {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.sv_qcbc .sv-q-column-2:nth-child(3) .sv_q_checkbox_label {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.sv_qcbc {
  margin-bottom: 32px !important;
}

.question-number {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 4px;
}

.sv_q_text_root {
  height: 50px;
  background-color: #ffffff;
  padding-left: 10px;
  font-size: 18px;
  width: 100%;
  margin-bottom: 30px;
}

.notes-main-div {
  padding: 10px 50px 10px 56px;
}

.notes-title {
  color: #5c6368;
  font-size: 40px;
  line-height: 57px;
}

.common-notes {
  color: #848c94;
  font-size: 20px;
  line-height: 20px;
}

.notes-select-field {
  box-sizing: border-box;
  height: 49px;
  width: 100%;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 5px;
  font-size: 24px;
  color: #838c93;
  background: url(../../../../../src/assets/images/chevron-down-arrow.svg) 97%/3% no-repeat #ffffff;
}
.notes-select-field option {
  color: rgba(0, 0, 0, 0.87);
}

.notes-textarea-div {
  margin-top: 10px;
  height: 163px;
  width: 100%;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
}

.notes-textarea {
  box-sizing: border-box;
  height: 133px;
  width: 100%;
  background-color: #ffffff;
  color: #51585d;
  font-size: 24px;
  padding: 10px;
  resize: none;
}

.notes-textarea-count {
  right: 60px;
  position: absolute;
  margin-top: 125px;
  font-size: 24px;
  color: #b7bdc6;
}

.dialog-bottom-0 {
  bottom: -20px !important;
  position: absolute;
}

.new-keyboard {
  position: absolute;
  bottom: -575px;
  left: -340px;
  background-color: #fffafa;
  padding: 0;
}

.simple-keyboard.hg-layout-default.ownkeyboardTheme .hg-button {
  height: 60px !important;
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0px 1px 5px #e6e6e6;
  margin: 2px 5px;
  border-radius: 8px;
}

.simple-keyboard.hg-layout-default.ownkeyboardTheme .hg-button-enter {
  background-color: #ffffff !important;
  color: black;
}

.v-dialog {
  box-shadow: none !important;
}

.textareaError {
  border: 1px solid #ff6c0c;
  color: #ff6c0c;
}

.textareaError span {
  color: #ff6c0c;
}

.textareaErrorTooltip {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  margin-left: 0px;
  margin-top: -36px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 250px;
}

.textareaErrorTooltip::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  left: 20px;
}

.simple-keyboard.hg-theme-default {
  background-color: #e6e6e6;
}

.stop-label-component .print-label-header {
  position: relative;
}

.stop-label-component .print-label-header .print-label {
  padding: 0 12px;
  font-size: 40px;
  color: #51585d;
}

.stop-label-component .print-label-header .print-button {
  height: 55px;
  width: 265px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 4px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #dbf4ff;
  cursor: pointer;
  outline: white;
}

.stop-label-component .print-label-header .disabled {
  background-color: #b0e0f4;
  color: #dbf4ff;
  pointer-events: none;
}

.stop-label-component .print-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stop-label-component .print-label-header .print-button img {
  margin: 0 8px;
}

.stop-label-component .reprint-alert-box {
  background-color: #FFF9EE;
  border: 1px solid #ffb92e;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  height: 83px;
  margin-left: 10px;
  width: 717px;
}

.stop-label-component .alert-image {
  float: left;
  margin-left: 15px;
  margin-top: 19px;
  height: 17px;
  width: 18px;
}

.stop-label-component .reprint-alert-box .reprint-alert-info {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  height: 50px;
  letter-spacing: 0;
  line-height: 25px;
  margin: 16px 40px;
  width: 660px;
}

.stop-label-component .labels-selector {
  display: flex;
  justify-content: space-between;
  width: 840px;
  padding: 0 12px;
  margin-top: 40px;
}

.stop-label-component .labels-selector div {
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
}

.stop-label-component .labels-selector .active-selector {
  font-weight: bold;
  border-bottom: 8px solid #77bc1f;
}

.card-system-diagnostics {
  width: 100%;
  overflow: scroll;
  height: 957px;
  top: -12px;
  position: relative;
  padding-left: 25px !important;
}
.card-system-diagnostics input {
  width: 400px;
}
.card-system-diagnostics .hidden {
  display: none !important;
}
.card-system-diagnostics .invisible {
  visibility: hidden;
}
.card-system-diagnostics .error-text {
  color: #f96b0e;
}
.card-system-diagnostics #epson-scanner-error-text {
  margin-top: 10px;
}
.card-system-diagnostics .diagnostic-success {
  display: block;
  font-weight: bold;
  font-size: 26px;
  padding-left: 60px;
  padding-top: 6px;
  min-height: 70px;
  background-image: url("/src/assets/images/check-full-green.svg");
  background-repeat: no-repeat;
  background-size: 50px;
}
.card-system-diagnostics .confirmation-feedback {
  position: relative;
}
.card-system-diagnostics .confirmation-feedback button {
  display: inline-block;
  margin-top: 10px;
  width: 200px;
}
.card-system-diagnostics .confirmation-feedback .button-success {
  background-color: #77bc1f;
  margin-right: 30px;
}
.card-system-diagnostics .confirmation-feedback .button-failure {
  background-color: #ff6c0c;
}
.card-system-diagnostics #diagnostic-cam-image-container {
  height: 202px;
  width: 152px;
  border: 1px solid black;
  margin-left: 74px;
  margin-bottom: 12px;
}
.card-system-diagnostics #diagnostic-cam-image-container img {
  height: 200px;
  width: 150px;
}
.card-system-diagnostics .small-diagnostic-button {
  background-color: #40b4e5;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.2509803922);
  height: 36px;
  width: 300px;
  color: #dbf4ff;
}
.card-system-diagnostics button.small-diagnostic-button:disabled {
  opacity: 0.4;
}
.card-system-diagnostics .diagnostic-complete-button-submit {
  background-color: #40b4e5;
  border-radius: 2px;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.2509803922);
  height: 56px;
  width: 213px;
  color: #dbf4ff;
}
.card-system-diagnostics .diagnostic-group {
  position: relative;
  margin-bottom: 40px;
}
.card-system-diagnostics .diagnostic-group .sd-input {
  margin-bottom: 10px;
}
.card-system-diagnostics .diagnostic-group .diagnostic-instructions {
  margin: 10px 0;
  width: 420px;
}
.card-system-diagnostics #light-strip-toggle-button {
  margin-top: 20px;
}
.card-system-diagnostics #barcode-scan-loading {
  text-align: center;
  width: 300px;
  margin: 10px 0;
}
.card-system-diagnostics .zebra-scan-complete span {
  display: block;
}
.card-system-diagnostics #connectivity-test-feedback {
  height: auto;
}
.card-system-diagnostics .input-disabled {
  background-color: #848c94 !important;
}
.card-system-diagnostics #epson-scanned-doc {
  margin-top: 20px;
}
.card-system-diagnostics #epson-scan-loading {
  margin-top: 20px;
}
.card-system-diagnostics .loading-spinner, .card-system-diagnostics .trip-sync-spinner {
  margin-left: 10px;
}
.card-system-diagnostics #cradlepoint-info table {
  border-collapse: collapse;
  border: none;
}
.card-system-diagnostics #cradlepoint-info table td:first-child {
  font-weight: bold;
}
.card-system-diagnostics #cradlepoint-info table td:last-child {
  padding-left: 15px;
}

.label-group-table table {
  width: 100%;
}

.label-group-table table caption {
  text-align: left;
  color: #51585d;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.label-group-table table tr th {
  text-align: left;
  color: #848c94;
  font-size: 20px;
  font-weight: normal;
}

.label-group-table table tr td {
  color: #51585d;
  font-size: 24px;
}

.label-group-table table tr th img {
  height: 24px;
  cursor: pointer;
}

.label-group-table table tr td img {
  height: 24px;
}

.label-group-table table th .img-div {
  padding: 4px 20px;
}

.label-group-table table td .img-div {
  padding: 5px 20px;
}

.label-table-item {
  height: 95px;
  vertical-align: top;
}

.label-table-item td {
  border-bottom: 1px solid white;
  padding-top: 10px;
}

.label-group-table .table-header-row th {
  border-bottom: 1px solid #d4d8df;
}

.label-group-table .selected-row {
  background-color: #d4d8df;
}

.label-group-table .quantity-selector .qty-group-prepend {
  height: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
}

.label-group-table .quantity-selector .qty-group-append {
  height: 40px !important;
  min-width: 40px !important;
  width: 40px !important;
}

.label-group-table .quantity-selector .qty-input {
  height: 40px !important;
  min-width: 40px !important;
  width: 48px !important;
  font-size: 24px;
  border-bottom-width: 0px;
}

.label-group-table .quantity-selector .container-qty-group {
  height: auto;
  width: auto;
}

.label-group-table .quantity-selector .container-qty-group .change-icon {
  height: auto;
}

.label-group-table .approval-div {
  position: absolute;
}

.label-group-table .ccid-div {
  font-weight: 600;
}

.label-group-table .selected-row {
  background-color: #d4d8df;
}

.custom-toast, .custom-toast-with-flag, .custom-toast-with-flag-error {
  border-radius: none !important;
  border-top: 8px solid #77bc1f !important;
  height: 80px !important;
  width: 344px !important;
  background-color: #e2f8c9 !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5) !important;
  color: #51585d !important;
  display: flex !important;
  align-items: flex-start !important;
  font-family: "Source Sans Pro " !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
}

.custom-toast-container {
  top: 173px !important;
  right: 19px !important;
}

.custom-toast-container a {
  color: #51585d !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: auto !important;
  margin-right: -35px !important;
}

.custom-toast-icon, .custom-toast-icon-with-flag-error, .custom-toast-icon-with-flag {
  background: url("../src/assets/images/check-circle.svg") no-repeat;
  background-size: 20px 20px;
  height: 25px;
  width: 25px;
  margin-right: 16px;
}

.custom-toast-action-icon, .custom-toast-action-icon-with-flag {
  background: url("../src/assets/images/close.svg") no-repeat;
  border-radius: 0 !important;
  border: none !important;
  background-size: 12px 12px;
  height: 20px;
  width: 20px;
}

.custom-toast-with-flag, .custom-toast-with-flag-error {
  border-top: 8px solid #ffb92e !important;
  background-color: #FFF9EE !important;
  padding: 0px 15px !important;
}

.custom-toast-container-with-flag, .custom-toast-container-inprogress {
  right: 19px !important;
}

.custom-toast-action-icon-with-flag {
  background: url("../src/assets/images/cancel.svg") no-repeat;
  height: 10px;
  width: 10px;
  min-width: 20px;
  background-size: 15px 15px;
  padding: 8px !important;
  margin-top: -28px !important;
}

.custom-toast-with-flag i, .custom-toast-with-flag-error i {
  margin-top: 6px;
  margin-right: auto !important;
}

.custom-toast-text-div {
  padding: 8px 0px 0px;
  width: 265px;
}

.custom-toast-header {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
}

.custom-toast-content, .trip-completed-toast-content {
  color: #5b6368;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: normal;
}

.trip-completed-toast-content {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}

.custom-toast-icon-with-flag {
  background: url("../src/assets/images/caution-outlined.svg") no-repeat;
}

.custom-toast-icon-with-flag-error {
  background: url("../src/assets/images/error-x.svg") no-repeat;
}

.custom-toast-with-flag-error {
  border-top: 8px solid #ff6c0c !important;
  background-color: #ffebe1 !important;
}

.custom-toast-inprogress-text-div {
  width: 265px;
}

.custom-toast-for-app-update {
  background-color: #e2f8c9 !important;
  border-top: 8px solid #77bc1f;
  height: 21px !important;
  color: #51585d !important;
  font-family: "Source Sans Pro" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 21px !important;
  height: 80px !important;
  width: 344px !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  justify-content: unset !important;
}

.custom-toast-for-app-update-icon {
  background: url("../src/assets/images/tick-circle-green.svg") no-repeat;
  height: 24px;
  width: 24px;
  min-width: 20px;
  background-size: cover !important;
  padding: 8px !important;
  margin-top: -26px !important;
  margin-right: 10px;
}

.toast-container-div {
  width: 250px;
  max-width: 250px;
}

.toast-container-div-title {
  color: #51585d !important;
  font-family: "Source Sans Pro" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 21px !important;
}

.toast-container-div-message {
  color: #51585d !important;
  font-family: "Source Sans Pro" !important;
  font-size: 14px !important;
  letter-spacing: normal !important;
  line-height: 18px !important;
  font-weight: normal !important;
  margin-top: 11px !important;
}

.keyboardContainer {
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
}

.simple-keyboard.hg-theme-default {
  display: inline-block;
}

.simple-keyboard-main.simple-keyboard {
  background-color: transparent;
}

.simple-keyboard .hg-button.emptySpace {
  pointer-events: none;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.simple-keyboard-arrows .hg-button {
  width: 50px;
  flex-grow: 0;
  justify-content: center;
  display: flex;
  align-items: center;
}

.simple-keyboard-control.simple-keyboard {
  background-color: transparent;
}

.simple-keyboard-control .hg-button {
  width: 50px;
  flex-grow: 0;
  justify-content: center;
  display: flex;
  align-items: center;
}

.numPad {
  display: flex;
}

.simple-keyboard-numpad.simple-keyboard {
  background-color: transparent;
}

.simple-keyboard-numpad.simple-keyboard {
  width: 280px;
}

.simple-keyboard-numpad.simple-keyboard .hg-button {
  width: 50px;
  height: 92.4px !important;
  justify-content: center;
  display: flex;
  align-items: center;
}

.complete-stop-container {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  z-index: -1;
}

.complete-stop-container .section1 {
  width: 900px;
  max-height: 577px;
  border-right: 1.3px solid #d7dbe2;
  overflow: auto;
}

.complete-stop-container .header-label {
  color: #47BDEB;
  font-size: 40px;
  line-height: 57px;
}

.complete-stop-container .header-description {
  width: 490px;
  color: #51585d;
  font-size: 24px;
  line-height: 35px;
}

.complete-stop-btn-groups .cancel {
  height: 56px;
  width: 102px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.complete-stop-btn-groups .complete-stop {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: rgba(0, 0, 0, 0.25);
  color: #e2f8c9;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-left: 16px;
}

.section1-container .complete-stop-header {
  padding: 16px 24px;
}

.complete-stop-header .header-container {
  display: flex;
}

.header-container .left-section {
  flex: 1;
}

.header-container .right-section {
  width: 360px;
  display: flex;
}

.weight-container:first-child {
  margin-right: 40px;
}

.weight-container {
  width: 160px;
}

.weight-container .label {
  color: #676767;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: right;
  margin-bottom: 10px;
}

.weight-container .value {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.weight-container .value .weight-indication {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}

.section1-container .first-pickup-alert {
  padding: 16px 24px;
  border-bottom: 1px solid #d4d8df;
}

.first-pickup-alert .alert-container {
  padding: 8px 20px 8px 14px;
  border: 1px solid #ffb92e;
  border-radius: 4px;
  background-color: #FFF9EE;
  display: flex;
  align-items: center;
}

.alert-container img {
  height: 26px;
  width: 44px;
  margin-right: 14px;
}

.alert-container .label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
}

.height-100p {
  height: 100%;
}

.complete-stop-container .section2 {
  width: 300px;
}

.section2 .incomplete-section {
  height: 68px;
  background-color: #FFF9EE;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  display: flex;
  align-items: center;
}

.complete-stop-container .center-section2-label {
  width: 90%;
  margin: auto;
}

.complete-stop-container .incomplete-section-list {
  height: 73px;
  background-color: #ffffff;
  color: #7D848B;
  font-size: 20px;
  line-height: 28px;
  display: flex;
  align-items: center;
  border-bottom: 1.3px solid #d7dbe2;
}

.incomplete-waste-section {
  border-bottom: 1.3px solid #d7dbe2;
}

.complete-stop-btn-groups {
  align-items: center;
  height: 20%;
  width: 100%;
  background-color: #ffffff;
  padding: 15px 25px;
  box-shadow: 0px 0px 10px 0px #b7bdc6;
}

.inc-customer-lbl {
  align-items: center;
  color: #F5515F;
  display: flex;
  padding-left: 25px;
}

.qa-alert-img {
  background: url("../../../../../src/assets/images/alert.svg") no-repeat;
  width: 18px;
  height: 14.22px;
  margin-right: 13px;
}

.qa-incomplete-img {
  color: #ffb92e;
  margin-right: 13px;
}

.complete-section {
  height: 69px;
  width: 292px;
  background-color: #e2f8c9;
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  display: flex;
}

.section-complete-icon {
  margin-right: 8px !important;
}

.fa-times-circle {
  color: #ff6c0c;
  margin-right: 9px;
}

.sorting-incomplete {
  font-size: 17px !important;
  margin-top: 6px;
}

.complete-stop-disabled {
  background-color: #b2dd81 !important;
  color: #e2f8c9;
}

.close-icons {
  background: url("../../../../../src/assets/images/error-x.svg") no-repeat;
  width: 32px;
  height: 32px;
  margin-top: 9px;
}

.close-sm-icon {
  width: 28px;
  height: 16px;
  background: url("../../../../../src/assets/images/x-error-sm.svg") no-repeat;
  margin-top: 6px;
  margin-right: 12px;
}

.complete-stop-container .status-col1 {
  height: 442px;
  overflow: auto;
}

.no-waste-pickup {
  width: 490px;
  color: #5c6368;
  font-family: "Source Sans Pro";
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 39px;
  display: block;
}

.no-waste-pickup-btn {
  color: #477cfe;
  font-family: "Source Sans Pro";
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  box-sizing: border-box;
  height: 48px;
  width: 267.94px;
  border: 1px solid #477cfe;
  cursor: pointer;
}

.bl-none {
  border-left: none;
}

.active-btn {
  background: #dbf4ff;
}

.no-waste-icon {
  color: #ffb92e;
  font-size: 30px;
  margin-right: 10px;
  margin-left: 13px;
}

.no-waste-label {
  color: #727880;
  font-family: "Source Sans Pro";
  font-size: 24px;
}

.complete-stop-header label {
  margin-bottom: 24px;
  display: block;
}

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

.border-top-bottom-left-radius {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.border-top-bottom-right-radius {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.waste-pickup-btns {
  margin-top: 15px;
}

.stop-time-detail {
  height: 68px;
  background-color: #f0f3f8;
  color: #848c94;
}

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

.height-80p {
  height: 80%;
}

.truck-sis-weight-label {
  color: #77bc1f !important;
}

.warning-label {
  color: #ff6c0c !important;
}

.weight-summary-container {
  width: 470px;
  float: right;
  padding: 0 24px 16px 0;
}

.weight-summary-container .top-section {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 6px;
}

.weight-summary-container .bottom-section {
  text-align: right;
  padding-top: 10px;
  border-top: 1px solid #d4d8df;
}

.bottom-section .note-label {
  color: #575757;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
}

.attachments-component .attachments-header {
  position: relative;
}

.attachments-component .attachment-label {
  padding: 30px 40px 0 56px;
}

.attachments-component .attachments-header .attachment-label {
  font-size: 40px;
  color: #51585d;
}

.attachments-component .attachment-table-div {
  padding: 0 56px;
}

.attachments-component .add-attachment-section {
  padding: 8px 0;
  margin: 0 56px;
  height: 70px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}

.attachments-component .pl-85 {
  padding-left: 85px;
}

.attachments-component .add-attachment-section .type-selector-div {
  min-width: 335px;
}

.attachments-component .add-attachment-section .input-div {
  width: 100%;
  padding: 0 15px;
}

.attachments-component .add-attachment-section .col {
  padding: 8px 0;
}

.attachments-component .delete-btn-td {
  display: flex;
  justify-content: flex-end;
}

.attachments-component .v-select__selections {
  color: #51585d !important;
  font-size: 24px;
}

.attachments-component .v-input fieldset {
  border: 1px solid #d4d8df;
  top: -8px;
}

.attachments-component .v-input__slot {
  min-height: auto !important;
}

.attachments-component .desc-input {
  font-size: 24px;
}

.attachments-component .add-btn {
  height: 50px !important;
  width: 280px;
  border-radius: 2px;
  font-size: 20px;
  font-weight: normal;
  text-transform: none;
  color: #40b4e5;
  border: 2px solid #40b4e5;
  background-color: white !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  outline: none;
}

.attachments-component .scan-page-btn {
  height: 65px !important;
  width: 300px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #40b4e5;
  border: 2px solid #40b4e5;
  background-color: white !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  outline: none;
}

.attachments-component .rescan-btn {
  margin-right: 15px;
}

.attachments-component .error-label {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
}

.attachments-component .page-desc-label {
  color: #51585d;
  font-size: 20px;
}

.attachments-component .done-btn {
  height: 65px !important;
  width: 210px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  color: #e2f8c9;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  outline: none;
  display: block;
  margin-top: 25px;
}

.attachments-component .i-frame-content {
  position: absolute;
  top: 0;
  right: 0;
}

.attachments-component .i-frame-content {
  color: red;
}

.attachments-component .description-error {
  color: red;
}

.attachments-component .add-btn img {
  margin-right: 10px;
}

.attachments-component .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.attachments-content .attachment-label {
  padding: 30px 0;
  color: #51585d;
  font-size: 40px;
}

.attachments-content {
  padding: 0 55px;
  position: relative;
}

.attachments-dialog {
  position: fixed;
  top: 0;
  right: 0;
  width: 1200px;
  margin: 0;
  height: 1015px;
  box-shadow: none;
  max-height: none;
  margin-top: 70px;
  background-color: #f2f2f2;
}

.attachments-dialog .attachments-header {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d4d8df;
}

.attachments-dialog .attachments-header .add-attachment-label {
  color: #5c6368;
  font-size: 40px;
  padding: 0 55px;
}

.attachments-dialog .close-btn {
  display: flex;
  align-items: center;
  margin: 0 25px;
  font-size: 16px;
  outline: none;
  color: #51585d;
}

.attachments-dialog .close-btn img {
  height: 40px;
  margin-right: 16px;
}

.attachment-type-table {
  padding: 0;
  padding-top: 12px;
}

.attachment-type-table table {
  width: 100%;
}

.attachment-type-table table tr th {
  text-align: left;
  color: #848c94;
  font-size: 20px;
  font-weight: normal;
}

.attachment-type-table table tr td {
  color: #51585d;
  font-size: 24px;
  padding: 15px 0;
}

.attachment-type-table .view-btn {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #848c94 !important;
  height: 45px;
  outline: white;
}

.attachment-type-table .view-row {
  padding: 0 13px;
}

.attachment-type-table .table-header-row th {
  border-bottom: 1px solid #d4d8df;
}

.attachment-type-table .delete-btn .btn-label {
  color: #40b4e5;
  font-size: 20px;
}

.attachment-type-table .delete-btn {
  display: flex;
  align-items: center;
  outline: none;
}

.attachment-type-table .delete-btn img {
  margin-right: 15px;
}

.attachment-type-table .desc-input::placeholder {
  color: #b7bdc6;
  background: white;
  height: 50px;
}

.attachments-component .w-210 {
  width: 210px !important;
}

.attachments-component .action-btn .capture-btn {
  height: 50px !important;
  width: 280px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-transform: none;
  color: #40b4e5;
  border: 2px solid #40b4e5;
  background-color: white !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  outline: none;
  float: right;
}

@media only screen and (max-width: 1000px) {
  .mobile-device {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .pin-layout-content {
    margin: auto;
    width: 90%;
  }
  .reset-header div:nth-child(2) {
    height: 165px;
  }
  .reset-header div:nth-child(2) label {
    font-size: 35px;
  }
  .reset-header {
    height: 165px;
  }
  .reset-pin-container div:nth-child(1) {
    font-size: 40px;
    margin: 45px 0px;
  }
  .reset-pin-container label {
    font-size: 18px;
  }
  .icon {
    font-size: 25px;
    padding: 25px;
  }
  .input-container {
    margin-bottom: 30px;
  }
  .reset-pin-container div:nth-child(4) {
    font-size: 20px;
    margin: 15px 0px;
  }
  .reset-pin-container {
    padding: 20px 40px;
  }
  .flex-success {
    width: 80%;
  }
  .flex-row {
    align-items: center;
    margin-bottom: 20px;
  }
  .flex-success p {
    font-size: 30px;
  }
  .flex-row div:nth-child(2) {
    font-size: 50px;
  }
  .fa-check-circle {
    font-size: 50px;
  }
}
.leave-approval-container {
  width: 936px;
  height: 295px;
  background: #ffffff;
}

.leave-approval-title {
  text-align: center;
  line-height: 50px;
  font-size: 40px;
  color: #5cbff0;
  width: 440px;
  height: 50px;
}

.leave-approval-content {
  height: 31px;
  width: 763px;
  color: #51585d;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
}

.leave-approval-button-group {
  color: #40b4e5;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
}

.approval-stay-button {
  padding-right: 15px;
  border-right: 1px solid #d4d8df;
}

.approval-leave-button {
  padding-left: 15px;
}

.scan-unknown-item {
  width: 100%;
  padding: 0 10px;
  margin-top: 30px;
}

.scan-unknown-item .information-container {
  padding: 0;
}

.scan-unknown-item .information-container .information-header {
  color: #51585d;
  font-size: 40px;
  line-height: 50px;
}

.scan-unknown-item .information-container .instruction-container {
  margin-top: 32px;
}

.scan-unknown-item .information-container .instruction-container .instruction-header {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}

.scan-unknown-item .information-container .instruction-container .instruction {
  padding-left: 2px;
  margin-top: 18px;
  color: #51585d;
  font-size: 20px;
  line-height: 25px;
}

.scan-unknown-item .information-container .action-container {
  margin-top: 32px;
  padding-left: 2px;
}

.scan-unknown-item .information-container .action-container .next-btn {
  color: #e2f8c9;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  text-transform: none;
  height: 64px;
  width: 240px;
  border-radius: 2px;
  background-color: #77bc1f !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
}

.stop-summary-container {
  padding: 0;
}

.stop-summary-container .stop-detail-header {
  height: 94px;
  background-color: #FBFBFB;
}

.stop-summary-container .stop-detail-header .print-btn {
  height: 56px;
  width: 272px;
  border-radius: 2px;
  background-color: #40B4E5;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.25);
  color: #DBF4FF;
  font-size: 16px;
  font-weight: 600;
  margin-left: 24px;
}

.stop-summary-container .stop-detail-header .print-btn img {
  width: 16px;
  margin-right: 8px;
}

.stop-summary-container .stop-detail-header .close-btn img {
  height: 44px;
  width: 45px;
  margin-right: 16px;
}

.stop-summary-container .stop-detail-header .close-btn .label {
  color: #51585D;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  padding-right: 26px;
}

.stop-summary-container .i-frame-content {
  width: 100%;
  height: calc(100vh - 176px);
}

.stop-summary-container .i-frame-content iframe {
  width: 100%;
  height: 100%;
}

.rx-drawer-box {
  transition: all 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.rx-drawer-box-content {
  display: flex;
  opacity: 1;
}

.bounce-enter {
  background-color: transparent;
}

.bounce-enter-active {
  animation: display 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85) 300ms;
}

.bounce-enter-active .added-rx-nil {
  opacity: 0;
}

@keyframes display {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.bounce-leave-active {
  animation: opacity 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
}

@keyframes opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.bounce-enter-active .rx-drawer-box-content {
  transition: opacity 200ms cubic-bezier(0.85, 0.15, 0.15, 0.85) 500ms;
}

.bounce-leave-active .rx-drawer-box-content {
  transition: opacity 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
}

.bounce-enter .rx-drawer-box-content {
  opacity: 0;
}

.slide-enter-active {
  transition: margin-top 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
}

.slide-leave-active {
  transition: margin-top 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
}

.slide-enter,
.slide-leave-to {
  margin-top: -70px;
}

.slide-enter-to,
.slide-leave {
  margin-top: 0px;
}

.flip-move {
  transition: transform 500ms cubic-bezier(0.85, 0.15, 0.15, 0.85);
}

.back-btn-view-ccid {
  height: 56px;
  width: 112px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
}

.back-btn-view-ccid-icon {
  background: url("../../../../../src/assets/images/left-chevron-white.svg") no-repeat;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  margin-top: 20px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 36px;
}

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

.trip-ccids-title {
  height: 50px;
  width: 240px;
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: 50px;
}

.ccid-all-list {
  min-height: 116px;
  border-top: 7px solid #d4d8df;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

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

.show-content-div {
  text-align: center;
  margin-top: 15px;
  color: #40b4e5;
}
.show-content-div img {
  width: 16px;
  height: 16px;
}

.show-contents-text {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.ccid-all-full {
  border-top: 7px solid #ffb92e !important;
}

.ccid-all-dropdown-main-row {
  background-color: #ffffff !important;
}

.ccid-all-dropdown-row {
  background-color: #ffffff !important;
  margin-top: -20px;
}

.ccid-all-dropdown-div {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.no-approvals-added-div {
  background-color: #ffffff;
}

.word-wrap-break {
  word-wrap: break-word;
}

.ccid-full-text {
  margin-left: 10px;
  color: #FEC407;
}

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

.trip-inventory-card {
  width: 1078px;
}

.pickup-data-full-content {
  display: flex;
  position: relative;
}

.pickup-information-container {
  background: #fbfbfb;
  border-right: 1px solid #e7e9ed;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 479px;
}

.pickup-data-container {
  height: calc(100vh - 82px);
  overflow-y: auto;
}

.stop-container {
  border-bottom: 1px solid #d4d8df;
  padding: 24px;
}

.header-text {
  color: #51585d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: 16px;
}

.stop-container .info-label {
  margin-bottom: 16px;
}

.stop-container .info-label:last-child {
  margin-bottom: 0;
}

.info-label .label-text {
  color: #51585d;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: 9px;
}

.info-label .info-text {
  color: #51585d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
}

.past-stop-container {
  padding: 24px 24px 24px 16px;
}

.past-stop-container .past-stop-info {
  margin-bottom: 24px;
}

.past-stop-content-container {
  margin-left: -5px;
  padding: 24px 24px 24px 0;
}

.past-stop-info:last-child {
  margin-bottom: 0;
}

.past-stop-info .title-text {
  color: #848c94;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 5px;
}

.past-stop-info .label-text {
  color: #51585d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
}

.past-stop-content-info .label-text {
  color: #51585d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 20px;
}

.past-stop-content-info .title-text {
  color: #848c94;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 5px;
}

.past-stop-info-container .approval-container .past-stop-info:first-child {
  margin-right: 9px;
}

.past-stop-info-container .approval-container .past-stop-info:last-child {
  margin-left: 9px;
}

.button-container {
  margin-top: 24px;
}

.button-container .btn, .button-container .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .button-container .cancel-btn, .button-container .stop-instruction-btn-group .confirm-btn, .stop-instruction-btn-group .button-container .confirm-btn {
  background-color: #ffffff !important;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  height: 56px !important;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  text-transform: none;
  width: 210px;
}

.button-container .inventory-btn {
  margin-right: 18px;
}

.expected-pickup-container {
  left: 31%;
  position: relative;
  width: 1185px;
}

.expected-pickup-container .header {
  color: #51585d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin: 31px 0 0 24px;
}

.expected-pickup-container .no-data {
  margin: 16px 0 32px 24px;
  color: #b7bdc6;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  width: 990px;
}

.expected-pickup-container .pickup-table-container {
  margin: 34px 0 0 24px;
  max-height: 72vh;
  overflow-y: auto;
  width: 1040px;
}

.expected-pickup-container .btn-container {
  border-top: 1px solid #d4d8df;
  padding: 21px 0 0 30px;
}

.btn-container .cancel-btn {
  background-color: #848c94 !important;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  height: 56px !important;
  letter-spacing: 0;
  line-height: 20px;
  margin-right: 16px;
  text-align: center;
  text-transform: none;
  width: 213px;
}

.btn-container .begin-stop-btn {
  background-color: #77bc1f !important;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #e2f8c9;
  font-size: 16px;
  font-weight: 600;
  height: 56px !important;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  text-transform: none;
  width: 216px;
}

table tr.expected-table-header-row {
  background-color: #f4f4f4;
}

.expected-pickup-table {
  align-items: flex-start;
  padding: 0;
}

.expected-table-header-row .label {
  border: 1px solid #d4d8df;
  border-radius: 2px 0 0;
  color: #676767;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
  width: 90px;
}

.expected-table-header-row .profile-label {
  border-left: none;
  border-radius: 0 2px 0 0;
  padding-left: 15px;
  text-align: left;
}

.expected-table-data .profile-item-data {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  border-left: none;
  border-radius: 0 2px 2px 0;
  color: #51585d;
  font-size: 16px;
  height: 56px;
  letter-spacing: 0;
  line-height: 24px;
  padding-left: 15px;
  text-transform: uppercase;
}

.expected-table-data .item-data {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  border-radius: 2px 0 0 2px;
  color: #575757;
  font-size: 16px;
  height: 56px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.item-data span {
  color: #51585d;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
}

.last-stop-inventory-container {
  left: 31%;
  padding: 24px 32px 0;
  position: relative;
  width: 1185px;
}

.last-stop-inventory-container .back-btn {
  height: 56px !important;
  width: 135px;
  background-color: #848c94 !important;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none;
}

.last-stop-inventory-container .back-btn img {
  height: 16px;
  margin-right: 14px;
}

.last-stop-inventory-container .inventory-title {
  color: #51585d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-top: 24px;
}

.last-stop-inventory-container .inventory-container {
  margin-top: 24px;
  overflow-y: auto;
  max-height: 75vh;
}

.button-container .disable-last-stop-btn {
  opacity: 0.6;
  pointer-events: none;
}

.expected-pickup-inventory-container {
  align-items: flex-start;
  background-color: #e2f8c9;
  border: 1px solid #77bc1f;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 0 24px;
  max-width: 940px;
  padding: 12px 24px 12px 0;
}

.expected-inventory-container {
  width: 1076px;
  max-width: 1076px;
}

.expected-pickup-inventory-container .pharmacy-note {
  color: #51585d;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  padding: 8px 0 0 52px;
}

.profile-info-container {
  padding: 0;
  margin-bottom: 16px;
}

.info-container .icon-container .bulb-img {
  height: 32px;
  margin: 0 16px;
  width: 32px;
}

.info-container .label-container div {
  color: #51585d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.info-container .label-container div span {
  font-weight: 600;
}

.profile-item {
  background-color: #f0f3f8;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  height: 64px;
  width: calc(100% - 96px);
}

.profile-item .info-container {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  height: 64px;
  min-width: 87px;
}

.info-container .label-text {
  color: #575757;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.info-container .percentage-value {
  color: #01303f;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
}

.info-container .not-available-label {
  color: #01303f;
  font-size: 16px;
  text-align: center;
}

.profile-container {
  max-width: calc(100% - 87px);
  width: calc(100% - 87px);
}

.profile-container .profile-label {
  color: #51585d;
  font-size: 20px;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  padding-left: 16px;
  max-width: calc(100% - 225px);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.profile-container .add-btn {
  background-color: #40b4e5 !important;
  border: 1px solid #40b4e5;
  color: #dbf4ff;
  width: 225px;
}

.profile-container .edit-btn {
  background-color: #ffffff !important;
  border: 1px solid #40b4e5;
  color: #40b4e5;
  width: 114px;
}

.profile-container .btn, .profile-container .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .profile-container .cancel-btn, .profile-container .stop-instruction-btn-group .confirm-btn, .stop-instruction-btn-group .profile-container .confirm-btn {
  border-radius: 4px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  height: 48px !important;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0 8px;
  text-transform: none;
}

.action-container .cancel-btn {
  background-color: #f66c0e !important;
  height: 48px !important;
  margin: 0 16px;
  width: 48px;
}

.cancel-btn img {
  height: 24px;
  width: 24px;
}

.action-container .add-container {
  background-color: #e2f8c9;
  border: 1px solid #417505;
  border-left: none;
  border-radius: 0 8px 8px 0;
  height: 56px;
  width: 84px;
}

.add-container .check-icon {
  height: 16px;
  width: 16px;
  margin-bottom: 4px;
}

.add-container .add-label {
  color: #575757;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.profile-container .not-present-label {
  color: #51585d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 16px;
}

.action-container .add-btn {
  background-color: #ffffff !important;
  border: 1px solid #40b4e5;
  height: 48px !important;
  margin-left: 16px;
  width: 48px;
}

.add-btn img {
  height: 24px;
  width: 24px;
}

.inactive-profile {
  opacity: 0.6;
}

.expected-container-item {
  background-color: #fbfbfb;
  border: 2px solid #d0d6dc;
  border-radius: 8px;
  box-shadow: 0 2px 8px -4px #01303f;
  height: 100px;
  padding: 0 0 0 18px;
  width: 100%;
}

.expected-container-item .icon-container {
  height: 100%;
  width: 56px;
}

.icon-container .icon-field {
  border-radius: 50%;
  border: 1px solid #b7bdc6;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  height: 40px;
  margin-right: 16px;
  width: 40px;
}

.expected-container-item .container-name {
  color: #51585d;
  flex: 1;
  font-size: 24px;
  font-weight: bold;
  height: 100%;
  letter-spacing: 0;
  line-height: 31px;
}

.expected-container-item .no-container-dot {
  margin-left: 56px;
}

.expected-container-item .expected-weight-container {
  border: 1px solid #d4d8df;
  border-bottom: none;
  border-top: none;
  height: 100%;
  width: 230px;
}

.expected-weight-container .weight-group .label {
  color: #848c94;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: right;
}

.expected-weight-container .weight-group .value {
  color: #51585d;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
}

.expected-container-item .dropdown-container {
  height: 100%;
  width: 98px;
}

.dropdown-container img {
  height: 32px;
  width: 32px;
}

.container-profile-detail {
  padding: 18px;
}

.container-profile-detail .header-label {
  color: #51585d;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}

.container-profile-detail .description-label {
  color: #51585d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  max-width: 700px;
}

.container-profile-detail .profile-list-container {
  margin: 16px 0 24px;
  width: 100%;
}

.container-profile-detail .unknown-item-container {
  background-color: #FFF9EE;
  border: 1px solid #ff6c0c;
  border-radius: 2px;
  height: 94px;
  padding: 8px 32px 8px 16px;
  width: 706px;
}

.unknown-item-container .notes .unknown-icon {
  height: 32px;
  margin-right: 16px;
  min-width: 32px;
}

.unknown-item-container .unknown-item-info {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 48px;
}

.unknown-item-info .label {
  color: #51585d;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 5px;
}

.unknown-item-info .label:first-child {
  margin-right: 16px;
}

.container-detail {
  margin-bottom: 15px;
}

.container-detail-active {
  background-color: #ffffff;
  border: 2px solid #40b4e5;
  border-radius: 8px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
}

.container-detail:not(.container-detail-active) .container-profile-detail {
  border: 2px solid #d0d6dc;
  border-top: 0;
  border-radius: 8px;
}

.no-expected-pickup-data {
  color: #b7bdc6;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  width: 990px;
}

.resizable-container {
  background-color: #e2f8c9;
  border: 1px solid #77bc1f;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 24px;
  width: 940px;
  position: relative;
  max-height: 122px;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.5s linear !important;
}

.resizable-container-active {
  width: 188px;
  color: black;
  height: 64px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding-left: 92px;
  transition: all 0.5s linear !important;
}

.resizable-container-content-container {
  position: absolute;
  left: 80px;
  height: 100%;
  width: 100%;
}

.resizable-container-content {
  vertical-align: baseline !important;
  margin-left: -32px;
  white-space: nowrap;
  overflow: hidden;
}

.note-content {
  padding-top: 8px;
  font-weight: bold;
}

.bulb-img2 {
  position: absolute;
  top: 16px;
  left: 16px;
  height: 32px;
  width: 32px;
}

.cross-icon {
  height: 24px;
  width: 24px;
  cursor: pointer;
  margin-left: 8px;
}

.loading-container,
.fetch-error {
  margin-top: 40px;
}

.fetch-error .header-label {
  color: #51585d;
  font-size: 40px;
  font-weight: 900;
  line-height: 32px;
}

.fetch-error .description-label {
  color: #51585d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 20px;
  text-align: center;
  width: 670px;
}

.accumulation-pickup-container {
  margin-top: 31px;
  padding: 16px 24px 0;
}

.accumulation-pickup-container .summary-container .item {
  margin-right: 16px;
}

.summary-container {
  margin-left: 8px;
}

.header-label {
  color: #51585d;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  margin-bottom: 16px;
}

.warning-box {
  border: 1px solid #ffb92e;
  border-radius: 4px;
  background-color: #FFF9EE;
  height: 88px;
  width: 591px;
  padding: 10px;
  margin-right: 18px;
}

.item .label {
  color: #848c94;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.item .value {
  color: #51585d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
}

.accumulation-pickup-container .note-container {
  background-color: #e2f8c9;
  border: 1px solid #77bc1f;
  border-radius: 4px;
  height: 65px;
  margin-top: 16px;
  padding: 0 16px;
  width: 941px;
}

.note-container .icon-container .bulb-icon {
  height: 32px;
  margin-right: 16px;
  width: 32px;
}

.header-container {
  width: 100%;
  margin-bottom: 8px;
}

.alert-icon {
  height: 32px;
  margin-right: 16px;
  width: 32px;
}

.note-container .label {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.accumulation-pickup-container .expected-data-container {
  margin-top: 24px;
  max-height: 60vh;
  overflow-y: auto;
  width: 1137px;
}

.accumulation-pickup-container .update-max-height {
  max-height: 67vh;
}

.expected-data-container table {
  background: #ffffff;
}

.expected-data-container .table-header {
  background-color: #f4f4f4;
  height: 48px;
  width: 1137px;
}

.table-header .label {
  border-right: none;
  border: 1px solid #d4d8df;
  color: #676767;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  letter-spacing: 0;
  line-height: 19px;
  padding: 0 8px;
  text-align: left;
}

.table-header .label:first-child {
  border-right: 2px 0 0;
}

.table-header .label:last-child {
  border-radius: 0 2px 0 0;
  border-right: 1px solid #d4d8df;
}

.table-header .profile-label {
  padding-left: 16px;
}

.table-header .quantity-label,
.table-header .weight-label {
  text-align: right;
}

.accumulation-table-data .label {
  border: 1px solid #d4d8df;
  border-right: none;
  color: #51585d;
  font-size: 16px;
  height: 56px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 0 8px;
  text-transform: uppercase;
}

.accumulation-table-data .container-label {
  text-transform: capitalize;
  padding-top: 8px;
  padding-bottom: 8px;
}

.accumulation-table-data .profile-label {
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.accumulation-table-data td pre {
  font-family: "Source Sans Pro";
}

.accumulation-table-data .weight-label,
.accumulation-table-data .quantity-label {
  text-align: right;
}

.accumulation-table-data .label:first-child {
  border-radius: 2px 0 0 2px;
}

.accumulation-table-data .label:last-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #d4d8df;
  padding-left: 10px;
}

.label .progress-container {
  background-color: #FFF9EE;
  border: 1px solid #ffb92e;
  height: 12px;
  position: relative;
  width: 175px;
}

.progress-container .progress-fill {
  background-color: #ff6c0c;
  border: 1px solid #ffb92e;
  height: 12px;
}

.expected-data-container .info-container {
  height: 705px;
}

.loading-container .loading-spinner, .loading-container .trip-sync-spinner {
  height: 64px;
  width: 64px;
}

.loading-container .loading-label {
  color: #51585d;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 16px;
}

.error-container .header-label {
  color: #51585d;
  font-size: 40px;
  font-weight: 900;
  line-height: 32px;
}

.error-container .description-label {
  color: #51585d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  margin-top: 20px;
  text-align: center;
  width: 670px;
}

.notice-container {
  height: 100%;
  width: 1686px;
  background-color: #f2f2f2;
}

.notice-side-menu {
  width: 479px;
  background-color: #ffffff;
  height: 100%;
}

.w-1207px {
  width: 1207px;
}

.notice-iframe-container {
  height: 679px;
  width: 1095px;
  background-color: #ffffff;
  box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin: 32px;
}

.release-notes-left-drawer {
  display: flex;
  justify-content: center;
  height: 610px;
  align-items: center;
  font-size: 40px;
  color: #5b6368;
  text-align: center;
  padding: 0 30px 0 50px;
}

.notice-got-it-btn {
  width: 260px;
  margin-top: 24px;
  height: 80px;
  font-size: 24px;
}

.stop-summary-container {
  height: 100%;
}

.stop-summary-table {
  align-items: flex-start;
  padding: 0 24px 30px;
}

.stop-summary-table .no-data {
  margin: 16px 0 32px 24px;
  color: #b7bdc6;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
  width: 990px;
}

.summary-table-header-row .label {
  border: 1px solid #d4d8df;
  border-right: none;
  color: #676767;
  font-size: 16px;
  height: 56px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 0 8px;
}

.summary-table-header-row .label:first-child {
  border-right: 2px 0 0;
}

.summary-table-header-row .label:last-child {
  border-radius: 0 2px 0 0;
  border-right: 1px solid #d4d8df;
}

.summary-table-header-row .profile-label {
  text-align: left;
  padding-left: 16px;
}

.summary-table-header-row .weight-label {
  text-align: right;
}

table tr.summary-table-header-row {
  background-color: #f4f4f4;
}

.stop-summary-table-data .profile-item-data {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  color: #51585d;
  font-size: 16px;
  height: 56px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 8px;
  text-transform: uppercase;
}

.stop-summary-table-data .profile-item-data pre {
  font-family: "Source Sans Pro";
}

.stop-summary-table-data .weight-item-data {
  background-color: #ffffff;
  border: 1px solid #d4d8df;
  border-left: none;
  color: #51585d;
  font-size: 16px;
  height: 56px;
  letter-spacing: 0;
  line-height: 24px;
  padding: 0 8px;
  text-align: right;
  text-transform: uppercase;
}

.mobile-card-label, .mobile-stop-list-title, .mobile-trip-title {
  color: #848c94;
  font-size: 16px;
  line-height: 20px;
}

.mobile-card-content, .mobile-stop-list-content, .mobile-trip-content {
  color: #51585d;
  font-size: 18px;
  line-height: 24px;
}

.height-100p {
  height: 100%;
}

.margin-top-80 {
  margin-top: 80px;
}

.min-h-100vh {
  min-height: calc(100vh - 56px);
}

.min-h-90vh {
  height: 90vh;
}

html, body {
  height: 100%; /* Needed for container's min-height  */
}

.mobile-container {
  min-height: 100%;
  margin-bottom: -40px; /* Put negative height of the footer here */
  padding-bottom: 40px; /* Put height of the footer here. Needed for higher than screen height pages */
}

.mobile-background {
  min-height: 700px;
  background: #fbfbfb;
}

.v-application--wrap {
  min-height: 755px;
}

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

.mt-32 {
  margin-top: 32px;
}

.mt-13 {
  margin-top: 52px;
}

.mt-14 {
  margin-top: 56px;
}

.mt-16 {
  margin-top: 64px;
}

.h690px {
  height: 690px;
}

.mobile-nav-bar .theme--dark.v-sheet {
  background-color: #0e303f;
  border-color: #0e303f;
  color: #dbf4ff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 1;
}

.mobile-nav-bar .v-toolbar__title {
  font-size: 24px;
}

.mobile-nav-bar .container {
  max-width: 100%;
}

.mobile-nav-link {
  color: #4ebaeb;
  line-height: 20px;
}

.mobile-main-contact-div {
  padding: 8px;
  height: 40px;
  background-color: #005576;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-main-contact-text {
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

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

.left-drawer-active {
  width: 90% !important;
}

.left-drawer-container {
  top: 0px !important;
  height: 100% !important;
}

.left-drawer-inactive {
  width: 0 !important;
}

.mobile-side-navbar-close {
  height: 24px;
  position: absolute;
  right: 10px;
}

.mobile-navbar-div > .v-toolbar__content, .v-toolbar__extension {
  padding: 4px 8px !important;
}

.mobile-trip-card {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-trip-card .theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  height: 56px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
}

.mobile-view-trip-btn {
  height: 56px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  width: 100%;
  color: #dbf4ff;
  font-weight: 600;
}

.no-assign-trip {
  font-size: 24px;
  color: #b7bdc6;
  line-height: 32px;
}

.mobile-stop-detail-card {
  padding: 2px 8px 8px;
}

.mobile-stop-status {
  height: 48px;
  background-color: #F0F3F8;
  padding: 12px 8px 15px;
}
.mobile-stop-status label {
  height: 21px;
  width: 41px;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.mobile-status-circle {
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
  align-self: center;
  margin: 0 8px;
}

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

.mobile-stop-card-group {
  min-width: 100%;
  margin: 8px 0;
}

.mobile-stop-active {
  color: #77bc1f;
}
.mobile-stop-active .mobile-status-circle {
  background-color: #77bc1f;
}

.mobile-stop-todo {
  color: #51585d;
}
.mobile-stop-todo .mobile-status-circle {
  background-color: #51585d;
}

.stop-instruction-header {
  padding: 5px 16px;
}

.mt45px {
  margin-top: 45px;
}

.mobile-stop-detail {
  color: #51585d;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  margin-top: 5px;
}

.mt24px {
  margin-top: 24px;
}

.stop-instruction-content {
  padding: 0 16px 16px;
}

.instruction-group {
  margin-bottom: 16px;
}

.h684 {
  min-height: 684px;
}

.stop-instruction-btn-group {
  display: flex;
  margin-top: auto;
  justify-content: space-between;
}
.stop-instruction-btn-group .btn, .stop-instruction-btn-group .cancel-btn, .stop-instruction-btn-group .confirm-btn {
  height: 56px;
  border-radius: 2px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.stop-instruction-btn-group .confirm-btn {
  width: 62%;
  background-color: #77bc1f !important;
  color: #e2f8c9;
}
.stop-instruction-btn-group .cancel-btn {
  width: 33%;
  background-color: #848c94;
  color: #ffffff;
}

.mobile-active-stop-warning {
  margin: 0 16px;
}
.mobile-active-stop-warning .mobile-active-stop-warning-info {
  display: flex;
  justify-content: center;
  color: #40B4E5;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
}
.mobile-active-stop-warning .mobile-active-stop-warning-title {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #575757;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-top: 16px;
}

.mobile-active-stop-detail-group {
  margin: 32px 0 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-stop-warn-got-it, .upc-btn-group button {
  height: 56px;
  border-radius: 2px;
  background-color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  width: 59%;
  color: #dbf4ff;
  font-weight: 600;
}

.btn-green {
  background-color: #77bc1f !important;
}

.success-response {
  height: 56px;
  width: 56px;
}

.sds-icon {
  height: 22px;
  width: 22px;
  margin-bottom: -6px;
  margin-right: 4px;
}

.t-190 {
  top: 190px;
}

.t-124 {
  top: 124px;
}

.mobile-login-main-div {
  margin: 5px 16px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  padding: 15px;
  height: 720px;
}

.mobile-login-h1 {
  color: #40b4e5;
  font-size: 32px;
  line-height: 40px;
}

.mobile-form-label {
  color: #848c94;
  font-size: 20px;
  line-height: 25px;
}

.mobile-form-input-field {
  box-sizing: border-box;
  height: 49px;
  width: 100%;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 0px 10px;
}
.hasError .mobile-form-input-field {
  border-color: #ff6c0c;
  color: #51585d !important;
}

.mobile-form-submit-btn-valid {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
}

.mobile-margin-top-45p {
  margin-top: 45%;
}

.mobile-email-error::before {
  border-bottom: 5px solid transparent;
  border-left: 8px solid #ff6c0c;
  border-top: 7px solid transparent;
  content: "";
  position: absolute;
  top: 24px;
  transform: rotate(90deg);
  right: 30px;
}

.mobile-email-error {
  background: #ff6c0c;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px !important;
  right: 30px;
  margin-top: -35px;
  padding: 4px 0px;
  position: absolute;
  text-align: center;
  width: 260px;
}

.mobile-email-name {
  color: #51585d;
  font-size: 18px;
  line-height: 24px;
}

.mobile-enter-your-pin {
  color: #40b4e5;
  font-size: 32px;
  line-height: 40px;
}

.mobile-login-pin-input1 {
  box-sizing: border-box;
  width: 32px;
  border-bottom: 1px solid #d4d8df;
  margin-right: 20px;
  color: #51585d;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 2px;
  text-align: center;
}

.mobile-login-pin-input2 {
  box-sizing: border-box;
  width: 32px;
  border-bottom: 1px solid #d4d8df;
  margin-right: 20px;
  color: #51585d;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 2px;
  text-align: center;
}

.mobile-login-pin-input3 {
  box-sizing: border-box;
  width: 32px;
  border-bottom: 1px solid #d4d8df;
  margin-right: 20px;
  color: #51585d;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 2px;
  text-align: center;
}

.mobile-login-pin-input4 {
  box-sizing: border-box;
  width: 32px;
  border-bottom: 1px solid #d4d8df;
  color: #51585d;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 2px;
  text-align: center;
}

.mobile-login-back {
  height: 56px;
  width: 112px;
  border-radius: 2px;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 200px;
}

.mobile-email-exist-error {
  color: #ff6c0c;
  font-size: 18px;
  text-align: center;
}

.mobile-form-submit-btn-valid:disabled {
  background-color: #b2dd81;
}

.stop-main-page-box-shadow {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.scan-active {
  background: url("../../../../../src/assets/images/scan.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.scan-inactive {
  width: 26px;
  height: 21px;
}

.attachment-icon {
  background: url("../../../../../src/assets/images/attachment-icon.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.QandA-icon {
  background: url("../../../../../src/assets/images/QandA.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.close-icon {
  background: url("../../../../../src/assets/images/cancel.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.refresh-icon-grey {
  background: url("../../../../../src/assets/images/refresh-grey.svg") no-repeat;
  width: 25px;
  height: 25px;
  margin-left: 8px;
}

.mob-stop-main-page-container .mob-stop-info-expand {
  width: 100%;
  height: 84px;
  transition: 10ms;
}

.mob-stop-main-page-container .mob-stop-info-item {
  height: 84px;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px;
}

.flex-w-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.m-right {
  margin-right: 16px;
}

.mob-stop-main-page-container .mob-stop-info-header {
  color: #5c6368;
  font-size: 18px;
  font-weight: 600;
}

.mob-stop-main-page-container .add-to-sync-truck {
  align-items: center;
  top: 45px;
  position: relative;
  margin: auto;
}

.mob-stop-main-page-container .add-to-sync-truck-btn {
  font-size: 18px;
  width: 100%;
  height: 56px;
  border-radius: 2px;
  background-color: #b2dd81;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #e2f8c9;
}

.mob-stop-main-page-container .stop-nav-list-container {
  width: 100%;
  position: relative;
  top: 24px;
}

.stop-nav-list-container .list-items {
  font-size: 24px;
  width: 95%;
  margin: auto;
}

.stop-nav-list-container .nav-item {
  align-items: center;
  height: 64px;
  margin: 8px 0px;
  border-radius: 2px;
  background-color: #f0f3f8;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.stop-nav-list-container .nav-item1 {
  border-left: 8px solid #40b4e5;
}

.stop-nav-list-container .nav-item-label {
  flex: 4;
  color: #51585d;
}

.stop-nav-list-container .nav-item2 {
  border-left: 8px solid #477cfe;
}

.stop-nav-list-container .nav-item3 {
  border-left: 8px solid #77bc1f;
}

.stop-nav-list-container .nav-item4 {
  border-left: 8px solid #45ddbf;
}

.mob-stop-main-page-container .stop-detail-container {
  width: 100%;
  position: relative;
  top: 28px;
  padding: 0px 16px;
}

.ma-t-16 {
  margin-top: 16px;
}

.stop-detail-container .stop-detail-label {
  font-size: 16px;
  color: #8c939b;
  margin-bottom: 4px;
}

.stop-detail-container .stop-detail-val {
  font-size: 18px;
  color: #8c939b;
}

.ma-tb-8 {
  margin: 8px 0px;
}

.ma-b-8 {
  margin-bottom: 8px;
}

.stop-nav-list-container .nav-edit-label {
  color: #8c939b;
  font-size: 14px;
}

.stop-nav-list-container .nav-item-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.save-icon {
  background: url("../../../../../src/assets/images/save-icon.svg") no-repeat;
  width: 32px;
  height: 32px;
  margin-right: 16px;
}

.refresh-icon-white {
  background: url("../../../../../src/assets/images/refresh-white.svg") no-repeat;
  width: 25px;
  height: 25px;
  margin-top: 10px;
}

.info-icon {
  background: url("../../../../../src/assets/images/info-icon.svg") no-repeat;
  width: 25px;
  height: 25px;
}

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

.mob-stop-main-page-container .sync-to-truck-btn {
  box-sizing: border-box;
  height: 56px;
  width: 344px;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.width-258p {
  width: 258px;
}

.width-344p {
  width: 344px !important;
}

.tick-icon-green {
  background: url("../../../../../src/assets/images/tick-icon-green.svg") no-repeat;
  width: 25px;
  height: 25px;
}

.stop-info-background {
  background: #fbfbfb !important;
}

.stop-info-icon-background {
  background: #ffffff;
}

@media only screen and (max-device-width: 480px) {
  .stop-infos {
    display: none;
  }
  .stop-detail-container {
    display: block;
  }
}
@media only screen and (min-device-width: 481px) {
  .stop-infos {
    display: block;
  }
  .stop-detail-container {
    display: none;
  }
}
.sync-to-truck {
  position: absolute;
  color: #40b4e5;
  border: 3px solid #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  width: 95%;
  height: 56px;
  box-sizing: border-box !important;
  font-size: 23px;
  display: flex;
  margin: 8px;
  align-items: center;
  justify-content: center;
  bottom: 0px;
}

.sync-to-truck:disabled {
  color: #b0e0f4;
  border: 3px solid #b0e0f4;
}

.h84p5 {
  height: 84.5%;
}

.upc-scan {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.upc-response-label {
  color: #51585d !important;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
}
.upc-response-label span {
  font-weight: bold;
}

.upc-product label {
  color: #51585d;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
}
.upc-product .upc-label-title {
  color: #848c94;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.upc-btn-group {
  bottom: 0px;
  position: absolute;
  width: 100%;
}
.upc-btn-group button {
  width: 48%;
}
.upc-btn-group .view-tds {
  color: #40b4e5;
  border: 3px solid #40b4e5;
  background-color: #ffffff !important;
}

.h700 {
  height: 700px;
}

.nav-item-label label {
  line-height: 32px;
}
.nav-item-label span {
  font-size: 12px;
  line-height: 15px;
  color: #FC8E00;
}

.mobile-stop-questionnaire {
  padding: 23px 23px;
}

.mobile-stop-questionaire {
  color: #40b4e5;
  font-size: 28px;
  line-height: 36px;
}

.mobile-question-number {
  color: #848c94;
  font-size: 16px;
  line-height: 20px;
}

.mobile-stop-questionnaire .sv_q_title {
  color: #51585d !important;
  font-size: 18px !important;
  line-height: 24px !important;
  margin-top: 5px !important;
}

.mobile-qa-sub-header-blocker {
  height: 40px;
  width: 100%;
  background-color: #005576;
  color: #dbf4ff;
  font-size: 24px;
  line-height: 28px;
  padding: 6px 15px;
}

.molecules-btn-confirm-standard {
  height: 56px;
  width: 213px;
}

.mobile-complete-qa-btn {
  height: 56px;
  width: 213px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #e2f8c9;
  font-size: 16px;
}

input[type=file] {
  width: 0px;
  height: 0px;
  visibility: none;
  display: none;
}

.add-an-image-btn {
  width: 213px;
  height: 56px;
  border: 2px solid #40b4e5;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.add-an-image-label {
  color: #40b4e5;
  font-size: 20px;
}

.save-and-exit-btn {
  height: 56px;
  width: 112px;
}

.save-and-exit-btn button {
  height: 56px;
  width: 112px;
  border-radius: 2px;
  background-color: #77bc1f;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  color: #e2f8c9;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.mobile-add-image-detail-card {
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
.mobile-add-image-detail-card .v-input__slot .v-input__append-inner .v-input__icon .v-icon {
  color: #d4d8df;
}
.mobile-add-image-detail-card .v-input__slot .v-input__append-inner .v-input__icon .v-icon.fa-angle-down:before {
  content: "\f078";
}

.mobile-image-details-preview {
  height: 184px;
  width: 312px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-add-image-description {
  border: 1px solid #d4d8df;
}

.mobile-add-image-textarea {
  box-sizing: border-box;
  border: 1px solid #d4d8df;
  border-radius: 2px;
  background-color: #ffffff;
  width: 100%;
  padding: 10px;
  font-size: 18px;
}
.mobile-add-image-textarea.hasError {
  border-color: #ff6c0c;
  color: #ff6c0c;
}

.mobile-add-image-details-delete {
  color: #FC8E00;
  text-decoration: none;
}

.mobile-image-delete-icon {
  height: 16px;
  width: 16px;
}

.mobile-image-details-label {
  color: #848c94;
  line-height: 20px;
}
.mobile-image-details-label.hasError {
  border-color: #ff6c0c;
  color: #ff6c0c;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.mobile-manifest-select {
  font-size: 18px;
}

.sub-header-blocker, .stop-instruction-header {
  height: 40px;
  background-color: #005576;
  position: fixed;
  width: 100%;
  top: 55px;
  left: 0px;
  z-index: 1;
}
.sub-header-blocker .sub-header-text, .stop-instruction-header .sub-header-text {
  color: #dbf4ff;
  font-size: 24px;
  line-height: 28px;
}
.sub-header-blocker .sub-header-text .sub-header-back-button, .stop-instruction-header .sub-header-text .sub-header-back-button {
  height: 24px;
  width: 24px;
}

.mt50px {
  margin-top: 50px;
}

.add-attachment-number {
  position: absolute;
  width: 44px;
  height: 40px;
  background: #51585d;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #d4d8df;
}

.add-rx-search-input-mbl {
  height: 62px;
  width: 89%;
  margin-left: 10px;
  font-size: 20px;
}

.add-rx-search-div {
  top: 17px;
  margin: 0 16px;
}

.loading-rx-items-mbl {
  margin-top: 44.5px;
  background-color: #fbfbfb;
}

.no-rx-approvals-added {
  height: 32px;
  width: 100%;
  color: #b7bdc6;
  font-size: 24px;
  letter-spacing: 0;
}

.mobile-rx-list-item-app, .mobile-rx-approval-details-main, .mobile-rx-approval-list {
  min-height: 102px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  padding: 16px;
  margin: 16px;
}

.mobile-rx-list-approval-name {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.mobile-rx-list-approval-description {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.margin-16 {
  margin: 16px;
}

.mobile-rx-approval-item-details-title {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 25px;
}

.mobile-rx-approval-item-details-div {
  margin: 8px;
  background-color: #ffffff;
  padding: 8px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-rx-approval-item-details-sub-title {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px !important;
}

.mobile-rx-approval-item-details-sub-details {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}

.mobile-rx-approval-item-details-back-btn, .no-rx-item-found-back-btn {
  height: 56px;
  width: 33%;
  border-radius: 2px;
  background-color: #848c94;
  color: #ffffff;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
  float: left;
}

.mobile-rx-approval-item-details-confirm-btn {
  height: 56px;
  width: 60%;
  border-radius: 2px;
  background-color: #77bc1f;
  color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  margin-left: 16px;
}

.mobile-rx-add-to-approval-btn {
  height: 56px;
  width: 62%;
  border-radius: 2px;
  background-color: #77bc1f;
  color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.25);
  float: right;
}

.mobile-rx-add-to-approval-btn:disabled {
  background-color: #b2dd81 !important;
}

.mb16, .mobile-rx-item-control-group, .mobile-rx-item-notes-dropdown {
  margin-bottom: 16px;
}

.mobile-rx-item-notes-dropdown {
  height: 48px;
  width: 100%;
}

.mobile-rx-item-control {
  width: 33%;
  float: left;
  height: 100%;
}

.mobile-rx-item-control-group {
  width: 100%;
  height: 48px;
}

.mobile-rx-item-control button img {
  vertical-align: middle;
}

.w48 {
  width: 48%;
}

.w100-imp {
  width: 100% !important;
}

.mobile-month-name {
  font-size: 24px;
  line-height: 32px;
  color: #51585d;
  font-family: "Source Sans Pro";
  letter-spacing: 0;
  text-align: right;
}

.mobile-rx-approval-weight-quantity {
  color: #6b7175;
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
}

.mobile-rx-approval-detail-input {
  color: #51585d;
  width: 35px;
  height: 30px;
  text-align: center;
}

.mobile-rx-items-add-previous-month-btn {
  color: #40b4e5;
  border: 3px solid #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  width: 100% !important;
  height: 69px !important;
  box-sizing: border-box !important;
  font-size: 23px;
  display: flex;
  padding: 0px 20px;
  align-items: center;
}

.mobile-rx-items-add-previous-month-btn:disabled {
  color: #b0e0f4;
  border: 3px solid #b0e0f4;
}

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

.mobile-combo-box {
  top: 155px !important;
}

.mobile-bg-color {
  background-color: #fbfbfb !important;
}

.mobile-group-confirm-btn {
  height: 56px;
}

.post {
  display: flex;
  align-items: center;
  float: right;
}

.h48 {
  height: 48px !important;
}

.mbl-remove-icon {
  margin-bottom: 16px;
  padding-left: 20px;
}

.rx-item-background {
  min-height: 660px;
  background-color: #fbfbfb;
}

.mobile-rx-approval-list {
  min-height: 332px;
  padding: 8px;
  margin: 8px;
}

.rx-item-drawer-sub-div {
  width: 50%;
  float: left;
}

.quantity-bottom {
  height: 74px;
  position: relative;
}

.mobile-approval-details-btn {
  width: 50%;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  position: absolute;
  bottom: 0;
  right: 0;
}

.details-rx-approval, .empty-p-listed-bottle-btn {
  box-sizing: border-box;
  height: 49px;
  width: 96%;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}

.rx-approval-with-count {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  margin-left: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.h-80 {
  height: 80px;
}

.mobile-approval-details-close-div {
  float: right;
  color: #40b4e5;
}

.mobile-approval-details-close-icon {
  font-weight: normal !important;
  color: #40b4e5;
  margin-right: 0px !important;
  right: 62px;
  position: absolute;
}

.mobile-approval-details-close-text {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: lighter;
  text-decoration: underline;
  margin-right: 20px;
}

.mobile-rx-approval-details-div {
  margin: 0 8px;
  min-height: 123px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-rx-approval-description-div {
  color: #848c94;
  margin: 14px 0 0 16px;
}

.mobile-rx-approval-details-edit-btn {
  height: 32px;
  width: 92px;
  box-sizing: border-box;
  border: 2px solid #40b4e5;
  border-radius: 2px;
  background-color: #ffffff;
  color: #40b4e5;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

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

.mobile-rx-approval-description-main-div {
  margin: 0 8px;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
}

.mobile-rx-approval-view {
  background-color: #ffffff;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  margin: 8px;
}

.mobile-rx-approval-details-main {
  min-height: 300px;
  padding: 8px;
  margin: 8px;
}

.remove-approval-dialog-title {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 28px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 16px !important;
}

.remove-approval-dialog-description {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}

.remove-approval-cancel-btn {
  margin: 8px 6px 8px 8px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  height: 56px;
  width: 35%;
  background-color: #848c94;
  box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.5);
}

.remove-approval-confirm-btn {
  margin: 8px 0 8px 6px;
  height: 56px;
  width: 55%;
  border-radius: 2px;
  background-color: #ff6c0c;
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.mobile-group-close-icon-div {
  margin: 15px 0;
  height: 24px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.mobile-rx-items-line {
  border: 0.5px solid #d4d8df;
  width: 100%;
}

.mobile-rx-item-details-group {
  margin-top: 14px;
}

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

.padding-15p {
  padding: 15px;
}

.mobile-add-empty-bottle-btn {
  width: 60%;
  align-items: flex-start !important;
  margin: 16px 0 0 16px;
}

.empty-p-listed-bottle-btn {
  height: 56px;
  width: 100%;
}

.approval-list-cards {
  width: 100%;
  margin-top: 32px;
}

.display-none {
  display: none;
}

.no-rx-item-found {
  margin-left: 16px;
  width: 100%;
}

.no-rx-item-found p {
  height: 32px;
  color: #b7bdc6;
  font-size: 24px;
  letter-spacing: 0;
}

.no-rx-item-found-back-btn {
  width: 55%;
}

.empty-p-listed-bottle-btn:disabled {
  color: #b0e0f4;
  border: 3px solid #b0e0f4;
}

.add-rxitem-row {
  display: flex;
  width: 100%;
}

.w60 {
  width: 60%;
}

.w80 {
  width: 80% !important;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.mobile-measure-unit-dropdown {
  height: 48px;
  width: 35%;
  margin: 21px 0px 16px 10px;
}

.bill-unit-text {
  float: left;
  vertical-align: middle;
  line-height: 48px;
  width: 50%;
}

.mobile-sub-contact-div {
  height: auto;
  width: 100%;
  background: linear-gradient(45.98deg, #01303f 0%, #005576 100%);
  box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
  padding: 20px 0px;
}

.mobile-sub-contact-text1 {
  color: #dbf4ff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px !important;
}

.mobile-sub-contact-text2 {
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px !important;
}

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

.mobile-sub-contact-icon {
  padding: 0px 12px !important;
}

.mobile-side-menu-icon {
  height: 18px;
  position: absolute;
  right: 10px;
}

.mobile-side-menu-list {
  height: 73px !important;
  border-bottom: 1px solid #d4d8df;
}

.no-shadow {
  box-shadow: none !important;
}

.mobile-side-menu-version {
  position: absolute;
  bottom: 0px;
  left: 12px;
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.mobile-help-sub-header-div {
  height: 40px;
  width: 100%;
  background-color: #005576;
  font-size: 20px;
  margin-top: -10px;
  padding: 5px;
}

.mobile-help-sub-header-div-img {
  transform: rotate(180deg);
  height: 16px;
  margin: 7px 3px;
}

.mobile-help-sub-header-title {
  color: #DBF4FF;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 63px;
  left: 35px;
}

.contact-examples-main-div-mobile {
  padding: 16px;
}

.regulator-div-mobile {
  box-sizing: border-box;
  height: 135px;
  width: 100%;
  border: 1px solid #ff6c0c;
}

.regulator-div-1 {
  width: 100%;
  height: 40px;
  background-color: #ffebe1;
  padding: 5px 15px;
}

.regulator-div-2 {
  width: 100%;
  padding: 12px;
}

.regulator-icon-mobile {
  height: 31px;
}

.regulator-text-1-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 31px;
  margin-left: 10px;
  position: absolute;
  margin-top: -3px;
}

.regulator-example-subtitle-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 4px !important;
}

.regulator-example-title-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 4px !important;
}

.regulator-example-contacts-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 4px !important;
}

.regulator-example-list-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 10px;
}

.regulator-text-2-mobile {
  margin-bottom: 0px !important;
}

.regulator-example-title1-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 4px !important;
  margin-top: 10px;
  margin-left: 10px;
}

.mobile-contact-row {
  border-bottom: 1px solid #d4d8df;
  padding-bottom: 16px;
}

.feedback-contact-main-div-mobile {
  padding: 32px 16px;
}

.please-contact-id-email {
  color: #40b4e5;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px !important;
  text-decoration: underline;
}

.feedback-image-mobile {
  height: 37px;
  margin-bottom: 14px;
}

.please-contact-text-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.please-contact-title-mobile {
  color: #848c94;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4px !important;
}

.please-contact-id-mobile {
  color: #51585d;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 4px !important;
  line-height: 20px;
}

.republic-services-contacts-text-mobile {
  color: #666E74;
  font-family: "Source Sans Pro";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
}

.hand-held-logo {
  /* base image width */
  /* for small mobile screens */
  /* for bigger mobile screens */
  /* for tablet screens */
}
.hand-held-logo img {
  width: 100px;
}
@media (min-width: 300px) {
  .hand-held-logo img {
    width: 150px;
  }
}
@media (min-width: 400px) {
  .hand-held-logo img {
    width: 200px;
  }
}
@media (min-width: 700px) {
  .hand-held-logo img {
    width: 350px;
  }
}

/*# sourceMappingURL=style.css.map */