@font-face {
  font-family: "HelveticaNeueLTW05-45Light";
  src: url("../fonts/HelveticaNeueLTW05-45Light.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW05-45Light.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNeueLTW05-55Roman";
  src: url("../fonts/HelveticaNeueLTW05-55Roman.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW05-55Roman.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNeueLTW05-65Medium";
  src: url("../fonts/HelveticaNeueLTW05-65Medium.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW05-65Medium.woff") format("woff");
}
@font-face {
  font-family: "HelveticaNeueLTW05-75Bold";
  src: url("../fonts/HelveticaNeueLTW05-75Bold.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW05-75Bold.woff") format("woff");
}
/* Variables */
/* CB Base styling */
/* Universal */
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
  font-family: HelveticaNeueLTW05-55Roman;
  color: #52565A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.4s ease;
  font-size: 1rem;
}

* {
  font-family: HelveticaNeueLTW05-55Roman, Arial, sans-serif;
  line-height: 1.5;
  box-sizing: border-box;
  font-weight: inherit;
}

/* Typography */
.xx-large {
  font-size: 4.1875rem;
}

.x-large {
  font-size: 3.1875rem;
}

.large {
  font-size: 2.375rem;
}

.medium {
  font-size: 1.75rem;
}

.small {
  font-size: 1.3125rem;
}

.x-small {
  font-size: 1rem;
}

.xx-small {
  font-size: 0.875rem;
}

.xxx-small {
  font-size: 0.75rem;
}

@media only screen and (max-width: 576px) {
  .xx-large {
    font-size: 3.1875rem;
  }
  .x-large {
    font-size: 2.375rem;
  }
  .large {
    font-size: 1.75rem;
  }
  .medium {
    font-size: 1.3125rem;
  }
  .small {
    font-size: 1rem;
  }
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  margin: 0;
  margin-bottom: 1.5rem;
}

p {
  margin: 0;
}

a {
  color: #118CCF;
}

a, button {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: inherit;
}

ul, li {
  padding: 0;
  margin: 0;
}

.lead-p {
  font-size: 1.25rem;
  font-family: HelveticaNeueLTW05-65Medium;
}

.terms {
  font-size: 0.875rem;
  color: #9697A3;
}

.strong {
  font-family: HelveticaNeueLTW05-75Bold;
}

.error {
  color: #DA291C;
  font-size: 0.875rem;
}

.hint, .note, .info {
  font-size: 0.875rem;
}

.note {
  border-left: 0.25rem solid #A0A1A5;
  padding-left: 0.5rem;
}

.hide {
  display: none;
}

img {
  width: 100%;
}

/* Form typography */
.form-label {
  font-family: HelveticaNeueLTW05-65Medium;
}

/* Grid */
.container, .container-xl {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 576px) {
  .container, .container-xl {
    max-width: 540px;
  }
}
@media only screen and (min-width: 752px) {
  .container, .container-xl {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .container, .container-xl {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1172px) {
  .container, .container-xl {
    max-width: 1140px;
  }
}

.container-fluid {
  max-width: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 992px) {
  .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.row {
  position: relative;
  width: 100%;
}

.row [class^=col] {
  float: left;
  padding: 0 1rem;
  min-height: 0.125rem;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 100%;
}

.col-1-sm {
  width: 4.6666666667%;
}

.col-2-sm {
  width: 13.3333333333%;
}

.col-3-sm {
  width: 22%;
}

.col-4-sm {
  width: 30.6666666667%;
}

.col-5-sm {
  width: 39.3333333333%;
}

.col-6-sm {
  width: 48%;
}

.col-7-sm {
  width: 56.6666666667%;
}

.col-8-sm {
  width: 65.3333333333%;
}

.col-9-sm {
  width: 74%;
}

.col-10-sm {
  width: 82.6666666667%;
}

.col-11-sm {
  width: 91.3333333333%;
}

.col-12-sm {
  width: 100%;
}

@media only screen and (min-width: 752px) {
  .col-1 {
    width: 4.6666666667%;
  }
  .col-2 {
    width: 13.3333333333%;
  }
  .col-3 {
    width: 22%;
  }
  .col-4 {
    width: 30.6666666667%;
  }
  .col-5 {
    width: 39.3333333333%;
  }
  .col-6 {
    width: 48%;
  }
  .col-7 {
    width: 56.6666666667%;
  }
  .col-8 {
    width: 65.3333333333%;
  }
  .col-9 {
    width: 74%;
  }
  .col-10 {
    width: 82.6666666667%;
  }
  .col-11 {
    width: 91.3333333333%;
  }
  .col-12 {
    width: 100%;
  }
  .hidden-sm {
    display: block;
  }
  .float-right {
    float: right !important;
  }
}
/* Container-flex */
.container-flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.flex-col {
  flex-direction: column;
}

.flex-grow-1 {
  flex-grow: 1;
}

.justify-content-between {
  justify-content: space-between;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

/* Inputs */
.input {
  margin-bottom: 2rem;
}
.input label {
  display: block;
}
.input label input, .input label textarea, .input label select {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #52565A;
  height: 48px;
  display: block;
  width: 100%;
  border: 1px solid #DDDEDF;
  border-radius: 2px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: inherit;
  box-sizing: border-box;
  caret-color: #118CCF;
}
.input label input:focus, .input label textarea:focus, .input label select:focus {
  outline: none;
  border: 1px solid #118CCF;
}
.input label textarea {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: auto;
}
.input label .uppercase {
  text-transform: uppercase;
}

/* Buttons */
button, .button {
  padding: 1.5rem 2.5rem 1.5rem 2.5rem;
  color: #fff;
  border: none;
  font-size: 1em;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.4s ease;
  box-sizing: border-box;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: 2rem;
}
button:focus, .button:focus {
  outline: none;
}
button.full-width, .button.full-width {
  width: 100%;
}
button.primary, .button.primary {
  background: #293189;
}
button.primary:hover, .button.primary:hover {
  background: #545AA1;
}
button.primary:focus, .button.primary:focus {
  background: #293189;
}
button.secondary, .button.secondary {
  background: #fff;
  color: #52565A;
  border: 1px solid #DDDEDF;
}
button.secondary:hover, .button.secondary:hover {
  border: 1px solid #118CCF;
}
button.secondary:focus, .button.secondary:focus {
  border: 1px solid #DDDEDF;
}
button.tertiary, .button.tertiary {
  background: #118CCF;
}
button.tertiary:hover, .button.tertiary:hover {
  background: #41A3D9;
}
button.tertiary:focus, .button.tertiary:focus {
  background: #118CCF;
}
button:disabled, .button:disabled {
  opacity: 0.6;
}
button:disabled:hover, .button:disabled:hover {
  cursor: not-allowed;
}

.table {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
}
.table p {
  font-size: 0.875rem;
}
.table table thead tr {
  background: #f9f9f9;
  text-align: left;
}
.table table thead tr th {
  padding: 1.5rem 1rem 1.5rem 1rem;
  font-family: HelveticaNeueLTW05-65Medium;
  font-weight: inherit;
  border-bottom: 2px solid #EDEEEE;
}
.table table tbody tr td {
  background: #fff;
  padding: 2.5rem 1rem 2.5rem 1rem;
  border-bottom: 0.25rem solid #f9f9f9;
}
.table table tbody tr td p:nth-child(2) {
  color: #9697A3;
}
.table.compressed thead tr th {
  padding: 1rem 1rem 1rem 1rem;
}
.table.compressed tbody tr td {
  padding: 1.5rem 1rem 1.5rem 1rem;
}

body {
  background: #f9f9f9;
  overflow: hidden;
  display: flex;
}

.intro-list {
  list-style: none;
}
.intro-list li {
  margin-bottom: 1.5rem;
}

/* Side nav */
.side-nav {
  height: 100%;
  width: auto;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 0.5rem;
  padding-right: 0;
  flex-shrink: 0;
}
.side-nav .inner {
  background: linear-gradient(311.75deg, #293189 0%, #0B82C9 100%);
  border-radius: 0.5rem;
  height: 100%;
  width: 232px;
  transition: all 0.6s ease;
  box-shadow: 4px 8px 16px 0 rgba(41, 49, 137, 0.32);
  position: relative;
}
.side-nav .inner .side-nav-logo {
  position: relative;
  min-height: 4.2rem;
  display: flex;
  align-items: center;
}
.side-nav .inner .side-nav-logo img {
  transition: all 0.6s ease;
}
.side-nav .inner .side-nav-logo .nav-collapse-btn {
  background: #118CCF;
  border-radius: 5px;
  width: 1.5rem;
  height: 4rem;
  display: inline-flex;
  transition: all 0.6s ease;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}
.side-nav .inner .side-nav-logo .nav-collapse-btn::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 8px 6px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.side-nav .inner .menu-link-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.side-nav.retract .inner {
  width: 5rem;
}
.side-nav.retract .inner .side-nav-logo .nav-collapse-btn {
  width: auto;
  left: 0.2rem;
}
.side-nav.retract .inner .side-nav-logo .nav-collapse-btn::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.side-nav.retract .inner .side-nav-logo img {
  width: 0;
  opacity: 0;
}
.side-nav.retract .profile-arrow {
  display: none;
}
.side-nav.retract .profile-name {
  display: none;
}
.side-nav.retract .profile-avatar {
  position: relative;
}
.side-nav.retract .profile-avatar .profile-avatar-inner {
  margin-right: 0;
}
.side-nav.retract .profile-avatar .avatar-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #FF821D;
  border: 1px solid #fff;
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
}
.side-nav.retract .side-nav-profile {
  justify-content: center;
}
.side-nav.retract .profile-avatar {
  margin-right: 0;
}
.side-nav.retract .menu-link-text {
  display: none;
}
.side-nav.retract .side-nav-list-main > li {
  position: relative;
}
.side-nav.retract .side-nav-list-main > li > a {
  justify-content: center;
}
.side-nav.retract .side-nav-list-main > li > a > i {
  margin-right: 0;
}
.side-nav.retract .side-nav-list-main > li > a.active {
  background: rgba(18, 24, 88, 0.2);
  box-shadow: 0 2px 8px 0 rgba(41, 49, 137, 0.08);
}
.side-nav.retract .side-nav-list-main > li > a.active::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.side-nav.retract .side-nav-list-main > li:hover {
  background: transparent;
}
.side-nav.retract .submenu {
  position: absolute;
  background: #121858 !important;
  padding: 0.5rem;
  top: -50%;
  right: -10.2rem;
  width: 10rem;
  border-radius: 3px;
  display: none !important;
}
.side-nav.retract .submenu li a {
  justify-content: left;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.side-nav.retract .submenu li:hover {
  background: none;
}
.side-nav.retract .updown-arrow {
  display: none;
}
.side-nav.retract .submenu-icon {
  display: none !important;
}
.side-nav.retract .submenu-item a::before {
  display: none;
}
.side-nav-logo {
  padding: 1rem;
}
.side-nav-logo img {
  max-width: 128px;
}
.side-nav-list {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.side-nav-list-main {
  list-style-type: none;
}
.side-nav-list-main > li {
  font-size: 1rem;
  line-height: 1.2rem;
  position: relative;
}
.side-nav-list-main > li:nth-child(1)::before {
  content: "";
  height: 1px;
  background: #3f90cb;
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0;
  display: block;
}
.side-nav-list-main > li:nth-child(1)::after {
  content: "";
  height: 1px;
  background: #3f90cb;
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0;
  display: block;
}
.side-nav-list-main > li:nth-child(1) {
  margin-bottom: 1rem;
}
.side-nav-list-main > li:nth-child(1) a {
  padding: 0.1rem 0.3rem;
}
.side-nav-list-main > li:nth-child(1):hover {
  background: transparent;
}
.side-nav-list-main > li.submenu-item > a {
  position: relative;
}
.side-nav-list-main > li.submenu-item > a::before {
  background: url("../img/plus-icon.png") no-repeat 0 0;
  background-size: cover;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
}
.side-nav-list-main > li.submenu-item > a.active::before {
  background: url("../img/minus-icon.png") no-repeat 0 0;
  background-size: cover;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  border: none;
}
.side-nav-list-main > li .submenu {
  display: none;
  list-style-type: none;
}
.side-nav-list-main > li .submenu li a {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 64px;
  position: relative;
}
.side-nav-list-main > li .submenu li a .submenu-icon {
  background: url("../img/submenu-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 5px;
  height: 1rem;
  display: inline-block;
  margin-right: 0.5rem;
}
.side-nav-list-main > li .submenu li a:hover::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.side-nav-list-main > li .submenu li .sub-submenu {
  display: none;
  list-style-type: none;
  padding-left: 10px;
}
.side-nav-list-main > li .submenu li .sub-submenu.menu-open {
  display: block;
  margin-top: 0;
}
.side-nav-list-main > li .submenu.menu-open {
  display: block;
  background: rgba(18, 24, 88, 0.2);
  box-shadow: 0 2px 8px 0 rgba(41, 49, 137, 0.08);
  margin-top: 0;
}
.side-nav-list-main > li a {
  font-family: HelveticaNeueLTW05-55Roman;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 16px 24px;
  opacity: 0.7;
}
.side-nav-list-main > li a.active {
  background: rgba(18, 24, 88, 0.2);
  box-shadow: 0 2px 8px 0 rgba(41, 49, 137, 0.08);
  opacity: 1;
}
.side-nav-list-main > li a:hover {
  opacity: 1;
}
.side-nav-list-main > li a.active::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.side-nav-list-main > li > a:hover {
  background: rgba(18, 24, 88, 0.2);
  box-shadow: 0 2px 8px 0 rgba(41, 49, 137, 0.08);
  opacity: 1;
}
.side-nav-list-main > li .menu-icon-text {
  background: #3e8fca;
  width: 46px;
  height: 46px;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  flex-shrink: 0;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  color: #fff;
  font-style: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}
.side-nav-list-main > li .menu-icon-1 {
  background: url("../img/menu-icon-1.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-2 {
  background: url("../img/menu-icon-2.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-3 {
  background: url("../img/menu-icon-3.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-4 {
  background: url("../img/menu-icon-4.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-5 {
  background: url("../img/menu-icon-5.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-6 {
  background: url("../img/menu-icon-6.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-7 {
  background: url("../img/menu-icon-7.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-8 {
  background: url("../img/menu-icon-8.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-9 {
  background: url("../img/menu-icon-9.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-10 {
  background: url("../img/menu-icon-10.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .updown-arrow {
  background: url("../img/up-down-arrow.png") no-repeat 0 0;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  margin-left: 0.7rem;
  flex-shrink: 0;
}
.side-nav-list-main > li .menu-icon-billing {
  background: url("../img/billing-icon.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.side-nav-profile {
  background: #121858;
  position: absolute;
  bottom: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
  padding: 0.5rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.side-nav-profile .profile-avatar {
  position: relative;
}
.side-nav-profile .profile-avatar .profile-avatar-inner {
  background: #FF821D;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 0.8rem;
  overflow: hidden;
}
.side-nav-profile .profile-avatar .avatar-dot {
  display: none;
}
.side-nav-profile .profile-name {
  color: #fff;
}
.side-nav-profile .profile-arrow {
  background: url("../img/profile-down-arrow.png") no-repeat 0 0;
  width: 1.2rem;
  height: 0.7rem;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
}

.page {
  padding-top: 2rem;
  height: 100%;
  overflow: auto;
  width: 100%;
}

.custom-width {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.page-header h1 {
  margin: 0;
}
.page-header .control-bar {
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.page-header .control-bar .filters {
  display: flex;
}
.page-header .control-bar button, .page-header .control-bar .button {
  border: 1px solid #EBEBEB;
  border-radius: 2px;
  background-color: #FFFFFF;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #EBEBEB;
  width: 152px;
  text-align: left;
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  text-decoration: none;
  color: #52565A;
}
.page-header .control-bar button.small, .page-header .control-bar .button.small {
  width: auto;
}
.page-header .control-bar button span, .page-header .control-bar .button span {
  position: relative;
  width: 1rem;
  height: 1rem;
  background: #DDDEDF;
  margin-right: 0.5rem;
  border-radius: 50%;
}
.page-header .control-bar .save-views button, .page-header .control-bar .save-views .button {
  background: #F4F4F9;
  color: #293189;
  border: none;
  width: 194px;
  margin-right: 0;
}
.page-header .control-bar .save-views button span, .page-header .control-bar .save-views .button span {
  background: none;
  border: 2px solid #293189;
}

.page-heading-panel {
  border-bottom: 2px solid #edeeee;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-heading-panel h1 {
  margin-bottom: 0;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper {
  position: relative;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link {
  font-size: 16px;
  line-height: 32px;
  font-family: HelveticaNeueLTW05-75Bold;
  color: #293189;
  display: flex;
  align-items: center;
  text-decoration: none;
  text-decoration: underline;
  position: relative;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link:hover {
  text-decoration: none;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link img {
  max-width: 24px;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link span {
  font-family: HelveticaNeueLTW05-75Bold;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link .calandar-date {
  background: url("../img/calandar-icon-inactive.png") no-repeat 0 0;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper span {
  font-family: HelveticaNeueLTW05-55Roman;
  padding-left: 8px;
  color: #293189;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link-wrapper-inner.active {
  color: #118CCF;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link-wrapper-inner.active a {
  color: #118CCF;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link-wrapper-inner.active span:first-child {
  font-family: HelveticaNeueLTW05-75Bold;
  padding-left: 8px;
  color: #118CCF;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link-wrapper-inner.active span {
  color: #118CCF;
}
.page-heading-panel .page-heading-right .filled-date-link-wrapper .filled-date-link-wrapper-inner.active .calandar-date {
  background: url("../img/calandar-icon-active.png") no-repeat 0 0;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.page-heading-panel.no-border {
  border: none;
}

.fill-data-table {
  border-collapse: collapse;
  margin-top: 1.2rem;
}
.fill-data-table tr {
  background: #fff;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  cursor: pointer;
}
.fill-data-table tr th {
  background: #f9f9f9;
  text-align: left;
  padding: 0.8rem 1rem 0.8rem;
  border-bottom: 2px solid #edeeee;
  color: #9697a3;
  white-space: nowrap;
}
.fill-data-table tr th.p-0 {
  padding: 0;
}
.fill-data-table tr td {
  padding: 2rem 1rem;
  border-bottom: 2px solid #edeeee;
  color: #52565a;
  position: relative;
  z-index: 1;
}
.fill-data-table tr td span {
  display: block;
  color: #9697a3;
}
.fill-data-table tr:hover td:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.13);
}
.fill-data-table tr:hover td:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 2px;
  left: -18px;
  right: 0;
  z-index: -1;
  width: 36px;
  background: #fff;
}
.fill-data-table tr:hover td:nth-child(1):after {
  content: "";
  display: none;
}
.fill-data-table tr:hover td:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0;
  z-index: -1;
  width: 15px;
  background: #fff;
}
.fill-data-table tr:hover td.no-data:before {
  content: "";
  display: none;
}
.fill-data-table tr:hover td.no-data:after {
  content: "";
  display: none;
}
.fill-data-table .fill-data-table tr:hover .fill-data-table tr td:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 0 1px 20px 2px rgba(0, 0, 0, 0.3);
}
.fill-data-table .text-blue {
  color: #293189;
}
.fill-data-table .status-cancelled div {
  color: #ff821d;
  position: relative;
  padding-left: 35px;
}
.fill-data-table .status-cancelled div::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ff821d;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.fill-data-table .status-closed div {
  color: #78be21;
  position: relative;
  padding-left: 35px;
}
.fill-data-table .status-closed div::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #78be21;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.fill-data-table .status-open div {
  color: #293189;
  position: relative;
  padding-left: 35px;
}
.fill-data-table .status-open div::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #fff;
  border: 2px solid #293189;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.fill-data-table .green {
  color: #78be21;
}
.fill-data-table .capped-text {
  background: #eaebf3;
  padding: 2px 4px;
  display: inline-block;
  color: #293189;
  margin-top: 4px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}
.fill-data-table .short-btn {
  background: url("../img/short-btn.png") no-repeat 0 0;
  background-size: cover;
  border: 1px solid #bebfc2;
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: block;
}
.fill-data-table.compress-table-view td {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.fill-data-table.compress-table-view .short-btn {
  background: url(../img/short-btn-compress.png) no-repeat 0 0;
  background-size: cover;
  border: 1px solid #bebfc2;
  width: 36px;
  height: 36px;
  border-radius: 2px;
  display: block;
  margin-left: auto;
}
.fill-data-table.customer-table tr td {
  padding: 17px 24px;
}
.fill-data-table.customer-table tr th {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.fill-data-table.customer-table tr:hover td:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -18px;
  right: 0;
  z-index: -1;
  width: 36px;
  background: #fff;
}

.fill-data-top-btn-panel {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  justify-content: space-between;
}
.fill-data-top-btn-panel .fill-data-drop-btn {
  margin-right: 8px;
  position: relative;
}
.fill-data-top-btn-panel .fill-data-drop-btn a {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #52565a;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.fill-data-top-btn-panel .fill-data-drop-btn a img {
  max-width: 22px;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a > span {
  background: url("../img/drop-arrow-grey.png") no-repeat 0 0;
  background-size: contain;
  width: 10px;
  height: 6px;
  display: inline-block;
  margin-left: 24px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .status-icon {
  background: url("../img/status-checked-icon.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .style-icon {
  background: url("../img/style-icon.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 11px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .customer-icon {
  background: url("../img/customer-icon.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .container-icon {
  background: url("../img/container-icon.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .brand-icon {
  background: url("../img/brand-icon.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a .date-icon-drop {
  background: url("../img/date-icon-drop.png") no-repeat 0 0;
  width: 24px;
  height: 22px;
  background-size: cover;
  margin-right: 8px;
  flex-shrink: 0;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active {
  border-color: #b3d8f6;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active span {
  background: url("../img/drop-arrow-active.png") no-repeat 0 0;
  background-size: contain;
  width: 10px;
  height: 6px;
  display: inline-block;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .status-icon {
  background: url("../img/status-checked-icon-active.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .style-icon {
  background: url("../img/style-icon-active.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 11px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .customer-icon {
  background: url("../img/customer-icon-active.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .container-icon {
  background: url("../img/container-icon-active.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .brand-icon {
  background: url("../img/brand-icon-active.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .date-icon-drop {
  background: url("../img/date-icon-drop-active.png") no-repeat 0 0;
  width: 24px;
  height: 22px;
  background-size: cover;
  margin-right: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .clear-filter-btn {
  background: url("../img/close-btn-filter.png") no-repeat 0 0 #fff;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 24px;
  position: absolute;
  right: 11px;
  top: 17px;
}
.fill-data-top-btn-panel .fill-data-drop-btn a.active .clear-filter-btn:hover {
  background: url("../img/close-btn-filter-hover.png") no-repeat 0 0 #fff;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 24px;
  position: absolute;
  right: 11px;
  top: 17px;
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-dropdown {
  background: #fff;
  border-radius: 5px;
  width: 288px;
  border: 1px solid #e0e1e2;
  position: absolute;
  top: 52px;
  padding: 24px 16px 16px;
  z-index: 9999;
  display: none;
  right: -126px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-dropdown.show {
  display: block;
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-dropdown::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #dedfe0 transparent;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-dropdown::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-dropdown h3 {
  font-size: 16px;
  line-height: 24px;
  color: #52565a;
  margin-bottom: 8px;
}
.fill-data-top-btn-panel .fill-data-drop-btn .fill-data-drop-link.active {
  color: #158ed0;
  box-shadow: 0 2px 4px 0 rgba(150, 151, 163, 0.13);
}
.fill-data-top-btn-panel .fill-data-btns-left {
  display: flex;
}
.fill-data-top-btn-panel .fill-data-btns-right {
  display: flex;
}
.fill-data-top-btn-panel .icon-btn a {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.fill-data-top-btn-panel .icon-btn a img {
  margin-right: 0;
  max-width: 20px;
}
.fill-data-top-btn-panel .saved-btn {
  margin-right: 0;
}
.fill-data-top-btn-panel .saved-btn a {
  background: #eeeef3;
  border-color: #eeeef3;
  border-radius: 2px;
  color: #293189;
}
.fill-data-top-btn-panel .saved-btn a img {
  max-width: 14px;
}
.fill-data-top-btn-panel .saved-btn a > span {
  background: url("../img/drop-arrow-blue.png") no-repeat 0 0;
  background-size: contain;
  width: 10px;
  height: 6px;
  display: inline-block;
  margin-left: 24px;
}
.fill-data-top-btn-panel .saved-btn a.active {
  background: #f3f9fc;
}
.fill-data-top-btn-panel .saved-btn a.active .clear-filter-btn {
  display: block;
}
.fill-data-top-btn-panel .saved-btn .clear-filter-btn {
  background: url("../img/close-btn-filter.png") no-repeat 0 0 #f3f9fc !important;
  background-size: contain !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 24px;
  position: absolute;
  right: 10px;
  top: 15px;
  display: none;
}
.fill-data-top-btn-panel .saved-btn .clear-filter-btn:hover {
  background: url("../img/close-btn-filter-hover.png") no-repeat 0 0 #fff !important;
  background-size: contain !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 24px;
  position: absolute;
  right: 10px;
  top: 15px;
}

.progress-wrapper {
  height: 3px;
  border-radius: 30px;
  background: #edeeee;
  margin-top: 5px;
  margin-bottom: 5px;
  min-width: 100px;
}
.progress-wrapper .progress-bar {
  height: 3px;
  border-radius: 30px;
}
.progress-wrapper .progress-bar.green {
  background: #78be21;
}
.progress-wrapper .progress-bar.blue {
  background: #293189;
}

.viewed-result {
  margin-bottom: 1rem;
}
.viewed-result h4 {
  margin-bottom: 0;
  color: #52565a;
  font-size: 0.8rem;
}
.viewed-result h4 span {
  color: #293189;
}
.viewed-result .progress-wrapper {
  max-width: 250px;
}

.load-more-btn {
  margin-bottom: 1rem;
}
.load-more-btn a {
  font-size: 1rem;
}
.load-more-btn a:hover {
  text-decoration: none;
}

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

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

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

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

.d-flex {
  display: flex;
}

.col-sm-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 1023px) {
  .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.massage-pos-fixed {
  position: fixed;
  top: 0;
  right: 80px;
  left: 310px;
  z-index: 9999;
  padding-top: 8px !important;
  background: #f9f9f9;
  padding-bottom: 0;
  max-height: 56px;
}
.massage-pos-fixed .success-massage-panel {
  margin-top: 0;
}

.page-top-padd {
  padding-top: 82px !important;
}

/*--------Home Starts--------*/
.page-home {
  flex-direction: column;
  overflow: auto;
}

.body-top-padd {
  padding-top: 71px;
}

.top-nav-wrapper {
  background: #fff;
  box-shadow: 0px 15px 10px -12px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.top-nav-wrapper .container-fluid {
  padding-left: 32px;
  padding-right: 32px;
}
.top-nav-wrapper .top-nav-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 5px;
}
.top-nav-wrapper .top-nav-panel .logo a {
  display: block;
}
.top-nav-wrapper .top-nav-panel .main-nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.top-nav-wrapper .top-nav-panel .main-nav ul li {
  margin-left: 48px;
}
.top-nav-wrapper .top-nav-panel .main-nav ul li a {
  color: #52565A;
  text-decoration: none;
  transition: all 0.4s ease;
}
.top-nav-wrapper .top-nav-panel .main-nav ul li a:hover {
  color: #118CCF;
}
.top-nav-wrapper .top-nav-panel .main-nav ul li.get-started-btn a {
  font-family: HelveticaNeueLTW05-65Medium;
  background: #293189;
  font-size: 16px;
  line-height: 24px;
  color: #F9F9F9;
  border-radius: 2px;
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.top-nav-wrapper .top-nav-panel .main-nav ul li.get-started-btn a:hover {
  background: #545AA1;
}
.top-nav-wrapper .collapse-bar {
  background: url("../img/menu-bars.png") no-repeat 0 0;
  width: 36px;
  height: 24px;
  display: inline-block;
  display: none;
}

.hero-area-wrapper {
  background: #fff;
}
.hero-area-wrapper .hero-area .row {
  display: flex;
}
@media (max-width: 1023px) {
  .hero-area-wrapper .hero-area .row {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.hero-area-wrapper .hero-area .hero-pic {
  flex: 0 0 50%;
  max-width: 50%;
}
.hero-area-wrapper .hero-area .hero-pic img {
  max-width: 100%;
  display: block;
}
@media (max-width: 1023px) {
  .hero-area-wrapper .hero-area .hero-pic {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 3rem;
  }
}
.hero-area-wrapper .hero-area .hero-text {
  padding-left: 4rem;
  padding-right: 4rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-area-wrapper .hero-area .hero-text .hero-text-inner {
  max-width: 700px;
}
.hero-area-wrapper .hero-area .hero-text .hero-text-inner h1 {
  margin-bottom: 16px;
}
.hero-area-wrapper .hero-area .hero-text h3 {
  color: #52565A;
  padding-bottom: 40px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hero-area-wrapper .hero-area .hero-text h3 {
    font-size: 20px;
    line-height: 36px;
  }
}
.hero-area-wrapper .hero-area .hero-text .hero-btn {
  background: #293189;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 20px 78px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.hero-area-wrapper .hero-area .hero-text .hero-btn:hover {
  background: #545AA1;
}
@media (max-width: 767px) {
  .hero-area-wrapper .hero-area .hero-text .hero-btn {
    display: block;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .hero-area-wrapper .hero-area .hero-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.hero-area-inner {
  background: #fff;
}

.keg-rental-wrapper.keg-rental-how-it-works {
  padding-bottom: 121px;
}

.how-it-works-content-wrapper.how-it-works-content-padding {
  padding-bottom: 119px;
}

.brewery-logo-wrapper {
  background: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1023px) {
  .brewery-logo-wrapper {
    padding-top: 60px;
    background: #fff;
  }
}
@media (max-width: 767px) {
  .brewery-logo-wrapper {
    padding-top: 60px;
    background: #fff;
  }
}

@media (max-width: 1023px) {
  .brewery-logo-wrapper-inner {
    background: #f9f9f9;
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .brewery-logo-wrapper-inner {
    background: #f9f9f9;
  }
}

.brewery-logo-panel {
  margin-bottom: 0;
}
.brewery-logo-panel h2 {
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 38px;
}
@media (max-width: 767px) {
  .brewery-logo-panel h2 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
}
.brewery-logo-panel ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  align-items: center;
}
.brewery-logo-panel ul li {
  display: flex;
}
.brewery-logo-panel ul li img {
  max-width: 48px;
}
@media (max-width: 1023px) {
  .brewery-logo-panel ul li img {
    max-width: 60px;
  }
}
@media (max-width: 767px) {
  .brewery-logo-panel ul li img {
    max-width: 110px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .brewery-logo-panel ul li {
    width: 12%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .brewery-logo-panel ul li {
    width: 50%;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
  }
}

.our-mission-wrapper {
  background: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .our-mission-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.our-mission-panel {
  text-align: center;
}
.our-mission-panel h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  text-align: center;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .our-mission-panel h2 {
    font-size: 38px;
    line-height: 48px;
  }
}
.our-mission-panel p {
  font-family: HelveticaNeueLTW05-65Medium;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 36px;
}

.benefits-wrapper {
  background: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 1023px) {
  .benefits-panel .d-flex {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .benefits-panel .d-flex {
    flex-wrap: wrap;
  }
}
.benefits-panel .benefits-pic {
  background: url("../img/rfid-pic.jpg") no-repeat 50% 0;
  background-size: cover;
  flex: 0 0 40%;
  max-width: 40%;
  min-height: 500px;
}
@media (max-width: 1023px) {
  .benefits-panel .benefits-pic {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .benefits-panel .benefits-pic {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.benefits-panel .benefits-content {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}
.benefits-panel .benefits-content h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .benefits-panel .benefits-content h2 {
    font-size: 28px;
    line-height: 36px;
    max-width: 300px;
  }
}
.benefits-panel .benefits-content h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
}
.benefits-panel .benefits-content ul {
  list-style-type: none;
  margin-bottom: 40px;
}
.benefits-panel .benefits-content ul li {
  font-family: HelveticaNeueLTW05-65Medium;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  color: #52565A;
  font-size: 16px;
  line-height: 24px;
}
.benefits-panel .benefits-content ul .checkmark-icon {
  width: 20px;
  height: 20px;
  background: url("../img/check-mark.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .benefits-panel .benefits-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .benefits-panel .benefits-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
  .benefits-panel .benefits-content .sky-blue-btn {
    text-align: center;
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .benefits-panel .benefits-content {
    padding-top: 40px;
  }
}

.sky-blue-btn {
  font-family: HelveticaNeueLTW05-65Medium;
  background: #118CCF;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 20px 72px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.sky-blue-btn:hover {
  background: #41A3D9;
}

.kegs-safe-wrapper {
  background: url("../img/kegs-bg.jpg") no-repeat 100% 0, url("../img/kegs-bg-gradient.jpg") repeat-x;
  background-size: contain;
  padding: 9rem 0;
}
.kegs-safe-wrapper .kegs-safe-content {
  max-width: 428px;
}
.kegs-safe-wrapper .kegs-safe-content h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  color: #fff;
  font-size: 38px;
  line-height: 48px;
  letter-spacing: 0.6px;
}
.kegs-safe-wrapper .kegs-safe-content p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
}
@media (max-width: 767px) {
  .kegs-safe-wrapper .kegs-safe-content {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .kegs-safe-wrapper {
    background: url("../img/kegs-bg.jpg") no-repeat 80% 0;
    background-size: cover;
    padding-top: 500px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .kegs-safe-wrapper {
    background: url("../img/kegs-bg.jpg") no-repeat 100% 0;
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .kegs-safe-wrapper {
    background: url("../img/kegs-bg.jpg") no-repeat 100% 0;
    background-size: cover;
  }
}

.keg-rental-wrapper {
  background: #f9f9f9;
  padding-top: 120px;
  padding-bottom: 56px;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-heading {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-heading h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  color: #293189;
  text-align: center;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-heading p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  text-align: center;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel {
  display: flex;
  flex-wrap: wrap;
  margin-top: 56px;
  text-align: center;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .col-sm-4:nth-child(2) {
  transform: scale(1.03);
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .scanning-systems-pic {
  margin-bottom: 2rem;
}
@media (max-width: 1023px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1rem;
  }
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block {
  box-shadow: 0px 15px 10px -15px rgba(41, 49, 137, 0.32);
  background: #fff;
  padding: 2rem;
  height: 100%;
  border-radius: 4px;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 16px;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block h5 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  font-weight: 400;
  margin-top: 16px;
}
.keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block .keg-rental-icon {
  margin-bottom: 24px;
  max-width: 64px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block .keg-rental-icon {
    width: 114px;
    max-width: 114px;
    margin-right: 55px;
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block {
    display: flex;
    align-items: center;
    padding: 28px 24px 28px 56px;
  }
}
@media (max-width: 1023px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block .keg-rental-block-content {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block .keg-rental-icon {
    max-width: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel .keg-rental-block .keg-rental-block-content {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .keg-rental-wrapper .keg-rental-panel .keg-rental-block-panel {
    flex-wrap: wrap;
  }
}

.scanning-systems-block h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-top: 15px;
  margin-bottom: 16px;
}
.scanning-systems-block p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}

@media (max-width: 1023px) {
  .scanning-systems-block {
    margin-bottom: 40px;
  }
  .scanning-systems-pic {
    margin-bottom: 20px;
  }
}
.own-keg-wrapper {
  padding-bottom: 124px;
  background: #f9f9f9;
}
.own-keg-wrapper .own-keg-title {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.own-keg-wrapper .own-keg-title h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 16px;
}
.own-keg-wrapper .own-keg-title p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  margin-bottom: 32px;
}
.own-keg-wrapper .own-keg-title a {
  font-family: HelveticaNeueLTW05-65Medium;
  border: 1px solid #C6C6CD;
  background: #fff;
  padding: 19px 83px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  text-decoration: none;
  transition: all 0.4s ease;
}
.own-keg-wrapper .own-keg-title a:hover {
  border: 1px solid #118CCF;
}
@media (max-width: 767px) {
  .own-keg-wrapper .own-keg-title a {
    display: block;
    text-align: center;
  }
}

.get-in-touch-wrapper {
  padding-top: 96px;
  padding-bottom: 96px;
  background: #fff;
}
.get-in-touch-wrapper .get-in-touch-panel {
  max-width: 443px;
  margin-left: auto;
  margin-right: auto;
}
.get-in-touch-wrapper .get-in-touch-panel .get-in-touch-heading h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 16px;
}
.get-in-touch-wrapper .get-in-touch-panel .get-in-touch-heading h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  color: #293189;
}
.get-in-touch-wrapper .get-in-touch-panel .get-in-touch-heading h5 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 32px;
  color: #52565A;
}
.get-in-touch-wrapper .get-in-touch-panel small {
  color: #DA291C;
}
.get-in-touch-wrapper .get-in-touch-panel .input {
  margin-bottom: 24px;
}
.get-in-touch-wrapper .get-in-touch-panel .button.primary {
  display: block;
  text-align: center;
  max-width: 240px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .get-in-touch-wrapper .get-in-touch-panel .button.primary {
    display: block;
    text-align: center;
    width: 100%;
  }
}
.get-in-touch-wrapper h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-top: 32px;
  margin-bottom: 0;
}

.keg-management-wrapper {
  background: #fff;
}
.keg-management-wrapper .keg-management-panel {
  padding-bottom: 56px;
}
.keg-management-wrapper h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  color: #293189;
  text-align: center;
}
.keg-management-wrapper p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.back-top {
  position: fixed;
  bottom: 34px;
  right: 18px;
  background: #121858;
  border-radius: 50px;
  padding: 7px 19px 7px 8px;
  display: flex;
  align-items: center;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  z-index: 999;
  transition: all 0.4s ease;
}
.back-top span {
  background: url("../img/back-top-arrow.png") no-repeat 0 0;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  flex-shrink: 0;
}
.back-top:hover {
  background: #545AA1;
}

.footer-panel {
  background: rgb(11, 129, 200);
  background: linear-gradient(90deg, rgb(11, 129, 200) 0%, rgb(41, 51, 139) 100%);
  padding-top: 48px;
  padding-bottom: 32px;
}
.footer-panel .footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 48px;
}
@media (max-width: 767px) {
  .footer-panel .footer-top .footer-left ul {
    flex-direction: row;
  }
  .footer-panel .footer-top .footer-left ul li::before {
    content: "";
    width: 1px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 5px;
    right: -1.4rem;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .footer-panel .footer-top .footer-left ul li::before {
    display: block;
  }
}
@media (max-width: 767px) {
  .footer-panel .footer-top .footer-left ul li:last-child::before {
    display: none;
  }
}
.footer-panel .footer-middle {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.footer-panel .footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 32px;
}
.footer-panel .footer-bottom ul li a {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .footer-panel .footer-bottom {
    flex-direction: column;
  }
  .footer-panel .footer-bottom .footer-right::before {
    content: "";
    background: rgba(255, 255, 255, 0.4);
    height: 1px;
    position: absolute;
    top: 0;
    left: -15px;
    right: -15px;
  }
}
.footer-panel .footer-left {
  flex-grow: 1;
}
.footer-panel .footer-right {
  position: relative;
}
@media (max-width: 767px) {
  .footer-panel .footer-right {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.footer-panel ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}
.footer-panel ul li {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  margin-right: 65px;
  position: relative;
}
.footer-panel ul li::before {
  content: "";
  width: 1px;
  height: 15px;
  background: #fff;
  position: absolute;
  top: 6px;
  right: -32px;
}
@media (max-width: 767px) {
  .footer-panel ul li::before {
    display: none;
  }
}
.footer-panel ul li:last-child::before {
  display: none;
}
.footer-panel ul li a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .footer-panel ul li a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .footer-panel ul {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: baseline;
  }
}
.footer-panel p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.footer-panel .footer-logo {
  max-width: 155px;
}
@media (max-width: 767px) {
  .footer-panel .footer-logo {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-panel {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .collapse-bar {
    display: block !important;
  }
  .main-nav ul {
    background: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 15px 10px -12px rgba(0, 0, 0, 0.2);
    border-top: 1px solid #dfdfdf;
    transform: translateY(-1000px);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    z-index: 9;
  }
  .main-nav ul li {
    margin-bottom: 10px;
    margin-left: 0;
  }
  .main-nav ul.show {
    transform: translateY(0);
    opacity: 1;
  }
}
/*--------Home End--------*/
.custom-check-panel {
  margin-bottom: 1rem;
}

.filter-btn-panel {
  margin-top: 1rem;
}

.filter-checkbox-flds-panel .custom-check-panel {
  background: #f9f9f9;
  padding: 14px 16px;
  margin-bottom: 4px;
  position: relative;
}
.filter-checkbox-flds-panel .custom-check-panel.active {
  background: rgba(16, 140, 207, 0.05);
}
.filter-checkbox-flds-panel .custom-check-panel:hover {
  background: rgba(16, 140, 207, 0.05);
}
.filter-checkbox-flds-panel .custom-check-panel .styled-checkbox {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 36px;
  cursor: pointer;
}

.saved-views-filter {
  margin-left: 0;
}
.saved-views-filter h5 {
  font-size: 14px;
  line-height: 18px;
  color: #52565a;
  display: flex;
  justify-content: space-between;
  background: #f9f9f9;
  padding: 10px 15px;
  margin-bottom: 8px;
  cursor: pointer;
}
.saved-views-filter h5:hover {
  background: rgba(16, 140, 207, 0.05);
}
.saved-views-filter h5.active {
  background: rgba(16, 140, 207, 0.05);
}

.apply-btn {
  background: #293189;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 25px;
  margin-top: 0;
  transition: all 0.4s ease;
}
.apply-btn.mr-2 {
  margin-right: 16px !important;
}
.apply-btn:hover {
  background: #545AA1;
}

.save-view-btn {
  min-width: 190px;
}

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

.dropdown-right .fill-data-dropdown {
  right: 0 !important;
}
.dropdown-right .fill-data-dropdown::before {
  left: auto !important;
  right: 0px;
}
.dropdown-right .fill-data-dropdown::after {
  left: auto !important;
  right: 0px;
}

.fill-data-dropdown.saved-views-dropdown {
  width: 330px !important;
}

.manage-btn {
  border: 1px solid #c6c6cd;
  background: #fff;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 25px;
  color: #52565a;
  margin-top: 0;
}

.saved-views-btns {
  display: flex;
  justify-content: space-between;
}

.filter-date-dropdown {
  background: #fff;
  border-radius: 5px;
  width: 450px;
  border: 1px solid #e0e1e2;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 9999;
  display: none;
}
.filter-date-dropdown::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #dedfe0 transparent;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.filter-date-dropdown::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.filter-date-dropdown .filter-dropdown-tabs {
  border-bottom: 1px solid #dddedf;
}
.filter-date-dropdown .filter-dropdown-tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.filter-date-dropdown .filter-dropdown-tabs ul li {
  flex-grow: 1;
  position: relative;
  width: 33.333%;
}
.filter-date-dropdown .filter-dropdown-tabs ul li a {
  padding: 24px 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  color: #52565a;
}
.filter-date-dropdown .filter-dropdown-tabs ul li.active a {
  color: #118ccf;
}
.filter-date-dropdown .filter-dropdown-tabs ul li.active::before {
  content: "";
  height: 2px;
  background: #118ccf;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}
.filter-date-dropdown.show {
  display: block;
}

.filter-dropdown-tabs-content {
  padding: 16px;
}
.filter-dropdown-tabs-content h5 {
  font-size: 16px;
  line-height: 24px;
  color: #52565a;
  background: #f9f9f9;
  margin-bottom: 0.2rem;
  padding: 12px 16px;
}
.filter-dropdown-tabs-content h5 a {
  color: #52565a;
  text-decoration: none;
}
.filter-dropdown-tabs-content h5.active-link {
  background: #f3f9fc;
  border-left: 2px solid #118ccf;
}
.filter-dropdown-tabs-content h5:hover {
  background: #f3f9fc;
}

.year-select-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #f9f9f9;
}
.year-select-panel h3 {
  margin-bottom: 0;
}
.year-select-panel .arrow-left {
  background: url("../img/arrow-left.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 17px;
  display: inline-block;
}
.year-select-panel .arrow-right {
  background: url("../img/arrow-right.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 17px;
  display: inline-block;
}

.calander-fld {
  position: relative;
}
.calander-fld input {
  padding-left: 55px !important;
}
.calander-fld .calander-icon {
  background: url("../img/calander-icon-grey.png") no-repeat 50% 50%;
  background-size: 20px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px solid #c6c6cd;
  width: 48px;
}

.custom-date-panel {
  background: #f3f9fc;
  padding: 1rem 0.5rem 0.5rem;
}

/*--------Custome Checkbox----------*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: white;
  border: 2px solid #626263;
  flex-shrink: 0;
}
.styled-checkbox:checked + label:before {
  background: #118ccf;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 11px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.styled-checkbox:checked + label:before {
  content: "";
  border-color: #118ccf;
}

.fill-data-table .custom-check-panel {
  margin-bottom: 0;
}

.table-custom-check-panel {
  position: relative;
}
.table-custom-check-panel .custom-check-panel {
  position: absolute;
  left: -40px;
  top: 0;
  transform: translateY(-12px);
}

.fill-data-table .notactive .table-custom-check-panel {
  opacity: 0 !important;
}

.fill-data-table .active {
  border-left: 2px solid #118ccf;
  border-right: 2px solid #118ccf;
  background: #F3F9FC;
}
.fill-data-table .active:hover td:before {
  display: none !important;
}
.fill-data-table .active:hover td:after {
  display: none !important;
}
.fill-data-table .active .table-custom-check-panel {
  opacity: 1 !important;
}

.fill-data-wrapper {
  position: relative;
}

.fill-data-wrapper-table {
  padding-bottom: 20px;
}

.table-bottom-control {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  background: #d9ecf7;
  padding: 10px;
  z-index: 999;
  transition: all 0.6s ease;
}

.table-bottom-control {
  box-sizing: border-box;
  border: 1px solid rgb(237, 238, 238);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(41, 49, 137, 0.16) 0px 8px 40px 0px;
  align-items: center;
}

.clear-selection-btn {
  color: #118CCF;
  text-decoration: none;
}

.selected-items span {
  background: #118ccf;
  padding: 0.2rem 0.8rem;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
}

.table-control-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.customer-btn {
  background: url("../img/customer-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.brand-btn {
  background: url("../img/brand-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.close-btn {
  background: url("../img/cancel-btn.png") no-repeat 0 0;
  background-size: cover;
  width: 21px;
  height: 21px;
  display: inline-block;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.hero-inner-panel {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
.hero-inner-panel h1 {
  font-size: 51px;
  line-height: 64px;
  color: #293189;
  margin-bottom: 24px;
}
.hero-inner-panel h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.video-area-wrapper {
  padding-bottom: 78px;
  background: #fff;
}

.scanning-systems-wrapper {
  padding-top: 104px;
  padding-bottom: 120px;
  background: #fff;
}
.scanning-systems-wrapper .keg-rental-block-panel {
  display: flex;
  flex-wrap: wrap;
  padding-top: 56px;
}

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

.how-it-works-content-wrapper {
  background: #fff;
  padding-bottom: 47px;
}
.how-it-works-content-wrapper h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 16px;
}
.how-it-works-content-wrapper p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
}
.how-it-works-content-wrapper .how-it-works-panel .d-flex {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .how-it-works-content-wrapper .how-it-works-panel .d-flex {
    flex-direction: column;
  }
}
.how-it-works-content-wrapper .how-it-works-panel .how-it-works-content {
  flex: 0 0 51.5%;
  max-width: 51.5%;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.how-it-works-content-wrapper .how-it-works-panel .how-it-works-content.how-it-works-content-left {
  padding-left: 98px;
  padding-right: 128px;
}
.how-it-works-content-wrapper .how-it-works-panel .how-it-works-content.how-it-works-content-right {
  padding-left: 128px;
  padding-right: 98px;
}
@media (max-width: 767px) {
  .how-it-works-content-wrapper .how-it-works-panel .how-it-works-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 1rem;
    order: 2;
  }
}
.how-it-works-content-wrapper .how-it-works-panel .how-it-works-pic {
  flex: 0 0 48.5%;
  max-width: 48.5%;
}
@media (max-width: 767px) {
  .how-it-works-content-wrapper .how-it-works-panel .how-it-works-pic {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
}

.ui-widget-header {
  background: #1c408f;
  color: #fff;
  font-weight: 300;
  border-radius: 0;
  padding-top: 10px;
  border: none;
}

.ui-datepicker .ui-datepicker-header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ui-datepicker th {
  color: #9697a3;
}

.ui-widget.ui-widget-content {
  border-color: #dddedf !important;
  padding: 0;
}

.ui-datepicker td {
  text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  background: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #1c408f;
  background: #1c408f;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #1c408f;
  background: #1c408f;
  font-weight: normal;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 5px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  top: 5px;
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  top: 5px;
  right: 2px;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background: url("../img/arrow-left-white.png") no-repeat 0 0;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
  background: url("../img/arrow-right-white.png") no-repeat 0 0;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.ui-datepicker::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 13px 12.5px;
  border-color: transparent transparent #1c408f transparent;
  display: inline-block;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}

.side-nav-list {
  position: relative;
}

.side-nav-list .side-nav-list-main::-webkit-scrollbar {
  width: 0;
}

.side-nav-list .side-nav-list-main {
  max-height: calc(100vh - 205px);
  overflow-y: auto;
}

.cancelled-kegs {
  padding-left: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cancelled-kegs h4 {
  font-size: 1rem;
  line-height: 1.4rem;
  color: #52565A;
  margin-bottom: 0;
}

.delete-btn {
  border: 1px solid #eb8e87;
  color: #df4439;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 16px 25px;
  margin-top: 0;
  background-color: #fdf4f3;
}

.star-outine {
  background: url("../img/saved-star-icon.png") no-repeat 0 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
}

.star-fill {
  background: url("../img/star-fill.png") no-repeat 0 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
}

.fill-data-drop-link .star-outine {
  margin-right: 10px;
}

.fill-data-drop-link.active .star-outine {
  background: url("../img/star-fill.png") no-repeat 0 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
}

.side-nav.retract .activecollapse {
  position: relative;
}
.side-nav.retract .activecollapse::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #121858 transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*-----------*/
.modal-overlay-panel {
  background: rgba(249, 249, 249, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  overflow: auto;
}

.assign-modal-wrapper {
  max-width: 520px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  padding: 24px 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.assign-modal-wrapper h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 32px;
}
.assign-modal-wrapper .input {
  margin-bottom: 16px;
  position: relative;
}
.assign-modal-wrapper .input.input-search input {
  padding: 12px 10px 12px 44px;
}
.assign-modal-wrapper .input input {
  padding: 12px 10px 12px 44px;
  border: 1px solid #C6C6CD;
}
.assign-modal-wrapper .input input::-moz-placeholder {
  color: #AEAEB8;
}
.assign-modal-wrapper .input input::placeholder {
  color: #AEAEB8;
}
.assign-modal-wrapper .input select {
  border: 1px solid #C6C6CD;
}
.assign-modal-wrapper .input.date-fld input {
  padding: 12px 10px 12px 65px;
}
.assign-modal-wrapper .button.full-width {
  margin-top: 7px;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 32px;
}

.modal-close {
  background: url("../img/modal-close.png") no-repeat 0 0;
  background-size: contain;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 19px;
  right: 16px;
}

.fld-with-icon {
  position: relative;
}

.search-icon {
  background: url("../img/search-icon.png") no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-size: cover;
  position: absolute;
  top: 17px;
  left: 17px;
}

.date-icon {
  background: url("../img/calander-icon-grey.png") no-repeat 50% 50%;
  background-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px solid #c6c6cd;
  width: 48px;
}

.autofill-panel {
  background: #fff;
  border: 1px solid #DDDEDF;
  padding: 16px 8px;
  border-radius: 2px;
  position: absolute;
  width: auto;
  left: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
}
.autofill-panel ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.autofill-panel ul li {
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  cursor: pointer;
}
.autofill-panel ul li:hover {
  background: #CCECF9;
}
.autofill-panel ul li a {
  color: #52565A;
}

.success-massage-panel {
  background: #78BE21;
  margin-top: -1.5rem;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.success-massage-panel .success-massage-text {
  padding: 12px 5px;
  color: #fff;
  margin-left: 8px;
}
.success-massage-panel .success-massage-text p {
  font-size: 16px;
  line-height: 24px;
}
.success-massage-panel .success-massage-icon {
  background: rgba(0, 0, 0, 0.11);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.success-massage-panel .success-massage-icon img {
  max-width: 20px;
}
.success-massage-panel .massage-close-btn {
  background: url("../img/close-w.png") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

.error-massage-panel {
  background: #DA291C;
  margin-top: -1.5rem;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.error-massage-panel .error-massage-text {
  padding: 12px 5px;
  color: #fff;
  margin-left: 8px;
}
.error-massage-panel .error-massage-text p {
  font-size: 16px;
  line-height: 24px;
}
.error-massage-panel .error-massage-icon {
  background: rgba(0, 0, 0, 0.11);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-massage-panel .error-massage-icon img {
  max-width: 20px;
}
.error-massage-panel .error-close-btn {
  background: url("../img/close-w.png") no-repeat 0 0;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

.assign-brand-panel {
  background: #F9F9F9;
  padding: 16px;
  margin-bottom: 17px;
}
.assign-brand-panel h3 {
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
}

.batch-date-panel {
  display: flex;
  align-items: center;
}
.batch-date-panel .input {
  max-width: 211px;
}
.batch-date-panel .select {
  flex-grow: 1;
}

.fld-mid {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex-shrink: 0;
  margin-top: 9px;
}
.fld-mid span {
  width: 8px;
  height: 2px;
  background: #52565A;
  margin-top: 4px;
}

.details-modal-wrapper {
  max-width: 728px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .details-modal-wrapper {
    top: 15px;
    transform: translate(-50%, 0);
  }
}

.details-modal-wrapper-inner {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}

.details-modal-left {
  flex-grow: 1;
  padding: 40px 32px 32px;
}
.details-modal-left h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 14px;
}

.details-modal-right {
  width: 262px;
  background: linear-gradient(315deg, #293189 0%, #0B82C9 100%);
  min-height: 100%;
  position: relative;
  border-radius: 0 8px 8px 0;
}
.details-modal-right .details-modal-right-inner {
  max-height: 658px;
  overflow-y: auto;
}
.details-modal-right .details-modal-right-inner.no-scroll {
  overflow-y: visible;
}
.details-modal-right .details-modal-right-inner::-webkit-scrollbar {
  width: 0;
}

.details-status {
  padding: 3px 8px;
  font-size: 14px;
  line-height: 17px;
  display: inline-block;
  color: #fff;
  margin-right: 7px;
  font-family: HelveticaNeueLTW05-65Medium;
}
.details-status.open {
  background: #293189;
}
.details-status.closed {
  background: #78BE21;
}
.details-status.cancelled {
  background: #FF821D;
}

.name-list {
  list-style-type: none;
  display: flex;
}
.name-list li {
  padding-left: 20px;
  padding-right: 20px;
  color: #9697A3;
  font-weight: 600;
  position: relative;
}
.name-list li:first-child {
  padding-left: 0;
}
.name-list li::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  height: 16px;
  width: 2px;
  background: #9697A3;
}
.name-list li:last-child::before {
  display: none;
}
.name-list .blue-text {
  font-family: HelveticaNeueLTW05-75Bold;
  color: #293189;
  font-weight: 700;
}

.brand-details-panel {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid #EDEEEE;
}
.brand-details-panel h3 {
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 25px;
}
.brand-details-panel .brand-details-panel-inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.brand-details-panel .brand-details-block {
  width: 50%;
  margin-bottom: 40px;
}
.brand-details-panel .brand-details-block h4 {
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  margin-bottom: 4px;
}
.brand-details-panel .brand-details-block h5 {
  font-size: 16px;
  line-height: 19px;
  color: #52565A;
  margin-bottom: 0;
}
.brand-details-panel .brand-details-block-small {
  flex-grow: 1;
}
.brand-details-panel .brand-details-block-small h5 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  margin-bottom: 4px;
}
.brand-details-panel .brand-details-block-small h6 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 19px;
  color: #52565A;
  margin-bottom: 0;
}
.brand-details-panel .brand-details-block-small:first-child {
  flex-grow: 0;
  padding-right: 82px;
}
.brand-details-panel .brand-details-block-small:last-child {
  flex-grow: 0;
  flex-shrink: 0;
}
.brand-details-panel .font-sm {
  font-size: 14px !important;
  line-height: 17px !important;
}
.brand-details-panel .font-md {
  font-size: 21px !important;
  line-height: 26px !important;
}
.brand-details-panel .font-lg {
  font-size: 28px !important;
  line-height: 36px !important;
}
.brand-details-panel .blue-text {
  color: #293189 !important;
}
.brand-details-panel .cycle-days-text {
  display: flex;
  align-items: center;
}
.brand-details-panel .cycle-days-text span {
  margin-right: 4px;
}
.brand-details-panel .cycle-days-text span img {
  max-width: 18px;
}

.modal-close-white {
  background: url(../img/close-w.png) no-repeat 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 19px;
  right: 16px;
  z-index: 99;
}

.details-modal-right {
  padding: 54px 24px 20px 18px;
}

.details-modal-progress {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 40px;
  position: relative;
  min-height: 658px;
}
.details-modal-progress .dotted-line {
  border-left: 2px dashed #108CCF;
  position: absolute;
  top: 2px;
  left: 13px;
  bottom: 0;
}
.details-modal-progress::-webkit-scrollbar {
  width: 0;
}
.details-modal-progress h2 {
  font-family: HelveticaNeueLTW05-75Bold;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  opacity: 0.4;
}
.details-modal-progress h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 4px;
  opacity: 0.4;
}
.details-modal-progress h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 8px;
  opacity: 0.4;
}
.details-modal-progress h5 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: HelveticaNeueLTW05-55Roman;
  color: #fff;
  margin-bottom: 8px;
}
.details-modal-progress h6 {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  padding: 3px 8px;
  align-items: center;
}
.details-modal-progress h6 span {
  margin-right: 4px;
}
.details-modal-progress h6 span img {
  max-width: 14px;
}
.details-modal-progress .progress-step {
  position: relative;
  min-height: 160px;
}
.details-modal-progress .progress-step .progress-step-circle {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -34px;
  background: #293189;
  border: 1px solid #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
  z-index: 20;
}
.details-modal-progress .progress-step .progress-step-circle + .progress-step-circle {
  top: 8px;
  z-index: 19;
}
.details-modal-progress .progress-step .progress-step-circle + .progress-step-circle + .progress-step-circle {
  top: 16px;
  z-index: 18;
}
.details-modal-progress .progress-step .progress-step-circle + .progress-step-circle + .progress-step-circle + .progress-step-circle {
  top: 24px;
  z-index: 17;
}
.details-modal-progress .progress-step .progress-step-circle + .progress-step-circle + .progress-step-circle + .progress-step-circle + .progress-step-circle {
  top: 32px;
  z-index: 16;
}
.details-modal-progress .progress-step .progress-step-circle.canceled {
  background: #FF8200;
}
.details-modal-progress .progress-step .progress-step-circle.closed {
  background: #78BE21;
}
.details-modal-progress .progress-step .progress-step-circle.top-4 {
  top: 4px;
}
.details-modal-progress .progress-step .progress-step-circle.bottom-8 {
  bottom: 8px;
  top: auto;
}
.details-modal-progress .progress-step.active-step h2 {
  opacity: 1;
}
.details-modal-progress .progress-step.active-step h3 {
  opacity: 1;
}
.details-modal-progress .progress-step.active-step .progress-step-circle {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
}
.details-modal-progress .progress-step.active-step .progress-step-circle.canceled {
  background: #FF8200;
}
.details-modal-progress .progress-step.active-step .progress-step-circle.closed {
  background: #78BE21;
}
.details-modal-progress .progress-step .view-details-link {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
}
.details-modal-progress .progress-step .view-details-link .view-icon-w {
  background: url("../img/eye-btn-w.png") no-repeat 0 0;
  width: 18px;
  height: 12px;
  background-size: cover;
  display: inline-block;
  margin-right: 5px;
  flex-shrink: 0;
}
.details-modal-progress .progress-step .view-details-link:hover {
  text-decoration: none;
}
.details-modal-progress .progress-step:last-child {
  min-height: auto;
}
.details-modal-progress .progress-step:last-child {
  top: 7px;
  z-index: 99;
}
.details-modal-progress .progress-step:last-child .progress-step-circle {
  top: auto;
  bottom: 7px;
}
.details-modal-progress .progress-step:last-child h6 {
  margin-bottom: 0 !important;
}
.details-modal-progress .progress-step-bar-white {
  width: 2px;
  background: #fff;
  position: absolute;
  top: 2px;
  left: 13px;
}

.show-steps {
  font-family: HelveticaNeueLTW05-65Medium;
  position: absolute;
  right: 16px;
  bottom: 33px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  z-index: 999;
}
.show-steps .view-icon {
  background: url("../img/eye-view-less.png") no-repeat 0 0;
  width: 16px;
  height: 13px;
  display: inline-block;
  background-size: cover;
  margin-right: 6px;
}
.show-steps:hover {
  text-decoration: none;
}

.modal-right-bottom-grd {
  background: linear-gradient(359.17deg, #253D93 0%, rgba(37, 60, 146, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 118px;
}

.progress-bar-bottom {
  font-family: HelveticaNeueLTW05-65Medium;
  text-align: right;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  padding-top: 3px;
  display: flex;
  justify-content: space-between;
}
.progress-bar-bottom .progress-bar-bottom-left-text {
  font-family: HelveticaNeueLTW05-75Bold;
  font-size: 12px;
  line-height: 12px;
  color: #78BE21;
}
.progress-bar-bottom.blue-text {
  color: #293189;
}

.progress-wrapper.details-progress {
  height: 8px;
  margin-bottom: 8px;
}
.progress-wrapper.details-progress .progress-bar {
  height: 8px;
}

.no-view-msg {
  color: #9697A3 !important;
}

.progress-step-heading {
  display: flex;
  align-items: center;
}
.progress-step-heading h2 {
  margin-right: 4px;
}
.progress-step-heading .progress-step-heading-btns {
  display: flex;
  align-items: center;
}
.progress-step-heading .progress-step-heading-btns .heading-btns-edit {
  background: url("../img/edit-icon.png") no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 7px;
}
.progress-step-heading .progress-step-heading-btns .heading-btns-camera {
  background: url("../img/camera-icon.png") no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.signature-area {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.signature-area img {
  max-height: 158px;
  width: auto;
}

.signature-bottom-text p {
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 4px;
}
.signature-bottom-text p strong {
  font-weight: 600;
}

.delivery-pic-area {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.delivery-pic-area img {
  max-width: 472px;
  max-height: 278px;
  width: auto;
}

.custom-select-box {
  position: relative;
  width: 100%;
  z-index: 1;
}
.custom-select-box select {
  -webkit-appearance: none;
}
.custom-select-box::before {
  content: "";
  background: url("../img/drop-arrow-grey.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 6px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

.scanning-systems-heading {
  max-width: 729px;
  margin-left: auto;
  margin-right: auto;
}

.scanning-systems-panel {
  max-width: 948px;
  margin-left: auto;
  margin-right: auto;
}

.details-modal-left-status {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.details-modal-left-status h5 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  margin-top: 0;
  margin-bottom: 0;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ui-datepicker {
  z-index: 999999 !important;
}

.top-padd-6 {
  padding-top: 6px;
}

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

.customer-filters .input {
  margin-bottom: 0;
}
.customer-filters .input input {
  padding: 12px 10px 12px 44px;
  border: 1px solid #C6C6CD;
  width: 348px;
  margin-right: 8px;
  margin-top: 0;
  margin-bottom: 0;
}

.customers-control-bar {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid #EDEEEE;
  margin-bottom: 6px;
  align-items: center;
}
.customers-control-bar .fill-data-drop-btn a span {
  margin-left: 45px;
}

.customer-filters .fill-data-top-btn-panel {
  padding: 0;
}

.plus-icon-blue {
  background: url("../img/plus-icon-blue.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.active .plus-icon-blue {
  background: url("../img/drop-arrow-active.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 6px;
  display: inline-block;
}

.button-grey {
  font-family: HelveticaNeueLTW05-65Medium;
  margin-top: 0;
  background-color: rgba(41, 49, 137, 0.05);
  padding: 14px 24px;
  font-size: 16px;
  line-height: 20px;
  color: #293189;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all 0.4s ease;
  border: 1px solid transparent;
}
.button-grey:hover {
  border: 1px solid #293189;
}
.button-grey .plus-icon-blue {
  margin-left: 27px;
}
.button-grey.add-customer-btn {
  padding: 14px 21px;
}

.add-customer-btn-panel .button {
  margin-top: 0;
}

.customer-filters .fill-data-top-btn-panel .fill-data-drop-btn a {
  padding-top: 11px;
  padding-bottom: 11px;
}
.customer-filters.no-icon-fld input {
  padding: 12px 10px 12px 10px;
}

.table.customer-table table thead tr th {
  font-family: HelveticaNeueLTW05-65Medium;
  color: #9697A3;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.table.customer-table table tbody tr td {
  padding: 17px 24px;
}
.table.customer-table table tbody tr:nth-child(1) td {
  border-top: 6px solid #f9f9f9;
}
.table .table-row-heading {
  background: #F9F9F9;
  padding: 16px 10px 3px !important;
}

.table-row-heading {
  background: #F9F9F9;
}
.table-row-heading span {
  font-family: HelveticaNeueLTW05-75Bold;
  font-size: 14px;
  line-height: 17px;
  color: #293189 !important;
}

.hidden {
  display: none !important;
}

.page-padd-left {
  padding-left: 123px;
}

.page-main-container {
  display: flex;
}

.page-left-panel {
  width: 100%;
}
.page-left-panel .customers-control-bar {
  border-top: 0;
  padding-top: 6px;
}

.ui-state-active {
  border: 1px solid #1c408f !important;
  background: #1c408f !important;
  color: #fff !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.text-white {
  color: #fff !important;
}
.text-white h2 {
  opacity: 1 !important;
}
.text-white h3 {
  opacity: 1 !important;
}

.opacity-1 {
  opacity: 1 !important;
}

.plus-circle {
  background: url("../img/plus-circle.png") no-repeat 0 0;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

.check-circle {
  background: url("../img/check-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

.eye-circle {
  background: url("../img/eye-circle-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: inline-flex;
  margin-right: 4px;
}

.table-contorl-buttons {
  display: flex;
  justify-content: flex-end;
}
.table-contorl-buttons .eye-circle {
  opacity: 0;
}

.customer-table tr:hover td .eye-circle {
  opacity: 1;
}

.arrow-back {
  background: url("../img/arrow-left-blue.png") no-repeat 0 0;
  background-size: cover;
  width: 6px;
  height: 10px;
  display: inline-flex;
  margin-right: 9px;
}

.back-link {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  text-decoration: none;
}

.location-modal-top {
  padding-bottom: 32px;
}
.location-modal-top h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 0;
  letter-spacing: -0.6px;
}

.location-modal-wrapper-outer {
  max-width: 728px;
  width: 100%;
  position: absolute;
  top: 37px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
}
.location-modal-wrapper-outer .location-modal-wrapper {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.location-modal-wrapper {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  padding: 24px 22px;
  max-width: 728px;
  width: 100%;
  position: absolute;
  top: 37px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.location-modal-wrapper h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 16px;
  font-family: HelveticaNeueLTW05-65Medium;
}
.location-modal-wrapper .location-modal-inner {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #EDEEEE;
  padding-top: 32px;
}
.location-modal-wrapper .location-modal-inner .button.primary {
  margin-bottom: 8px;
}

.location-map-area {
  max-width: 368px;
  min-height: 361px;
}

.location-content {
  padding-right: 39px;
  flex-grow: 1;
}

.location-content-block {
  margin-bottom: 38px;
}
.location-content-block h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  margin-bottom: 6px;
}
.location-content-block h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 21px;
  color: #52565A;
  margin-bottom: 6px;
}

.holding-btn {
  background-color: rgba(41, 49, 137, 0.05);
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  line-height: 19px;
  color: #293189;
  justify-content: space-between;
}

.outline-btn {
  border: 1px solid #C6C6CD;
  border-radius: 2px;
  background-color: #fff;
  display: block;
  padding: 19px 24px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  text-decoration: none;
  text-align: center;
  transition: all 0.4s ease;
}
.outline-btn:hover {
  border: 1px solid #118CCF;
}

.eye-icon {
  background: url("../img/eye-icon.png") no-repeat 0 0;
  width: 22px;
  height: 15px;
  display: inline-block;
}

.page-right-panel {
  max-width: 348px;
  width: 100%;
  padding-top: 22px;
  margin-left: 32px;
  flex-shrink: 0;
}

.selected-customer-panel {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
  padding: 17px 26px;
  min-width: 348px;
  position: fixed;
  margin-right: 32px;
}
.selected-customer-panel h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 24px;
}
.selected-customer-panel h2 span {
  background: #108CCF;
  padding: 2px 9px;
  border-radius: 4px;
  font-size: 21px;
  color: #fff;
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
}
.selected-customer-panel .primary {
  margin-top: 16px;
}
.selected-customer-panel.pos-rel {
  position: relative;
  margin-right: 0;
}

.selected-customer-row {
  margin-bottom: 24px;
  position: relative;
  padding-right: 14px;
}
.selected-customer-row h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 0;
}
.selected-customer-row h4 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-bottom: 0;
}
.selected-customer-row .close-btn-customer {
  background: url("../img/modal-close.png") no-repeat 0 0;
  background-size: cover;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

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

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

.location-modal-bottom {
  border-top: 2px solid #EDEEEE;
  padding-top: 16px;
}
.location-modal-bottom h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 21px;
  color: #52565A;
  margin-bottom: 8px;
}
.location-modal-bottom p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
  margin-bottom: 0;
}

.location-modal-bottom-btns {
  display: flex;
  margin-top: 24px;
  align-items: center;
}
.location-modal-bottom-btns .outline-btn {
  min-width: 186px;
  margin-right: 16px;
}
.location-modal-bottom-btns .primary {
  margin-top: 0;
  padding-top: 21px;
  padding-bottom: 21px;
}

.location-link-panel a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #108CCF;
}

.select-customer-panel h4 {
  margin-bottom: 16px;
}

.customer-type-select {
  background: #F9F9F9;
  padding: 11px 13px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  text-decoration: none;
  color: #52565A;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 21px;
}
.customer-type-select .pub-icon {
  background: url("../img/pub-icon.png") no-repeat 0 0;
  width: 14px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  margin-right: 16px;
}
.customer-type-select .bar-icon {
  background: url("../img/bar-icon.png") no-repeat 0 0;
  width: 16px;
  height: 25px;
  display: inline-block;
  background-size: cover;
  margin-right: 15px;
}
.customer-type-select .restaurant-icon {
  background: url("../img/restaurent-icon.png") no-repeat 0 0;
  width: 24px;
  height: 18px;
  display: inline-block;
  background-size: cover;
  margin-right: 11px;
}
.customer-type-select .hotel-icon {
  background: url("../img/hotel-icon.png") no-repeat 0 0;
  width: 22px;
  height: 21px;
  display: inline-block;
  background-size: cover;
  margin-right: 13px;
}
.customer-type-select.active-select {
  background: #F3F9FC;
}
.customer-type-select.active-select .pub-icon {
  background: url("../img/pub-icon-active.png") no-repeat 0 0;
  width: 14px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  margin-right: 16px;
}
.customer-type-select.active-select .bar-icon {
  background: url("../img/bar-icon-active.png") no-repeat 0 0;
  width: 16px;
  height: 25px;
  display: inline-block;
  background-size: cover;
  margin-right: 15px;
}
.customer-type-select.active-select .restaurant-icon {
  background: url("../img/restaurent-icon-active.png") no-repeat 0 0;
  width: 24px;
  height: 18px;
  display: inline-block;
  background-size: cover;
  margin-right: 11px;
}
.customer-type-select.active-select .hotel-icon {
  background: url("../img/hotel-icon-active.png") no-repeat 0 0;
  width: 22px;
  height: 21px;
  display: inline-block;
  background-size: cover;
  margin-right: 13px;
}

.page-not-found .fill-data-btns-left {
  flex-grow: 1;
}
.page-not-found .fill-data-btns-left .fill-data-drop-btn {
  margin-right: 0 !important;
}
.page-not-found .customers-control-bar {
  margin-bottom: 0;
  padding-bottom: 24px;
}

.customer-not-found {
  background: #fff;
  padding: 16px;
  margin-bottom: 16px;
  max-width: 582px;
}
.customer-not-found p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  margin-bottom: 0;
}

.customer-not-found-bottom-text p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  margin-bottom: 0;
}
.customer-not-found-bottom-text p a {
  color: #108CCF;
}

.alphabet-menu-list {
  position: fixed;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.alphabet-menu-list ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.alphabet-menu-list ul li {
  margin-top: 0;
  line-height: 21px;
}
.alphabet-menu-list ul li.active-link a {
  background: #293189;
  color: #fff;
}
.alphabet-menu-list ul li a {
  font-size: 12px;
  line-height: 16px;
  color: #9697A3;
  text-decoration: none;
  padding: 2px 22px 2px 8px;
  border-radius: 50px 0 0 50px;
}
.alphabet-menu-list ul li a:hover {
  background: #293189;
  color: #fff;
}

.customer-more-link a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #108CCF;
}
.customer-more-link a:hover {
  text-decoration: none;
}
.customer-more-link a i {
  background: url("../img/down-arrow.png") no-repeat;
  width: 10px;
  height: 6px;
  display: inline-flex;
  margin-left: 6px;
}

.alert-message.custom-alert {
  color: #DA291C;
  margin-top: -8px;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}

.add-customer-fld input {
  width: 443px !important;
  margin-top: 9px !important;
}

.powered-google {
  margin-top: 72px;
}
.powered-google img {
  max-width: 135px;
}

.button-custom-padd {
  padding-top: 20px;
  padding-bottom: 20px;
}

.status-active {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  background: rgba(120, 190, 33, 0.1);
  border-radius: 2px;
  color: #78BE21;
  font-size: 12px !important;
  line-height: 12px;
  padding: 3px 4px;
  text-transform: uppercase;
}

.status-inactive {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  background: #EDEEEE;
  border-radius: 2px;
  color: #9697A3;
  font-size: 12px !important;
  line-height: 12px;
  padding: 3px 4px;
  text-transform: uppercase;
}

.brands-logo-panel {
  display: flex;
  align-items: center;
}
.brands-logo-panel .brands-logo-inner {
  overflow: hidden;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.brands-logo-panel .brands-logo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  position: relative;
}
.brands-logo-panel .brands-logo img {
  width: 100%;
  display: block;
}
.brands-logo-panel .brands-logo.pink {
  background: #CE0F69;
}
.brands-logo-panel .brands-logo.blue {
  background: #00778B;
}
.brands-logo-panel .brands-logo.green {
  background: #78BE20;
}
.brands-logo-panel .brands-logo.orange {
  background: #FF8200;
}
.brands-logo-panel .brands-logo.yellow {
  background: #BBA600;
}
.brands-logo-panel .brands-logo .logo-icon {
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 38px;
  right: 0px;
  background: #ffce0d;
}
.brands-logo-panel .brands-logo .logo-icon img {
  max-width: 100%;
  display: block;
}
.brands-logo-panel p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A !important;
}

.w-100 {
  width: 100%;
}

.brand-image-upload-panel {
  max-width: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 41px;
}
.brand-image-upload-panel .file-upload-block {
  box-sizing: border-box;
  height: 184px;
  width: 184px;
  border: 2px dashed #D5D5D5;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 24px;
}
.brand-image-upload-panel .file-upload-block .placehoder-pic {
  max-width: 90px;
}
.brand-image-upload-panel .file-upload-fld {
  position: relative;
  margin-bottom: 16px;
}
.brand-image-upload-panel .file-upload-fld input {
  width: 253px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.brand-image-upload-panel .file-upload-fld .file-upload-fld-custom {
  display: flex;
  width: 253px;
  height: 48px;
  background: rgba(41, 49, 137, 0.05);
  border-radius: 2px;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  color: #293189;
}
.brand-image-upload-panel .file-upload-fld .file-upload-fld-custom .file-upload-icon {
  display: block;
  background: url("../img/file-upload-icon.png") no-repeat 0 0;
  width: 18px;
  height: 14px;
}
.brand-image-upload-panel .file-upload-inst-text p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
  text-align: center;
}

.add-brand-form {
  max-width: 538px;
  padding-top: 31px;
  padding-bottom: 31px;
}
.add-brand-form .input {
  margin-bottom: 24px;
}

.add-brand-btn-panel {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
.add-brand-btn-panel a {
  margin: 0;
}
.add-brand-btn-panel .outline-btn {
  min-width: 158px;
  margin-right: 32px;
}
.add-brand-btn-panel .primary {
  max-width: 348px;
}

.input.textarea .add-brand-fld textarea {
  height: 158px;
  border: 1px solid #C6C6CD;
  resize: none;
}

.add-brand-row-flds {
  display: flex;
  justify-content: space-between;
}
.add-brand-row-flds .add-brand-fld {
  min-width: 261px;
}

.add-brand-status-panel p {
  margin-bottom: 0.5rem;
}

.add-brand-status-inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}
.add-brand-status-inner .status-radio-block {
  background: #F1F1F1;
  height: 72px;
  width: 261px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  position: relative;
}
.add-brand-status-inner .status-radio-block.active {
  border-left: 4px solid #118CCF;
}
.add-brand-status-inner .status-radio-block .status-radio-fld {
  display: flex;
}

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

.mb-42 {
  margin-bottom: 42px;
}

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

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

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

.field-validation-error {
  color: #DA291C;
  font-size: 0.8rem;
  position: relative;
}

.date-custom-alert {
  margin-top: -16px;
  margin-bottom: 1rem;
}

.input-with-right-icon {
  position: relative;
}
.input-with-right-icon input {
  padding-right: 47px;
}

.percent-text {
  position: absolute;
  font-size: 16px;
  top: 12px;
  right: 16px;
  color: #9697A3;
}

.custom-radio [type=radio]:checked,
.custom-radio [type=radio]:not(:checked) {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}

.custom-radio [type=radio]:checked + label,
.custom-radio [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 36px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #52565A;
  padding-top: 2px;
}

.custom-radio [type=radio]:checked + label:before,
.custom-radio [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 3px solid #9697A3;
  border-radius: 100%;
  background: #fff;
}

.custom-radio [type=radio]:checked + label:before {
  border: 3px solid #118CCF;
}

.custom-radio [type=radio]:checked + label:after,
.custom-radio [type=radio]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: #81858a;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

.custom-radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.custom-radio [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.dotted-line-btn {
  border: 1px dashed #9697A3;
  color: #293189;
  margin-bottom: 16px;
  padding-top: 19px;
  padding-bottom: 19px;
}
.dotted-line-btn:hover {
  border: 1px dashed #158ed0;
  color: #158ed0;
}

.add-brew-panel .batch-date-panel .input {
  max-width: 229px;
}

.brew-number {
  margin-bottom: 30px;
}
.brew-number p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
}
.brew-number h3 {
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 0;
  margin-top: 2px;
}

.batches-table {
  padding-top: 20px;
}
.batches-table h3 {
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 8px;
}
.batches-table table {
  width: 100%;
}
.batches-table thead th {
  padding: 21px 16px;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  text-align: left;
  border-bottom: 2px solid #EDEEEE;
}
.batches-table tbody tr {
  background: #F9F9F9;
}
.batches-table tbody td {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
  padding: 21px 16px;
  border-top: 4px solid #fff;
}

.location-content-min-height {
  min-height: 69px;
}

.location-content-min-height-2 {
  min-height: 65px;
}

.add-brand-btn-drop-panel.fill-data-drop-btn a {
  padding-top: 13px;
  padding-bottom: 13px;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel .fill-data-dropdown {
  right: 0;
  width: 360px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel .fill-data-dropdown::before {
  right: 0;
  left: auto;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel .fill-data-dropdown::after {
  right: 0;
  left: auto;
}

.add-brand-drop-row {
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #EDEEEE;
  padding-bottom: 7px;
  width: 100%;
}
.add-brand-drop-row .add-brand-drop-row-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 8px;
  border-radius: 2px;
  transition: all 0.5s ease;
  cursor: pointer;
}
.add-brand-drop-row .add-brand-drop-row-inner:hover {
  background: #F1F9FF;
}
.add-brand-drop-row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.add-brand-drop-row .add-brand-drop-icon {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 16px;
  flex-shrink: 0;
}
.add-brand-drop-row .add-brand-drop-icon img {
  max-width: 100%;
  display: block;
}

.add-brand-drop-content {
  flex-grow: 1;
}
.add-brand-drop-content h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 0;
}
.add-brand-drop-content p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-bottom: 0;
}

.progress-modal {
  max-width: 728px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 13px 18px -13px rgba(41, 49, 137, 0.32);
  padding: 56px;
}
.progress-modal h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
  margin-bottom: 48px;
}

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

.modal-progress-value-panel {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.modal-progress-value-panel h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 0;
}
.modal-progress-value-panel p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  margin-bottom: 0;
}

.modal-progress-panel {
  background: #EDEEEE;
  height: 16px;
  border-radius: 2px;
  border-bottom: 4px solid rgba(82, 86, 90, 0.2);
}
.modal-progress-panel .modal-progress-bar {
  background: #78BE20;
  height: 16px;
  border-radius: 2px;
  border-bottom: 4px solid rgba(82, 86, 90, 0.2);
}

.brand-progress-heading {
  display: flex;
  align-items: center;
}
.brand-progress-heading span {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 16px;
}
.brand-progress-heading span img {
  display: block;
  max-width: 100%;
}

.date-link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 3px 3px 3px 24px;
  border-radius: 2px;
}
.date-link input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.date-link:hover::before {
  content: "";
  position: absolute;
  background: url("../img/date-icon.png") no-repeat 0 0;
  width: 12px;
  height: 12px;
  background-size: cover;
  display: inline-block;
  top: 8px;
  left: 6px;
}
.date-link.active {
  background: #CFE8F5;
  color: #108CCF;
}
.date-link.active::before {
  content: "";
  position: absolute;
  background: url("../img/date-icon-active.png") no-repeat 0 0;
  width: 12px;
  height: 12px;
  background-size: cover;
  display: inline-block;
  top: 8px;
  left: 6px;
}

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

.product-details {
  margin-bottom: 80px;
}
.product-details h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
}
.product-details p {
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
}

.batch-details-table {
  padding-bottom: 80px;
}
.batch-details-table h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
  margin-bottom: 15px;
}

.brand-details-top-panel {
  display: flex;
  margin-bottom: 48px;
  margin-top: 16px;
  align-items: flex-start;
}
.brand-details-top-panel .brand-details-left {
  width: 158px;
  height: 158px;
  margin-right: 32px;
  position: relative;
}
.brand-details-top-panel .brand-details-left .brand-details-small-logo {
  border: 3px solid #fff;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 0;
  background: #ffce0d;
}
.brand-details-top-panel .brand-details-left .brand-details-left-inner {
  width: 158px;
  height: 158px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.brand-details-top-panel .brand-details-left .brand-details-left-inner img {
  max-width: 131px;
  display: block;
  margin: 20px 14px 7px 13px;
}
.brand-details-top-panel .brand-details-right {
  border-bottom: 2px solid #EDEEEE;
  padding-bottom: 23px;
  flex-grow: 1;
}
.brand-details-top-panel .brand-details-right h1 {
  margin-bottom: 13px;
  margin-top: 11px;
}

.brand-details-name-info {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  color: #9697A3;
}
.brand-details-name-info strong {
  font-family: HelveticaNeueLTW05-75Bold;
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
  color: #9697A3;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
.brand-details-name-info strong:first-child {
  padding-left: 0;
}
.brand-details-name-info .active-state {
  border-radius: 2px;
  background-color: rgba(120, 190, 33, 0.1);
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-family: HelveticaNeueLTW05-65Medium;
  color: #78BE21;
  text-align: center;
  padding: 3px 5px;
  display: inline-block;
  margin-left: 10px;
}

.batch-details-table .button {
  margin-top: 0;
}

.product-details-bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
  align-items: center;
  border-top: 1px solid #EDEEEE;
  padding-top: 35px;
}
.product-details-bottom .untappd-logo {
  width: 199px;
}
.product-details-bottom .untappd-logo img {
  max-width: 100%;
}
.product-details-bottom .sky-blue-btn {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 19px;
  display: inline-flex;
  align-items: center;
  padding: 14px 16px;
}
.product-details-bottom .refresh-btn-icon {
  margin-left: 16px;
}
.product-details-bottom .edit-icon-btn {
  margin-left: 16px;
}
.product-details-bottom .ban-btn-icon {
  margin-left: 8px;
}
.product-details-bottom .make-active-icon {
  margin-left: 8px;
}

.refresh-btn-icon {
  background: url("../img/refresh-btn-icon.png") no-repeat 0 0;
  background-size: cover;
  width: 22px;
  height: 19px;
  display: inline-block;
}

.edit-icon-btn {
  background: url("../img/edit-icon-w.png") no-repeat 0 0;
  background-size: cover;
  width: 18px;
  height: 16px;
  display: inline-block;
}

.ban-btn-icon {
  background: url("../img/ban-icon.png") no-repeat 0 0;
  background-size: contain;
  width: 22px;
  height: 20px;
  display: inline-block;
}

.make-active-icon {
  background: url("../img/check-mark.png") no-repeat 0 0;
  background-size: contain;
  width: 22px;
  height: 20px;
  display: inline-block;
}

.transparent-btn {
  padding: 15px 16px;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.white-btn {
  background: #fff !important;
}

.transparent-bg {
  background: transparent !important;
}

.product-details-btn-right {
  display: flex;
  align-items: center;
}

.vr-divider-line {
  background: #EDEEEE;
  width: 1px;
  height: 48px;
  margin-left: 24px;
  margin-right: 24px;
}

.brand-details-wrapper .customer-filters .input input {
  padding-left: 48px;
}

.brand-details-wrapper .fill-data-table tr th {
  padding-top: 21px;
  padding-bottom: 21px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
}
.brand-details-wrapper .fill-data-table tr td {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
}
.brand-details-wrapper .fill-data-table thead {
  border-bottom: 1px solid #F9F9F9;
}
.brand-details-wrapper .fill-data-table tbody {
  border-top: 6px solid transparent;
}

.brand-details-wrapper .fill-data-table tr td {
  padding: 28px 1rem;
}

.customers-control-bar .fill-data-drop-btn.style-dropdown a span {
  margin-left: 54px;
}

.customers-control-bar .fill-data-drop-btn.status-dropdown a span {
  margin-left: 43px;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel {
  margin-right: 0;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel a {
  color: #293189;
  padding: 14px 24px;
  background: rgba(41, 49, 137, 0.05);
  border: none;
}

.fill-data-top-btn-panel .fill-data-drop-btn.add-brand-btn-drop-panel .active {
  color: #158ed0;
  padding: 14px 24px;
  background: #F3F9FC;
  border: 1px solid #B3D8F6;
}

.assign-modal-wrapper.add-brew-modal h2 {
  margin-bottom: 24px;
}

.sync-modal {
  margin-top: 104px;
}

.brand-details-left-panel {
  max-width: 633px;
}

.search-brew-fld {
  min-width: 443px;
}

.brew-date-fld {
  margin-right: 0 !important;
}

.brand-details-table-wrapper .fill-data-table {
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}
.brand-details-table-wrapper .fill-data-table tr th {
  border-bottom: 1px solid #ccc;
}
.brand-details-table-wrapper .fill-data-table tr:nth-child(1) td {
  border-top: 6px solid #f9f9f9;
}

.add-brand-modal {
  max-width: 918px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 21px;
}
.add-brand-modal .page-left-panel {
  max-width: 538px;
  flex-shrink: 0;
}
.add-brand-modal .page-right-panel {
  margin-left: 127px;
  max-width: 253px;
  flex-shrink: 0;
}

.error-text {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #DA291C;
}

.brand-date-fld {
  position: relative;
  background: #fff;
}
.brand-date-fld input {
  height: 48px;
  border: 1px solid #EBEBEB;
  padding-left: 40px;
  padding-right: 22px;
  max-width: 182px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 21px;
  color: #52565A;
}
.brand-date-fld input:focus {
  outline: none;
  border: 1px solid #118CCF;
}
.brand-date-fld input:focus + .fld-date-icon {
  background: url("../img/date-icon-drop-active.png") no-repeat 0 0;
  width: 22px;
  height: 20px;
  margin-right: 8px;
  background-size: cover;
}
.brand-date-fld .fld-date-icon {
  width: 22px;
  height: 20px;
  margin-right: 8px;
}

.batch-details-table .fill-data-top-btn-panel .fill-data-btns-left {
  width: 100%;
}

.customer-table .fill-data-table tr td {
  padding: 12px 16px;
}
.customer-table .fill-data-table tr td:nth-child(1) {
  display: none;
}
.customer-table .fill-data-table tr th:nth-child(1) {
  display: none;
}

.brand-details-table-wrapper .fill-data-table tr td:nth-child(1) {
  display: none;
}
.brand-details-table-wrapper .fill-data-table tr th:nth-child(1) {
  display: none;
}

.error-fld {
  border: 1px solid #D7114A !important;
  background: rgba(218, 41, 28, 0.02) !important;
}

.fld-date-icon {
  background: url("../img/date-icon-drop.png") no-repeat 0 0;
  width: 24px;
  height: 22px;
  background-size: cover;
  margin-right: 8px;
  flex-shrink: 0;
  display: block;
}

.brand-date-fld .fld-date-icon {
  position: absolute;
  top: 12px;
  left: 8px;
}
.brand-date-fld span {
  background: url("../img/drop-arrow-grey.png") no-repeat 0 0;
  background-size: contain;
  width: 10px;
  height: 6px;
  display: inline-block;
  margin-left: 24px;
  position: absolute;
  top: 22px;
  right: 11px;
}

.modal-overlay-add-brand {
  background: rgba(249, 249, 249, 0.95) !important;
}

.total-cost-block {
  position: fixed;
  bottom: 8px;
  right: 99px;
  background: #293189;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
  border-radius: 32px;
  padding: 6px 32px 6px 32px;
  display: flex;
  align-items: center;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-decoration: none;
  z-index: 999;
  transition: all 0.4s ease;
}
.total-cost-block p {
  color: #fff;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.total-cost-block p strong {
  font-family: HelveticaNeueLTW05-75Bold;
  padding-left: 4px;
}
.total-cost-block p span {
  color: #fff;
  font-family: HelveticaNeueLTW05-75Bold;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
  padding-left: 16px;
}

.p1 {
  font-size: 16px !important;
  font-family: HelveticaNeueLTW05-65Medium !important;
  font-weight: initial;
}

.p2 {
  font-size: 14px !important;
  color: #9697A3;
  font-weight: initial;
}

.p3 {
  font-size: 14px !important;
  font-family: HelveticaNeueLTW05-65Medium !important;
  font-weight: initial;
}

.customer-table .fill-data-table tr th {
  padding: 21px 16px;
}

.brand-details-wrapper.brew-details-table .fill-data-table tr th {
  padding-top: 16px;
  padding-bottom: 16px;
}

.table-vr-scroll {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}

/** {
  scrollbar-width: thin;
  scrollbar-color: #dfdfdf #222;
}*/

/* Works on Chrome, Edge, and Safari */
.table-vr-scroll::-webkit-scrollbar {
  width: 6px;
}

.table-vr-scroll::-webkit-scrollbar-track {
  background: #dfdfdf;
}

.table-vr-scroll::-webkit-scrollbar-thumb {
  background-color: #7c7c7c;
  border-radius: 20px;
}

.profile-modal-wrapper {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  padding: 32px;
  max-width: 728px;
  width: 100%;
  position: absolute;
  top: 37px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.profile-modal-wrapper h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  color: #293189;
}
.profile-modal-wrapper .form-label {
  margin-bottom: 4px;
}

.button-wrapper {
  display: flex;
  justify-content: space-between;
}
.button-wrapper .outline-btn {
  padding-top: 20px;
  padding-bottom: 20px;
  min-width: 144px;
}
.button-wrapper .primary {
  padding-top: 20px;
  padding-bottom: 20px;
  min-width: 240px;
}

.modal-tabs-link > ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  border-bottom: 1px solid #EDEEEE;
  margin-bottom: 32px;
}

.modal-tabs-link > ul li {
  margin-right: 40px;
  position: relative;
}

.modal-tabs-link > ul li a {
  color: #AEAEB8;
  padding-bottom: 10px;
  text-decoration: none;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-tabs-link ul li.active-tab-link:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -2px;
  background: #118CCF;
  left: 0;
  right: 0;
}

.modal-tabs-link ul li.active-tab-link a {
  color: #118CCF;
}

.profile-row-flds {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.profile-row-flds h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
  margin-bottom: 8px;
}
.profile-row-flds .input {
  margin-bottom: 0;
}
.profile-row-flds .input label select {
  margin-bottom: 0;
}
.profile-row-flds .input label input {
  margin-bottom: 0;
}
.profile-row-flds .profile-fld {
  min-width: 316px;
}

.profile-contact-method-panel p {
  margin-bottom: 4px;
}
.profile-contact-method-panel h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
  margin-bottom: 8px;
}

.profile-contact-method-inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}
.profile-contact-method-inner .checkbox-block {
  background: #F1F1F1;
  height: 72px;
  width: 323px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  position: relative;
}
.profile-contact-method-inner .checkbox-block.active {
  border-left: 4px solid #118CCF;
}
.profile-contact-method-inner .checkbox-block .status-radio-fld {
  display: flex;
}
.profile-contact-method-inner .checkbox-block .styled-checkbox {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 98%;
  height: 100%;
  cursor: pointer;
}
.profile-contact-method-inner .custom-check-panel {
  margin-bottom: 0;
}
.profile-contact-method-inner .custom-check-panel .styled-checkbox + label:before {
  width: 16px;
  height: 16px;
}
.profile-contact-method-inner .custom-check-panel .styled-checkbox:checked + label:after {
  left: 5px;
  top: 9px;
}

.update-checkbox-panel p {
  margin-bottom: 8px;
}

.update-checkbox-panel-inner {
  background: #F1F1F1;
  padding: 24px;
  position: relative;
}
.update-checkbox-panel-inner label {
  display: flex;
}
.update-checkbox-panel-inner .styled-checkbox + label:before {
  width: 16px;
  height: 16px;
}
.update-checkbox-panel-inner .custom-check-panel {
  margin-bottom: 0;
}
.update-checkbox-panel-inner .styled-checkbox {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 98%;
  height: 100%;
  cursor: pointer;
}

.styled-checkbox:checked + label:after {
  left: 5px;
  top: 9px;
}

.profile-pic-upload-panel {
  padding-bottom: 30px;
  display: flex;
}
.profile-pic-upload-panel .profile-pic-avatar {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  overflow: hidden;
  background: #EDEEEE;
  margin-right: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-pic-upload-panel .profile-pic-avatar img {
  width: auto;
  max-width: 100%;
}

.profile-upload-btn-panel {
  padding-top: 14px;
}
.profile-upload-btn-panel p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-top: 8px;
}

.profile-upload-btn {
  position: relative;
}
.profile-upload-btn span {
  background: #118CCF;
  width: 205px;
  height: 48px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-upload-btn input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 48px;
  cursor: pointer;
}

.password-instruction.profile-pass-inst h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
}
.password-instruction.profile-pass-inst .checkmark {
  border: 1px solid #AEAEB8;
}

.password-instruction.profile-pass-inst .custom-radio-container input:checked ~ .checkmark {
  border: none;
}

.profile-address-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
}
.profile-address-panel p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 20px;
  color: #9697A3;
}
.profile-address-panel h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  margin-bottom: 0;
}
.profile-address-panel .outline-btn {
  margin-top: 0;
  width: 139px;
  padding: 20px 24px;
}

.confirm-modal-wrapper {
  max-width: 539px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  padding: 32px;
  position: absolute;
  top: 101px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.confirm-modal-wrapper .confirm-modal-heading {
  border-bottom: 1px solid #EDEEEE;
  padding-bottom: 24px;
  margin-left: -32px;
  margin-right: -32px;
  padding-left: 32px;
  margin-bottom: 24px;
}
.confirm-modal-wrapper h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #52565A;
  margin-bottom: 0;
}
.confirm-modal-wrapper p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}

.confirm-modal-btn-panel {
  margin-top: 56px;
  align-items: center;
  justify-content: flex-end;
}
.confirm-modal-btn-panel .primary {
  margin-top: 0;
}

.confirm-modal-btn-panel .outline-btn {
  padding: 20px 32px;
  margin-right: 16px;
}
.confirm-modal-btn-panel .primary {
  padding: 20px 32px;
}

.confirm-modal-heading {
  display: flex;
  align-items: center;
}
.confirm-modal-heading img {
  margin-right: 18px;
  width: auto;
}

.assign-modal-wrapper.zone-modal-wrapper .input input {
  padding-left: 16px;
}

.add-brand-status-panel.edit-zone-radio-option {
  padding-top: 20px;
  padding-bottom: 13px;
}
.add-brand-status-panel.edit-zone-radio-option .add-brand-status-inner {
  flex-direction: column;
  padding-bottom: 0;
}
.add-brand-status-panel.edit-zone-radio-option .status-radio-block {
  width: 100%;
  margin-bottom: 4px;
  padding-top: 24px;
  padding-bottom: 24px;
  height: auto;
}
.add-brand-status-panel.edit-zone-radio-option .status-radio-block label {
  font-family: HelveticaNeueLTW05-65Medium;
}
.add-brand-status-panel.edit-zone-radio-option .status-radio-block label span {
  font-family: HelveticaNeueLTW05-55Roman;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  padding-top: 8px;
}

.assign-modal-wrapper.edit-zone-modal-wrapper {
  max-width: 720px;
}
.assign-modal-wrapper.edit-zone-modal-wrapper .table-vr-scroll {
  max-height: 515px;
}
.assign-modal-wrapper.edit-zone-modal-wrapper .modal-tabs-link ul {
  margin-bottom: 24px;
}

.edit-zone-modal-wrapper .modal-heading {
  align-items: baseline;
}
.edit-zone-modal-wrapper .modal-heading a {
  white-space: nowrap;
}
.edit-zone-modal-wrapper .modal-heading h2 {
  word-break: break-word;
}

.modal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 18px;
  padding-bottom: 22px;
  border-bottom: 2px solid #EDEEEE;
  margin-bottom: 16px;
}
.modal-heading h2 {
  margin-bottom: 0;
}
.modal-heading a {
  font-size: 16px;
  line-height: 24px;
  font-family: HelveticaNeueLTW05-65Medium;
  text-decoration: none;
}

.container-counts-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.status-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #78BE20;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-yellow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #FFCD00;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-red {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #DA291C;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-blue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #118CCF;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-orange {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #FF8200;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-grey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #94B7BB;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-purple {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #815ebb;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.status-pink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ff43b4;
  border-radius: 2px;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
  padding: 0 4px;
}

.container-counts-left p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 15px;
  color: #AEAEB8;
}
.container-counts-left p span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  display: inline-flex;
  margin-right: 4px;
}

.container-status {
  display: inline-flex;
  align-items: center;
  border: 1px solid #C6C6CD;
  border-radius: 2px;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 15px;
  color: #AEAEB8;
  padding: 3px 6px;
  border-radius: 2px;
}

.lock-icon {
  background: url("../img/lock-icon.png") no-repeat;
  width: 9px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
  flex-shrink: 0;
}

.edit-icon-blue {
  background: url("../img/edit-icon-blue.png") no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 2px;
  flex-shrink: 0;
}

.side-nav {
  z-index: 2;
}

.side-nav-profile-menu {
  background: #121858;
  width: 217px;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  right: -233px;
  padding: 8px;
}
.side-nav-profile-menu ul {
  list-style-type: none;
}
.side-nav-profile-menu ul li a {
  padding: 16px 21px;
  display: block;
  color: #a0a2bc;
  text-decoration: none;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  border-radius: 2px;
  transition: all 0.5s ease;
}
.side-nav-profile-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.side-nav-profile-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #121858 transparent transparent;
  position: absolute;
  bottom: 20px;
  left: -9px;
}

.nav-user-icon {
  background: url("../img/user-icon.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
}

.nav-service-desk-icon {
  background: url("../img/service-desk-icon.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
}

.nav-logout-icon {
  background: url("../img/logout-icon.png") no-repeat 0 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
}

.nav-text-icon {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  width: 39px;
  height: 39px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  margin-right: 16px;
  flex-shrink: 0;
  border-radius: 4px;
}

.check-mark-white {
  background: url("../img/check-mark-white.png") no-repeat 0 0;
  width: 18px;
  height: 14px;
  display: inline-block;
  margin-right: 16px;
  flex-shrink: 0;
  position: absolute;
  top: 15px;
  right: 0;
}

.copy-icon {
  background: url("../img/copy-icon.png") no-repeat 0 0;
  width: 15px;
  height: 18px;
  display: inline-block;
  flex-shrink: 0;
}

.side-nav-list > ul {
  max-height: calc(100vh - 190px);
}

.side-nav-list-main li {
  position: relative;
}

.side-nav-gen-menu {
  background: #121858;
  width: 304px;
  border-radius: 8px;
  position: absolute;
  top: 24px;
  right: -310px;
  padding: 8px;
}
.side-nav-gen-menu ul {
  list-style-type: none;
  max-height: 45vh;
  overflow: auto;
}
.side-nav-gen-menu ul li a {
  color: #fff;
  opacity: 1;
  padding: 8px !important;
  border-radius: 2px;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.side-nav-gen-menu ul li a span {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.side-nav-gen-menu ul li a span em {
  display: block;
  font-style: normal;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 21px;
}
.side-nav-gen-menu ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.side-nav-gen-menu ul li a:hover .nav-text-icon {
  background: rgba(255, 255, 255, 0.1);
  width: 39px;
  height: 39px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  flex-shrink: 0;
}
.side-nav-gen-menu ul::-webkit-scrollbar {
  width: 6px;
}
.side-nav-gen-menu ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #26325c;
  border-radius: 10px;
}
.side-nav-gen-menu ul::-webkit-scrollbar-thumb {
  background: #3a429a;
  border-radius: 10px;
}
.side-nav-gen-menu::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #121858 transparent transparent;
  position: absolute;
  top: 20px;
  left: -9px;
}

.zones-create-block a {
  height: calc(100% - 15px);
  min-height: 219px;
  width: 100%;
  border: 1px dashed #118CCF;
  border-radius: 4px;
  background-color: #ECF6FC;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.zones-content-panel {
  margin-bottom: 0;
}
.zones-content-panel h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 0;
  position: relative;
  top: 28px;
}

.zones-content-panel-inner {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  position: relative;
}
.zones-content-panel-inner .owl-nav {
  position: absolute;
  top: 3px;
  right: 20px;
  display: flex;
}
.zones-content-panel-inner .owl-nav button {
  margin-top: 0;
}
.zones-content-panel-inner .owl-nav button span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  margin-left: 5px;
  transition: all 0.5s ease;
  background-color: #fff !important;
}
.zones-content-panel-inner .owl-nav button span:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.zones-content-panel-inner .owl-nav .owl-prev span {
  background: url("../img/arrow-left-slider.png") no-repeat 50% 50%;
}
.zones-content-panel-inner .owl-nav .owl-prev.disabled span {
  background: url("../img/arrow-left-grey-slider.png") no-repeat 50% 50%;
}
.zones-content-panel-inner .owl-nav .owl-next span {
  background: url("../img/arrow-right-slider.png") no-repeat 50% 50%;
}
.zones-content-panel-inner .owl-nav .owl-next.disabled span {
  background: url("../img/arrow-right-grey-slider.png") no-repeat 50% 50%;
}
.zones-content-panel-inner .owl-carousel .owl-stage-outer {
  padding-top: 51px;
}

.zones-content-panel-inner::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #dfdfdf;
}

.zones-content-panel-inner::-webkit-scrollbar-thumb {
  background: #118CCF;
}

.zones-block {
  min-height: 207px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(41, 49, 137, 0.08);
  margin-right: 0;
  padding: 24px;
  margin-bottom: 16px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.zones-block:hover {
  transform: scale(1.015);
  box-shadow: 0 4px 24px 1px rgba(41, 49, 137, 0.08);
}

.zones-block-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 25px;
  min-height: 24px;
}
.zones-block-heading h3 {
  margin-bottom: 0;
  word-break: break-word;
  margin-right: 10px;
}

.zones-container-count h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
}
.zones-container-count h4 span {
  font-size: 51px;
  line-height: 64px;
  color: #293189;
  display: inline-block;
  margin-right: 8px;
}

.zones-status ul {
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
}
.zones-status ul li {
  font-family: HelveticaNeueLTW05-55Roman;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  width: 33%;
}
.zones-status.zones-status-signle-line li {
  width: auto;
  margin-right: 32px;
}
.zones-status.zones-status-signle-line li:last-child {
  margin-right: 0;
}

.stocks-content-panel {
  margin-bottom: 54px;
}
.stocks-content-panel h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 8px;
}
.stocks-content-panel p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
}

.stocks-content-panel-inner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 38px;
}
.stocks-content-panel-inner .stock-block {
  min-height: 208px;
  width: 349px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(41, 49, 137, 0.08);
  margin-right: 32px;
  padding: 24px;
  margin-bottom: 16px;
}
.stocks-content-panel-inner .stock-block h4 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 51px;
  line-height: 64px;
  color: #293189;
}
.stocks-content-panel-inner .stock-block.stock-block-small {
  width: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.stocks-content-panel-inner .stock-block.stock-block-small p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  margin-bottom: 16px;
}
.stocks-content-panel-inner .stock-block.stock-block-small ul {
  display: flex;
  list-style-type: none;
  margin: 0;
}
.stocks-content-panel-inner .stock-block.stock-block-small ul li {
  padding-left: 13px;
  padding-right: 13px;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  position: relative;
}
.stocks-content-panel-inner .stock-block.stock-block-small ul li::before {
  content: "";
  width: 1px;
  height: 24px;
  background: #EDEEEE;
  position: absolute;
  top: 2px;
  right: 0;
}
.stocks-content-panel-inner .stock-block.stock-block-small ul li:last-child::before {
  display: none;
}

.circle-graph {
  max-width: 96px;
  margin-bottom: 16px;
}

.stock-block.stock-block-report {
  background: url("../img/stock-report-bg.jpg") no-repeat 0 0;
  background-size: cover;
  width: 252px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.stock-block.stock-block-report a {
  color: #fff;
  text-decoration: none;
}

.link-icon {
  background: url("../img/link-icon.png") no-repeat 0 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  flex-shrink: 0;
  margin-left: 10px;
}

.plus-icon-zone {
  background: url("../img/plus-icon-zone.png") no-repeat 0 0;
  width: 15px;
  height: 15px;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
}

.details-content-panel {
  margin-bottom: 147px;
}

.details-content-panel-inner {
  display: flex;
  align-items: center;
}

.details-map {
  width: 443px;
  height: 320px;
  border: 1px solid #c6c6cd;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-map img {
  display: block;
}

.sites-main-content-panel {
  margin-top: 24px;
}

.sites-main-content-panel .modal-tabs-link > ul {
  margin-bottom: 23px;
}

.details-map-content h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 6px;
}
.details-map-content h5 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
}
.details-map-content p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 32px;
}
.details-map-content .outline-btn {
  background: #fff;
  display: inline-block;
}

.progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #ebebeb;
}

.progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: colorload 2s;
}

.progress-circle span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  color: #293189;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 82px;
  line-height: 60px;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

.progress-circle span:after {
  content: "%";
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  color: #293189;
}

.progress-circle.progress-0:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(90deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-1:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-2:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-3:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-4:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-5:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(108deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-6:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-7:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-8:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-9:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-10:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(126deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-11:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-12:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-13:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-14:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-15:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-16:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-17:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-18:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-19:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(144deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-20:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-21:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(158.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-22:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(161.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-23:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-24:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-25:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(180deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-26:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-27:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-28:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-29:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-30:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(198deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-31:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-32:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-33:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-34:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-35:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(216deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-40:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(234deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-36:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-37:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-38:after {
  background-image: linear-gradient(90deg, #da291a 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-39:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-41:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-42:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-43:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-44:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-45:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-46:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-47:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-48:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-49:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-50:after {
  background-image: linear-gradient(-90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-51:after {
  background-image: linear-gradient(-86.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-52:after {
  background-image: linear-gradient(-82.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-53:after {
  background-image: linear-gradient(-79.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-54:after {
  background-image: linear-gradient(-75.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-55:after {
  background-image: linear-gradient(-72deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-56:after {
  background-image: linear-gradient(-68.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-57:after {
  background-image: linear-gradient(-64.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-58:after {
  background-image: linear-gradient(-61.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-59:after {
  background-image: linear-gradient(-57.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-60:after {
  background-image: linear-gradient(-54deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-61:after {
  background-image: linear-gradient(-50.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-62:after {
  background-image: linear-gradient(-46.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-63:after {
  background-image: linear-gradient(-43.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-64:after {
  background-image: linear-gradient(-39.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-65:after {
  background-image: linear-gradient(-36deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-66:after {
  background-image: linear-gradient(-32.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-67:after {
  background-image: linear-gradient(-28.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-68:after {
  background-image: linear-gradient(-25.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-69:after {
  background-image: linear-gradient(-21.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-70:after {
  background-image: linear-gradient(-18deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-71:after {
  background-image: linear-gradient(-14.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-72:after {
  background-image: linear-gradient(-10.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-73:after {
  background-image: linear-gradient(-7.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-74:after {
  background-image: linear-gradient(-3.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-75:after {
  background-image: linear-gradient(0deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-76:after {
  background-image: linear-gradient(3.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-77:after {
  background-image: linear-gradient(7.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-78:after {
  background-image: linear-gradient(10.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-79:after {
  background-image: linear-gradient(14.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-80:after {
  background-image: linear-gradient(18deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-81:after {
  background-image: linear-gradient(21.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-82:after {
  background-image: linear-gradient(25.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-83:after {
  background-image: linear-gradient(28.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-84:after {
  background-image: linear-gradient(32.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-85:after {
  background-image: linear-gradient(36deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-86:after {
  background-image: linear-gradient(39.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-87:after {
  background-image: linear-gradient(43.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-88:after {
  background-image: linear-gradient(46.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-89:after {
  background-image: linear-gradient(50.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-90:after {
  background-image: linear-gradient(54deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-91:after {
  background-image: linear-gradient(57.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-92:after {
  background-image: linear-gradient(61.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-93:after {
  background-image: linear-gradient(64.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-94:after {
  background-image: linear-gradient(68.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-95:after {
  background-image: linear-gradient(72deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-96:after {
  background-image: linear-gradient(75.6deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-97:after {
  background-image: linear-gradient(79.2deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-98:after {
  background-image: linear-gradient(82.8deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-99:after {
  background-image: linear-gradient(86.4deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-100:after {
  background-image: linear-gradient(90deg, #ffcd00 50%, transparent 50%, transparent), linear-gradient(270deg, #ffcd00 50%, #ebebeb 50%, #ebebeb);
}
#btnAddBrand, #btnUntappdProductGet {
  cursor: pointer;
}

.side-nav-list-main > li:nth-child(1) a.active::before {
  display: none;
}

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

.payment-wrapper {
  max-width: 443px;
  width: 100%;
}

.bacs-wrapper p {
  font-size: 20px;
  line-height: 30px;
  color: #52565A;
}
.bacs-wrapper .customer-table tr td {
  font-size: 16px;
  padding: 24px 16px;
  border-top: 1px solid #CFD3DE;
  border-bottom: none;
}
.bacs-wrapper .table {
  margin-bottom: 24px;
}
.bacs-wrapper .payment-btm-btn .primary {
  margin-top: 18px;
}

.thankyou-wrapper {
  padding-top: 3px;
}
.thankyou-wrapper .table {
  margin-bottom: 16px;
}
.thankyou-wrapper .fill-data-table.customer-table tr td {
  padding: 26px 16px;
  border-top: 1px solid #CFD3DE;
  border-bottom: none;
}
.thankyou-wrapper .fill-data-table.customer-table tr td:nth-child(2) {
  text-align: right;
}

.thankyou-top-text {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
}

.payment-btm-btn .primary {
  padding: 20px 60px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
  min-width: 240px;
}

.billing-top-panel {
  display: flex;
  padding-top: 34px;
  align-items: center;
  padding-bottom: 53px;
  margin-bottom: 66px;
  border-bottom: 1px solid #C6C6CD;
}
.billing-top-panel .billing-pai-chart {
  margin-right: 127px;
  text-align: center;
}
.billing-top-panel .billing-pai-chart p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-top: 17px;
}
.billing-top-panel .billing-right-info {
  width: 100%;
  max-width: 538px;
  margin-top: -36px;
}
.billing-top-panel .billing-right-info h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  border-bottom: 1px solid #C6C6CD;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.billing-top-panel .billing-right-info .sky-blue-btn {
  padding: 14px 32px;
  font-size: 14px;
  line-height: 20px;
}
.billing-top-panel .billing-right-info.all-uptodate h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
  border-bottom: 1px solid transparent;
  padding-bottom: 0;
  margin-bottom: 8px;
}
.billing-top-panel .billing-right-info.all-uptodate p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 20px;
  line-height: 30px;
}

.progress-circle-svg-cont {
  position: relative;
}

.progress-circle-svg-cont span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.progress-circle-svg-cont span strong {
  display: block;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 38px;
  line-height: 48px;
  margin-top: 0;
  color: #293189;
}

.billing-info-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #52565A;
}
.billing-info-row .billing-info-right {
  max-width: 58%;
  text-align: left;
}
.billing-info-row .billing-info-right .font-medium {
  font-family: HelveticaNeueLTW05-65Medium;
}

.red-text {
  color: #DA291C;
}

.trans-history-panel {
  padding-top: 0;
}

.trans-history-table-wrapper .table .outline-btn {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  width: auto;
  display: inline-block;
  padding: 13px 31px;
  margin-top: 0;
}
.trans-history-table-wrapper .fill-data-table tr td {
  font-family: HelveticaNeueLTW05-55Roman;
  padding: 18px 20px 18px 16px;
  color: #9697A3;
}

.billing-status-content {
  font-size: 12px;
  line-height: 12px;
  color: #9697A3;
}
.billing-status-content .billing-status-blue {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #00778B;
  padding: 2px 3px;
  border-radius: 2px;
  background: rgba(0, 119, 139, 0.1);
  margin-right: 4px;
  text-transform: uppercase;
}
.billing-status-content .billing-status-orange {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #FF8200;
  padding: 2px 3px;
  border-radius: 2px;
  background: rgba(255, 130, 0, 0.1);
  margin-right: 4px;
  text-transform: uppercase;
}
.billing-status-content .billing-status-green {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #78BE21;
  padding: 2px 3px;
  border-radius: 2px;
  background: rgba(120, 190, 33, 0.1);
  margin-right: 4px;
  text-transform: uppercase;
}
.billing-status-content .billing-status-yellow {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #BBA600;
  padding: 2px 3px;
  border-radius: 2px;
  background: rgba(187, 166, 0, 0.1);
  margin-right: 4px;
  text-transform: uppercase;
}
.billing-status-content .billing-status-purple {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #671E75;
  padding: 2px 3px;
  border-radius: 2px;
  background: rgba(103, 30, 117, 0.1);
  margin-right: 4px;
  text-transform: uppercase;
}
.billing-status-content .billing-status-grey {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #AEAEB8;
  padding: 2px 3px;
  border-radius: 2px;
  background: #fff;
  margin-right: 4px;
  border: 1px solid #DDDEDF;
  text-transform: uppercase;
}
.billing-status-content .billing-status-red {
  font-family: HelveticaNeueLTW05-65Medium;
  display: inline-block;
  font-size: 12px;
  color: #DA291C;
  padding: 2px 3px;
  border-radius: 2px;
  margin-right: 4px;
  background: rgba(218, 41, 28, 0.1);
  text-transform: uppercase;
}

.payment-download-link a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}

.download-icon-payment {
  background: url("../img/download-icon-blue.png") no-repeat 0 0;
  width: 18px;
  height: 14px;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
}

.bacs-content p {
  padding-bottom: 20px;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}
.bacs-content p span {
  color: #293189;
}
.bacs-content p a {
  text-decoration: none;
}
.bacs-content p a:hover {
  text-decoration: underline;
}

.edit-amount-modal-wrapper {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 60px 0 rgba(3, 3, 3, 0.13);
  padding: 24px;
  max-width: 520px;
  width: 100%;
  position: absolute;
  top: 106px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.edit-amount-modal-wrapper h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
}
.edit-amount-modal-wrapper .form-label {
  margin-bottom: 4px;
}

.total-amnt p {
  font-family: HelveticaNeueLTW05-55Roman !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #9697A3 !important;
}
.total-amnt h3 {
  font-size: 38px;
  line-height: 48px;
  color: #293189;
  margin-bottom: 0;
}

.edit-amnt-btn .primary {
  padding-top: 20px;
  padding-bottom: 20px;
}

.edit-amount-modal-form .input {
  margin-bottom: 24px;
}
.edit-amount-modal-form p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #52565A;
}
.edit-amount-modal-form h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 17px;
  color: #9697A3;
  margin-bottom: 11px;
}

.payment-method-panel {
  margin-top: 32px;
}

.payment-method-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 1108px;
}
.payment-method-wrapper .payment-method-left {
  max-width: 448px;
  width: 100%;
}
.payment-method-wrapper .payment-method-left .edit-zone-radio-option {
  padding-top: 0;
}
.payment-method-wrapper .payment-method-right {
  margin-left: 10px;
}
.payment-method-wrapper .invoice-selected-panel {
  width: 348px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
  padding: 24px;
}
.payment-method-wrapper .invoice-selected-panel h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 20px;
}
.payment-method-wrapper .invoice-selected-panel .invoice-selected-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.payment-method-wrapper .invoice-selected-panel .invoice-selected-row .invoice-selected-left h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #52565A;
  margin-bottom: 2px;
}
.payment-method-wrapper .invoice-selected-panel .invoice-selected-row .invoice-selected-left p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
}
.payment-method-wrapper .invoice-selected-panel .invoice-selected-row .invoice-selected-right h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 20px;
  line-height: 36px;
  color: #52565A;
  margin-bottom: 0;
}

.invoice-selected-total {
  border-top: 1px solid #EDEEEE;
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.invoice-selected-total p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  display: flex;
  align-items: center;
}
.invoice-selected-total p span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
  margin-left: 8px;
}

.payment-select-bank {
  padding: 8px 0 0 20px;
  border-left: 4px solid #AEAEB8;
  margin-bottom: 24px;
}
.payment-select-bank .input {
  margin-bottom: 0;
}
.payment-select-bank .input select {
  margin-bottom: 0;
  margin-top: 0 !important;
}

.text-upper {
  text-transform: uppercase !important;
}

.select-invoice-wrapper {
  max-width: 538px;
  width: 100%;
  padding-top: 20px;
}

.select-invoice-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.select-invoice-row .select-invoice-right {
  text-align: right;
}
.select-invoice-row .select-invoice-right h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #52565A;
  margin-bottom: 2px;
}
.select-invoice-row .select-invoice-right h4 a {
  text-decoration: none;
  color: #52565A;
}
.select-invoice-row .select-invoice-right h4 a i {
  opacity: 0;
}
.select-invoice-row .select-invoice-right h4 a.active {
  color: #118CCF;
}
.select-invoice-row .select-invoice-right h4 a.active i {
  opacity: 1;
}
.select-invoice-row .select-invoice-right p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-bottom: 0;
}
.select-invoice-row.select-invoice-all {
  border: 1px solid transparent;
  background-color: transparent;
}
.select-invoice-row.select-invoice-all span {
  font-family: HelveticaNeueLTW05-55Roman;
}
.select-invoice-row.select-invoice-all .styled-checkbox:checked + label:after {
  top: 0;
}

.select-invoice-row {
  border: 1px solid #F1F1F1;
  background-color: #FFFFFF;
  padding: 13px 16px;
}
.select-invoice-row .styled-checkbox + label:before {
  margin-right: 16px;
  margin-top: 9px;
}
.select-invoice-row .styled-checkbox + label:after {
  margin-top: 9px;
}
.select-invoice-row.select-invoice-all .styled-checkbox + label:before {
  margin-top: 0;
}

.select-invoice-left label {
  display: flex;
}
.select-invoice-left label span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  color: #52565A;
}
.select-invoice-left label span em {
  display: block;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  color: #9697A3;
  padding-top: 4px;
}
.select-invoice-left .custom-check-panel {
  margin-bottom: 0;
  position: relative;
}
.select-invoice-left .styled-checkbox + label:before {
  width: 16px;
  height: 16px;
}

.select-invoice-total {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #D1D1D7;
}
.select-invoice-total .invoice-total-left p a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 20px;
  color: #118CCF;
  text-decoration: none;
}
.select-invoice-total .invoice-total-left p a i {
  margin-left: 8px;
}
.select-invoice-total .invoice-total-right p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  display: flex;
}
.select-invoice-total .invoice-total-right p span {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-left: 8px;
}

.trans-history-panel tr:hover td:nth-child(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -18px;
  right: 0;
  z-index: -1;
  width: 36px;
  background: #fff;
}
.trans-history-panel .fill-data-btns-left .input {
  max-width: 348px;
  width: 100%;
}

.payment-method-recomnd {
  font-family: HelveticaNeueLTW05-65Medium;
  background: rgba(17, 140, 207, 0.1);
  font-size: 12px;
  line-height: 12px;
  color: #118CCF;
  text-transform: uppercase;
  padding: 2px 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 28px;
}

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

.trans-history-panel .fill-data-wrapper-table {
  padding-bottom: 0;
}

.trans-history-panel .fill-data-wrapper-table .table {
  margin-bottom: 33px;
}

.remaining-balance {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 12px;
  color: #52565A;
}
.remaining-balance strong {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
  color: #52565A;
}
.remaining-balance em {
  display: block;
  font-style: normal;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 12px;
  color: #9697A3;
}

@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.progress {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
}

.progress > li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93A2AC;
  font-family: Lato;
  font-weight: 100;
  margin: 2rem;
}

.progress > li:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  bottom: -2rem;
  font-weight: 400;
}

.progress > li:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 3.7rem;
  left: 0;
  font-size: 2rem;
  text-align: center;
}

.progress svg {
  width: 237px;
  height: 237px;
}

.progress svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
}

.progress svg:nth-child(2) path {
  fill: none;
  stroke-width: 16;
  stroke-dasharray: 629;
  stroke: #fff;
  opacity: 1;
  animation: load 3s;
}

.billing-payment-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.billing-payment-btn .sky-blue-btn {
  margin-top: 0;
}
.billing-payment-btn .view-all-btn {
  text-decoration: none;
}
.billing-payment-btn .view-all-btn:hover {
  text-decoration: underline;
}

.side-nav-profile {
  cursor: pointer;
}

.table tr th {
  font-family: HelveticaNeueLTW05-65Medium !important;
}
.table tr th p {
  font-family: HelveticaNeueLTW05-65Medium !important;
}
.table tr td {
  font-family: HelveticaNeueLTW05-65Medium !important;
}
.table tr td p {
  font-family: HelveticaNeueLTW05-65Medium !important;
}

.fill-data-dropdown.add-brand-dropdown {
  padding: 8px !important;
}

.fixed-header-table-wrapper {
  position: relative;
}

.fixed-header-table-wrapper table {
  width: 100%;
  table-layout: fixed;
}

.fixed-header-table-wrapper .tbl-header {
  background-color: rgba(255, 255, 255, 0.3);
}

.fixed-header-table-wrapper .tbl-content {
  margin-top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.fill-data-table tr th.p-0,
.fill-data-table tr td.p-0 {
  width: 0;
}

.tbl-header .table {
  margin-bottom: 0;
}

.tbl-content .table {
  margin-top: 0;
}

.insights-frame {
  width: 100%;
  height: 100%;
  max-width: 1108px;
  min-height: 848px;
  max-height: 848px;
  border-radius: 4px;
  margin-bottom: 48px;
}

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

.assign-modal-wrapper.edit-dispatch-modal-wrapper .input input {
  padding-left: 10px;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .input .fld-with-icon input {
  padding-left: 44px;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .input.date-fld input {
  padding-left: 65px;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .add-brand-status-inner {
  flex-direction: row;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .add-brand-status-inner .status-radio-block {
  width: 48.7%;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .add-brand-status-panel.edit-zone-radio-option {
  padding-top: 9px;
  padding-bottom: 20px;
}
.assign-modal-wrapper.edit-dispatch-modal-wrapper .input.date-fld {
  padding-top: 9px;
}

/* for custom scrollbar for webkit browser*/
.fixed-header-table-wrapper .tbl-content::-webkit-scrollbar {
  width: 6px;
}

.fixed-header-table-wrapper .tbl-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fixed-header-table-wrapper .tbl-content::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.text-light-grey {
  color: #9697A3 !important;
}

.fill-data-table.no-hover tr:hover td:before,
.fill-data-table.no-hover tr:hover td:after {
  display: none !important;
}

.medium-dark-grey {
  font-family: HelveticaNeueLTW05-65Medium;
  color: #52565A !important;
}

.refresh-amount-icon {
  background: url("../img/refresh-icon-grey.png") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 16px;
}

.payment-page-main-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.font-medium,
.font-medium div {
  font-family: HelveticaNeueLTW05-65Medium !important;
}

.copy-icon-panel {
  position: relative;
}
.copy-icon-panel a {
  display: flex;
  align-items: center;
}
.copy-icon-panel .copy-status-tooltip {
  background: #52565A;
  width: 92px;
  height: 40px;
  border-radius: 4px;
  height: 40px;
  box-shadow: 0 2px 8px 0 rgba(41, 49, 137, 0.08);
  position: absolute;
  top: -9px;
  left: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.copy-icon-panel .copy-status-tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #52565a transparent transparent;
  position: absolute;
  top: 10px;
  left: -10px;
}

.white-tick {
  background: url("../img/white-tick.png") no-repeat;
  display: block;
  width: 12px;
  height: 10px;
  margin-right: 7px;
  flex-shrink: 0;
  background-size: cover;
}

.thank-you-page .primary {
  margin-top: 46px;
}

@media (max-width: 1400px) and (min-width: 1200px) {
  .zones-block {
    width: 100%;
    max-width: 343px;
  }
  .zones-status.zones-status-signle-line li {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1500px) {
  .assign-modal-wrapper {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
  }
}
@media screen and (max-width: 767px) {
  .side-nav {
    height: 100%;
    width: auto;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 0.5rem;
    padding-right: 0;
    flex-shrink: 0;
  }
  .details-content-panel-inner {
    flex-direction: column;
    padding-right: 34px;
  }
  .details-map {
    width: 100%;
    max-width: 443px;
    height: auto;
    min-height: 189px;
    aspect-ratio: 1.38;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .zones-block {
    width: 100%;
    max-width: 348px;
  }
}
.portal-wrapper h1 {
  margin-bottom: 37px;
}

.portal-top-panel {
  margin-bottom: 64px;
}

.portal-top-panel-inner {
  display: flex;
}
.portal-top-panel-inner .portal-insights {
  background: #fff;
  border-radius: 8px;
  width: 50%;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.portal-top-panel-inner .portal-insights h2 {
  margin-bottom: 24px;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 24px;
  color: #293189;
  margin-bottom: 48px;
}

.insights-block-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 52px;
  flex-grow: 1;
}

.insights-block {
  max-width: 198px;
  width: 100%;
  padding: 12px;
}
.insights-block h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 51px;
  line-height: 64px;
  color: #293189;
  margin-bottom: 0;
}
.insights-block p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 28px;
  color: #9697A3;
}
.insights-block ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
}
.insights-block ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
}
.insights-block ul .insights-green-text span {
  font-family: HelveticaNeueLTW05-65Medium;
  color: #78BE20;
  padding-right: 8px;
}
.insights-block ul .insights-red-text span {
  font-family: HelveticaNeueLTW05-65Medium;
  color: #DA291C;
  padding-right: 8px;
}
.insights-block .insights-arrow-up-green {
  background: url("../img/green-arrow-up.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
}
.insights-block .insights-arrow-down-green {
  background: url("../img/green-arrow-down.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
}
.insights-block .insights-arrow-up-red {
  background: url("../img/red-arrow-up.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
}
.insights-block .insights-arrow-down-red {
  background: url("../img/red-arrow-down.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
}
.insights-block:last-child .insights-block-count {
  border-right: none;
}

.insights-block-count {
  min-height: 128px;
  border-right: 1px solid #F1F1F1;
  padding-top: 16px;
}

.portal-view-all {
  border-top: 1px solid #F1F1F1;
  padding-top: 16px;
  text-align: center;
}
.portal-view-all a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 21px;
  color: #118CCF;
  text-decoration: none;
}
.portal-view-all a:hover {
  text-decoration: underline;
}

.portal-slides-panel h2 {
  font-size: 28px;
  line-height: 36px;
  color: #293189;
}

.portal-block {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}
.portal-block .portal-block-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.portal-block h4 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 24px;
  color: #293189;
  text-decoration: none;
  word-break: break-word;
}
.portal-block h4 a {
  text-decoration: none;
  color: #293189;
}
.portal-block p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  text-decoration: none;
}
.portal-block .portal-tags {
  display: flex;
  flex-wrap: wrap;
}
.portal-block .portal-tags span {
  font-family: HelveticaNeueLTW05-55Roman;
  border: 1px solid #D1D1D7;
  border-radius: 2px;
  background: #F1F1F1;
  margin-right: 4px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 4px;
  color: #52565A;
}
.portal-block .portal-tags span a {
  color: #52565A;
  text-decoration: none;
}

.portal-slides-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.portal-slides-heading a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
}
.portal-slides-heading a::after {
  content: "";
  background: url("../img/arrow-right-blue.png") no-repeat 0 0;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: 16px;
}
.portal-slides-heading a:hover {
  text-decoration: underline;
}

.portal-slides-panel .owl-nav {
  position: absolute;
  z-index: 999;
  right: -32px;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}
.portal-slides-panel .owl-nav .owl-next {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
}
.portal-slides-panel .owl-nav .owl-next span {
  font-size: 0;
  background: url("../img/arrow-right.png") no-repeat 50% 0;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.portal-slides-panel .owl-nav .owl-next.disabled {
  opacity: 0;
}
.portal-slides-panel .owl-nav .owl-prev {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
}
.portal-slides-panel .owl-nav .owl-prev span {
  font-size: 0;
  background: url("../img/arrow-left.png") no-repeat 50% 0;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.portal-slides-panel .owl-nav .owl-prev.disabled {
  opacity: 0;
}

.guides-slider-panel {
  margin-bottom: 82px;
}

.news-pots-info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  font-size: 12px;
  line-height: 18px;
}
.news-pots-info ul li {
  display: flex;
  align-items: center;
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 12px;
  line-height: 18px;
}
.news-pots-info ul li::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #9697A3;
  display: block;
  margin-left: 11px;
  margin-right: 11px;
}
.news-pots-info ul li:last-child::after {
  display: none;
}

.portal-notification {
  width: 50%;
  background: #fff;
  border-radius: 8px;
  margin-left: 32px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.portal-notification .portal-notification-heading {
  display: flex;
  justify-content: space-between;
}
.portal-notification .portal-notification-heading h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
}
.portal-notification .portal-notification-heading p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
}

.portal-notification-panel {
  flex-grow: 1;
}

.portal-notification-block {
  padding: 16px 0;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s;
}
.portal-notification-block:last-child {
  padding-bottom: 16px;
  margin-bottom: 0;
  border-bottom: none;
}
.portal-notification-block:hover {
  background: rgba(16, 140, 207, 0.05);
}
.portal-notification-block:hover .portal-notification-dot span {
  opacity: 1;
}

.portal-notification-icon {
  margin-right: 16px;
  width: 32px;
  flex-shrink: 0;
}
.portal-notification-icon img {
  max-width: 32px;
}

.portal-notification-content {
  flex-grow: 1;
}
.portal-notification-content p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}
.portal-notification-content h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-bottom: 0;
}

.portal-notification-dot {
  margin-left: 10px;
  padding-top: 4px;
}
.portal-notification-dot span {
  flex-shrink: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #E2F1FD;
  display: inline-block;
  opacity: 0;
  transition: all 0.3s ease;
}
.portal-notification-dot .active-dot {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 4px solid #E2F1FD;
  background-color: #118CCF;
  display: inline-block;
  opacity: 1;
}

.news-details-wrapper, .video-details-wrapper {
  max-width: 1108px;
  padding-bottom: 65px;
}
.news-details-wrapper .news-details-content, .news-details-wrapper .video-details-content, .video-details-wrapper .news-details-content, .video-details-wrapper .video-details-content {
  max-width: 728px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.news-details-wrapper h1, .video-details-wrapper h1 {
  margin-bottom: 32px;
}

.news-details-pic {
  width: 1108px;
  min-height: 480px;
  background: #D1D1D7;
  margin-bottom: 64px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.news-details-pic img {
  max-width: 100%;
  display: block;
  width: auto;
}

.news-details-content p, .video-details-content p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 20px;
  line-height: 30px;
  color: #52565A;
  margin-bottom: 20px;
}

.news-details-content {
  display: flex;
  flex-direction: column;
}

.news-details-info, .video-details-info {
  margin-bottom: 64px;
}
.news-details-info ul, .video-details-info ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.news-details-info ul li, .video-details-info ul li {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #9697A3;
  display: flex;
  align-items: center;
}
.news-details-info ul li::after, .video-details-info ul li::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #B6B6BF;
  display: block;
  margin-left: 24px;
  margin-right: 24px;
}
.news-details-info ul li:last-child::after, .video-details-info ul li:last-child::after {
  display: none;
}

.news-details-author {
  border-top: 1px solid #D1D1D7;
  padding-top: 32px;
  padding-bottom: 35px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.news-details-author .author-avatar {
  width: 80px;
  height: 80px;
  background-color: #D1D1D7;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.news-details-author .author-avatar img {
  max-width: 80px;
  max-height: 80px;
  width: auto;
}
.news-details-author .author-info {
  margin-left: 24px;
}
.news-details-author .author-info h3 {
  font-size: 20px;
  line-height: 30px;
  color: #52565A;
  margin-bottom: 0;
}
.news-details-author .author-info h4 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 20px;
  line-height: 30px;
  color: #9697A3;
  margin-bottom: 0;
}

.video-details-pic {
  width: 1108px;
  background: #D1D1D7;
  margin-bottom: 64px;
  border-radius: 4px;
  position: relative;
}

.video-icon {
  background: url("../img/video-icon.png") no-repeat 0 0;
  width: 84px;
  height: 83px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-list-wrapper h1 {
  border-bottom: 2px solid #EDEEEE;
  margin-bottom: 32px;
  padding-bottom: 16px;
}

.guides-list-wrapper h1 {
  margin-bottom: 16px;
}

.guides-list-wrapper .portal-block .portal-block-content {
  justify-content: flex-start;
}

.guides-slider-panel-inner .portal-block .portal-block-content {
  justify-content: flex-start;
}

.news-prtal-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.news-prtal-list-wrapper .portal-block {
  max-width: 348px;
  margin-right: 32px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}
.news-prtal-list-wrapper a {
  text-decoration: none;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tags-panel {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.tags-panel .tag-name {
  padding: 11px 16px;
  border: 1px solid #EBEBEB;
  background: #fff;
  margin-right: 8px;
}

.video {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.video__frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
.video video, .video iframe {
  width: 100%;
  height: 100%;
}

.video-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.guides-slider-panel-inner .owl-stage a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.portal-block-pic {
  height: 242px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.portal-block-pic img {
  width: auto !important;
  max-height: 242px;
}

.home-icon {
  background: url("../img/home-icon.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}

.report-icon {
  background: url("../img/report-icon-2.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}

.notification-modal-wrapper {
  background: #fff;
  max-height: 740px;
  max-width: 634px;
  border-radius: 8px;
  border-radius: 8px;
  padding: 24px;
  width: 100%;
  position: absolute;
  top: 106px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9999;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.13);
}
.notification-modal-wrapper .modal-close {
  right: 24px;
}
.notification-modal-wrapper .notification-modal-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notification-modal-wrapper .notification-modal-heading h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  color: #293189;
}
.notification-modal-wrapper .notification-modal-heading a {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #118CCF;
  text-decoration: none;
}
.notification-modal-wrapper .notification-modal-heading a:hover {
  text-decoration: underline;
}
.notification-modal-wrapper .notification-scroll-panel {
  overflow: auto;
  max-height: 544px;
}
.notification-modal-wrapper .notification-scroll-panel::-webkit-scrollbar {
  width: 0;
}
.notification-modal-wrapper .unread-nofication-panel {
  margin-bottom: 24px;
}
.notification-modal-wrapper h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 6px;
}

.read-notification-panel {
  opacity: 0.4;
  border-bottom: 1px solid #dad9d9;
}

.no-notification {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-notification p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 18px;
  color: #9697A3;
}

.add-wholesale-sub-heading {
  margin-top: 42px;
  margin-bottom: 24px;
}
.add-wholesale-sub-heading h3 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  color: #293189;
  margin-bottom: 8px;
}
.add-wholesale-sub-heading p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 8px;
}

.add-table-content p {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
  margin-bottom: 0;
}
.add-table-content p span {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  color: #9697A3;
  margin-bottom: 0;
}

.table .table-row-heading.pt-0 {
  padding-top: 0 !important;
}

.add-wholesale-bottom-content {
  margin-bottom: 129px;
}
.add-wholesale-bottom-content p {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  color: #52565A;
}

.add-wholesale-table {
  margin-bottom: 24px !important;
}

.ui-datepicker-today .ui-state-highlight {
  border: 1px solid #1c408f !important;
  background: transparent !important;
  color: #777630 !important;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.add-wholesale-left {
  max-width: 728px;
}

.missed-scans-top-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 633px;
  border-radius: 8px;
  background-color: #fff;
  padding: 24px;
  margin-top: 32px;
  margin-bottom: 48px;
}
.missed-scans-top-panel .missed-scans-top-left {
  width: 100%;
  max-width: 330px;
}
.missed-scans-top-panel .missed-scans-top-left h2 {
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 7px;
}
.missed-scans-top-panel .missed-scans-top-left a {
  color: #118CCF;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.missed-scans-top-panel .missed-scans-top-left a:hover {
  text-decoration: underline;
}
.missed-scans-top-panel .missed-scans-top-count {
  margin-left: 15px;
}
.missed-scans-top-panel .missed-scans-top-count h3 {
  color: #293189;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 38px;
  letter-spacing: -0.6px;
  line-height: 48px;
  margin-bottom: 4px;
}
.missed-scans-top-panel .missed-scans-top-count h5 {
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
}

.missed-scans-wrapper-panel {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1140px;
}
.missed-scans-wrapper-panel .missed-scans-card {
  max-width: 348px;
  width: 100%;
  padding: 24px;
  box-shadow: 0 2px 12px 0 rgba(41, 49, 137, 0.08);
  border-radius: 8px;
  margin-right: 32px;
  margin-bottom: 32px;
  cursor: pointer;
  background: #fff;
}
.missed-scans-wrapper-panel .missed-scans-card h3 {
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 2px;
}
.missed-scans-wrapper-panel .missed-scans-card h4 {
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2px;
}
.missed-scans-wrapper-panel .missed-scans-card .missed-scans-count-panel {
  display: flex;
  margin-top: 38px;
}
.missed-scans-wrapper-panel .missed-scans-card .missed-scans-count-panel h5 {
  color: #293189;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 0;
}
.missed-scans-wrapper-panel .missed-scans-card .missed-scans-count-panel h6 {
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
}
.missed-scans-wrapper-panel .missed-scans-card .missed-scans-count-panel .missed-scans-count-left {
  width: 48%;
}
.missed-scans-wrapper-panel .scans-card-heading {
  width: 100%;
}
.missed-scans-wrapper-panel .scans-card-heading h2 {
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 16px;
}

.missed-scans-search-panel {
  margin-bottom: 26px;
}
.missed-scans-search-panel h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.gen-table-style td {
  color: #52565A;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 14px;
  line-height: 21px;
}
.gen-table-style td span {
  display: block;
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
}

.missed-scans-table-head {
  background: transparent !important;
}
.missed-scans-table-head td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.missed-scans-table-head td span {
  display: inline;
}
.missed-scans-table-head td:first-child {
  padding-left: 0 !important;
}

.missed-scans-modal-top {
  display: flex;
  width: 100%;
}
.missed-scans-modal-top .missed-scans-modal-left {
  width: 100%;
  max-width: 388px;
}
.missed-scans-modal-top .missed-scans-modal-left h2 {
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
}
.missed-scans-modal-top .missed-scans-modal-left h4 {
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.missed-scans-modal-top .missed-scans-modal-count {
  max-width: 100px;
  width: 100%;
  margin-left: 30px;
  margin-right: 30px;
}
.missed-scans-modal-top .missed-scans-modal-count h5 {
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 0;
}
.missed-scans-modal-top .missed-scans-modal-count h6 {
  color: #9697A3;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
}

.missed-scans-modal {
  min-height: 679px;
}
.missed-scans-modal .modal-heading {
  border-bottom: 0;
  transition: all 0.6s ease;
}
.missed-scans-modal .modal-close {
  width: 12px;
  height: 12px;
}

.missed-scans-bottm-cont {
  max-width: 560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.missed-scans-bottm-cont h2 {
  max-width: 346px;
  color: #293189;
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 25px;
}
.missed-scans-bottm-cont p {
  color: #52565A;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.missed-scans-bottm-cont p a {
  text-decoration: none;
}
.missed-scans-bottm-cont p a:hover {
  text-decoration: underline;
}
.missed-scans-bottm-cont .missed-scans-bottm-pic {
  margin-bottom: 20px;
}

.info-icon {
  background: url("../img/info-icon.png") no-repeat 0 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  margin-left: 3px;
  cursor: pointer;
}

.missed-scan-table-tooltip {
  padding: 16px 18px;
  width: 304px;
  border: 1px solid #DDDEDF;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
  position: absolute;
  top: 53px;
  left: 72%;
  transform: translateX(-50%);
  z-index: 9;
}
.missed-scan-table-tooltip p {
  color: #52565A;
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 16px;
  line-height: 24px;
}
.missed-scan-table-tooltip::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgba(0, 0, 0, 0.13) transparent;
}
.missed-scan-table-tooltip::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

.missed-scans-modal-scroll .modal-heading {
  min-height: 79px;
  background-color: #fff;
  box-shadow: inset -10px -10px 30px 0 rgba(255, 255, 255, 0.63), 10px 10px 30px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding-left: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 8px 8px 0 0;
  transition: all 0.6s ease;
  align-items: center;
}
.missed-scans-modal-scroll .modal-heading h2 {
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 0;
}
.missed-scans-modal-scroll .modal-heading h4 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}
.missed-scans-modal-scroll .modal-heading h5 {
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 0;
}
.missed-scans-modal-scroll .modal-close {
  z-index: 9999;
}
.missed-scans-modal-scroll .modal-tabs-link {
  padding-top: 60px;
}
.missed-scans-modal-scroll .table-vr-scroll {
  max-height: 571px !important;
}

span.version_txt {
  left: -9px;
}

.custom-container-center {
  max-width: 1110px;
  margin-left: auto;
  margin-right: auto;
}

.fill-data-table .approved-row {
  background: #fcfcfc !important;
}
.fill-data-table .approved-row td {
  background: #fcfcfc;
}
.fill-data-table .approved-row td p {
  color: #a6a8aa;
}
.fill-data-table .approved-row td span {
  color: #c8c9cf;
}
.fill-data-table .approved-row td h6 {
  font-family: HelveticaNeueLTW05-55Roman;
  font-size: 0.875rem;
  line-height: 1.313rem;
  color: #9697a3;
  margin-bottom: 0;
  white-space: nowrap;
}
.fill-data-table .approved-row td::before {
  display: none !important;
}
.fill-data-table .approved-row td::after {
  display: none !important;
}
.fill-data-table .approved-row .approve-check {
  background: url("../img/approve-check-icon.png") no-repeat 0 0;
  width: 12px;
  height: 9px;
  display: inline-block;
  margin-right: 6px;
  flex-shrink: 0;
}
.fill-data-table .approved-row .approve-text {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}

.page-header-line {
  border-bottom: 1px solid #edeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sub-header h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  color: #ff8200;
  margin-bottom: 15px;
}

.sub-text {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #293189;
}

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

.packager-block-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 25px;
}
.packager-block-wrapper .packager-block {
  width: 25%;
  margin-bottom: 50px;
  padding-right: 25px;
  display: flex;
  flex-direction: column;
}
.packager-block-wrapper .packager-block h3 {
  font-size: 20px;
  line-height: 24px;
  color: #ff8000;
  font-weight: 500;
  margin-bottom: 8px;
}
.packager-block-wrapper .packager-block p {
  font-size: 18px;
  line-height: 24px;
  color: #293189;
}
.packager-block-wrapper .packager-block .packager-block-img {
  display: flex;
  justify-content: center;
}
.packager-block-wrapper .packager-block .packager-block-img img {
  max-height: 133px;
  width: auto;
}
.packager-block-wrapper .packager-block .packager-block-content {
  flex-grow: 1;
}
.packager-block-wrapper .packager-block .packager-get-started-btn {
  height: 200px;
  background: #293189;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  justify-content: center;
  text-decoration: none;
  font-size: 36px;
  line-height: 40px;
  color: #fff;
}
.packager-block-wrapper .packager-block .packager-get-started-btn span {
  padding-left: 10px;
}
.packager-block-wrapper .packager-block .packager-get-started-btn span img {
  max-width: 55px;
}
.packager-block-wrapper .packager-block .packager-get-started-btn:hover {
  background: #126fba;
}

.stock-content-panel {
  margin-bottom: 0;
}
.stock-content-panel h2 {
  font-family: HelveticaNeueLTW05-65Medium;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
  position: relative;
}
.stock-content-panel h4 {
  font-size: 16px;
  color: #52565A;
}

.stock-content-panel-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow-x: auto;
  position: relative;
}
.stock-content-panel-inner .stock-block {
  min-height: 207px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(41, 49, 137, 0.08);
  margin-right: 0;
  padding: 15px;
  margin-bottom: 16px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s ease;
  margin-right: 35px;
  width: 29%;
}
@media (max-width: 1400px) {
  .stock-content-panel-inner .stock-block {
    width: 43%;
  }
}
@media (max-width: 1100px) {
  .stock-content-panel-inner .stock-block {
    width: 60%;
  }
}
.stock-content-panel-inner .stock-block:hover {
  transform: scale(1.015);
  box-shadow: 0 4px 24px 1px rgba(41, 49, 137, 0.08);
}
.stock-content-panel-inner .stock-block h3 {
  font-size: 18px;
  color: #9697A3;
  text-align: center;
}

.market-place-icon {
  background: url("../img/marketplace-icon.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}

.packager-icon {
  background: url("../img/packager-icon.png") no-repeat 0 0;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}

.side-nav-list-main > li .submenu.menu-open {
  padding-top: 5px;
  padding-bottom: 5px;
}

.side-nav-list-main > li .submenu.menu-open li {
  margin-bottom: 8px;
}

.stock-block-inner {
  display: flex;
  align-items: center;
}
.stock-block-inner .stock-left-number {
  margin-right: 30px;
  min-width: 105px;
}
.stock-block-inner .stock-left-number h2 {
  font-size: 46px;
  color: #293189;
  margin-bottom: 15px;
}
.stock-block-inner .stock-left-number p {
  font-size: 15px;
  font-weight: 600;
  color: #52565A;
}
.stock-block-inner .stock-mid-graph {
  min-width: 200px;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph {
  width: 60px;
  height: 200px;
  border: 1px solid #000;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .stock-bar-graph-fill-yellow {
  background: #ff7f27;
  width: 60px;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .stock-bar-graph-fill-blue {
  background: #3f48cc;
  width: 60px;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .bar-graph-max {
  position: absolute;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #9697A3;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .bar-graph-max::before {
  content: "";
  height: 1px;
  width: 80px;
  background: #000;
  display: block;
  margin-right: 8px;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .bar-graph-min {
  position: absolute;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #9697A3;
}
.stock-block-inner .stock-mid-graph .stock-bar-graph .bar-graph-min::before {
  content: "";
  height: 1px;
  width: 80px;
  background: #000;
  display: block;
  margin-right: 8px;
}

.modal-year-month-panel {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.modal-year-month-panel .input.select {
  margin-bottom: 0;
  margin-right: 10px;
}
.modal-year-month-panel .input.select.year-fld {
  width: 100px;
}
.modal-year-month-panel .input.select.month-fld {
  width: 180px;
}
.modal-year-month-panel .input.select select {
  margin-bottom: 0;
  height: 37px;
}

.dwelling-download-btn {
  margin-top: 32px;
}

.side-nav-gen-menu li {
  position: relative;
}

.side-nav-gen-menu .customer-filters .input input {
  width: 100% !important;
  margin-bottom: 15px;
}

.side-nav-search-icon {
  background: #C6C6CD;
  position: absolute;
  top: 0;
  left: 38px;
  right: 0;
  bottom: 0;
  max-width: 1px;
}

.side-nav-search-icon .search-icon-white {
  left: -26px;
}

.search-icon-white {
  background: url(../img/search-icon-b.png) no-repeat 0 0;
  width: 14px;
  height: 14px;
  background-size: cover;
  position: absolute;
  top: 17px;
  left: 17px;
}

.loss-tracker-block-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.loss-tracker-block-wrapper .loss-tracker-block {
  width: 24%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  background: #f9f9f9;
  border-radius: 5px;
  margin-bottom: 1rem;
  margin-right: 1%;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header {
  margin-bottom: 10px;
  border-bottom: 1px solid #edeeee;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header h4 {
  font-size: 1rem;
  color: #293189;
  margin-bottom: 0;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header p {
  font-size: 0.8rem;
  color: #7f7f7f;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header .tracker-status-open {
  padding: 5px 10px;
  background: #293189;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header .tracker-status-locked {
  padding: 5px 10px;
  background: #78be21;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-block-header .tracker-status-closed {
  padding: 5px 10px;
  background: #7f7f7f;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price {
  width: 33%;
  text-align: center;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price.price-green p {
  color: #78be21 !important;
  line-height: 0.6rem;
  display: block;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price.price-green p i {
  font-style: normal;
  font-size: 0.8rem;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price.price-green h6 {
  color: #78be21 !important;
  font-size: 24px;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price h5 {
  text-align: center;
  margin-bottom: 4px;
  display: block;
  margin-top: 8px;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price h6 {
  font-size: 24px;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price p {
  font-size: 20px;
  color: #283089;
  font-weight: 600;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price p a {
  display: flex;
}
.loss-tracker-block-wrapper .loss-tracker-block .tracker-block-price p img {
  width: 17px;
  margin-left: 5px;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content {
  display: flex;
  justify-content: space-between;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content {
  position: relative;
  padding-bottom: 15px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  width: 33%;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content:nth-child(1) {
  text-align: left;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content:nth-child(3) {
  text-align: right;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content p {
  font-size: 12px;
  line-height: 16px;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #293189;
  z-index: 9;
  background: #fff;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content.tracker-complete-progress::before {
  background: #293189;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content:nth-child(1)::before {
  left: 0;
  transform: translateX(0);
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progress-content .progress-content:nth-child(3)::before {
  right: 0;
  left: auto;
  transform: translateX(0);
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progess-bar-track {
  width: 100%;
  height: 4px;
  background: #edeeee;
  border-radius: 10px;
  position: relative;
}
.loss-tracker-block-wrapper .loss-tracker-block .loss-tracker-progess-bar .loss-tracker-progess-bar-track .loss-tracker-progess-bar-width {
  background: #293189;
  height: 4px;
  border-radius: 10px;
  position: absolute;
  left: 0;
}

.loss-tracker-pie-chart-wrapper {
  display: flex;
  justify-content: center;
}

.loss-tracker-load {
  width: 100%;
}

.tracker-block-price-wrapper {
  display: flex;
  justify-content: space-between;
}

.replacement-fee-modal td {
  font-size: 20px !important;
  text-align: center !important;
  position: relative;
  border-left: 1px solid #e5e5e5;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.replacement-fee-modal tbody th {
  text-align: left;
  font-size: 14px;
  padding-left: 10px;
  color: #9697A3;
  white-space: nowrap;
  padding-right: 10px;
  color: #283089;
  font-weight: 600;
}

.replacement-fee-modal tbody td input[type=text] {
  border: 1px solid #dfdfdf;
  background: transparent;
  padding: 5px;
  font-size: 20px;
  color: #333;
  max-width: 80px;
}

.replacement-fee-modal tbody td .d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.replacement-fee-modal tbody td .d-flex span {
  font-size: 20px;
  color: #333;
}

.replacement-fee-modal .total-green-block {
  background: #78be21;
  font-size: 20px !important;
  color: #fff !important;
}

.replacement-fee-modal .equal-block {
  background: #8abae0;
  font-size: 30px !important;
  color: #fff !important;
  text-align: center;
}

.replacement-fee-modal .batches-table thead th {
  text-align: center;
  white-space: nowrap;
}

.replacement-fee-modal .close-grey {
  background: url("../img/modal-close-grey.png") no-repeat;
  position: absolute;
  right: -7px;
  width: 14px;
  height: 14px;
  display: block;
  top: 50%;
  background-size: contain;
  transform: translateY(-50%);
  z-index: 1;
}

.replacement-fee-modal .minus-icon-grey {
  background: url("../img/minus-icon-grey.png") no-repeat;
  position: absolute;
  right: -7px;
  width: 14px;
  height: 14px;
  display: block;
  top: 50%;
  background-size: contain;
  transform: translateY(-50%);
  z-index: 1;
}

.progress-circle {
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  height: 15rem;
  margin: 1rem 2rem 1.5rem;
  position: relative;
  width: 15rem;
}

.progress-circle-inner {
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  height: 15rem;
  margin: 1rem 2rem 1.5rem;
  position: relative;
  width: 15rem;
}

.progress-circle:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  content: attr(data-progress) "%";
  display: flex;
  font-size: 3rem;
  justify-content: center;
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
  transition: transform 0.2s ease;
}

.progress-circle:after {
  background-color: #0083ff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
}

.progress-circle-inner:after {
  background-color: #78be21;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
}

.progress-circle:hover:before,
.progress-circle:focus:before {
  transform: scale(0.8);
}

/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/
.progress-circle[data-progress="0"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="1"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="2"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="3"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="4"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="5"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="6"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="7"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="8"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="9"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="10"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="11"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="12"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="13"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="14"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="15"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="16"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="17"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="18"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="19"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="20"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #78be21 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="21"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="22"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="23"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="24"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="25"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="26"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="27"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="28"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="29"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="30"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="31"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="32"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="33"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="34"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="35"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="36"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="37"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="38"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="39"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="40"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="41"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="42"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="43"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="44"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="45"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="46"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="47"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.2deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="48"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="49"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="50"]:after {
  background-image: linear-gradient(-90deg, #27328a 50%, transparent 50%, transparent), linear-gradient(270deg, #27328a 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="51"]:after {
  background-image: linear-gradient(-86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="52"]:after {
  background-image: linear-gradient(-82.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="53"]:after {
  background-image: linear-gradient(-79.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="54"]:after {
  background-image: linear-gradient(-75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="55"]:after {
  background-image: linear-gradient(-72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="56"]:after {
  background-image: linear-gradient(-68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="57"]:after {
  background-image: linear-gradient(-64.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="58"]:after {
  background-image: linear-gradient(-61.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="59"]:after {
  background-image: linear-gradient(-57.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="60"]:after {
  background-image: linear-gradient(-54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="61"]:after {
  background-image: linear-gradient(-50.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="62"]:after {
  background-image: linear-gradient(-46.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="63"]:after {
  background-image: linear-gradient(-43.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="64"]:after {
  background-image: linear-gradient(-39.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="65"]:after {
  background-image: linear-gradient(-36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="66"]:after {
  background-image: linear-gradient(-32.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="67"]:after {
  background-image: linear-gradient(-28.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="68"]:after {
  background-image: linear-gradient(-25.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="69"]:after {
  background-image: linear-gradient(-21.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="70"]:after {
  background-image: linear-gradient(-18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="71"]:after {
  background-image: linear-gradient(-14.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="72"]:after {
  background-image: linear-gradient(-10.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="73"]:after {
  background-image: linear-gradient(-7.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="74"]:after {
  background-image: linear-gradient(-3.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="75"]:after {
  background-image: linear-gradient(0deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="76"]:after {
  background-image: linear-gradient(3.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="77"]:after {
  background-image: linear-gradient(7.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="78"]:after {
  background-image: linear-gradient(10.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="79"]:after {
  background-image: linear-gradient(14.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="80"]:after {
  background-image: linear-gradient(18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="81"]:after {
  background-image: linear-gradient(21.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="82"]:after {
  background-image: linear-gradient(25.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="83"]:after {
  background-image: linear-gradient(28.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="84"]:after {
  background-image: linear-gradient(32.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="85"]:after {
  background-image: linear-gradient(36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="86"]:after {
  background-image: linear-gradient(39.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="87"]:after {
  background-image: linear-gradient(43.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="88"]:after {
  background-image: linear-gradient(46.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="89"]:after {
  background-image: linear-gradient(50.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="90"]:after {
  background-image: linear-gradient(54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="91"]:after {
  background-image: linear-gradient(57.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="92"]:after {
  background-image: linear-gradient(61.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="93"]:after {
  background-image: linear-gradient(64.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="94"]:after {
  background-image: linear-gradient(68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="95"]:after {
  background-image: linear-gradient(72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="96"]:after {
  background-image: linear-gradient(75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="97"]:after {
  background-image: linear-gradient(79.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="98"]:after {
  background-image: linear-gradient(82.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="99"]:after {
  background-image: linear-gradient(86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="100"]:after {
  background-image: linear-gradient(90deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}

.new-replenishment-modal {
  max-width: 980px;
  display: flex;
}
.new-replenishment-modal .new-replenishment-left {
  width: 100%;
  max-width: 38%;
  margin-right: 5%;
}
.new-replenishment-modal .new-replenishment-right {
  width: 100%;
  max-width: 57%;
  display: flex;
  flex-direction: column;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row {
  display: flex;
  margin-bottom: 10px;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td {
  margin-right: 10px;
  padding: 14px 15px;
  flex-grow: 1;
  flex-shrink: 0;
  font-weight: 600;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.grey-bg {
  background: #f1f1f1;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.no-gap {
  margin-right: 0;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.blue-bdr {
  border-left: 4px solid #118ccf;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.yellow-bdr {
  border-left: 4px solid #b97a57;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td:first-child {
  width: 45%;
  flex-grow: 0;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.qty-input {
  padding: 0 !important;
  max-width: 80px;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.qty-input-head {
  max-width: 80px;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.fee-head {
  width: 85px;
  flex-grow: 0;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td.fee-value {
  width: 85px;
  flex-grow: 0;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-table-row .new-replenishment-table-td input[type=text] {
  border: 1px solid #c6c6cd;
  padding: 15px 5px;
  max-width: 80px;
  outline: none;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-bottom {
  margin-top: 1rem;
}
.new-replenishment-modal .new-replenishment-right .new-replenishment-bottom p {
  font-size: 13px;
  line-height: 19px;
  margin-top: 10px;
}

.replenishment-total-row {
  margin-bottom: 42px;
  display: flex;
  overflow: auto;
}
.replenishment-total-row .replenishment-total-row-td {
  padding: 14px 15px;
  flex-grow: 1;
  flex-shrink: 0;
  color: #525676;
  font-weight: 600;
}
.replenishment-total-row .replenishment-total-row-td.grey-bg {
  background: #f1f1f1;
}

.loss-tracker-sub-head {
  margin-top: 28px;
  margin-bottom: 55px;
}

.loss-tracker-year-wrapper {
  display: flex;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block {
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block h4 {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block h5 {
  margin-bottom: 4px;
  font-size: 14px;
  color: #878787;
  font-weight: normal;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block:last-child .quarter-block-color-bar {
  border-right: none;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block-color-bar {
  height: 28px;
  border-top: 1px solid #cbcbcb;
  min-width: 80px;
  font-size: 13px;
  color: #fff;
  text-align: right;
  padding: 4px 6px;
  cursor: pointer;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block-color-bar.color-bar-blue {
  background: #293189;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block-color-bar.color-bar-green {
  background: #78be21;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block-color-bar.color-bar-grey {
  background: #7f7f7f;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-wrapper .loss-tracker-year-block .quarter-block-color-bar.color-bar-active {
  border: 3px solid #283089;
  transform: scale(1.1);
  line-height: 14px;
}
.loss-tracker-year-wrapper .loss-tracker-year-block-inner {
  display: flex;
}

.loss-tracker-new-wrapper .loss-tracker-block {
  width: 35%;
}

.key-panel {
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 40px;
}
.key-panel span {
  display: block;
  width: 50px;
  font-size: 14px;
  color: #293189;
}

.tracker-status-open-tag {
  padding: 5px 10px;
  background: #293189;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
}

.tracker-status-locked-tag {
  padding: 5px 10px;
  background: #78be21;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
}

.tracker-status-closed-tag {
  padding: 5px 10px;
  background: #7f7f7f;
  font-size: 12px;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
}

.loss-tracke-links-panel {
  margin-left: 50px;
}
.loss-tracke-links-panel ul {
  list-style-type: none;
}
.loss-tracke-links-panel ul li {
  margin-bottom: 20px;
}
.loss-tracke-links-panel ul li a {
  color: #293189;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.loss-tracke-links-panel ul li a:hover {
  color: #118ccf;
}
.loss-tracke-links-panel ul li a i {
  margin-right: 20px;
}

.resfresh-icon-2 {
  background: url("../img/refresh-icon-2.png") no-repeat 50% 0;
  width: 27px;
  height: 24px;
  display: block;
}

.calculator-icon {
  background: url("../img/calculator-icon-2.png") no-repeat 50% 0;
  width: 27px;
  height: 23px;
  display: block;
}

.invoice-icon {
  background: url("../img/invoice-icon.png") no-repeat 50% 0;
  width: 27px;
  height: 27px;
  display: block;
}

/*----------21-02-24------------*/
.reserved-uplifts-panel {
  max-width: 300px;
}
.reserved-uplifts-panel .reserved-uplifts-heading {
  border-bottom: 1px solid #edeeee;
  margin-bottom: 10px;
}
.reserved-uplifts-panel .reserved-uplifts-heading h4 {
  margin-bottom: 0;
  color: #3098d1;
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
}
.reserved-uplifts-panel .reserved-uplifts-heading h4::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #1d8dcd;
}
.reserved-uplifts-panel .reserved-uplifts-row {
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #edeeee;
}
.reserved-uplifts-panel .reserved-uplifts-row .reserved-uplifts-content {
  gap: 10px;
}
.reserved-uplifts-panel .reserved-uplifts-row h5 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #2c3169;
  font-weight: 600;
}
.reserved-uplifts-panel .reserved-uplifts-row h6 {
  font-size: 14px;
  margin-bottom: 5px;
  color: #8d8d8d;
  font-weight: 600;
}
.reserved-uplifts-panel .reserved-uplifts-row p {
  font-size: 13px;
  margin-bottom: 5px;
  color: #8d8d8d;
  font-weight: 600;
}
.reserved-uplifts-panel .uplifts-avatar {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.reserved-uplifts-panel .uplifts-avatar.green {
  background: #0b7d0e;
}
.reserved-uplifts-panel .uplifts-avatar.blue {
  background: #2a48fc;
}

.maps-details-wrapper {
  background: #fff;
  border-radius: 10px;
  max-width: 580px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.maps-details-wrapper .maps-details-heading {
  border-bottom: 1px solid #edeeee;
  margin-bottom: 10px;
  position: relative;
}
.maps-details-wrapper .maps-details-heading h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.maps-details-wrapper .maps-address-panel {
  border-bottom: 1px solid #edeeee;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.maps-details-wrapper .maps-address-panel h3 {
  font-size: 16px;
  font-weight: 500;
  color: #54585c;
  margin-bottom: 5px;
}
.maps-details-wrapper .maps-address-panel h4 {
  font-size: 16px;
  font-weight: 500;
  color: #54585c;
  margin-bottom: 5px;
  margin-bottom: 15px;
}
.maps-details-wrapper .maps-address-panel p {
  font-size: 14px;
  font-weight: 500;
  color: #54585c;
  margin-bottom: 10px;
}
.maps-details-wrapper .maps-address-panel p a {
  color: #54585c;
  text-decoration: underline;
}
.maps-details-wrapper .maps-address-panel p a:hover {
  text-decoration: none;
}
.maps-details-wrapper .edit-icn {
  background: url("../img/edit-icn.png") no-repeat 0 0;
  width: 17px;
  height: 17px;
  display: block;
  flex-shrink: 0;
}
.maps-details-wrapper .maps-address-table h5 {
  font-size: 15px;
  font-weight: 500;
  color: #414a91;
  margin-bottom: 8px;
  align-items: center;
}
.maps-details-wrapper .maps-address-table .maps-details-table th {
  background: #f9f9f9;
  padding: 7px 10px;
  font-size: 14px;
  font-weight: 600;
  color: #8c8c8c;
  text-align: left;
  border-bottom: 1px solid #edeeee;
}
.maps-details-wrapper .maps-address-table .maps-details-table th:last-child {
  background: transparent;
  border-bottom: 1px solid transparent;
}
.maps-details-wrapper .maps-address-table .maps-details-table td {
  font-size: 14px;
  padding: 12px 10px;
  font-size: 15px;
  font-weight: 600;
  color: #8c8c8c;
  border-bottom: 1px solid #edeeee;
}
.maps-details-wrapper .maps-address-table .maps-details-table td:last-child {
  border-bottom: 1px solid transparent;
}
.maps-details-wrapper .maps-address-table .maps-details-table .no-tag {
  background: #fbe9e8;
  padding: 3px 25px;
  display: inline-block;
  color: #ee4752;
  font-size: 12px;
}
.maps-details-wrapper .maps-address-table .maps-details-table .yes-tag {
  background: #f1f8e8;
  padding: 3px 25px;
  display: inline-block;
  color: #4abd6b;
  font-size: 12px;
}
.maps-details-wrapper .gap-10 {
  gap: 10px;
}
.maps-details-wrapper .maps-details-logo {
  margin-right: 50px;
}
.maps-details-wrapper .modal-cls-btn {
  position: absolute;
  right: -3px;
  top: -3px;
}
.maps-details-wrapper .modal-cls-btn .modal-cls {
  background: url("../img/modal-close-grey.png") no-repeat 0 0;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}
.maps-details-wrapper .value-input-fld {
  width: 35px;
  border: 1px solid #222;
  padding: 3px;
  display: inline-block;
}
.maps-details-wrapper .thumbs-up {
  background: url("../img/thumb-up.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}
.maps-details-wrapper .thumbs-down {
  background: url("../img/thumb-down.png") no-repeat 0 0;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}
.maps-details-wrapper .gap-6 {
  gap: 6px;
}
.maps-details-wrapper .align-items-center {
  align-items: center;
}
.maps-details-wrapper .d-none {
  display: none;
}

.contacts-main-wrapper {
  display: flex;
  width: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background: #fff;
}
.contacts-main-wrapper .contacts-left-list-panel {
  max-width: 380px;
  width: 100%;
  padding: 20px;
  border-right: 1px solid #dfdfdf;
}
.contacts-main-wrapper .contacts-left-list-panel .contacts-left-list-row {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 15px;
}
.contacts-main-wrapper .contacts-left-list-panel .contacts-left-list-row:last-child {
  border: none;
  margin-bottom: 0;
}
.contacts-main-wrapper .contacts-left-list-panel .contacts-left-list-row h4 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #414a91;
}
.contacts-main-wrapper .contacts-left-list-panel .contacts-left-list-row h5 {
  font-size: 14px;
  margin-bottom: 5px;
  color: #54585c;
}
.contacts-main-wrapper .contacts-left-list-panel .contacts-left-list-row p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #54585c;
}
.contacts-main-wrapper .contacts-right-details-panel {
  flex-grow: 1;
  padding: 20px;
}
.contacts-main-wrapper .flex-1 {
  flex: 1;
}
.contacts-main-wrapper .gap-20 {
  gap: 20px;
}
.contacts-main-wrapper .add-contact-link {
  display: flex;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
}
.contacts-main-wrapper .contact-heading {
  margin-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 15px;
}
.contacts-main-wrapper .contact-heading h2 {
  margin-bottom: 0;
}

/*----------21-02-24------------*/
@media (max-width: 1200px) {
  .loss-tracker-new-wrapper .loss-tracker-block {
    width: 55%;
  }
}
@media (max-width: 768px) {
  .loss-tracker-new-wrapper .loss-tracker-block {
    width: 100%;
  }
  .loss-tracke-links-panel {
    margin-left: 0;
  }
}
/* Onboarding layout */
.image {
  max-width: 496px;
  height: 100%;
  background: #eee;
  display: flex;
  align-items: center;
}
.image .background-image {
  z-index: 0;
}
.image .logo {
  position: absolute;
  z-index: 1;
  width: 256px;
  top: 176px;
}
.image .footer {
  position: absolute;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  bottom: 0;
  width: 496px;
  color: #fff;
  padding: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.image .footer img {
  width: 160px;
}
@media only screen and (max-width: 992px) {
  .image {
    display: none;
  }
}

.form-content {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 600px;
  margin: auto;
  text-align: center;
  padding-top: 104px;
  align-items: center;
}
.form-content .heading {
  margin-bottom: 3rem;
}
.form-content .heading .logo-m {
  display: none;
  text-align: left;
}
.form-content .heading .logo-m img {
  max-width: 7rem;
}
@media only screen and (max-width: 992px) {
  .form-content .heading .logo-m {
    display: block;
  }
}
@media only screen and (max-width: 992px) {
  .form-content {
    padding-top: 1rem;
  }
}

.form-modal {
  text-align: left;
  max-width: 432px;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 13px 18px -13px rgba(41, 49, 137, 0.32);
  margin: auto;
}
.form-modal .button {
  margin-top: 0.5rem;
}

.back-login {
  text-align: center;
  padding-top: 1rem;
}
.back-login p {
  color: #9697a3;
}
.back-login p a {
  color: #9697a3;
  text-decoration: none;
}

.email-sent {
  text-align: center;
}
.email-sent h2 {
  color: #52565a;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.email-sent h2 strong {
  font-weight: 600;
}
.email-sent h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  color: #52565a;
}
.email-sent h5 a {
  color: #118ccf;
  text-decoration: none;
}

.password-instruction {
  padding-top: 2px;
  padding-bottom: 15px;
}
.password-instruction h4 {
  color: #52565a;
  margin-bottom: 0.8rem;
}
.password-instruction .custom-radio-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.password-instruction .custom-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.password-instruction .custom-radio-container input ~ .checkmark {
  background-color: #fff;
}
.password-instruction .custom-radio-container input:checked ~ .checkmark {
  background-color: #78be20;
}
.password-instruction .custom-radio-container input:checked ~ .checkmark:after {
  display: block;
}
.password-instruction .custom-radio-container .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
  border-radius: 50%;
}
.password-instruction .custom-radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.password-instruction .custom-radio-container .checkmark:after {
  top: 2px;
  left: 5px;
  display: inline-block;
  content: "";
  transform: rotate(45deg);
  height: 7px;
  width: 3px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.create-password-outer {
  overflow: auto;
}

.create-password .create-password-field {
  position: relative;
}
.create-password .create-password-field .eye-btn {
  background: url("../img/eye-btn.png") no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  display: inline-block;
  width: 1.5rem;
  height: 1rem;
}

.memorable-word .form-modal .info {
  margin-bottom: 1rem;
}

.container-nowrap {
  flex-wrap: nowrap;
}
@media only screen and (max-width: 992px) {
  .container-nowrap {
    flex-wrap: wrap;
  }
}

.mt-0 {
  margin-top: 0 !important;
}/*# sourceMappingURL=main.css.map */