@charset "UTF-8";
@import "@angular/material/prebuilt-themes/indigo-pink.css";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*  base
 *  ------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0px;
  margin: 0;
  padding: 0;
  outline: none !important;
}
* :focus {
  outline: none !important;
  -webkit-outline: none !important;
}

* {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  outline: none !important;
}
*:focus {
  outline: none !important;
}

select option:focus {
  border: none;
}

html {
  font-size: 16px;
  min-height: 100%;
  position: relative;
  height: auto;
}

.h-vh {
  height: 100vh;
}

.flex-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.flex-height > .flex-height {
  height: auto;
}

.chip-title {
  font-size: 14px;
  font-weight: bold;
}

.as-table-content-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}

body {
  background-color: #F1F1F1;
  color: #666666;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

.fixed-padding {
  padding-top: 76px;
}

#portfolio .carousel-item {
  height: 100%;
}
#portfolio .carousel-item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}

figure {
  margin: 0;
}

img {
  display: block;
}

ul,
li {
  list-style: none;
}

[hidden] {
  display: none !important;
}

svg:not(:root) {
  display: block;
}

.flex-auto, .lt-fixed, .company-list .card .icon-group, .company-list .card .card-body, .company-list .card .logo-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.flex-fill, .lt-scrollable > *, .lt-scrollable, .fu-details, .company-list .card .logo-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

/*  Material Reset*/
.mat-input-prefix > span {
  display: block;
}

.is-overflow {
  overflow: auto;
}

.fixwidthBtn {
  font-weight: normal !important;
}

@media only screen and (max-width: 1800px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1560px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1361px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1361px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 900px) {
  .container {
    width: 96% !important;
  }
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

@media only screen and (max-width: 1024px) {
  body,
  html {
    height: 100% !important;
  }
  body {
    padding-bottom: 40px !important;
  }
}
/*  style.scss
 *  ------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  line-height: normal;
}

h1, .h1 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
}

h2, .h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

p {
  font-size: 16px;
}
p + p {
  margin-top: 20px;
}

.small {
  font-size: 13px;
  color: #969293;
}
.small + p {
  margin-top: 4px;
}

/*  helper
/*  ------------------------------------*/
.clearfix:after, .grid:after {
  display: block;
  content: "";
  clear: both;
}

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

.full-width {
  width: 100%;
  display: block;
}

.h-100 {
  height: 100%;
}

.mb-lg {
  margin-bottom: 24px;
}

.mb-xl {
  margin-bottom: 60px;
}

.p-0 {
  padding: 0;
}

/*  Alignment*/
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

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

/*  flex*/
.flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-row, .lt-scrollable, .list-table, .file-upload, .company-list .card .card-body, .company-list .card .logo-wrap, .company-list .card, .company-card, .card .logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-fill, .lt-scrollable > *, .lt-scrollable, .fu-details, .company-list .card .logo-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-auto, .lt-fixed, .company-list .card .icon-group, .company-list .card .card-body, .company-list .card .logo-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.flex-vcenter, .company-list .card .logo-wrap, .card .logo-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-jcenter, .card .logo-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-jright {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-salign {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.relative,
.p-relative {
  position: relative;
}

.m-auto {
  margin: 0 auto;
}

.curser-p {
  cursor: pointer;
}

.flex-display, .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*  wrap*/
.nowrap {
  white-space: nowrap;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

/*  Shadow*/
.shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

/*  overflow*/
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

/*  wrap*/
.no-wrap, .company-list h2, .company-list p, .company-card h2, .company-card p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*dissabled*/
.mat-checkbox-disabled .mat-checkbox-background {
  background: #bdbdbd !important;
}

@media (max-width: 540px) {
  .hide-sm {
    display: none;
  }
}
.scroll-height .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

/*  grid
/*  ------------------------------------*/
.grid > * {
  float: left;
  width: 100%;
}

/*  Grid
  *  ------------------------------------*/
.grid.has-gutter {
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid.has-gutter > * {
  padding-left: 20px;
}
.grid.has-gutter.has-bottom > * {
  margin-bottom: 20px;
}

@media (min-width: 320px) {
  .xs-1 {
    width: 8.3333333333%;
  }
  .xs-2 {
    width: 16.6666666667%;
  }
  .xs-3 {
    width: 25%;
  }
  .xs-4 {
    width: 33.3333333333%;
  }
  .xs-5 {
    width: 41.6666666667%;
  }
  .xs-6 {
    width: 50%;
  }
  .xs-7 {
    width: 58.3333333333%;
  }
  .xs-8 {
    width: 66.6666666667%;
  }
  .xs-9 {
    width: 75%;
  }
  .xs-10 {
    width: 83.3333333333%;
  }
  .xs-11 {
    width: 91.6666666667%;
  }
  .xs-12 {
    width: 100%;
  }
}
@media (min-width: 540px) {
  .sm-1 {
    width: 8.3333333333%;
  }
  .sm-2 {
    width: 16.6666666667%;
  }
  .sm-3 {
    width: 25%;
  }
  .sm-4 {
    width: 33.3333333333%;
  }
  .sm-5 {
    width: 41.6666666667%;
  }
  .sm-6 {
    width: 50%;
  }
  .sm-7 {
    width: 58.3333333333%;
  }
  .sm-8 {
    width: 66.6666666667%;
  }
  .sm-9 {
    width: 75%;
  }
  .sm-10 {
    width: 83.3333333333%;
  }
  .sm-11 {
    width: 91.6666666667%;
  }
  .sm-12 {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .md-1 {
    width: 8.3333333333%;
  }
  .md-2 {
    width: 16.6666666667%;
  }
  .md-3 {
    width: 25%;
  }
  .md-4 {
    width: 33.3333333333%;
  }
  .md-5 {
    width: 41.6666666667%;
  }
  .md-6 {
    width: 50%;
  }
  .md-7 {
    width: 58.3333333333%;
  }
  .md-8 {
    width: 66.6666666667%;
  }
  .md-9 {
    width: 75%;
  }
  .md-10 {
    width: 83.3333333333%;
  }
  .md-11 {
    width: 91.6666666667%;
  }
  .md-12 {
    width: 100%;
  }
}
@media (min-width: 1360px) {
  .lg-1 {
    width: 8.3333333333%;
  }
  .lg-2 {
    width: 16.6666666667%;
  }
  .lg-3 {
    width: 25%;
  }
  .lg-4 {
    width: 33.3333333333%;
  }
  .lg-5 {
    width: 41.6666666667%;
  }
  .lg-6 {
    width: 50%;
  }
  .lg-7 {
    width: 58.3333333333%;
  }
  .lg-8 {
    width: 66.6666666667%;
  }
  .lg-9 {
    width: 75%;
  }
  .lg-10 {
    width: 83.3333333333%;
  }
  .lg-11 {
    width: 91.6666666667%;
  }
  .lg-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .xl-1 {
    width: 8.3333333333%;
  }
  .xl-2 {
    width: 16.6666666667%;
  }
  .xl-3 {
    width: 25%;
  }
  .xl-4 {
    width: 33.3333333333%;
  }
  .xl-5 {
    width: 41.6666666667%;
  }
  .xl-6 {
    width: 50%;
  }
  .xl-7 {
    width: 58.3333333333%;
  }
  .xl-8 {
    width: 66.6666666667%;
  }
  .xl-9 {
    width: 75%;
  }
  .xl-10 {
    width: 83.3333333333%;
  }
  .xl-11 {
    width: 91.6666666667%;
  }
  .xl-12 {
    width: 100%;
  }
}
/*  Forms
/*  ------------------------------------*/
.checkbox-group .mat-checkbox {
  margin-top: 12px;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f !important;
  border-color: #eb9316;
}

.ng-invalid-step, .ng-invalid-maxlength, .ng-invalid-minlength, ng-invalid-dataset {
  border-color: transparent !important;
  background: transparent !important;
  border-right-width: 5px !important;
}

input.ng-invalid-step, input .ng-invalid-maxlength, input .ng-invalid-minlength, input ng-invalid-dataset, select.ng-invalid-step, select .ng-invalid-maxlength, select .ng-invalid-minlength, select ng-invalid-dataset {
  border-color: red !important;
  background: #ffcece !important;
  border-right-width: 5px !important;
}

.custome-table-list th {
  white-space: nowrap;
}

.custom-control-indicator {
  width: 16px !important;
  height: 16px !important;
}

body sup {
  color: #ff0000 !important;
  padding-left: 5px !important;
  font-size: 20px !important;
  top: 2px !important;
}
body sup.is-not-symbol {
  color: inherit !important;
  padding-left: 0px !important;
  font-size: 11px !important;
  top: -3px !important;
  margin-left: 0px;
}
body sup.text-danger {
  color: #ff0000 !important;
}
body sup.font-xl {
  font-size: 23px !important;
}
body sup.t-3 {
  top: -3px !important;
}

.field-dropdown-sm .dropdown-menu {
  right: 0 !important;
}
.field-dropdown-sm .dropdown-menu li a {
  font-size: 13px;
  white-space: pre-wrap;
}

.pbt-send-msg {
  padding: 12px 16px;
  border: solid 1px #d7d7d7;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 400px;
  margin: 0px;
}
.pbt-send-msg h1 {
  font-size: 14px;
  font-weight: bold;
}
.pbt-send-msg p {
  font-size: 13px;
}

/*  forms
 *  ------------------------------------*/
.btn-wrap {
  background: rgba(0, 0, 0, 0.02);
  padding: 12px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-wrap .container {
  padding: 0;
}

mat-form-field.no-error .mat-form-field-wrapper {
  padding-bottom: 0;
}
mat-form-field.no-error .mat-form-field-underline {
  bottom: 0;
}

.mat-form-field-prefix {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-right: 5px;
  top: -7px !important;
  font-size: 14px;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0badd5;
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.09);
}

val-error {
  font-size: 12px;
  margin-top: -16px;
  display: block;
}

.warning {
  color: #e70909;
  border: 1px solid #e70909;
  padding: 8px;
  background: rgba(231, 9, 9, 0.04);
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.warning i {
  vertical-align: middle;
  padding-right: 5px;
}

.dash-search .dropdown-menu > li > a {
  white-space: normal !important;
  word-break: break-all;
  width: 100%;
}

/*  button
 *  ------------------------------------*/
.mat-raised-button.mat-default {
  background-color: #969293;
  color: #fff;
}

.button-wrap button {
  margin: 0 5px;
}

.custom-checkbox-group .custom-control {
  min-height: 20px !important;
  padding-left: 23px !important;
  margin-right: 16px !important;
  cursor: pointer;
  font-size: 15px !important;
}
.custom-checkbox-group .custom-control .custom-control-description {
  font-size: 15px !important;
}
.custom-checkbox-group .custom-control .custom-control-indicator {
  top: 3px;
}

.custom-multi-select multiselect {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: none !important;
  border-radius: 0px;
  border-color: #ABABAB !important;
  text-align: left;
  height: 38px !important;
  position: relative;
}
.custom-multi-select multiselect button {
  text-align: left !important;
  padding-left: 0;
  font-size: 1rem !important;
}
.custom-multi-select multiselect button:hover, .custom-multi-select multiselect button:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.custom-multi-select multiselect:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
  height: 10px;
  background-image: url(../../../Images/svg/arrow-down_dark.svg);
  pointer-events: none;
}
.custom-multi-select multiselect:focus, .custom-multi-select multiselect:hover {
  border-color: #00aad6 !important;
}

.tag-group .attchment-listinner {
  max-width: 300px;
  border: solid 1px #ccc;
  margin: 0px 5px;
  border-radius: 10px;
  padding: 4px 10px !important;
  height: 100%;
  background: rgba(226, 226, 226, 0.968627451);
  color: #fff !important;
}
.tag-group .attchment-listinner .show-name {
  font-size: 13px;
  color: #585858 !important;
}
.tag-group .attchment-listinner.sm {
  max-width: 174px !important;
}

.is-input-refresh .field-refresh {
  right: 0;
}
.is-input-refresh.clickable-icon .field-refresh {
  pointer-events: all !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

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

/*  avatar
/*  ------------------------------------*/
.avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.avatar > img {
  max-width: 100%;
  max-height: 100%;
}
.avatar.rounded {
  border-radius: 100%;
  overflow: hidden;
}
.avatar.sm {
  width: 32px;
  height: 32px;
}
.avatar.md {
  width: 60px;
  height: 60px;
}
.avatar.lg {
  width: 120px;
  height: 120px;
}

/*  panel
 *  ------------------------------------*/
.panel {
  background: #fff;
}

.panel-body {
  padding: 20px;
}
.panel-body.lg {
  padding: 40px 40px 20px;
}

.card {
  position: relative;
}
.card .icon-group {
  position: absolute;
  right: 0;
  top: 0;
}
.card .head-text {
  color: #fff !important;
}
.card .logo-wrap {
  padding: 50px 12px 24px;
  height: 130px;
  border-bottom: 1px solid #ededed;
}
.card .logo-wrap img {
  max-width: 100%;
  max-height: 100%;
}

.card-body {
  padding: 8px;
}

@media (max-width: 1360px) {
  .panel-body {
    padding: 12px;
  }
  .panel-body.lg {
    padding: 12px;
  }
}
.loader-mnht {
  position: relative;
}
.loader-mnht.loader-fix {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*  List
/*  ------------------------------------*/
.empty {
  padding: 1px 0 !important;
  height: 0;
}

.company-card {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
  margin-left: -20px;
}
.company-card > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 260px;
          flex: 1 1 260px;
  padding: 0 0 20px 20px;
  min-width: 0;
}
.company-card > * > * {
  height: 100%;
}
.company-card h2, .company-card p {
  text-align: center;
}
.company-card h2 {
  padding-top: 10px;
}
.company-card .p-12 {
  padding: 0 12px 8px !important;
}

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

.title-h2 {
  font-size: 16px;
}

.company-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 100%;
}
.company-list .company-list-head {
  background: #666666;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.company-list .company-list-head .card > * {
  min-height: auto;
}
.company-list h2, .company-list p {
  font-size: 14px;
  color: #666666 !important;
}
.company-list > li {
  display: block;
}
.company-list > li.empty {
  display: none;
}
.company-list > li:not(.empty) {
  border-top: 1px solid #ddd;
}
.company-list > li:not(.empty) .card {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.company-list > li:nth-child(even) .card {
  background-color: #f8f8f8;
}
.company-list .card > * {
  padding: 4px 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  min-height: 48px;
}
.company-list .card .logo-container {
  width: 300px;
}
.company-list .card .logo-wrap {
  height: auto;
  padding: 0;
  width: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
}
.company-list .card .card-body {
  width: 250px;
  text-align: left;
}
.company-list .card .card-body h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.company-list .card .card-body p {
  color: #969293;
}
.company-list .card .icon-group {
  width: 100px;
}

ngb-typeahead-window[role=listbox] {
  max-height: 156px;
  overflow: auto;
}

.mat-form-field-required-marker {
  color: #f44336 !important;
}

.popup-overflow-inherit mat-dialog-container {
  overflow: inherit !important;
}

.pbt-status-preview-container .pbt-status-preview {
  padding: 2px 7px;
  background-color: #e7e7e7;
  font-size: 11px;
  font-style: italic;
  border-radius: 4px;
  color: #191a22;
  border: solid 1px #d1d1d1;
  line-height: 9px;
}
.pbt-status-preview-container .pbt-status-preview span {
  color: #ccc;
}
.pbt-status-preview-container .pbt-status-preview .if-message-send-icon, .pbt-status-preview-container .pbt-status-preview .if-message-read-icon {
  display: none;
}
.pbt-status-preview-container .pbt-status-preview.if-message-send {
  color: #008db1;
  background-color: #e6f7fb;
  border: solid 1px #abdfed;
}
.pbt-status-preview-container .pbt-status-preview.if-message-send span {
  color: #15add5;
}
.pbt-status-preview-container .pbt-status-preview.if-message-send .if-message-send-icon {
  display: inline-block;
}
.pbt-status-preview-container .pbt-status-preview.if-message-read {
  color: #008db1;
  background-color: #e6f7fb;
  border: solid 1px #abdfed;
}
.pbt-status-preview-container .pbt-status-preview.if-message-read span {
  color: #008db1;
}
.pbt-status-preview-container .pbt-status-preview.if-message-read .if-message-read-icon {
  display: inline-block;
}

.sm-index {
  z-index: 1 !important;
}

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

.white-space-normal {
  white-space: normal;
}

.if-not-after:after {
  display: none !important;
}

/*  file upload
/*  ------------------------------------*/
.file-upload {
  position: relative;
  padding: 8px;
  border: 1px dashed;
  border-radius: 3px;
}
.file-upload .avatar {
  background-color: #fff;
}
.file-upload input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.fu-details {
  padding: 0 0 0 12px;
}
.fu-details .mat-raised-button {
  margin-top: 12px;
}

/*  Table
/*  ------------------------------------*/
.list-table {
  width: 100%;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  background-color: #fff;
}
.custom-table thead th {
  background: #666666;
  color: #fff;
  padding: 4px 16px;
  text-align: left;
  white-space: nowrap;
  font-size: 14px;
  z-index: 100;
}
.custom-table thead th.sticky {
  top: -1px;
}
.custom-table thead th span {
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.custom-table thead th.curser-p:hover, .custom-table thead th.curser-p:focus, .custom-table thead th.curser-p:active {
  background-color: #5f5f5f;
}
.custom-table tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}
.custom-table tbody tr td {
  text-align: left;
  padding: 4px 16px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.order-icon {
  display: inline-block;
  opacity: 0.2;
}

.order-active {
  background-color: #5f5f5f !important;
}
.order-active .order-icon {
  visibility: visible;
  opacity: 1;
}

.m-t0 {
  margin-top: 0 !important;
}

/*  tab
/*  ------------------------------------*/
body .mat-tab-nav-bar {
  background-color: #286a7a;
}
body .mat-tab-link {
  height: 48px;
  padding: 0 20px;
  min-width: auto;
  color: #fff;
  opacity: 1;
}
body .mat-tab-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 8px 8px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
body .mat-tab-label {
  opacity: 1 !important;
  padding: 0 24px;
  min-width: 90px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.mat-tab-label {
  color: #fff;
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #fff;
}

.mat-tab-header-pagination-chevron {
  border-color: #fff;
}

.mat-tab-group.mat-primary .mat-tab-link:focus,
.mat-tab-nav-bar.mat-primary .mat-tab-label:focus,
.mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
  background-color: #F1F1F1 !important;
  color: #666666;
}

.mat-elevation-z4 {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.9), 0 1px 10px 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.9), 0 1px 10px 0 rgba(0, 0, 0, 0.9);
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: none !important;
}

@media (max-width: 540px) {
  body .mat-tab-label {
    padding: 0 12px;
    min-width: 48px;
    height: 38px;
  }
  .mat-tab-label, .mat-tab-link {
    font-size: 12px;
  }
}
.cutom-tab-style .mat-tab-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.cutom-tab-style .mat-tab-body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.modal.fade .modal-dialog {
  -webkit-transform: inherit !important;
      -ms-transform: inherit !important;
          transform: inherit !important;
}

.popup-wrap-lg {
  min-width: 680px;
  max-width: 790px;
}

.mat-dialog-container {
  background: #fcfcfc;
  overflow: inherit !important;
}

.popup-footer {
  border-top: 1px solid #ddd;
  padding: 20px;
}

.popup-wd.lg {
  max-width: 600px;
  min-width: 600px;
}
.popup-wd.md {
  max-width: 480px;
  min-width: 480px;
}
.popup-wd.sm {
  max-width: 380px;
  min-width: 380px;
}

.p-content-wrap h1 {
  margin-bottom: 15px;
}
.p-content-wrap p {
  line-height: 24px;
  padding-left: 0 !important;
}

.mat-dialog-container {
  padding: 0 !important;
}

.p-4 {
  padding: 20px;
}

.popup-header {
  background: #0badd5;
  padding: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.popup-header h1 {
  color: #fff;
  margin: 0;
}

mat-dialog-container {
  min-width: 397px;
}
mat-dialog-container .popup-title {
  padding: 10px 16px;
  background: #0badd5;
  color: #fff;
  font-weight: 600;
}

perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar > .ps.ps--active-y > .ps__rail-x {
  z-index: 100;
}

/*main-loader-styles-start*/
.loader-wrap {
  top: 0rem;
}

.loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0rem;
  top: 0px;
}

.grid-loader .loader-wrap {
  z-index: 1000;
}
.grid-loader .loader-wrap .section-loader-center-absolute {
  width: 337px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.grid-loader .loader-wrap .section-loader-center-absolute:after {
  content: "Please wait. It will take some time for validation.";
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 12px;
  line-height: 20px;
  font-size: 16px;
  color: #043a48;
}

.bulk-loader .loader-wrap {
  z-index: 1000;
}
.bulk-loader .loader-wrap .section-loader-center-absolute {
  width: 337px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.bulk-loader .loader-wrap .section-loader-center-absolute:after {
  content: "Please wait. It will take some time for validation.";
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 12px;
  line-height: 20px;
  font-size: 16px;
  color: #043a48;
}

.loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

.loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3.125rem;
  width: 3.125rem;
  margin-top: -1.5625rem;
  margin-left: -1.5625rem;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}

.object {
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: #0badd5;
  float: left;
  z-index: 1000;
}

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}

#object_four {
  -webkit-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
/*main-loader-styles-end*/
/*section-loader-styles-start*/
.section-loader {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  margin-top: 0px;
  top: 0px;
  left: 0;
  opacity: 0.8;
}
.section-loader .section-loader-loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
.section-loader .section-loader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 150px;
  margin-top: -25px;
  margin-left: -75px;
}
.section-loader .object {
  width: 8px;
  height: 50px;
  margin-right: 5px;
  background-color: #0badd5;
  -webkit-animation: animate 1s infinite;
  animation: animate 1s infinite;
  float: left;
}
.section-loader .object:last-child {
  margin-right: 0px;
}
.section-loader .object:nth-child(10) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.section-loader .object:nth-child(9) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.section-loader .object:nth-child(8) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.section-loader .object:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.section-loader .object:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.section-loader .object:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.section-loader .object:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.section-loader .object:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.section-loader .object:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@-webkit-keyframes animate {
  50% {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes animate {
  50% {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
/*section-loader-styles-end*/
/*mini-loader-styles-start*/
.mini-loader {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1000;
  margin-top: 0px;
  top: 0px;
  left: 0;
  opacity: 0.8;
}
.mini-loader .mini-loader-loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
.mini-loader .mini-loader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 80px;
  margin-top: -25px;
  margin-left: -35px;
}
.mini-loader .object {
  width: 3px;
  height: 30px;
  margin-right: 5px;
  background-color: #0badd5;
  -webkit-animation: animate 1s infinite;
  animation: animate 1s infinite;
  float: left;
}
.mini-loader .object:last-child {
  margin-right: 0px;
}
.mini-loader .object:nth-child(10) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.mini-loader .object:nth-child(9) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.mini-loader .object:nth-child(8) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.mini-loader .object:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.mini-loader .object:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.mini-loader .object:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.mini-loader .object:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.mini-loader .object:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.mini-loader .object:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@-webkit-keyframes animate {
  50% {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes animate {
  50% {
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
/*mini-loader-styles-start*/
.custom-modal {
  width: 100%;
  /*&.lg {
      max-width: rem(827px);
  }
  &.md {
      max-width: rem(500px);
  }*/
}

/*.modal-dialog {
    max-width: rem(827px)
}*/
.modal-open .main-header-position {
  z-index: 10;
}

.popup-header {
  background: #0badd5;
  width: 100%;
}
.popup-header h1 {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
}
.popup-header.sm h1 {
  font-size: 15px !important;
}

.popup-wrap {
  padding: 1.375rem;
}
.popup-wrap h2 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0badd5;
  margin-bottom: 0.9375rem;
}

.track-header {
  font-size: 0.75rem;
  font-weight: 700;
  color: #a1a1a1;
}
.track-header span {
  font-size: 0.875rem;
  color: #666666;
  font-weight: 400;
  display: block;
}

.jobitem-level {
  max-height: 300px;
  overflow: auto;
}
.jobitem-level .card-header {
  background: #0badd5;
}
.jobitem-level h5 {
  font-size: 0.875rem;
}
.jobitem-level h5 .accord-wrap {
  color: #fff !important;
  display: block;
  text-decoration: none;
  position: relative;
  padding-right: 1.5625rem;
  cursor: pointer;
}
.jobitem-level h5 .accord-wrap span {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.jobitem-level h5 .accord-wrap span img {
  width: 100%;
  max-width: 1rem;
}
.jobitem-level.max-h-100 {
  height: auto;
  max-height: 100%;
}

.pbt--custom-card .pbt-list-box {
  padding: 0 !important;
}
.pbt--custom-card .pbt--branch-list {
  margin-bottom: 0 !important;
}
.pbt--custom-card .pbt--custom-style {
  padding: 10px 0px !important;
}
.pbt--custom-card .added-list {
  border-bottom: none !important;
}

.pbt--chip-loop {
  font-size: 13px;
}

.pbt--list-h {
  max-height: 200px;
  overflow: auto;
}

.pbt-icon-hover {
  color: #898989;
}
.pbt-icon-hover:hover {
  color: #585353;
}

.job-level-list {
  width: 100%;
}
.job-level-list th {
  text-align: left;
  font-size: 0.875rem;
  color: #a1a1a1;
  font-weight: 700;
  padding: 0.625rem;
}
.job-level-list td {
  padding: 0.625rem;
}
.job-level-list tr:nth-child(2n+1) td {
  background: #f5f5f5;
}

.pbt--upload-title {
  font-size: 13px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

.pbt--list-container {
  max-height: 155px;
  overflow: auto;
}

.footer-wrap {
  border-top: 1px solid #dfdfdf;
}

.common-btn {
  background: #0badd5;
  color: #fff;
  border: none;
  cursor: pointer;
}
.common-btn:hover, .common-btn:active, .common-btn:focus {
  background: #0b85a3 !important;
}
.common-btn img {
  width: 1.125rem;
}
.common-btn.fixed img {
  width: 16px !important;
}

.btn-absolute {
  position: absolute;
  left: 32px;
  bottom: 7px;
}

.btn-h {
  height: 1.75rem !important;
}

.common-btn-secondary {
  color: #666;
}
.common-btn-secondary:hover, .common-btn-secondary:active, .common-btn-secondary:focus {
  background: #a9a9a9;
  color: #fff;
}

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

.modal-content {
  border: none;
}

.rm-details {
  width: 100%;
  /*border: 1px solid #dcdcdc;
  border-right: none;
  border-left: none;*/
}
.rm-details ul li {
  list-style: none;
}
.rm-details ul li p {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}
.rm-details ul li span {
  display: block;
  width: auto !important;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

.custom-select:disabled {
  color: #adadad;
  cursor: not-allowed;
  background-color: transparent;
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
}

textarea:disabled,
input:not([type]):disabled,
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled {
  background-color: transparent;
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
}

body .dropdown-menu > .active > a:focus,
body .dropdown-menu > .active > a:hover {
  color: #fff !important;
}

.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #00aad6;
}

.toast-top-right {
  z-index: 999999999 !important;
}

.log-info {
  padding: 10px 15px;
  border: solid 1px #76949c;
  border-radius: 4px;
  background: #e4f0f3;
}
.log-info strong {
  color: #00aad6;
}
.log-info span {
  margin: 0px 5px;
}

.color-success {
  color: #2ca03c !important;
}

.pbt-details-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.pbt-scrollbody {
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.pbt--table-sm table tr th {
  font-size: 13px;
  line-height: 13px;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 10;
}
.pbt--table-sm table tr td {
  font-size: 13px !important;
  line-height: 16px;
}

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  height: 100%;
  margin: 0 auto;
  border-radius: 0px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 7px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(121, 121, 121, 0.8509803922);
  background-color: rgba(121, 121, 121, 0.8509803922);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(121, 121, 121, 0.8509803922);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(121, 121, 121, 0.8509803922);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.slider-menu-list {
  height: 100%;
  padding: 0px 40px;
}
.slider-menu-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: visible;
  margin: 0;
  position: relative;
  height: 100%;
}
.slider-menu-list ul li {
  height: 100%;
}
.slider-menu-list ul li a {
  color: #0a84a6 !important;
  font-weight: 400;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  height: 100%;
}
.slider-menu-list .control-icon a {
  height: 100%;
  width: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2392156863);
          box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2392156863);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-menu-list .control-icon a img {
  width: 100%;
  max-width: 20px;
}
.slider-menu-list .control-icon a.control-arrow-right {
  right: 0;
}
.slider-menu-list .control-icon a.control-arrow-left {
  left: 0;
}
.slider-menu-list .control-icon a:hover, .slider-menu-list .control-icon a:focus, .slider-menu-list .control-icon a:active {
  background: #ebfbff;
}

.fill-group {
  height: 76px;
}

.table-grid {
  height: auto;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.table-grid thead th {
  border-bottom: 1px solid #ccc;
  background-color: #00aad6;
  color: #fff;
  white-space: nowrap;
  padding: 10px 5px;
  height: auto;
  text-align: left;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  font-size: 14px;
  z-index: 100;
}
.table-grid thead th.sticky-t-25 {
  top: 26px !important;
}
.table-grid tbody tr td {
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px 5px !important;
  font-size: 12px;
}
.table-grid tbody tr:nth-child(2n+2) td {
  background: #f9f9f9;
}
.table-grid tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  padding: 6px 5px !important;
  background-color: #f5f5f5;
  z-index: 100;
}

.inline-col-width, .input-length {
  width: 55px;
}

.dropdown-height ul {
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.has-populated {
  background: #f0fcff !important;
}

.sticky-table {
  max-height: calc(100vh - 239px);
}
.sticky-table.has-alternative-color tr:nth-child(2n+2) {
  background-color: #fff;
}
.sticky-table .tbody-loop tr:nth-child(2n+2) td {
  background-color: #fff;
}
.sticky-table .tr-alternate tbody tr.show-status-expanded td {
  background-color: #E9F0F6 !important;
  padding: 16px 20px !important;
}
.sticky-table .tr-alternate tbody tr.show-status-expanded td .data-table-sm {
  max-height: 131px;
}
.sticky-table .tr-alternate tbody tr.show-status-expanded td .data-table-sm table tr th {
  padding: 7px 8px !important;
  background-color: #00aad6 !important;
  color: #fff;
  height: auto;
  font-size: 13px;
  line-height: 15px;
  vertical-align: top;
}
.sticky-table .tr-alternate tbody tr.show-status-expanded td .data-table-sm table tr td {
  padding: 6px 8px !important;
}
.sticky-table .tr-alternate tbody tr.show-status-expanded td .data-table-sm table tr:nth-child(2n+2) td {
  background-color: #fff !important;
}
.sticky-table .tr-alternate tbody:nth-child(2n+2) tr td {
  background-color: #f5f5f5 !important;
}
.sticky-table .tr-alternate tbody:nth-child(2n+2) tr.show-status-expanded td {
  background-color: #E9F0F6 !important;
}
.sticky-table.sm {
  max-height: calc(100vh - 280px);
}
.sticky-table table thead th {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: -1px;
  z-index: 100;
}
.sticky-table table tbody:nth-child(2n+2) tr td {
  background: #f5f5f5;
}
.sticky-table table tbody:nth-child(2n+2) tr td.table-bg {
  background: #eaf0f5 !important;
}
.sticky-table table.odd-even tbody tr:nth-child(2n+2) td {
  background: #fff !important;
}
.sticky-table table.odd-even tbody tr:nth-child(2n+2) td.table-bg {
  background: #eaf0f5 !important;
}
.sticky-table table.odd-even tbody.highlight-row:nth-child(2n+2) td {
  background-color: #ffdddd !important;
}
.sticky-table table.odd-even .track-list-details-sub tr td {
  background-color: #fff !important;
}
.sticky-table table.odd-even .track-list-details-sub tr:nth-child(2n+2) td {
  background: #f5f5f5 !important;
}
.sticky-table table.odd-even .track-list-details-sub tr.highlight-row td {
  background-color: #ffdddd !important;
}
.sticky-table table.odd-even .datetimepicker tr td {
  background-color: #fff !important;
}
.sticky-table table.odd-even .datetimepicker tr:nth-child(2n+2) {
  background-color: #fff !important;
}
.sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td {
  background-color: #fff !important;
}
.sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td:hover, .sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td:focus, .sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td.disabled {
  color: #969696;
  background: #e1e7e8 !important;
}
.sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td.disabled:hover, .sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td.disabled:focus, .sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td.disabled:active {
  color: #969696 !important;
  background: #e1e7e8 !important;
}
.sticky-table table.odd-even .datetimepicker .datetimepicker-days tbody tr td.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table.sticky-position {
  max-height: calc(100vh - 260px);
}
.sticky-table.table-sticky-height {
  max-height: calc(100vh - 281px);
}
.sticky-table .datetimepicker thead th {
  position: static !important;
}
.sticky-table .datetimepicker {
  padding: 0 !important;
}
.sticky-table .datetimepicker thead th {
  height: 2.1875rem !important;
  padding: 0.625rem 0.6875rem 0.625rem;
  font-size: 0.875rem;
  background: #0d95b8 !important;
  border-radius: 0;
  color: #fff;
}
.sticky-table .datetimepicker thead tr:nth-of-type(1) th {
  background: none !important;
  visibility: visible !important;
  background: #3d3d3d !important;
}
.sticky-table .datetimepicker tbody tr td {
  font-size: 0.875rem;
  background: #fff;
  border-radius: 0px;
  padding: 0.4375rem !important;
}
.sticky-table .datetimepicker tbody tr td span:hover, .sticky-table .datetimepicker tbody tr td span:focus, .sticky-table .datetimepicker tbody tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table .datetimepicker tbody tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table .datetimepicker tbody tr td.disabled {
  color: #969696;
  background: #e1e7e8 !important;
}
.sticky-table .datetimepicker tbody tr td.disabled:hover, .sticky-table .datetimepicker tbody tr td.disabled:focus, .sticky-table .datetimepicker tbody tr td.disabled:active {
  color: #969696 !important;
  background: #e1e7e8 !important;
}
.sticky-table .datetimepicker .today {
  padding: 5px 0px !important;
  border-radius: 0px;
}
.sticky-table .datetimepicker .today:hover, .sticky-table .datetimepicker .today:focus, .sticky-table .datetimepicker .today:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.sticky-table .datetimepicker .datetimepicker-days tbody tr td {
  font-size: 0.875rem;
  background: #fff !important;
  border-radius: 0px;
  padding: 7px !important;
}
.sticky-table .datetimepicker .datetimepicker-days tbody tr td:hover, .sticky-table .datetimepicker .datetimepicker-days tbody tr td:focus, .sticky-table .datetimepicker .datetimepicker-days tbody tr td:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table .datetimepicker .datetimepicker-days tbody tr td.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.sticky-table .datetimepicker-hours table tr td:hover, .sticky-table .datetimepicker-hours table tr td:focus, .sticky-table .datetimepicker-hours table tr td:active {
  background: #fff !important;
  font-weight: 400 !important;
}
.sticky-table .datetimepicker-hours table tr td span {
  color: #292b2c;
}
.sticky-table .datetimepicker-hours table tr td span:hover, .sticky-table .datetimepicker-hours table tr td span:focus, .sticky-table .datetimepicker-hours table tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.sticky-table .datetimepicker-hours table tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.sticky-table .datetimepicker-minutes table tr td:hover, .sticky-table .datetimepicker-minutes table tr td:focus, .sticky-table .datetimepicker-minutes table tr td:active {
  background: #fff !important;
  font-weight: 400 !important;
}
.sticky-table .datetimepicker-minutes table tr td span {
  color: #292b2c;
}
.sticky-table .datetimepicker-minutes table tr td span:hover, .sticky-table .datetimepicker-minutes table tr td span:focus, .sticky-table .datetimepicker-minutes table tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.sticky-table .datetimepicker-minutes table tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.sticky-table .form_datetime {
  position: relative;
}
.sticky-table .form_datetime input {
  max-width: 100%;
}
.sticky-table .form_datetime .add-on {
  position: absolute;
  right: 27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sticky-table .form_datetime .add-on:last-child {
  right: 50px;
}
.sticky-table.sticky-scroll {
  max-height: calc(100vh - 263px);
}
.sticky-table.md {
  max-height: calc(100vh - 326px);
}

.odd-even.costing-detail-page tbody > tr:nth-child(2n+2).special-row td {
  background-color: #f5f5dc !important;
  height: 28px !important;
  line-height: 0px !important;
  padding: 0px !important;
  padding-left: 0.625rem !important;
}
.odd-even.costing-detail-page tbody > tr:nth-child(2n+2).special-row-section td {
  background-color: #f5f5f5 !important;
  height: 28px !important;
  line-height: 0px !important;
  padding: 0px !important;
  padding-left: 0.625rem !important;
}

.odd-even tbody:nth-child(2n+2) td {
  background: #f5f5f5;
}
.odd-even tbody:nth-child(2n+2) td.table-bg {
  background: #eaf0f5 !important;
}
.odd-even tbody:nth-child(2n+2) td.tbl-col-expand {
  background-color: #ebebeb !important;
}
.odd-even tbody tr:nth-child(2n+2) td {
  background: #f5f5f5 !important;
}
.odd-even tbody tr:nth-child(2n+2) td.table-bg {
  background: #eaf0f5 !important;
}
.odd-even tbody tr:nth-child(2n+2) td.tbl-col-expand {
  background-color: #ebebeb !important;
}
.odd-even.costing-detail-page tbody > tr:nth-child(2n+3) td {
  background: #fff !important;
}
.odd-even.costing-detail-page tbody > tr:nth-child(2n+3) td.table-bg {
  background: #eaf0f5 !important;
}
.odd-even.costing-detail-page tbody > tr.special-row td {
  background-color: #f5f5dc !important;
  height: 28px !important;
  line-height: 0px !important;
  padding: 0px !important;
  padding-left: 0.625rem !important;
}
.odd-even.costing-detail-page tbody > tr.total-row td {
  background-color: #5a7379 !important;
  color: #fff;
}
.odd-even.costing-detail-page.charge-report tbody > tr:nth-child(2n+2) td {
  background: #fff !important;
}
.odd-even.costing-detail-page.charge-report tbody > tr:nth-child(2n+2) td.table-bg {
  background: #eaf0f5 !important;
}
.odd-even.costing-detail-page.charge-report tbody > tr.special-row td {
  background-color: #f5f5dc !important;
  height: 28px !important;
  line-height: 0px !important;
  padding: 0px !important;
  padding-left: 0.625rem !important;
}
.odd-even.costing-detail-page.charge-report tbody > tr.total-row td {
  background-color: #5a7379 !important;
  color: #fff;
}

.show-status-expanded--table table thead tr th {
  padding: 0px 16px !important;
  height: 32px;
  text-align: left;
  background: #A1A1A1;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  z-index: 1;
}
.show-status-expanded--table table tbody tr td {
  padding: 6px 16px !important;
  background-color: #f5f5f5 !important;
}
.show-status-expanded--table table tbody tr:nth-child(2n+2) td {
  background-color: #fff !important;
}

.if-z-index-lg {
  z-index: 1001 !important;
}

.table-list-col {
  width: 724px;
}

.bg-light-group {
  background: #f3f3f3;
}

.status-bar {
  width: auto !important;
  padding-bottom: 2px;
  cursor: default !important;
  position: relative;
}

.row-loop {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px dashed #ccc;
}

.show-value {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-weight: 700;
}

.title-content {
  font-size: 14px;
}

@media only screen and (max-width: 1300px) {
  .table-list-col {
    width: 650px;
  }
}
.pbt-icon-8,
.pbt-icon-10,
.pbt-icon-11,
.pbt-icon-12,
.pbt-icon-13,
.pbt-icon-14,
.pbt-icon-15,
.pbt-icon-16,
.pbt-icon-18,
.pbt-icon-20,
.pbt-icon-24,
.pbt-icon-28,
.pbt-icon-32,
.pbt-icon-40,
.pbt-icon-60,
.pbt-icon-80,
.pbt-icon-90,
.pbt-icon-100,
.pbt-icon-125,
.pbt-icon-150 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  height: 100%;
}
.pbt-icon-8 svg,
.pbt-icon-10 svg,
.pbt-icon-11 svg,
.pbt-icon-12 svg,
.pbt-icon-13 svg,
.pbt-icon-14 svg,
.pbt-icon-15 svg,
.pbt-icon-16 svg,
.pbt-icon-18 svg,
.pbt-icon-20 svg,
.pbt-icon-24 svg,
.pbt-icon-28 svg,
.pbt-icon-32 svg,
.pbt-icon-40 svg,
.pbt-icon-60 svg,
.pbt-icon-80 svg,
.pbt-icon-90 svg,
.pbt-icon-100 svg,
.pbt-icon-125 svg,
.pbt-icon-150 svg {
  display: block;
  width: 100%;
  fill: currentColor;
  height: 100%;
}

.pbt-icon-8 {
  width: 8px;
  height: 8px;
}

.pbt-icon-10 {
  width: 10px;
  height: 10px;
}

.pbt-icon-11 {
  width: 11px;
  height: 11px;
}

.pbt-icon-12 {
  width: 12px;
  height: 12px;
}

.pbt-icon-13 {
  width: 13px;
  height: 13px;
}

.pbt-icon-14 {
  width: 14px;
  height: 14px;
}

.pbt-icon-15 {
  width: 15px;
  height: 15px;
}

.pbt-icon-16 {
  width: 16px;
  height: 16px;
}

.pbt-icon-18 {
  width: 18px;
  height: 18px;
}

.pbt-icon-20 {
  width: 20px;
  height: 20px;
}

.pbt-icon-24 {
  width: 24px;
  height: 24px;
}

.pbt-icon-28 {
  width: 28px;
  height: 28px;
}

.pbt-icon-32 {
  width: 32px;
  height: 32px;
}

.pbt-icon-40 {
  width: 40px;
  height: 40px;
}

.pbt-icon-60 {
  width: 60px;
  height: 60px;
}

.pbt-icon-80 {
  width: 80px;
  height: 80px;
}

.pbt-icon-90 {
  width: 90px;
  height: 90px;
}

.pbt-icon-100 {
  width: 100px;
  height: 100px;
}

.pbt-icon-125 {
  width: 125px;
  height: 125px;
}

.pbt-icon-150 {
  width: 150px;
  height: 150px;
}

.svg-icon-hide {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.ui-datepicker {
  padding: 0 !important;
}
.ui-datepicker .ui-datepicker-header {
  background: #3d3d3d !important;
  border: 0;
  border-radius: 0;
  color: #fff;
}
.ui-datepicker .ui-datepicker-header a {
  background-color: #fff;
  width: 26px;
  height: 26px;
}
.ui-datepicker .ui-datepicker-header a .ui-icon-circle-triangle-w {
  background-position: -96px -49px;
}
.ui-datepicker .ui-datepicker-header a .ui-icon-circle-triangle-e {
  background-position: -31px -49px;
}
.ui-datepicker .ui-datepicker-header a:hover {
  background-color: #fff !important;
  border: none !important;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
  top: 3px !important;
  left: 3px !important;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:hover {
  top: 3px !important;
  left: 3px !important;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
  top: 3px !important;
  right: 3px !important;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:hover {
  top: 3px !important;
  right: 3px !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 14px;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
}
.ui-datepicker .ui-datepicker-calendar tr th {
  background: #0d95b8 !important;
  height: 41px;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar tr td {
  padding: 0 !important;
}
.ui-datepicker .ui-datepicker-calendar tr td a {
  padding: 7px !important;
  background-color: transparent !important;
  border: none !important;
}
.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active {
  background-color: #0d95b8 !important;
}
.ui-datepicker .ui-datepicker-calendar tr td a:hover {
  background: #5bc0de !important;
  color: #ffffff !important;
}
.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled {
  opacity: 1 !important;
}
.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled span {
  color: #969696 !important;
  background: #e1e7e8 !important;
  border: none;
  padding: 7px !important;
}

.mat-calendar-header {
  padding: 0 !important;
}
.mat-calendar-header svg:not(:root) {
  display: inherit !important;
}
.mat-calendar-header .mat-calendar-arrow {
  fill: #fff;
  border-top-color: #fff !important;
}

.mat-calendar-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
  background: #3d3d3d !important;
  color: #fff;
}

.mat-calendar-next-button, .mat-calendar-previous-button {
  color: #fff !important;
}

.mat-calendar-content {
  padding: 0 !important;
}

.mat-calendar-table-header-divider {
  position: relative;
  height: 1px;
  display: none;
}

.mat-calendar-table-header th {
  text-align: center;
  padding: 5px 0 5px 0 !important;
  background: #15add5;
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
}

.mat-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32px !important;
  height: 32px !important;
  line-height: 1;
  border-width: 0 !important;
  border-style: solid !important;
  border-radius: 0 !important;
}

.mat-calendar-body-selected {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background: #5bc0de !important;
  color: #fff !important;
}

.mat-datepicker-content .mat-calendar {
  width: 250px !important;
  height: auto !important;
}

.mat-calendar-body-cell-container {
  position: relative;
  line-height: 0;
  width: auto !important;
  height: auto !important;
  padding: 16px !important;
}

.mat-calendar-table-header th {
  height: 32px;
}

.mat-form-field {
  line-height: 21px !important;
}
.mat-form-field input, .mat-form-field textarea, .mat-form-field select {
  border: none !important;
}
.mat-form-field svg:not(:root) {
  display: inherit !important;
}
.mat-form-field textarea:disabled, .mat-form-field input:not([type]):disabled, .mat-form-field input[type=color]:disabled, .mat-form-field input[type=date]:disabled, .mat-form-field input[type=datetime]:disabled, .mat-form-field input[type=datetime-local]:disabled, .mat-form-field input[type=email]:disabled, .mat-form-field input[type=month]:disabled, .mat-form-field input[type=password]:disabled, .mat-form-field input[type=number]:disabled, .mat-form-field input[type=search]:disabled, .mat-form-field input[type=tel]:disabled, .mat-form-field input[type=text]:disabled, .mat-form-field input[type=time]:disabled, .mat-form-field input[type=url]:disabled, .mat-form-field input[type=week]:disabled {
  background-color: transparent;
  border-bottom: none !important;
  opacity: 0.9 !important;
  color: #6a6a6a !important;
  font-size: 14px !important;
}

.mat-form-field-label {
  font-weight: 400 !important;
}

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

.mat-calendar-controls .mat-calendar-period-button {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
.mat-calendar-controls .mat-calendar-spacer {
  display: none !important;
}
.mat-calendar-controls .mat-calendar-next-button {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

mat-form-field select[disabled], mat-form-field .custom-select:disabled, mat-form-field multiselect[disabled] {
  border-bottom: none !important;
  opacity: 0.9 !important;
  color: #6a6a6a !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: #fff;
  background-color: #0d95b8;
}

.owl-dt-control-arrow-button svg {
  color: #0d95b8;
}

.owl-dt-calendar-control {
  background: #3d3d3d !important;
  color: #fff;
}

.owl-dt-calendar-main {
  padding: 0;
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  color: #fff;
  background: #0d95b8;
  padding: 8px 0px !important;
}

.owl-dt-timer {
  background: #f3f3f3;
}

.owl-dt-timer-divider:after,
.owl-dt-timer-divider:before {
  color: #716d6d;
}

.owl-dt-control .owl-dt-control-content {
  color: #fff;
  fill: #fff;
}

.owl-dt-container-buttons .owl-dt-control .owl-dt-control-content {
  color: #000;
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: auto;
}

.owl-dt-calendar-table .owl-dt-calendar-cell {
  padding: 15px !important;
}

.mat-checkbox-inner-container {
  width: 22px !important;
  height: 22px !important;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #12aad6;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background.mat-checkbox-disabled .mat-checkbox-background {
  background-color: #aaaeaf;
  cursor: not-allowed;
}

.mat-checkbox {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
}

.no-label .mat-form-field-infix {
  border-top: 6px solid transparent;
  width: 100% !important;
}

.sm-container-100 {
  width: 75% !important;
  max-width: 75% !important;
}

.mat-checkbox-frame {
  background-color: transparent;
  -webkit-transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 1px;
  border-style: solid;
  border-color: #dadfe3 !important;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
  font-weight: 400 !important;
}

.attachment-list-h {
  max-height: 150px;
  overflow: auto;
}

.mat-form-field svg:not(:root) {
  display: block;
  width: 100%;
  fill: currentColor;
  height: 100%;
}

mat-form-field .dropdown-menu.show {
  display: block !important;
}
mat-form-field input:disabled,
mat-form-field select:disabled {
  cursor: not-allowed;
}

.mat-form-field textarea:disabled,
.mat-form-field input:not([type]):disabled,
.mat-form-field input[type=color]:disabled,
.mat-form-field input[type=date]:disabled,
.mat-form-field input[type=datetime]:disabled,
.mat-form-field input[type=datetime-local]:disabled,
.mat-form-field input[type=email]:disabled,
.mat-form-field input[type=month]:disabled,
.mat-form-field input[type=password]:disabled,
.mat-form-field input[type=number]:disabled,
.mat-form-field input[type=search]:disabled,
.mat-form-field input[type=tel]:disabled,
.mat-form-field input[type=text]:disabled,
.mat-form-field input[type=time]:disabled,
.mat-form-field input[type=url]:disabled,
.mat-form-field input[type=week]:disabled {
  cursor: not-allowed;
}

mat-form-field select[disabled],
mat-form-field .custom-select:disabled,
mat-form-field multiselect[disabled] {
  cursor: not-allowed;
}

.mat-form-field.mat-form-field-invalid input {
  color: #f44336 !important;
}

.default-select {
  padding: 5px 5px;
  font-size: 13px;
}

.number-records {
  font-size: 13px;
  font-weight: 600;
  color: #666;
}
.number-records span {
  color: #12aad6 !important;
}

.custom-index {
  z-index: 99 !important;
}

.custom-font-sm {
  font-size: 13px;
}

.f-auto-card {
  width: 345px;
}
.f-auto-card h5 {
  font-size: 13px;
}
.f-auto-card table tr th {
  border-bottom: dashed 1px #d5d6dc;
  padding: 5px 6px !important;
}
.f-auto-card table tr td {
  border-bottom: dashed 1px #d5d6dc;
  padding: 5px 6px !important;
}
.f-auto-card table tr:nth-child(2n+2) td {
  background-color: #e3e3e3;
}

.pbt_sm-table-h {
  max-height: 150px;
}

.td-reciever {
  width: 300px;
  text-align: left;
  font-size: 0.875rem;
  color: #707070;
}

@media only screen and (max-width: 1400) {
  .sm-container-100 {
    width: 85% !important;
  }
}
@media only screen and (max-width: 1200) {
  .sm-container-100 {
    width: 100% !important;
  }
}
body .custom-mat-tab {
  background: transparent !important;
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
body .custom-mat-tab .mat-tab-label {
  border: 1px solid #ddd !important;
  font-weight: 600;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  height: auto;
  padding: 0.5em 1em;
  color: #575f68 !important;
  margin-right: 5px;
  border-bottom: none !important;
}
body .custom-mat-tab .mat-tab-label.mat-tab-label-active,
body .custom-mat-tab .mat-tab-label .mat-tab-group.mat-primary .mat-tab-label:focus,
body .custom-mat-tab .mat-tab-label .mat-tab-group.mat-primary .mat-tab-link:focus,
body .custom-mat-tab .mat-tab-label .mat-tab-nav-bar.mat-primary .mat-tab-label:focus,
body .custom-mat-tab .mat-tab-label .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
  color: #fff !important;
}
body .custom-mat-tab.mat-tab-group.mat-primary .mat-ink-bar, body .custom-mat-tab .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
body .custom-mat-tab .mat-tab-header {
  border-bottom: solid 2px #ccc !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
body .custom-mat-tab .mat-tab-body-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
body .custom-mat-tab .mat-tab-body-wrapper-card {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  background: #fbfbfb;
  -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.18);
          box-shadow: 3px 0 7px rgba(0, 0, 0, 0.18);
  margin: 16px 0;
  padding: 16px;
}

.custom-dispatch-message textarea.mat-input-element {
  height: 22px;
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #00aad6 !important;
}

.mat-popup-group {
  max-width: 936px;
}

.icon-rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.modal-table-max-h {
  max-height: calc(100vh - 294px);
}
.modal-table-max-h table tr th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1001;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused {
  border: 1px solid #ddd !important;
  color: #575f68 !important;
  background-color: #fff !important;
}
.mat-tab-group.mat-primary .mat-tab-label.mat-tab-label-active {
  background-color: #00aad6 !important;
  color: #fff !important;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.6875rem 0 0.25rem;
}

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

.if-mat-label .mat-form-field-label {
  font-weight: 700 !important;
  font-size: 12px;
  color: #666666 !important;
}

.pbt-tab-content {
  background: #fff !important;
  border: none !important;
}
.pbt-tab-content .mat-tab-label-container {
  border-bottom: solid 1px #ccc;
  margin-bottom: 8px;
}
.pbt-tab-content .mat-tab-label {
  border: 1px solid #ddd !important;
  font-weight: 600;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  margin-right: 8px;
  color: #575f68 !important;
  position: relative;
  top: 1px;
  height: auto;
  min-height: 42px;
}
.pbt-tab-content .mat-tab-label.mat-tab-label-active {
  background-color: #00aad6 !important;
  color: #fff !important;
}
.pbt-tab-content .mat-ink-bar {
  display: none;
}
.pbt-tab-content .mat-tab-label-active, .pbt-tab-content .mat-tab-group.mat-primary .mat-tab-label:focus, .pbt-tab-content .mat-tab-group.mat-primary .mat-tab-link:focus, .pbt-tab-content .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .pbt-tab-content .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
  background-color: #00aad6 !important;
  color: #fff !important;
}
.mat-tab-label-active, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
  background-color: #00aad6 !important;
  color: #fff !important;
}

.mat-form-field-prefix {
  top: -5px !important;
}

.graph-height {
  height: 400px;
}

.sm-min-h {
  min-height: 260px;
}

.has-mat-dropdown ngb-typeahead-window {
  font-size: 13px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0px 3px 6px !important;
          box-shadow: rgba(0, 0, 0, 0.48) 0px 3px 6px !important;
}
.has-mat-dropdown-ft-only ngb-typeahead-window {
  font-size: 13px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.48) 0px 3px 6px !important;
          box-shadow: rgba(0, 0, 0, 0.48) 0px 3px 6px !important;
}
.table-list-data {
  max-height: 250px;
}

.table-list-data table tr td {
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #707070;
  border-bottom: 1px dashed #ccc;
}

.table-list-data table tr th {
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  background-color: #fff;
  z-index: 10;
  color: #707070;
}

.mat-select-trigger {
  font-size: 14px !important;
}
.mat-select-trigger .mat-select-value {
  color: #666666;
  max-width: 100% !important;
}

.mat-checkbox-container .mat-checkbox label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.if-checkbox-has-bg .mat-checkbox .mat-checkbox-background {
  background-color: #fff;
}
.if-checkbox-has-bg .mat-checkbox .mat-checkbox-background .mat-checkbox-checkmark-path {
  stroke: #00aad6 !important;
}

.max-w-100vh {
  width: 100%;
  max-width: 867px;
  min-width: 967px;
}

@media only screen and (max-width: 991px) {
  .max-w-100vh {
    width: 100%;
    max-width: 767px;
    min-width: 767px;
  }
}
.pbt-font-w {
  font-weight: 400;
}

.pbt-mat-chip-group .mat-chip-list-wrapper {
  margin: 0 !important;
}

.pbt-mat-accordion-group > mat-expansion-panel {
  margin-bottom: 12px;
  border: solid 1px rgb(176, 200, 207);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header {
  height: 40px;
  padding: 0px 16px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #dde5e7), to(#c7d8dd)) !important;
  background: linear-gradient(to right, #ffffff 0%, #dde5e7 50%, #c7d8dd 100%) !important;
}
.pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header .mat-expanded:hover, .pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header .mat-expanded:focus {
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #dde5e7), to(#c7d8dd)) !important;
  background: linear-gradient(to right, #ffffff 0%, #dde5e7 50%, #c7d8dd 100%) !important;
}
.pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header mat-panel-title {
  color: #0badd5;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
}
.pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header.mat-expanded {
  height: 40px;
}
.pbt-mat-accordion-group > mat-expansion-panel mat-expansion-panel-header .pbt-arrow-down {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pbt-mat-accordion-group > mat-expansion-panel .pbt-mat-expansion-body {
  background-color: #fff;
  padding: 16px;
}
.pbt-mat-accordion-group > mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 0px 0px !important;
}
.pbt-mat-accordion-group .pbt-mat-accordion-group-sub mat-expansion-panel {
  margin-bottom: 12px;
  border: solid 1px rgb(176, 200, 207);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.pbt-mat-accordion-group .pbt-mat-accordion-group-sub mat-expansion-panel-header {
  background: #00aad6 !important;
}
.pbt-mat-accordion-group .pbt-mat-accordion-group-sub mat-expansion-panel-header mat-panel-title {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.pbt-mat-accordion-group .pbt-mat-accordion-group-sub mat-expansion-panel-header mat-panel-title strong {
  font-weight: 500;
}
.pbt-mat-accordion-group .pbt-mat-accordion-group-sub mat-expansion-panel-header .pbt-arrow-down {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.custom-ng-multiselect {
  min-width: 210px;
}
.custom-ng-multiselect .dropdown-btn {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  font-size: 14px;
  padding-left: 0 !important;
  border-bottom-color: rgba(0, 0, 0, 0.42) !important;
}
.custom-ng-multiselect .dropdown-multiselect__caret {
  width: 16px !important;
  height: 35px !important;
}
.custom-ng-multiselect .dropdown-multiselect__caret:before {
  margin-top: 4px;
  border-style: solid;
  border-width: 6px 5px 0 !important;
  border-color: #757575 transparent !important;
}
.custom-ng-multiselect .dropdown-list {
  min-width: 256px;
  font-size: 13px;
  overflow: hidden;
}
.custom-ng-multiselect .dropdown-list .filter-textbox input {
  padding: 6px !important;
}
.custom-ng-multiselect .dropdown-list .multiselect-item-checkbox:hover {
  background-color: transparent !important;
}
.custom-ng-multiselect .dropdown-list .multiselect-item-checkbox > div {
  color: #656565 !important;
}
.custom-ng-multiselect .dropdown-list .multiselect-item-checkbox > div:before {
  color: #00aad6 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px;
  border: 1px solid #00aad6 !important;
}
.custom-ng-multiselect .dropdown-list .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: #00aad6 !important;
}
.custom-ng-multiselect .dropdown-list .no-filtered-data h5 {
  font-size: 13px;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 8px;
}
.custom-ng-multiselect .dropdown-multiselect--active .dropdown-multiselect__caret {
  -webkit-transform: rotate(0deg) !important;
      -ms-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

.min-h-container {
  min-height: 700px;
}

.pbt-dat-max-height {
  max-height: 100%;
  overflow: auto;
}

.pbt-popup-container-md {
  min-width: 600px;
}

.pbt-sm-btn {
  padding: 5px 5px;
  border-radius: 4px;
  margin: 0 2px;
  font-size: 12px;
  background: #00aad6;
  color: #fff;
}
.pbt-sm-btn:hover {
  background-color: #059fc7;
}

.pbt-after-none:after {
  display: none !important;
}

.pbt-arrow-down:after {
  display: inline-block;
  content: "\f0d7";
  font-family: FontAwesome, Arial;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  margin-left: 12px;
  color: #0badd5;
}

.pbt-tr-alternate tr:nth-child(2n+2) td {
  background: #f5f5f5;
}
.pbt-tr-alternate tfoot tr td {
  background-color: lightgrey !important;
  font-weight: bold !important;
  color: #666666;
}

.mat-calendar-previous-button {
  position: relative;
}
.mat-calendar-previous-button:after {
  display: none;
}
.mat-calendar-previous-button .mat-button-ripple {
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) rotate(180deg) !important;
      -ms-transform: translateY(-50%) rotate(180deg) !important;
          transform: translateY(-50%) rotate(180deg) !important;
  width: 37%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px !important;
  overflow: initial !important;
  left: 13px !important;
}
.mat-calendar-previous-button .mat-button-ripple:after {
  top: -3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mat-calendar-previous-button .mat-button-ripple:before {
  top: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mat-calendar-previous-button .mat-button-ripple:after, .mat-calendar-previous-button .mat-button-ripple:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  right: 2px;
  background-color: #fff;
  border-radius: 4px;
}

.mat-calendar-next-button {
  position: relative;
}
.mat-calendar-next-button:after {
  display: none;
}
.mat-calendar-next-button .mat-button-ripple {
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 37%;
  height: 3px;
  left: 12px !important;
  background-color: #fff;
  border-radius: 4px !important;
  overflow: initial !important;
}
.mat-calendar-next-button .mat-button-ripple:after {
  top: -3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mat-calendar-next-button .mat-button-ripple:before {
  top: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mat-calendar-next-button .mat-button-ripple:after, .mat-calendar-next-button .mat-button-ripple:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  right: 2px;
  background-color: #fff;
  border-radius: 4px;
}

.body-inner {
  padding: 1.25rem 1.25rem;
  width: 100%;
}

.sub-head {
  background: #fff;
  padding: 0.9375rem 1.25rem;
}
.sub-head h1 {
  color: #0badd5;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.white-wrap {
  background: #fff;
}

.lab-wrap {
  background: #eb3d0f;
  width: 3.75rem;
  height: 5.875rem;
}
.lab-wrap img {
  width: 2.125rem;
  height: 1.5625rem;
}
.lab-wrap.ornge {
  background: #f1730d;
}
.lab-wrap.bd-red {
  background: #E41010;
}
.lab-wrap.bg-blue {
  background: #4D88CC;
}

.min-wd-0 {
  min-width: 0;
}

.card-wrap {
  padding: 0.3125rem 0.625rem;
}
.card-wrap h2 {
  font-size: 0.75rem;
  color: #0badd5;
  font-weight: 700;
}
.card-wrap p {
  font-size: 1rem;
  color: #212121;
  font-weight: 400;
}

.cond-pointer {
  color: #0badd5;
  cursor: pointer;
}
.cond-pointer:active, .cond-pointer:focus, .cond-pointer:hover {
  color: #0b85a3;
}

.border {
  border: 1px solid #d5d6dc;
  border-radius: 0.1875rem;
}

.btn-style {
  background: #0badd5;
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 0.625rem 1.25rem;
  line-height: 1.25rem;
}
.btn-style:hover, .btn-style:focus, .btn-style:active {
  background: #0b85a3;
  border: none;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.btn-style img {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.625rem;
}

.search-wrap {
  padding: 0.9375rem 1.25rem;
}
.search-wrap label {
  color: #707070;
  font-size: 0.875rem;
}

.search-area {
  position: relative;
}
.search-area svg {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  left: 0rem;
  bottom: 0.625rem;
  z-index: 100;
}
.search-area svg path {
  fill: #737373;
}
.search-area input {
  padding-left: 1.5625rem;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #d5d5d5;
  border-radius: inherit;
}

.wd-250 {
  width: 15.625rem;
}

.wd-280 {
  width: 17.5rem;
}

.wd-440 {
  width: 27.5rem;
}

.wd-390 {
  width: 24.375rem;
}

.mx-wd-275 {
  width: 275px;
}

.mx-wd-350px {
  width: 340px;
}

.min-h-55 {
  height: 55px;
}

.min-h-52 {
  height: 52px;
}

.sub-header-wrap {
  border-radius: 0.1875rem;
  position: relative;
}
.sub-header-wrap h3 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  background: #00aad6;
  padding: 0.625rem 0.9375rem;
  width: 100%;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.ac-list-wrap {
  background: #fff;
  padding: 0.9375rem;
  overflow: auto;
  max-height: 400px;
}
.ac-list-wrap.ac-list-wrap-h-auto {
  max-height: inherit;
}
.ac-list-wrap.sm {
  max-height: 270px;
}
.ac-list-wrap .trade-list {
  padding: 0.625rem 0.9375rem;
  border: 1px solid #d5d6dc;
  background: #f5f5f5;
  border-radius: 0.1875rem;
  margin: 0.625rem 0rem;
}
.ac-list-wrap .trade-list:first-child {
  margin-top: 0rem;
}
.ac-list-wrap .trade-list:last-child {
  margin-bottom: 0rem;
}
.ac-list-wrap .trade-list:hover, .ac-list-wrap .trade-list:active, .ac-list-wrap .trade-list:focus {
  background: #e5faff;
  border: 1px solid #9cdeef;
}
.ac-list-wrap .trade-list span {
  font-size: 0.875rem;
  font-weight: 700;
  padding-left: 0.625rem;
  line-height: normal;
}
.ac-list-wrap .trade-list span em {
  font-size: 0.75rem;
  font-weight: 300;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ac-list-wrap .trade-list:hover, .ac-list-wrap .trade-list:focus, .ac-list-wrap .trade-list:active {
  color: #0badd5;
}
.ac-list-wrap .trade-list .custom-control-indicator {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #0badd5;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  position: relative;
  top: -3px;
}
.ac-list-wrap .trade-list .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0591b5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ac-list-wrap .trade-list:last-child {
  margin-bottom: 0 !important;
}
.ac-list-wrap .trade-list .custom-control {
  padding-left: 0;
}

.trd-ac-pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.9375rem 0.625rem;
}
.trd-ac-pagination .page-link:focus,
.trd-ac-pagination .page-link:hover {
  background-color: none;
  color: #0badd5 !important;
}
.trd-ac-pagination .page-link {
  border: none;
  background: #fff;
}
.trd-ac-pagination .page-link svg {
  width: 0.625rem;
  height: 1.25rem;
}
.trd-ac-pagination .page-item.active a {
  color: #0badd5 !important;
  background: none !important;
}
.trd-ac-pagination .page-item svg path,
.trd-ac-pagination .page-item .dir-r path {
  fill: #575f68;
}
.trd-ac-pagination .page-item:hover svg path, .trd-ac-pagination .page-item:active svg path, .trd-ac-pagination .page-item:focus svg path {
  fill: #0badd5;
  opacity: 1;
}
.trd-ac-pagination .page-item:first-child .page-link {
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}
.trd-ac-pagination .page-item:last-child .page-link {
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}
.trd-ac-pagination p {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 0.875rem;
  margin: 0rem;
  line-height: 2.375rem;
}

.dir-r svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.table-wrap {
  width: 100%;
  /*border-right: 1px solid #d5d6dc;*/
}
.table-wrap th {
  font-size: 0.875rem;
  color: #707070;
  text-align: left;
  padding: 0.625rem 0.9375rem;
  height: 40px;
}
.table-wrap td {
  font-size: 0.875rem;
  color: #707070;
  text-align: left;
  padding: 0.625rem 0.9375rem;
  /*&:first-child {
      cursor: pointer;
      &:hover,
      &:active,
      &:focus {
          color: #0badd5;
      }
  }*/
}
.table-wrap tr:nth-child(2n+2) td {
  background: #f5f5f5;
}
.table-wrap.sm th {
  padding: 10px 6px;
}
.table-wrap.sm td {
  padding: 10px 6px;
}
.table-wrap.custom-wrap-table th {
  white-space: nowrap;
  font-size: 12px;
  padding: 5px 10px;
  height: auto;
}
.table-wrap.custom-wrap-table th.sticky-heder {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.table-wrap.custom-wrap-table th.sticky-heder-one {
  position: -webkit-sticky;
  position: sticky;
  top: 38px;
}
.table-wrap.custom-wrap-table th.sticky-heder-two {
  position: -webkit-sticky;
  position: sticky;
  top: 53px;
}
.table-wrap.custom-wrap-table td {
  font-size: 12px;
  padding: 5px 10px;
  white-space: nowrap;
}
.table-wrap.custom-wrap-table.sm th {
  font-size: 11px !important;
}
.table-wrap.custom-wrap-table.sm td {
  font-size: 11px !important;
}

.content-sticky .table-wrap.custom-wrap-table th {
  white-space: nowrap;
  font-size: 12px;
  padding: 5px 10px;
  height: auto;
}
.content-sticky .table-wrap.custom-wrap-table th.sticky-heder {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.content-sticky .table-wrap.custom-wrap-table th.sticky-heder-one {
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
}
.content-sticky .table-wrap.custom-wrap-table th.sticky-top {
  background-color: #0badd5;
  color: #fff;
  font-size: 16px;
}
.content-sticky .table-wrap.custom-wrap-table td {
  font-size: 12px;
  padding: 5px 10px;
  white-space: nowrap;
}
.content-sticky .table-wrap.custom-wrap-table tfoot tr td {
  background-color: #e0e0e0;
}

.bg-color {
  background: #f1f1f1;
}

.as-overflow {
  overflow: auto;
}

.bg-border {
  background: #fff;
  border: 1px solid #d5d6dc;
  border-radius: 0.1875rem;
}

.fs-table {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.dp-md-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.fs-table-height {
  max-height: calc(100vh - 300px);
}

.aside-width {
  width: 560px;
}

.dp-md {
  height: 13.125rem;
  width: 25rem;
}

.donut-piechart .highcharts-container {
  /*width: rem(425px) !important;
  height: rem(305px) !important;*/
}
.donut-piechart svg {
  /*width: rem(420px) !important;
  height: rem(305px) !important;*/
}
.donut-piechart .highcharts-legend-item {
  padding: 0.625rem 0rem !important;
}

.graph-wrap .highcharts-container {
  /*position: absolute !important;
  top: rem(50px);
  right: rem(0px);
  width: rem(700px);
  height: rem(380px);*/
}
.graph-wrap .highcharts-container .highcharts-root {
  /*width: rem(700px);
  height: rem(380px);*/
}

.flex-dr {
  padding: 0.625rem;
}

.cur-poninter {
  cursor: pointer;
}

.main-header-position {
  position: relative;
  z-index: 2000;
}

.no-results-found {
  font-size: 1.125rem;
  color: #0badd5;
  text-align: center;
  display: block;
}
.no-results-found img {
  max-width: 6.25rem;
  margin: 0 auto;
  padding-bottom: 0.625rem;
}
.no-results-found.sm {
  font-size: 14px;
  padding: 15px 0px;
}
.no-results-found.sm img {
  max-width: 100px;
}
.no-results-found.xs {
  font-size: 12px;
  padding: 10px 0px;
}
.no-results-found.xs img {
  max-width: 60px;
}

.dash-search {
  position: relative;
}
.dash-search img {
  position: absolute;
  top: 12px;
  left: 0;
  width: 18px;
  height: 18px;
}

.card-section-head {
  font-size: 14px;
}

.has-border-dashed {
  border-bottom: dashed 1px #ccc;
}
.has-border-dashed:last-child {
  border-bottom: none;
}

.file-attach-sm-max-h {
  max-height: 150px;
  overflow: auto;
}

.no-white-space {
  white-space: initial !important;
}

/*--pie-chart-style-start---*/
.highcharts-drilldown-axis-label {
  text-decoration: none !important;
  font-size: 12px !important;
  color: #2c2c2c !important;
}

.highcharts-drilldown-axis-label tspan {
  fill: #2c2c2c !important;
}

.highcharts-button-box {
  stroke-width: 0;
}

.highcharts-button-hover .highcharts-button-box {
  fill: #e8eef1;
}

.highcharts-tooltip text {
  fill: #ffffff !important;
  color: #ffffff !important;
}

.highcharts-label-box.highcharts-tooltip-box {
  fill: #303940;
  stroke: #303940;
}

.header_RD {
  border-bottom: none;
}

.accordion {
  margin: 0;
}

.header-bar {
  margin-top: 12px;
}
.header-bar:first-of-type {
  margin-top: 0;
}

/*.accordian-body {
    padding: 10px;
    border: 1px solid $primary-color;
    border-top: none;
}*/
.handsontable-wrap {
  table-layout: fixed;
  width: 100%;
}
.handsontable-wrap tr > td {
  background: transparent;
}

/*  Custom-accordion*/
.custom-accordion .card,
.custom-accordion .card-header {
  border-color: rgb(176, 200, 207);
}
.custom-accordion .accrod-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.custom-accordion .accrod-wrap:after {
  display: inline-block;
  content: "\f0d7";
  font-family: FontAwesome, Arial;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  margin-left: 12px;
  color: #0badd5;
}
.custom-accordion .accrod-wrap .title {
  margin: 0;
  font-size: 0.875rem;
  color: #0badd5;
}
.custom-accordion .card {
  -webkit-box-shadow: 0 1px 3px rgba(192, 192, 192, 0.529412);
          box-shadow: 0 1px 3px rgba(192, 192, 192, 0.529412);
}
.custom-accordion .card-header {
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #dde5e7), to(#c7d8dd));
  background: linear-gradient(to right, #ffffff 0%, #dde5e7 50%, #c7d8dd 100%);
  border-bottom: none;
}
.custom-accordion .card-header + .collapse {
  border-top: 1px solid rgb(176, 200, 207);
}

.ca-icon {
  color: #424d51;
  font-size: 16px;
  margin-left: 12px;
}

.wtHolder {
  max-height: 400px !important;
  max-width: 100% !important;
}

.htCommentTextArea {
  border: 1px solid #ec6a6a !important;
  border-radius: 0;
  background: #fff4f4;
  height: auto !important;
  color: #ec6a6a !important;
}

.wtSpreader,
.htCore {
  min-width: 100%;
}

.htCore-alternate .handsontable-container > .ht_master {
  /*  handsome table*/
}
.htCore-alternate .handsontable-container > .ht_master .htCore tbody > tr:nth-child(odd) td {
  background-color: #f5f5f5;
}
.htCore-alternate .handsontable-container > .ht_master .htDimmed {
  background: #e1e1e1 !important;
  color: rgba(0, 0, 0, 0.63) !important;
 
}
.htCore-alternate .handsontable-container > .ht_master .htDimmed .htAutocompleteArrow {
  opacity: 0.3;
}

.handsontable.listbox .ht_master table td {
  border: none;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
}

.handsontable .htAutocompleteArrow {
  color: #999;
}
.handsontable .htAutocompleteArrow:hover {
  color: #000;
}

.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #484848;
  color: #fff;
}

.duplicate-row td {
  background-color: #fff2da !important;
  color: #707070 !important;
  border-color: #f0d4a1 !important;
}

.duplicate-row td.htDimmed,
.htCore-alternate .handsontable-container > .ht_master .duplicate-row td.htDimmed {
  color: rgba(0, 0, 0, 0.3) !important;
  background: #ffe8be !important;
  border-color: #f0d4a1 !important;
}

.handsontable td.htInvalid {
  color: #ec6a6a !important;
  border-color: #ec6a6a !important;
  background: #fff4f4 !important;
}

.popup-header {
  padding: 12px 16px;
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #666666;
}

.handsontable th:first-child,
.handsontable td:first-child,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #cccccc;
}

.handsontable th {
  background-color: #666666;
  color: #fff;
}

.handsontable th,
.handsontable td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #CCC;
}

.handsontable .handsontable table {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.handsontable .handsontable .wtHider {
  padding: 0;
}

.handsontable td.htInvalid {
  color: #ff4c42;
  background: #fff;
}

.media-pad > *:last-child {
  margin-right: 0;
}

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

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

.media-search .cal-date {
  font-size: 16px !important;
}

.is-customer-code {
  width: 100%;
  position: relative;
  top: -9px;
  line-height: 22px !important;
}
.is-customer-code em {
  display: inline-block !important;
  position: relative;
}
.is-customer-code em:before {
  content: "(";
  margin-right: 3px;
}
.is-customer-code em:after {
  content: ")";
  margin-left: 3px;
}
.is-customer-code span {
  position: absolute;
  top: 100%;
  font-size: 10px !important;
  font-weight: 400 !important;
  left: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.pbt__multiselect-custom-height .dropdown-menu {
  top: 0 !important;
  max-height: 300px !important;
}

/*--pie-chart-style-end---*/
@media only screen and (max-width: 1359px) {
  .wd-280 {
    width: 21.875rem;
  }
  .mt-15 {
    margin-top: 0.9375rem;
  }
  .wrap-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .wrap-flex .wd-440 {
    margin-right: 0 !important;
  }
  .full-wd {
    width: 100%;
  }
  .wd-250 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .wd-440 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .wd-280 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .trd-ac-pagination p {
    line-height: 1.375rem;
  }
  .mx-wd-350px {
    width: 250px;
  }
  .mx-wd-275 {
    width: 230px;
  }
  .media-pad {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .media-pad > * h1 {
    width: 100%;
    margin-bottom: 20px;
  }
  .media-wd {
    width: 100%;
  }
}
.pbt__custom-position {
  position: relative;
  top: -7px;
  padding-left: 0 !important;
}

.pbt__custom-position-checkbox .custom-control-indicator {
  top: 0px !important;
}

@media only screen and (max-width: 1200px) {
  .card-wrap h2 {
    font-size: 0.75rem;
  }
  .card-wrap p {
    font-size: 0.9375rem;
  }
  .cus-full-wd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .trd-ac-pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .trd-ac-pagination p {
    margin-bottom: 0.625rem;
    text-align: center;
  }
  .cus-sub-fullwd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .full-flexwd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
  .dash-search img {
    top: 7px;
  }
  .mx-wd-350px {
    width: 235px;
  }
  .media-ml {
    margin-left: 20px;
  }
  .media-mr {
    margin-right: 5px;
  }
  .as-table-content-area.single-line {
    padding-top: 72px !important;
  }
  .as-table-content-area.not-padding {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 1199px) {
  .search-wrap-btn {
    width: 100%;
    padding-top: 10px;
  }
  .search-wrap-btn.not-wrap {
    padding-top: 0;
    width: inherit;
  }
  .as-top-search .pd-r {
    padding-right: 0;
  }
  .aside-width {
    width: 100%;
  }
  .flex-full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fs-table-height {
    max-height: calc(100vh - 370px);
  }
}
@media only screen and (max-width: 1024px) {
  .lab-wrap svg {
    width: 1.875rem;
    height: 2.1875rem;
  }
  .lab-wrap {
    width: 2.75rem;
  }
  .flex-dr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .btn-style {
    width: 100%;
    padding: 10px 10px;
  }
  .mx-wd-350px {
    width: 295px;
  }
  .mx-wd-275 {
    width: 155px;
  }
  .media-wd {
    width: 100%;
  }
  .media-mb {
    margin-bottom: 10px;
  }
  .media-mr {
    margin-right: 10px;
  }
  .media-pad {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .media-pad > * h1 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .media-ml {
    margin-left: 0;
  }
  .md-device-wd {
    width: 100%;
    margin: 0;
  }
}
.custom-ul {
  position: absolute !important;
  right: 0.75rem;
  bottom: 0.9375rem;
  margin-right: 0 !important;
}
.custom-ul .dropdown-menu {
  position: absolute;
  left: -11.875rem !important;
  top: 2rem !important;
  width: 27.5rem;
  max-height: 500px !important;
  overflow: auto;
  padding: 0;
}
.custom-ul .dropdown-menu:before {
  top: -0.4375rem !important;
  right: 0.375rem !important;
  left: auto !important;
}
.custom-ul .dropdown-menu li {
  border-bottom: 1px solid #cccccc !important;
  margin: 0;
  float: left;
}
.custom-ul .dropdown-menu .dropdown-con-list {
  border-bottom: 1px solid #cccccc;
}
.custom-ul .dropdown-menu .dropdown-con-list p {
  color: #a1a1a1;
}
.custom-ul .dropdown-menu .dropdown-con-list span {
  color: #666666;
}
.custom-ul .dropdown-menu .dropdown-con-list:hover p,
.custom-ul .dropdown-menu .dropdown-con-list:hover span, .custom-ul .dropdown-menu .dropdown-con-list:focus p,
.custom-ul .dropdown-menu .dropdown-con-list:focus span, .custom-ul .dropdown-menu .dropdown-con-list:active p,
.custom-ul .dropdown-menu .dropdown-con-list:active span {
  color: #0badd5 !important;
}
.custom-ul input {
  width: 15.625rem;
}

.shipment-search {
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #fff;
  border-left: none !important;
  background-color: transparent !important;
  border-radius: 0;
  color: #fff !important;
  font-size: 14px !important;
}

.shipment-search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #97e0f3;
}

.shipment-search::-moz-placeholder {
  /* Firefox 19+ */
  color: #97e0f3;
}

.shipment-search:-ms-input-placeholder {
  /* IE 10+ */
  color: #97e0f3;
}

.shipment-search:-moz-placeholder {
  /* Firefox 18- */
  color: #97e0f3;
}

.pos-menu {
  position: relative !important;
  top: 0.625rem;
}
.pos-menu .dropdown-menu {
  top: 75% !important;
}
.pos-menu .dropdown-menu li {
  margin: 0;
}

.user-account {
  position: absolute !important;
  right: 0.75rem;
  top: -0.75rem;
  margin-right: 0 !important;
}
.user-account .dropdown-menu {
  top: 1.375rem !important;
  left: -2.8125rem !important;
}
.user-account .dropdown-menu:before {
  top: -0.4375rem !important;
  left: 3.125rem !important;
}
.user-account .dropdown-menu li {
  margin: 0;
}

.btco-hover-menu .collapse ul .custom-ul ul > li:hover > a,
.navbar .show .custom-ul .dropdown-menu > li > a:focus,
.navbar .show .custom-ul .dropdown-menu > li > a:hover {
  background: none !important;
  font-weight: 400 !important;
  color: #575f68 !important;
}

.custom-ul .dropdown-menu > .active > a,
.custom-ul .dropdown-menu > .active > a:focus,
.custom-ul .dropdown-menu > .active > a:hover {
  background: none;
  color: #575f68 !important;
}

.dropdown-con-list {
  padding: 1.25rem !important;
}
.dropdown-con-list p {
  display: block;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: pre-wrap;
}
.dropdown-con-list span {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  display: block;
  font-weight: 400;
  white-space: pre-wrap;
}
.dropdown-con-list span:last-child {
  margin-bottom: 0;
}
.dropdown-con-list.sm {
  padding: 10px !important;
}

.job-booking-header {
  height: 6.875rem;
}
.job-booking-header ul {
  margin-top: 0.9375rem;
  margin-bottom: 1.875rem;
}
.job-booking-header ul li {
  margin-top: 1.25rem;
  margin-right: 1.25rem;
}

.text-wrap {
  white-space: initial;
}

.sub-menu {
  left: 100% !important;
  top: 0 !important;
}

.menu-sub {
  position: relative;
}
.menu-sub:hover .dropdown-menu {
  display: block;
}

.dropdown-menu {
  margin: 0;
}
.dropdown-menu .menu-sub a {
  height: auto !important;
}

.right-arr {
  font-style: normal;
  float: right;
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*---header-styles-new-start----*/
.page-header {
  -webkit-box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.38);
          box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.38);
  background: #fff;
  width: 100%;
  height: 88px;
}
.page-header .navbar {
  padding: 0;
  padding-right: 20px;
  z-index: 1000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-header .navbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
}
.page-header .navbar ul li {
  padding: 0;
}
.page-header .navbar ul li a {
  color: #0a84a6 !important;
  font-weight: 400;
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
}
.page-header .navbar ul li a:hover, .page-header .navbar ul li a:active, .page-header .navbar ul li a:focus {
  background: #00aad6;
  color: #fff !important;
}
.page-header .navbar ul li .dropdown-menu {
  border: 1px solid #00aad6;
  top: 100%;
  left: 0;
  border-radius: 0px;
  padding: 0;
  min-width: 220px;
}
.page-header .navbar ul li .dropdown-menu a {
  color: #707070 !important;
}
.page-header .navbar ul li .dropdown-menu a:hover, .page-header .navbar ul li .dropdown-menu a:active, .page-header .navbar ul li .dropdown-menu a:focus {
  background: #026680;
  color: #fff !important;
}
.page-header .navbar ul li .dropdown-menu a:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.page-header .navbar ul li .dropdown-menu a:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.page-header .navbar ul li .dropdown-menu .dropdown-item {
  padding: 8px 10px;
}
.page-header .navbar ul li.active-menu a {
  background: #008db1;
  color: #fff;
}
.page-header .navbar ul li.active > a {
  background: #008db1;
  color: #fff !important;
}
.page-header .navbar ul li.active > a:after {
  background-image: url(../../images/svg/arrow-down.svg) !important;
  background-size: 100%;
}
.page-header .navbar-toggleable-md .navbar-nav .nav-link {
  padding: 1.25rem 15px;
  font-size: 1rem !important;
}
.page-header .form-control {
  background: none;
  border-top: none !important;
  border-left: none !important;
  border-bottom: 1px solid #00aad6 !important;
  border-right: none !important;
  border-radius: 0;
  min-width: 230px;
  color: #000 !important;
  padding-left: 0;
  font-size: 14px !important;
  padding-right: 36px;
  margin-right: 0 !important;
}
.page-header .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.4) !important;
}
.page-header .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.4) !important;
}
.page-header .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.4) !important;
}
.page-header .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.4) !important;
}

.header-height {
  height: 72px;
}

.logo-wrap {
  background: #fff;
  height: 40px;
  padding: 0 !important;
  margin: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.navbar-brand > img {
  height: 100%;
  display: block;
}

.search-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-wrap input {
  padding-right: 10px;
}
.search-wrap img {
  width: 14px;
  height: 14px;
}
.search-wrap button {
  position: absolute;
  right: 0;
  top: 50% !important;
  padding: 6px 7px;
  border: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-wrap button:hover, .search-wrap button:active, .search-wrap button:focus {
  background: none;
}

.user-img {
  margin-right: 12px;
  border-radius: 3px;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.user-img img {
  width: 100%;
}

.user-logout {
  font-size: 15px;
  font-weight: 700;
  color: #00aad6;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-logout a {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  display: block;
  color: #00aad6 !important;
}
.user-logout a img {
  max-width: 16px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 3px;
}
.user-logout a:hover, .user-logout a:active, .user-logout a:focus {
  opacity: 0.8;
  text-decoration: none;
}

.section-user {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-width: 150px;
}

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

.navbar-toggler {
  z-index: 10;
  outline: none !important;
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url(../../images/svg/menu.svg);
  height: 40px;
  width: 40px;
}

.search-logout-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.media-icon {
  display: none !important;
}

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

.navbar .navbar-nav > li > .dropdown-menu:before {
  display: none;
}

.search-logout-wrap .search-wrap input::-webkit-input-placeholder {
  color: #045267 !important;
}

.search-logout-wrap .search-wrap input::-moz-placeholder {
  color: #045267 !important;
}

.search-logout-wrap .search-wrap input:-ms-input-placeholder {
  color: #045267 !important;
}

.search-logout-wrap .search-wrap input::-ms-input-placeholder {
  color: #045267 !important;
}

.search-logout-wrap .search-wrap input::placeholder {
  color: #045267 !important;
}

.search-result {
  position: absolute;
  top: 0px;
  left: 0px;
  will-change: transform;
  min-width: 100%;
  width: 100%;
  overflow: auto;
  max-height: 400px !important;
  -webkit-transform: translate3d(20px, 34px, 0px);
          transform: translate3d(20px, 34px, 0px);
}

@media only screen and (max-width: 1555px) {
  .page-header .navbar ul li {
    padding: 0px 0px;
    font-size: 14px;
  }
  .dropdown-menu .menu-sub a {
    font-size: 14px !important;
  }
  .page-header .form-control {
    min-width: 175px;
    font-size: 13px !important;
  }
  .user-logout {
    font-size: 13px;
  }
  .user-logout a {
    font-size: 12px;
  }
  .section-user {
    min-width: 135px;
  }
}
@media only screen and (max-width: 1200px) {
  .page-header .navbar ul li {
    padding: 0px 0px;
  }
  .navbar-nav > li > a {
    font-size: 14px;
    padding: 10px 10px !important;
  }
  .page-header .form-control {
    min-width: 175px;
  }
  .user-logout {
    font-size: 13px;
  }
  .user-logout a {
    font-size: 12px;
  }
  .section-user {
    min-width: 135px;
  }
}
@media only screen and (max-width: 1120px) {
  .page-header .navbar ul li {
    padding: 0px 0px;
  }
  .navbar-nav > li > a {
    font-size: 13px;
    padding: 10px 6px !important;
  }
  .page-header .form-control {
    min-width: 170px;
  }
  .user-logout {
    font-size: 13px;
  }
  .user-logout a {
    font-size: 12px;
  }
  .section-user {
    min-width: 135px;
  }
}
@media only screen and (max-width: 991px) {
  .page-header .navbar {
    padding-right: 0;
  }
  .navbar-toggler-right {
    position: relative;
    right: 0;
    top: 0;
  }
  .page-header .form-control {
    border-bottom: 1px solid #0b85a6 !important;
    color: #707070 !important;
    min-width: 280px;
  }
  .page-header .navbar ul li {
    padding: 0px 0px;
  }
  .page-header .navbar ul li a {
    padding: 7px 15px !important;
    cursor: pointer;
  }
  .page-header .navbar ul li a:hover, .page-header .navbar ul li a:focus, .page-header .navbar ul li a:active {
    background-color: #0b85a3 !important;
    border-radius: 0 !important;
    color: #fff !important;
  }
  .page-header .navbar ul li .dropdown-menu {
    border-radius: 0 !important;
  }
  .user-logout {
    color: #00aad6;
  }
  .user-logout a {
    color: #00aad6 !important;
  }
  .media-icon {
    display: inline-block !important;
  }
}
/*---header-styles-new-end----*/
.primary-bg {
  background-color: #00aad6 !important;
  border-bottom: 2px solid #00aad6 !important;
  -webkit-box-shadow: 1px 4px 13px 1px #117e9b;
          box-shadow: 1px 4px 13px 1px #117e9b;
}

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

.is-logout {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.25rem;
}

.section-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section-logout > * {
  padding: 0 8px 0 4px;
  background: #fafeff;
  border-radius: 3px;
  border: 1px solid #cce9f0;
}

.header-menu-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header-inner {
  width: 100%;
}

.item-search {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.user-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #074b5e;
  overflow: hidden;
  display: block;
  margin-right: 15px;
}
.user-icon img {
  width: 100%;
}

.icon-logout {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.icon-logout img {
  width: 100%;
}

.is-user {
  font-size: 1rem;
}

.header-container {
  width: 100%;
}

.menu-ul {
  position: relative;
  padding-left: 2.5rem;
}
.menu-ul:after {
  content: "";
  width: 1px;
  height: 55px;
  position: absolute;
  right: 0;
  top: 50%;
  background: #0b84a6;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menu-ul:before {
  content: "";
  width: 1px;
  height: 55px;
  position: absolute;
  left: 0;
  top: 50%;
  background: #0b84a6;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-toggles .dropdown-toggle:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../../images/svg/down-arrow-color.svg);
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: none;
  border-right: none;
  border-left: none;
  background-size: 100%;
  background-repeat: no-repeat;
}
.has-login-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  background: #00aad6;
  position: relative;
  height: 100%;
}
.has-login-section > * {
  color: #fff !important;
}
.has-login-section .as-logout {
  color: #fff !important;
}
.has-login-section .as-logout span {
  margin-right: 5px;
}
.has-login-section .as-logout em {
  font-style: normal;
}
.has-login-section:after {
  content: "";
  width: 100vh;
  position: absolute;
  left: 100%;
  background: #00aad6;
  top: 0;
  bottom: 0;
}

@media only screen and (max-width: 1460px) {
  .media-style .menu-ul {
    padding-left: 10px;
  }
  .media-style .search-wrap {
    padding-left: 0;
  }
  .has-login-section .is-user {
    font-size: 0.8125rem;
  }
  .has-login-section .as-logout {
    color: #fff !important;
    font-size: 13px;
  }
  .page-header .navbar-toggleable-md .navbar-nav .nav-link {
    font-size: 14px;
  }
  .page-header .navbar {
    padding-right: 0;
  }
}
.media-search-icon {
  display: none;
  height: 100%;
  padding: 0px 20px;
}
.media-search-icon a img {
  width: 100%;
  max-width: 20px;
}

@media only screen and (max-width: 1366px) {
  .page-header .navbar ul li .dropdown-menu .dropdown-item {
    padding: 7px 10px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .has-login-section .is-user {
    display: none !important;
  }
  .user-icon {
    width: 25px;
    height: 25px;
    margin-right: 9px;
  }
  .page-header .navbar ul li .dropdown-menu .dropdown-item {
    padding: 8px 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .has-login-section .as-logout em {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .dropdown-menu-list {
    position: absolute !important;
    background-color: #fff;
    padding: 0 !important;
    -webkit-box-shadow: 0px 3px 6px #083c4a;
            box-shadow: 0px 3px 6px #083c4a;
    min-width: 193px;
    width: 100%;
    font-size: 13px !important;
  }
  .page-header .navbar ul li a {
    height: auto;
  }
  .page-header .navbar ul li .dropdown-menu {
    width: 100%;
    border: none;
    overflow: auto;
    left: 0 !important;
    padding-left: 15px;
  }
  .page-header .navbar ul li .dropdown-menu i {
    top: 5px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .menu-ul:after,
  .menu-ul:before {
    content: "";
    display: none !important;
  }
  .collapse.show {
    height: auto !important;
  }
  .media-style .navbar-toggleable-md {
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-header .dropdown-menu {
    left: 100% !important;
  }
  .page-header .notification-expand {
    left: inherit !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-area .search-wrap {
    width: 100%;
  }
  .header-search-area .search-wrap input {
    min-width: 100%;
  }
  .media-search-icon {
    display: none;
  }
  .search-wrap button {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .header-search-area {
    width: 100px;
  }
}
.position-relative {
  position: relative;
}

.dropdown-menu .menu-sub a {
  height: auto !important;
  padding: 10px 15px !important;
}

.btn-toggle {
  padding: 10px 11px;
  border: solid 1px #00aad6 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00aad6;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-toggle span {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.btn-toggle span img {
  width: 100%;
}
.btn-toggle:hover, .btn-toggle:focus {
  background-color: #00aad6;
  color: #fff;
}
.btn-toggle:hover span svg path, .btn-toggle:focus span svg path {
  fill: #fff !important;
}

.header-breadcrumb {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header-breadcrumb:before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background-color: #0badd5;
}

.expand-section {
  position: absolute;
  background: #fff;
  max-height: calc(100vh - 248px);
  overflow: auto;
  top: 100%;
  border: solid 1px #00aad6;
  -webkit-box-shadow: 19px 25px 35px rgba(0, 0, 0, 0.13);
          box-shadow: 19px 25px 35px rgba(0, 0, 0, 0.13);
}
.expand-section .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expand-section .dropdown-menu {
  float: none;
}

.drodown-menu-list {
  position: relative !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  border: none;
  padding: 0 0 0 5px;
  min-width: 100%;
}
.drodown-menu-list li a {
  padding: 3px 15px !important;
}

.is-devider {
  border-right: solid 1px #ccc;
}

.menu-list-item li a {
  padding: 6px 10px !important;
  font-size: 14px;
  border-bottom: dotted 1px #ccc;
  font-family: Arial Black, Arial Bold, Helvatica, sans-serif;
}
.menu-list-item li a .arrow-toggle {
  width: 13px;
  height: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: right;
  position: relative;
  top: 5px;
}
.menu-list-item li a .arrow-toggle img {
  width: 100%;
}
.menu-list-item li a .arrow-sub {
  width: 17px;
  height: 17px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
.menu-list-item li a .arrow-sub img {
  width: 100%;
  max-width: 6px;
}
.menu-list-item li a:hover {
  background: rgb(235, 248, 251) !important;
  background: -webkit-gradient(linear, left top, right top, from(#efefef), to(white)) !important;
  background: linear-gradient(to right, #efefef 0%, white 100%) !important;
  color: #00aad6 !important;
}
.menu-list-item li.active a {
  background: rgb(235, 248, 251) !important;
  background: -webkit-gradient(linear, left top, right top, from(rgb(235, 248, 251)), to(rgb(255, 255, 255))) !important;
  background: linear-gradient(to right, rgb(235, 248, 251) 0%, rgb(255, 255, 255) 100%) !important;
  color: #00aad6 !important;
}
.menu-list-item li.active a:hover, .menu-list-item li.active a:focus {
  color: #00aad6 !important;
  background-color: transparent !important;
}

a.active {
  background: rgb(235, 248, 251) !important;
  background: -webkit-gradient(linear, left top, right top, from(rgb(235, 248, 251)), to(rgb(255, 255, 255))) !important;
  background: linear-gradient(to right, rgb(235, 248, 251) 0%, rgb(255, 255, 255) 100%) !important;
  color: #00aad6 !important;
}

.header-menu a {
  display: inline-block;
  vertical-align: middle;
}
.header-menu a:hover, .header-menu a:focus, .header-menu a:active {
  text-decoration: none;
}
.header-menu a:after {
  content: ">";
  margin: 0 5px;
}
.header-menu a:last-child:after {
  content: "";
  margin: 0 0px;
}
.header-menu a:hover, .header-menu a:active, .header-menu a:focus {
  color: #00aad6 !important;
}

.icon-default {
  font-weight: bold;
  color: #00aad6 !important;
}
.icon-default img {
  display: inline-block;
}

.menu-title {
  color: #00aad6;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: Arial Black, Arial Bold, Helvatica, sans-serif;
}

.menu-group {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 68px;
     -moz-column-gap: 68px;
          column-gap: 68px;
  -webkit-column-rule: 1px dotted #ccc;
     -moz-column-rule: 1px dotted #ccc;
          column-rule: 1px dotted #ccc;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.column-type {
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

.menu-item-list > * li {
  display: block !important;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  width: 280px;
}

.menu-item-list .dropdown-toggle {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.menu-item-list .dropdown-toggle.collapsed img {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.button-fixed-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px 0px;
  -webkit-box-shadow: -5px 2px 10px #8a8a8a;
          box-shadow: -5px 2px 10px #8a8a8a;
  z-index: 10;
  background-color: #fff;
}

.short-menu-link li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  color: #00aad6;
  font-family: Arial Black, Arial Bold, Helvatica, sans-serif;
}
.short-menu-link li:after {
  content: "";
  width: 11px;
  height: 11px;
  background-image: url(../../Images/svg/double-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 15px;
  position: relative;
  top: -1px;
  opacity: 0.5;
}
.short-menu-link li:last-child:after {
  content: "";
  display: none;
}
.short-menu-link li:last-child {
  cursor: auto;
  color: #797979;
}
.short-menu-link li:last-child:hover {
  color: #797979;
}
.short-menu-link li:hover {
  color: rgba(0, 170, 214, 0.8);
}

.menu-item-toggle {
  width: 11px;
  height: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  margin: 0 auto;
}
.menu-item-toggle img {
  width: 100%;
}

.package-count {
  width: 55px;
}

.dropdown.show a .arrow-sub img {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.icons-width {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0s ease !important;
  transition: height 0s ease !important;
}

.menu-list-head {
  padding: 9px 10px;
  background: #00aad6;
  color: #fff;
  border-radius: 4px;
}

.notification-section {
  cursor: pointer;
}
.notification-section span {
  width: 25px;
  height: 25px;
  display: block;
}
.notification-section span img {
  width: 100%;
}
.notification-section em {
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F92020;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  top: -11px;
  right: -11px;
  border: solid 2px #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notification-expand {
  position: absolute !important;
  top: 100% !important;
  width: 100%;
  max-width: 350px;
  right: 0 !important;
  left: inherit !important;
  background: #fff;
  -webkit-box-shadow: 3px 9px 13px #5f5f5f !important;
          box-shadow: 3px 9px 13px #5f5f5f !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  padding: 0;
  border-radius: 0 !important;
  border: none !important;
}
.notification-expand ul {
  margin: 0;
  max-height: calc(100vh - 421px);
  overflow: auto;
}
.notification-expand ul li {
  padding: 10px 16px;
  cursor: pointer;
}
.notification-expand ul li:hover {
  background-color: #d8f2f9 !important;
}
.notification-expand ul li h3 {
  font-size: 14px;
}
.notification-expand ul li p {
  font-size: 13px;
}
.notification-expand ul li:nth-child(2n+2) {
  background-color: #F5F5F5;
}
.notification-expand ul li.notification-warning {
  border-left: solid 5px #E0962B;
}
.notification-expand ul li.notification-warning .icon-list-content {
  background-color: #E0962B;
}
.notification-expand ul li.notification-info {
  border-left: solid 5px #00aad6;
}
.notification-expand ul li.notification-info .icon-list-content {
  background-color: #00aad6;
}
.notification-expand ul li.notification-error {
  border-left: solid 5px #fd3030;
}
.notification-expand ul li.notification-error .icon-list-content {
  background-color: #fd3030;
}

.icon-list-content {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-list-content img {
  width: 100%;
  max-width: 9px;
}

.notification-warning .icon-list-content {
  background-color: #E0962B;
}

.notification-info .icon-list-content {
  background-color: #00aad6;
}

.notification-error .icon-list-content {
  background-color: #fd3030;
}

.notification-title {
  padding: 16px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  border-bottom: solid 1px #e9e9e9;
}
.notification-title .notification-count {
  padding: 2px 19px;
  background-color: #fd3030;
  border-radius: 20px;
  font-size: 13px;
  min-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.notification-time {
  font-size: 13px;
}

.more-text {
  color: #00aad6;
}
.more-text:hover {
  text-decoration: underline;
}

.notification-additional-info h1 {
  font-size: 17px;
  color: #2d2d2d !important;
}
.notification-additional-info h1 span {
  color: #2d2d2d !important;
}
.notification-additional-info h2 {
  font-size: 15px;
  color: #0badd5 !important;
  margin-bottom: 16px;
}
.notification-additional-info p {
  font-size: 14px;
  line-height: 24px;
}
.notification-additional-info ol li {
  color: #4c4c4c;
  margin-bottom: 19px;
}
.notification-additional-info ol li img {
  margin-right: 16px;
}
.notification-additional-info strong {
  color: #4c4c4c;
}

.modal-dialog.lg {
  max-width: 700px;
}

.notification-type i.fa-icon {
  color: #fff;
  font-size: 19px;
  line-height: 37px;
}

.notification-type .fa-circle {
  color: #707070;
  font-size: 37px;
}

.fa-stack {
  width: 37px !important;
  height: 37px !important;
}

@media only screen and (max-width: 1600px) {
  .menu-list-item li a {
    font-size: 13px;
  }
  .menu-title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1366px) {
  .drodown-menu-list {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 1280px) {
  .expand-section {
    position: fixed;
    left: 0;
    top: 72px;
    right: 0;
  }
  .menu-item-list > * li {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-header .form-control {
    min-width: 187px;
  }
}
@media only screen and (max-width: 991px) {
  .header-menu {
    display: none !important;
  }
}
@media only screen and (max-width: 1280px) {
  body .navbar-toggleable-md .navbar-collapse {
    display: none !important;
    width: auto;
  }
  body .navbar-toggleable-md .navbar-collapse.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .navbar-toggleable-md .navbar-toggler {
    display: block;
  }
  .navbar-toggler-right {
    position: relative;
    right: 0;
    top: 0;
  }
  .dropdown-menu-list {
    position: absolute !important;
    background-color: #fff;
    padding: 0 !important;
    -webkit-box-shadow: 0px 3px 6px #083c4a;
    box-shadow: 0px 3px 6px #083c4a;
    min-width: 193px;
    width: 100%;
    font-size: 13px !important;
    height: auto !important;
  }
  .page-header .navbar ul li {
    padding: 0px 0px;
  }
  .navbar-toggleable-md .navbar-nav {
    position: absolute !important;
    background-color: #fff;
    padding: 0 !important;
    -webkit-box-shadow: 0px 3px 6px #083c4a;
            box-shadow: 0px 3px 6px #083c4a;
    min-width: 193px;
    width: 100%;
    font-size: 13px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    list-style: none;
    left: 0;
    top: 100%;
  }
  .page-header .navbar ul li a {
    height: auto;
  }
  .menu-ul:after,
  .menu-ul:before {
    display: none;
  }
  .page-header .navbar ul li .dropdown-menu {
    width: 100%;
    border: none;
    overflow: auto;
    left: 0 !important;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .page-header .navbar-toggleable-md .navbar-nav .nav-link {
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  .page-header .navbar-toggleable-md .navbar-nav .nav-link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1280px) {
  .page-header .navbar ul li a {
    display: block;
  }
}
@media only screen and (min-width: 1601px) {
  .page-header .navbar {
    padding-right: 10px;
  }
  .menu-ul {
    padding-left: 0;
  }
}
.fixed-footer {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
  background-color: #252525;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-copyright {
  border-top: none;
  padding: 0 !important;
  border-top: none !important;
}
.footer-copyright .p-1 {
  font-size: 0.875rem;
}

.terms-condtons a {
  font-weight: 400;
}
.terms-condtons a:hover, .terms-condtons a:focus, .terms-condtons a:active {
  font-weight: 400 !important;
  color: #008db1 !important;
}

.footer-list {
  margin: 0;
}
.footer-list li {
  display: block !important;
}
.footer-list li a {
  font-weight: 400;
  font-size: 0.875rem;
}
.footer-list li a:hover, .footer-list li a:focus, .footer-list li a:active {
  font-weight: 400 !important;
  color: #008db1 !important;
}

@media only screen and (max-width: 767px) {
  .footer-copyright {
    border-top: none;
    text-align: center;
  }
  .footer-copyright .d-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer-copyright .d-flex .flex-auto, .footer-copyright .d-flex .company-list .card .logo-wrap, .company-list .card .footer-copyright .d-flex .logo-wrap, .footer-copyright .d-flex .company-list .card .card-body, .company-list .card .footer-copyright .d-flex .card-body, .footer-copyright .d-flex .company-list .card .icon-group, .company-list .card .footer-copyright .d-flex .icon-group, .footer-copyright .d-flex .lt-fixed {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-copyright .d-flex .flex-fill, .footer-copyright .d-flex .company-list .card .logo-container, .company-list .card .footer-copyright .d-flex .logo-container, .footer-copyright .d-flex .fu-details, .footer-copyright .d-flex .lt-scrollable, .footer-copyright .d-flex .lt-scrollable > * {
    width: 100%;
  }
  .fixed-footer {
    min-height: inherit !important;
    height: 50px;
  }
  .is-padding-bottom {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fixed-footer {
    height: 77px;
  }
  .is-padding-bottom {
    padding-bottom: 77px;
  }
}
/*old-style-start*/
.con-search-wrap {
  padding: 1.875rem 1.25rem;
  background: #eeeff6;
  border: 1px solid #c1c3cf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.con-search-wrap .cal-search-area {
  width: 100%;
  float: left;
}

.cons-dropdown {
  background: none !important;
  border-left: none !important;
  border-radius: inherit !important;
  border: none !important;
  border-bottom: 1px solid #bcbcbc !important;
}
.cons-dropdown span {
  color: #707070;
  font-weight: 300;
}

.cal-wrap {
  border: none;
  color: #707070;
}
.cal-wrap .cal-date {
  height: 2.375rem;
  background: none;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: inherit !important;
  border-radius: 0;
  border-bottom: 1px solid #bcbcbc !important;
  font-size: 1rem !important;
}
.cal-wrap .cal-date.ng-invalid-weight-cubic {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.cal-wrap input {
  width: 100%;
  padding-left: 1.5625rem;
}
.cal-wrap input.ng-invalid-weight-cubic {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.cal-wrap .dropdown-menu {
  max-height: calc(100vh - 500px) !important;
  overflow: auto;
  z-index: 10000;
}

.select-date small,
.select-date .small {
  position: absolute;
  top: -0.625rem;
  color: #707070;
}

.line-height {
  line-height: 1.1875rem;
  position: relative;
  text-align: left;
}
.line-height:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.9375rem;
}

/*old-style-end*/
/*-----------------------------------*/
/*new-style-start*/
.search-table-wrap {
  padding: 1.625rem 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-head {
  color: #00aad6;
  font-size: 1.0625rem;
  margin: 0;
}
.main-head.sm {
  font-size: 16px;
}

.consume-select {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-width: inherit !important;
  border-radius: 0;
  border-bottom: 1px solid #bcbcbc !important;
  width: 100%;
  color: #707070;
  background-color: transparent;
}

.custom-select {
  font-size: 1rem !important;
}
.custom-select .btn-group button {
  padding-right: 1.4375rem !important;
}

.cmn-check {
  margin: 0;
  padding: 0;
}
.cmn-check label {
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -0.125rem;
}
.cmn-check label span {
  border: 1px solid #0badd5;
  border-radius: 0.1875rem;
  background: #fff;
}
.cmn-check .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0badd5;
  color: #fff;
}
.cmn-check .custom-control-indicator {
  width: 1.25rem;
  height: 1.25rem;
}
.cmn-check .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-size: 0.875rem;
  background-repeat: no-repeat;
  background-position: center;
}

.main-table-wrap {
  width: 100%;
}
.main-table-wrap > thead th {
  background: #00aad6;
  color: #fff;
  text-align: left;
  padding: 0.625rem 0.625rem;
  font-size: 0.8125rem;
  height: auto;
}
.main-table-wrap > thead th .table-icon {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-table-wrap > thead th .table-icon img {
  width: 0.9375rem;
  height: 1.125rem;
}
.main-table-wrap > thead th.th-sort {
  padding-right: 8px !important;
}
.main-table-wrap > tbody > tr {
  /*&:nth-last-child(2n+1) {
      td {
          background: #f5f5f5;
      }
  }*/
}
.main-table-wrap > tbody > tr > td {
  text-align: left;
  padding: 0.625rem;
  font-size: 0.875rem;
  color: #707070;
  vertical-align: middle;
  background: #fff;
  z-index: auto !important;
}
.main-table-wrap > tbody > tr > td .track-btn {
  width: 70px;
  display: block;
}
.main-table-wrap > tbody > tr > td .track-btn.button-track {
  width: 55px;
  display: block;
  font-size: 11px !important;
  padding: 4px;
  height: auto !important;
}
.main-table-wrap > tbody > tr > td .table-icon {
  cursor: pointer;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}
.main-table-wrap > tbody > tr > td .table-icon img {
  max-width: 1.125rem;
}
.main-table-wrap > tbody > tr > td .table-icon.lg {
  width: 17px;
  height: 17px;
}
.main-table-wrap > tbody > tr > td .table-icon.lg img {
  width: 100%;
  max-width: 100%;
}
.main-table-wrap > tbody > tr > td .table-icon.lg img.gray {
  opacity: 0.6;
}

body .bg-hover > td {
  cursor: pointer;
}
body .bg-hover:hover > td {
  background: #d6eaf8 !important;
}

.table-icon.disabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}

.th-sender-wd {
  width: 13.4375rem;
}

.th-goods-wd {
  width: 9.375rem;
}

.sort-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

.position_relative {
  position: relative;
}

.input_icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.9375rem;
  left: 0;
}

.table-responive {
  overflow: auto;
}

.border-style {
  border: 1px solid #d5d6dc;
  border-radius: 0.1875rem;
  border-top: none;
}

.white-space {
  white-space: nowrap;
}

.pd-r {
  padding-right: 1.25rem;
}

.input_icon {
  width: 1.125rem;
  height: 1.125rem;
}
.input_icon.xs {
  width: 0.75rem;
  height: 0.75rem;
}

.search-min-wd {
  min-width: 18.75rem;
}

.ps-abs {
  position: absolute;
  right: -20px;
  top: 11px;
}
.ps-abs i {
  font-size: 16px;
}

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}

.table-bg {
  background: #eaf0f5 !important;
  border-top: 1px solid #d5d6dc;
  border-bottom: 1px solid #d5d6dc !important;
  border-right: none;
  border-left: none;
}
.table-bg.border-0 {
  border-bottom: none !important;
}

.tracking-list-details {
  width: 100%;
  max-width: 81.25rem;
  margin: 0 auto;
}
.tracking-list-details .card-header {
  background: #9e9e9e;
}
.tracking-list-details .card-header .accrod-wrap {
  color: #fff !important;
  cursor: pointer;
}
.tracking-list-details .card-header span {
  position: absolute;
  right: 15px;
  top: 0.625rem;
}
.tracking-list-details .card-header span img {
  margin: 0 !important;
}
.tracking-list-details .card-header h5 {
  font-size: 0.875rem;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.tracking-list-details .card {
  border: 1px solid #b7b7b7;
}

.track-list-details-sub {
  width: 100%;
}
.track-list-details-sub tr th {
  background: none;
  color: #979797;
  padding: 10px;
  text-align: left;
}
.track-list-details-sub tr:nth-child(2n+2) td {
  background: #f5f5f5 !important;
}
.track-list-details-sub tr td {
  padding: 10px;
  background-color: #fff !important;
}

.c-pointer {
  cursor: pointer;
}

.track-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.track-icon span {
  width: auto !important;
  height: auto !important;
  margin-left: 5px;
}
.track-icon span img {
  width: 0.625rem;
  height: 0.625rem;
}
.track-icon span.track-sort-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  display: inline-block;
}
.track-icon span.track-sort-icon.is-transform-0 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.page-center {
  height: calc(100vh - 310px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.btn.disabled,
.btn:disabled {
  background: #a9a9a9;
}

.selected_RD_Mgnt td.fixcolumn,
.selectedItem_Mgnt td {
  font-weight: 400;
}

.mandatory {
  padding-left: 5px;
  font-size: 20px;
  top: 0;
  color: #ef2b09;
}

.f-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-group label {
  font-weight: 700;
}
.form-group label.is-checkbox {
  font-weight: normal;
  padding-left: 30px;
  font-size: 15px !important;
}
.form-group label.is-checkbox .custom-control-indicator {
  width: 22px !important;
  height: 22px !important;
  border: solid 1px #0badd5;
  background-color: #fff;
}
.form-group label.is-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0badd5;
}

.run-submenu ul {
  right: 80px;
  max-height: 300px;
  overflow: auto;
  top: 100%;
  left: 0px;
  background: #fff;
  border-radius: 0px;
  border: 1px solid #00aad6;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.3) !important;
}
.run-submenu ul a {
  white-space: pre-wrap;
  word-break: break-all;
}

.proposal-detail td {
  background: #d6eaf8 !important;
  border-top: 1px solid #d5d6dc;
  border-bottom: 1px solid #d5d6dc !important;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef;
  border: 1px solid #d4d4d4;
  cursor: not-allowed;
  pointer-events: auto;
}

select[disabled],
.custom-select:disabled,
multiselect[disabled] {
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
}

select[disabled],
.custom-select:disabled,
multiselect[disabled],
multiselect[disabled] .dropdown-toggle {
  background-color: transparent !important;
}

.multi-select-wrap[disabled] button:after {
  display: none;
}

.mr-b-14 {
  margin-bottom: 14px;
}

.notify-wd {
  width: 99px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}

.load-more-floatng-btn {
  right: 10px;
  bottom: 38px;
  z-index: 10;
}
.load-more-floatng-btn:active, .load-more-floatng-btn:hover, .load-more-floatng-btn:focus {
  background-color: #026680;
}
.load-more-floatng-btn.sm {
  bottom: 32px;
}
.load-more-floatng-btn.xs {
  bottom: 28px;
}
.load-more-floatng-btn.custom-position {
  right: 50px;
  bottom: 28px;
  z-index: 10;
}
.load-more-floatng-btn.z-index-1 {
  z-index: 1 !important;
}
.load-more-floatng-btn.backbtn-round {
  background-color: #00aad6;
  padding: 10px;
  color: #fff;
  float: inherit;
  margin-top: 0px;
  border-radius: 50%;
  margin-bottom: 0px;
  position: relative;
  z-index: 10000;
  right: 0px;
  bottom: 0px;
  width: 41px;
  height: 41px;
  left: 0;
}

.pbt-table-morw-stickt-btn {
  background-color: #00aad6;
  padding: 10px;
  color: #fff;
  float: inherit;
  margin-top: 0px;
  border-radius: 50%;
  margin-bottom: 0px;
  position: absolute;
  z-index: 10000;
  right: 0px;
  bottom: 0px;
  width: 41px;
  height: 41px;
}

.tp-5 {
  top: -9px !important;
}

.not-allowed {
  cursor: not-allowed !important;
}

textarea {
  color: #6a6a6a !important;
  font-size: 15px !important;
}

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

.clearfix::after, .grid::after {
  content: "";
  clear: both;
  display: table;
}

.add-padding {
  padding: 6px;
}

.drp-dwn {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
}

.w-h-22 {
  width: 22px;
  height: 16px;
}

.d-table-row {
  display: table-row;
}

.in-w-100 {
  min-width: 100px;
}

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

.logo-upload {
  width: 85px;
  height: 62px;
  background: #e7e7e7;
  border: 1px solid #c0c0c0;
  padding: 5px;
}

.overflow-h {
  overflow: hidden;
}

.m-wh {
  max-height: 100%;
  max-width: 100%;
}

.sel-pr-30 {
  padding-right: 30px !important;
}

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

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

.blue-text {
  color: #00aad6 !important;
}

.flx-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.in-put-38 {
  height: 38px;
}

.fs-12 {
  font-size: 12px;
  font-weight: 300;
}

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

.del-h:active, .del-h:hover, .del-h:focus {
  color: red;
  outline: none;
}

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

.square-padding select.fs-12-im {
  font-size: 15px !important;
}

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

.d-input {
  display: inline-block;
  max-width: 100px;
}

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

.mx-w-100 {
  max-width: 100px;
}

.count-mx {
  max-width: 50px;
}

.pck-typ-mx {
  max-width: 85px;
}

.wd-100-wd {
  width: 100px;
}

.wd-50-wd {
  width: 50px;
}

.wd-75-wd {
  width: 75px;
}

.wd-70-wd {
  width: 70px;
}

.wd-85-wd {
  width: 85px;
}

.wd-60-wd {
  width: 60px;
}

.wd-40-wd {
  width: 40px;
}

.wd-180-wd {
  width: 180px;
}

.wd-90-wd {
  width: 90px;
}

.multi-select-job-booking multiselect button {
  font-size: 1rem !important;
  color: #6a6a6a !important;
}

.multi-select-job-booking-track multiselect button {
  font-size: 16px !important;
  color: #6a6a6a !important;
}

.multi-select-job-booking-track multiselect {
  height: 38px !important;
}

.square-padding select.pack-t-select {
  width: 100%;
  height: 30px;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #bcbcbc !important;
  border-left: none !important;
  border-radius: 0;
  padding-left: 0;
  font-size: 15px !important;
}

.invalid-data .cal-wrap .cal-date.ng-invalid-step {
  border-bottom: 1px solid red !important;
  color: red !important;
}

.invalid-data .cal-wrap .cal-date.ng-invalid-weight-value {
  border-bottom: 1px solid red !important;
  color: red !important;
}

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

.comd-input {
  width: 100%;
  max-width: 90px;
}

.ps-drpdwn .dropdown-menu {
  min-width: 160px !important;
}

.fs-mt {
  font-size: 12px;
  margin-top: 5px;
}

.otl-n:active, .otl-n:focus, .otl-n:hover {
  outline: none;
  outline-color: transparent;
}

.frag-text {
  font-size: 12px;
  font-weight: 700;
}
.frag-text.lg {
  font-size: 14px;
}

.help-icon {
  font-size: 16px;
  color: #016e8a;
  font-style: normal;
  margin-left: 5px;
  cursor: pointer;
}
.help-icon:hover, .help-icon:focus, .help-icon:active {
  color: #5d5d5d;
}

.freightCtrls {
  height: auto;
}

.footr-table > td {
  text-align: left;
}

.table-head-custom th {
  font-size: 12px !important;
}

.fr-wd {
  width: 20px !important;
  height: 20px !important;
  margin-top: 5px !important;
}

.cal-wrap .cal-date.ph-fs {
  font-size: 15px !important;
}

.ph-fs:focus {
  background: transparent !important;
}

.ph-fs::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6a6a6a !important;
  font-size: 15px !important;
}

.ph-fs::-moz-placeholder {
  /* Firefox 19+ */
  color: #6a6a6a !important;
  font-size: 15px !important;
}

.ph-fs:-ms-input-placeholder {
  /* IE 10+ */
  color: #6a6a6a !important;
  font-size: 15px !important;
}

.ph-fs:-moz-placeholder {
  /* Firefox 18- */
  color: #6a6a6a !important;
  font-size: 15px !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #026680;
  color: #fff !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #026680;
  color: #fff !important;
}

.mpi-img {
  width: 32px;
  height: 32px;
  margin-left: 10px;
}

.cs-mw {
  min-width: 220px;
}

.display-rec {
  font-size: 14px;
  color: #707070;
}

.notes {
  font-size: 14px;
  color: #f34f23;
  font-style: italic;
}
.notes i {
  font-style: normal;
  font-size: 16px;
  margin-right: 5px;
}

.lab-fnt {
  font-size: 14px;
  color: #707070;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
}
.lab-fnt span {
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 7px;
}
.lab-fnt:hover, .lab-fnt:focus, .lab-fnt:active {
  color: #00aad6;
}

.green-good {
  background: #28a745;
}

.red-bad {
  background: #dc3545;
}

.gray-total {
  background: #666666;
}

.doc-wrap {
  display: inline-block;
  vertical-align: middle;
}

.error-status {
  border-bottom: 2px solid #dc3545;
}

.sucess-status {
  border-bottom: 2px solid #28a745;
}

.error-msg {
  margin: 0;
}
.error-msg li {
  position: relative;
  list-style: none;
  padding-left: 15px;
}
.error-msg li:before {
  content: "";
  background-color: #dc3545;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: 6px;
}

.upload-btn {
  right: 100px;
}
.upload-btn img {
  width: 20px;
  height: 20px;
}

.download-btn {
  right: 147px;
}
.download-btn img {
  width: 20px;
  height: 20px;
}

.back-btn {
  left: 53px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.back-btn img {
  width: 20px;
  height: 20px;
}
.back-btn.left-sm {
  left: 16px;
}
.back-btn.xl {
  left: 72px;
  bottom: 28px;
}

.ins-cont {
  margin: 0 0 0 15px;
}
.ins-cont li {
  font-size: 14px;
  list-style: disc;
  padding-bottom: 10px;
  color: #ababab;
}

.in-head {
  margin-bottom: 10px;
  display: inline-block;
}

.download-link {
  font-size: 14px;
  color: #00aad6 !important;
  font-style: italic;
}
.download-link:hover, .download-link:focus, .download-link:active {
  color: #026680 !important;
}

.upload-wrp {
  padding: 15px 0;
}
.upload-wrp img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 150px;
  border: 2px dashed #0badd5;
  border-radius: 5px;
  cursor: pointer;
  /*&:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: $height - 20px;
    line-height: $height - 20px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
  }*/
  /*&:before {
    content: 'Upload';
    position: absolute;
    top: -2px;
    right: -2px;
    display: inline-block;
    height: 60px;
    background: $defaultColor;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: $height;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
  }*/
}
.file-upload-wrapper:hover:before {
  background: #0886a5;
}
.file-upload-wrapper .file-input {
  opacity: 0;
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 150px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.file-upload-wrapper p {
  color: #00aad6;
}
.file-upload-wrapper:hover, .file-upload-wrapper:active, .file-upload-wrapper:focus {
  background: #eaf0f5;
  border: 2px dashed #2192af;
}

.file-name {
  margin: 0;
}
.file-name li {
  /*list-style: disc;*/
  font-size: 14px;
  margin-left: 0;
  padding: 5px 0;
  border-bottom: 1px solid #f7c5c5;
  list-style-position: inside;
  color: #e39090;
  margin-bottom: 5px;
}
.file-name li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.file-head {
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 0;
}

.info-note {
  font-size: 14px;
}
.info-note i {
  font-style: normal;
  margin-right: 5px;
  color: #00aad6;
  font-size: 15px;
}

.error-type {
  font-style: normal;
}

.mx-height-170 {
  max-height: 170px;
}

.mx-height-220 {
  max-height: 220px;
}

.head-fixed th {
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  top: 0;
}
.head-fixed td {
  z-index: 10;
}

.footer-fixed tfoot td {
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  bottom: 0;
  z-index: 10;
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 -1px 0 #ddd;
          box-shadow: 0 -1px 0 #ddd;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.footer-fixed tfoot td small {
  font-weight: 700 !important;
  font-size: 14px !important;
}

.file-error-wrap {
  /*padding: 10px;
  background: #ffefef;
  border: 1px solid #f7c5c5;*/
  margin-top: 5px;
  border-radius: 3px;
}

.dis-abled input:disabled {
  background: #ededed !important;
  color: #848484 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.three-btns {
  position: fixed;
  right: 50px;
  bottom: 66px;
  z-index: 1000;
}
.three-btns.button-fixed-bottom1 {
  bottom: 46px;
}
.three-btns.z-index-1 {
  z-index: 1 !important;
}

.p-static {
  position: static !important;
}

div.ng-invalid-step {
  border: none;
}

.send-msg {
  font-size: 18px;
  font-weight: 400;
}

.c-services ul {
  margin: 0;
}
.c-services ul li {
  font-size: 15px;
  list-style: disc;
  margin-left: 15px;
}

/*--home-start--*/
.slider-content {
  width: auto;
  background: none;
  height: auto;
  left: 10.625rem;
  bottom: auto;
  top: 4rem;
}
.slider-content .text-decor {
  border-right: none;
  border-left: none;
  color: #fff;
  font-size: 1.25rem;
  padding: 1.25rem 0rem;
  font-style: italic;
  text-shadow: 0px 0px 4px #000;
  position: relative;
  border: solid 3px #00aad6;
  color: #fff !important;
  border-left: none;
  border-right: none;
  display: inline-block;
}

.blue-bg {
  background: #00aad6;
}

.home-submenu {
  padding: 0;
  margin: 0;
  text-align: center;
}
.home-submenu li {
  display: inline-block;
}
.home-submenu li a {
  color: #fff !important;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 300;
}
.home-submenu li a:active, .home-submenu li a:focus, .home-submenu li a:hover {
  text-decoration: none;
}
.home-submenu li:hover, .home-submenu li:active, .home-submenu li:focus {
  background: #026680;
}

.homelink li a:focus {
  background: none;
  border-left: none;
}

.homelink li a:focus:after {
  color: transparent;
  font-size: 0;
}

.custom-container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.custom-container.custom-container-lg {
  max-width: 1280px;
}

.welcome-wrap {
  width: 100%;
  max-width: 32%;
  position: relative;
  background: #00aad6;
  padding: 1.25rem 2.0625rem 1.25rem 2.0625rem;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.welcome-wrap p {
  color: #fff;
  font-size: 1.0625rem;
  text-align: justify;
}
.welcome-wrap > * {
  position: relative;
  z-index: 15;
}

.welcome {
  text-align: left;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  padding: 0.9375rem 0rem 0.9375rem 0rem;
  margin: 0;
}

.line-h-24 {
  line-height: 1.5rem;
}

.h-80 {
  height: auto !important;
  max-height: 80px;
}

.f-15 {
  font-size: 14px;
}

.f-w {
  font-weight: 700;
}

.banner-inner {
  width: 100%;
  height: auto;
  display: block;
}
.banner-inner img {
  width: 100%;
  height: auto;
}

.gmnoprint:hover img {
  -webkit-transform: scale(3) !important;
      -ms-transform: scale(3) !important;
          transform: scale(3) !important;
}

.brancheslocal_focus:before {
  display: none;
}

.brancheslocal_focus,
.brancheslocal_focus a {
  background: none;
  border-left: none;
  border-radius: 0;
  padding-left: 3px;
  padding-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.brancheslocal_focus:active, .brancheslocal_focus:hover, .brancheslocal_focus:focus,
.brancheslocal_focus a:active,
.brancheslocal_focus a:hover,
.brancheslocal_focus a:focus {
  color: #fff;
  background: #00aad6;
}

.brancheslocal:hover,
.brancheslocal:focus,
.brancheslocal:active {
  color: #fff;
  background: #00aad6;
}

.brancheslocal_focus,
.brancheslocal_focus a {
  color: #fff !important;
  background: #00aad6 !important;
  padding: 5px 10px;
  margin-bottom: 2px;
}

.brancheslocal,
.brancheslocal a {
  margin-bottom: 2px;
  padding: 5px 10px;
}

.selectedBranch {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-left: 1px solid #dcdcdc;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0;
}

.b_address:before {
  color: #0badd5;
}

#map {
  width: 100%;
  max-width: 730px;
}

.b_address:before {
  font-size: 18px;
}

.b_phone:before {
  font-size: 15px;
}

.business-sub {
  margin: 0;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
}

.p-cont {
  font-size: 15px;
}

.logos-wrap {
  height: 100%;
  border: 1px solid #dcdcdc;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
}
.logos-wrap img {
  width: 100%;
  height: auto;
  max-width: 100px;
}

.er-msg {
  float: left;
  background: #fcf4f2;
  padding: 8px 15px;
  border: 1px solid #f9c9bf;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  color: #a51b00;
}
.er-msg:before {
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #e62600;
  content: "";
}
.er-msg i {
  font-size: 16px;
  font-style: normal;
  color: #cc2200;
  padding-right: 5px;
}
.er-msg span {
  font-weight: 700;
  color: #e62600;
}

.notif-msg {
  background: #fdf8ed;
  border: 1px solid #f4daa6;
  color: #734c00;
}
.notif-msg:before {
  background: #e09600;
}
.notif-msg i {
  color: #e09600;
}
.notif-msg span {
  font-weight: 700;
  color: #e09600;
}

.mx-h .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

/*--home-end--*/
body .sticky-table .table-inner.odd-even tr td {
  background-color: #fff;
}
body .sticky-table .table-inner.odd-even tr td.tbl-col-expand {
  background-color: #ebebeb;
}
body .sticky-table .table-inner.odd-even tr:nth-child(2n+2) td {
  background-color: #f5f5f5;
}
body .sticky-table .table-inner.odd-even tr:nth-child(2n+2) td.tbl-col-expand {
  background-color: #ebebeb;
}

.data-sub-list {
  max-height: 200px;
  overflow: auto;
}

.pbt-printvalue {
  min-width: 62px;
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 1599px) {
  .wd-wrap {
    width: 100%;
    margin-bottom: 1.25rem;
  }
  .mrg-btm-20 {
    margin-bottom: 20px;
  }
  .flex-2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mrg-tp-20 {
    margin-top: 20px;
  }
  .wd-50-wd {
    width: 65px;
  }
  .wd-85-wd {
    width: 100px;
  }
  .wd-180-wd {
    width: 210px;
  }
  .load-more-floatng-btn {
    right: 5px;
  }
  .upload-btn {
    right: 95px;
  }
  .download-btn {
    right: 143px;
  }
  .back-btn {
    left: 48px;
  }
  .three-btns {
    right: 47px;
  }
}
@media only screen and (max-width: 1359px) {
  .mrg-tp {
    margin-top: 20px !important;
  }
  .l-h-17 .btn-group button {
    line-height: 17px;
  }
  .flex-1-auto {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    display: block !important;
  }
  .ic-mrg-btm {
    margin-bottom: 20px;
  }
  .load-more-floatng-btn {
    right: 5px;
  }
  .upload-btn {
    right: 90px;
  }
  .download-btn {
    right: 138px;
  }
  .back-btn {
    left: 43px;
  }
  .three-btns {
    right: 42px;
  }
}
@media only screen and (max-width: 1200px) {
  /*.cal-wrap .cal-date {
      height: rem(34px);
  }*/
  .input-h {
    height: 38px !important;
  }
  .wd-40-wd {
    width: 50px;
  }
  .cs-mw {
    min-width: 204px;
  }
  .back-btn {
    left: 40px;
  }
  .load-more-floatng-btn {
    right: 40px;
  }
  .upload-btn {
    right: 87px;
  }
  .download-btn {
    right: 135px;
  }
  .three-btns {
    right: 39px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-min-wd {
    min-width: 14.6875rem;
  }
  .back-btn {
    left: 35px;
  }
  .load-more-floatng-btn {
    right: 5px;
  }
  .upload-btn {
    right: 83px;
  }
  .download-btn {
    right: 131px;
  }
  .three-btns {
    right: 35px;
  }
}
@media only screen and (max-width: 992px) {
  .btn-wrap-m {
    margin-top: 20px;
  }
  .input-height {
    height: 2.125rem !important;
  }
  .pd-10 {
    padding: 10px !important;
  }
  .pd-10 img {
    max-width: 15px;
  }
  .common-btn img {
    width: 1rem;
  }
  .mrg-tp {
    margin-top: 0px !important;
  }
  .flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .mrg-btm {
    margin-bottom: 1.25rem;
  }
  .mrg-btm-20 {
    margin-bottom: 0px;
  }
  .mrg-tp-20 {
    margin-top: 0px;
  }
  .d-b {
    display: block !important;
  }
}
@media only screen and (max-width: 799px) {
  .btn-mrtp {
    margin-top: 15px;
  }
  .welcome-wrap {
    height: auto !important;
  }
}
/*new-style-end*/
/*---run-management-styles-start---*/
.sub-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.form-wrap {
  background: #fff;
  padding: 20px;
  border: 1px solid #dcdcdc !important;
  border-radius: 3px;
  -webkit-box-shadow: 1px 4px 7px 1px rgba(192, 192, 192, 0.5294117647);
          box-shadow: 1px 4px 7px 1px rgba(192, 192, 192, 0.5294117647);
}
.form-wrap.no-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.section-run {
  background: #f9f9f9;
  border-bottom: 1px solid #dcdcdc;
}

.multi-select-wrap {
  /*.btn-group{
      height: 100%;
  }*/
}
.multi-select-wrap button {
  line-height: 0;
  padding: 10px 10px 10px 0px;
  text-align: left;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #707070;
}
.multi-select-wrap button:after {
  float: right;
}
.multi-select-wrap button:hover, .multi-select-wrap button:active, .multi-select-wrap button:focus {
  background-color: #fff;
  color: #707070;
}
.multi-select-wrap ul {
  padding: 0;
  border-radius: 3px;
}
.multi-select-wrap ul li .dropdown-header .form-control {
  border-bottom: 1px solid #dcdcdc !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0;
  padding-left: 0;
  font-size: 14px !important;
}
.multi-select-wrap ul .divider {
  background: #dcdcdc;
}
.multi-select-wrap .btn-secondary {
  background-color: transparent !important;
}

.dropdown-menu > li > a {
  background: #fff !important;
  color: #707070 !important;
}

.dropdown-menu > .active > a {
  color: #fff !important;
  background: #00aad6 !important;
}

.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #00aad6 !important;
}

.dropdown-menu > li > a.longConSpan:hover {
  color: #00aad6 !important;
}

.dropdown-menu > li > a.item-selected:hover {
  color: #fff !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.dropdown-menu-form li a:hover {
  color: #00a9d4 !important;
}
.dropdown-menu-form li.disabled-option a {
  opacity: 0.5;
  cursor: not-allowed;
}
.dropdown-menu-form li.disabled-option a:hover {
  color: #707070 !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mh-calc-100 {
  min-height: calc(100vh - 167px);
}

.content-wrap {
  padding: 1.875rem 1.25rem 1.25rem 3.125rem !important;
  overflow: auto;
}

.services-bg {
  background-image: url(../../Images/AirAndOcean.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: calc(100vh - 116px);
}
.services-bg.transport {
  background-image: url(../../Images/freight.png);
}
.services-bg.bulk {
  background-image: url(../../Images/containers.jpg);
}
.services-bg.logistics {
  background-image: url(../../Images/logistics-pbt.jpg);
}

.about-us-img {
  background-image: url(../../Images/aboutus.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  height: calc(100vh - 116px);
}

.grey-color {
  color: #666666;
}

.white-color {
  color: #fff;
}

.tab-head-style {
  padding: 8px 12px;
  border: solid 1px #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 7px 4px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 7px 4px 5px rgba(0, 0, 0, 0.12);
  margin-bottom: 6px;
}

/*---run-management-styles-end---*/
@media only screen and (max-width: 1120px) {
  .content-wrap {
    padding: 30px 20px 20px 95px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .content-wrap {
    padding: 30px 20px 20px 30px !important;
  }
}
@media only screen and (max-width: 991px) {
  .sm-screen {
    width: 100%;
  }
  .consume-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-img,
  .services-bg {
    width: 100%;
    height: 200px;
    background-position: center center;
  }
}
.contact-header {
  font-weight: 700;
  font-size: 0.9375rem;
  color: #0badd5 !important;
}
.contact-header.xl {
  font-size: 1.25rem;
}

.text-sm {
  font-size: 14px;
}

.contact-map {
  height: 380px;
}

.vcard {
  border: 1px solid #ddd;
  padding: 24px;
}
.vcard a {
  text-decoration: underline;
  opacity: 0.8;
  display: inline-block !important;
}
.vcard a:hover, .vcard a:focus {
  opacity: 1;
}
.vcard .b_time::before,
.vcard .b_address::before,
.vcard .b_phone::before,
.vcard .b_mail::before {
  width: 24px;
  display: inline-block;
  font-size: inherit;
}

.b_time::before,
.b_address::before,
.b_mail::before {
  font-family: FontAwesome;
  font-style: normal;
  color: #f78f1f;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5em;
  color: #0badd5;
}

.b_time::before {
  content: "\f017";
}

.b_mail::before {
  content: "\f0e0";
}

.over-flow-auto {
  height: 100%;
  overflow: auto;
}

.working-days-color {
  color: #5a5959 !important;
}

.pbt-password-hint {
  background-color: #ffffff;
  padding: 9px 12px;
  border-radius: 8px;
  border: solid 1px #ccc;
  background-color: #f1f1f1;
  margin-bottom: 16px;
}
.pbt-password-hint h5 {
  font-size: 13px;
}
.pbt-password-hint ul {
  padding: 0;
  margin: 0;
}
.pbt-password-hint ul li {
  color: #161724;
  font-size: 13px;
  border-bottom: dashed 1px #fff;
}
.pbt-password-hint ul li::before {
  content: "•";
  color: rgb(7, 234, 26);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0;
  font-size: 14px;
}

.reset-modal {
  background: rgba(0, 0, 0, 0.97) !important;
}

.set-height {
  height: calc(100vh - 40px);
}
.set-height .has-page {
  height: 100%;
}

.visually-hidden {
  visibility: hidden;
  opacity: 0;
}

.custom-height {
  height: 100%;
}
.custom-height ui-view {
  height: 100%;
}
.custom-height .is-inner {
  padding-top: 88px;
  height: 100%;
}

body .datetimepicker .datetimepicker-days tbody tr td.disabled {
  color: #969696 !important;
  background: #e1e7e8 !important;
}
body .datetimepicker .datetimepicker-days tbody tr td.disabled:hover, body .datetimepicker .datetimepicker-days tbody tr td.disabled:focus, body .datetimepicker .datetimepicker-days tbody tr td.disabled:active {
  color: #969696 !important;
  background: #e1e7e8 !important;
}

.is-alider .carousel-inner {
  height: 100%;
}

.larg-list-dropdown .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.banner-section {
  height: calc(100vh - 116px) !important;
}

.navbar-light .navbar-toggler {
  border: none;
}

.gill-sans-font * {
  font-family: "Gill Sans", "Gill Sans MT" !important;
}

.gill-sans-font .welcome {
  font-size: 1.1875rem !important;
}

.gill-sans-font .p-cont,
.gill-sans-font p,
.gill-sans-font .business-sub {
  font-size: 1.0625rem !important;
}

.gill-sans-font .c-services ul li {
  font-size: 1.1875rem;
}

.aside-content-inner {
  margin: auto;
}

.txtwid100 {
  width: 100% !important;
  float: left;
  padding-top: 35px !important;
  margin: 0 !important;
  padding-bottom: 30px !important;
}

.accordionHeader-job-book {
  background: none !important;
  border-bottom: 1px solid #ccc;
  background-color: #00aad6 !important;
  color: #fff !important;
  font-size: 0.875rem;
}

.ratedetailexpand:hover {
  color: #0a7894 !important;
}

.table-vertical > thead > tr > th {
  background: none !important;
  border-bottom: 1px solid #ccc;
  background-color: #00aad6 !important;
  color: #fff !important;
  white-space: nowrap;
}
.table-vertical > thead > tr > th.custome-table-list th {
  white-space: nowrap;
}

.table-inner > thead > tr > th {
  background-color: #545454 !important;
}

.table-inner > tbody > tr > td {
  border-top: none;
}

.select-date small {
  top: -13px;
}

.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 76px;
  z-index: 1000;
  background: #fff;
}

.week-list {
  text-align: center;
  white-space: nowrap;
}

.w-sm {
  width: 95px;
}

.as-top-search {
  position: relative;
}
.as-top-search.fixed-data {
  position: fixed;
  z-index: 1000;
  background: #fff;
  width: 100%;
  left: 0;
  right: 0;
}

.as-top-search {
  z-index: 999;
}

.flex-height .section-loader {
  z-index: 1000;
}

.btn-overide {
  position: absolute;
  right: 0;
  top: -4px;
}
.btn-overide button {
  line-height: 8px;
}

.modal {
  z-index: 2000;
}

.as-table-content-area {
  margin-bottom: 0px;
}
.as-table-content-area.fixed-padding {
  padding-top: 87px;
}

.is-height {
  height: calc(100vh - 201px);
}

.is-address {
  text-decoration: none !important;
}
.is-address:hover, .is-address:focus, .is-address:active {
  color: #00aad6 !important;
}
.is-address:hover .popup-inner-title, .is-address:focus .popup-inner-title, .is-address:active .popup-inner-title {
  padding: 15px 15px;
  background: #Ccc;
  width: 100%;
}

.ng-confirm-box-p {
  margin: 0 auto;
}

.ng-confirm-box {
  padding: 0 !important;
}
.ng-confirm-box .ng-confirm-title-c {
  padding-bottom: 0 !important;
}
.ng-confirm-box .ng-confirm-title {
  display: block !important;
  padding: 15px 15px;
  background: #00aad6;
  width: 100%;
  color: #fff;
}
.ng-confirm-box .ng-confirm-content-pane {
  padding: 20px 15px !important;
  margin: 0 !important;
  height: auto !important;
}
.ng-confirm-box .ng-confirm-buttons {
  display: block !important;
  width: 100%;
  text-align: right;
  padding: 10px 15px;
  border-top: solid 1px #c6dadf;
}
.ng-confirm-box .ng-confirm-buttons button {
  padding: 10px 15px !important;
  background-color: #00aad6 !important;
  color: #fff !important;
  font-size: 12px !important;
}
.ng-confirm-box .ng-confirm-buttons button:hover, .ng-confirm-box .ng-confirm-buttons button:focus, .ng-confirm-box .ng-confirm-buttons button:active {
  background-color: #0e708a !important;
}

.modal-dialog-centered {
  min-height: calc(100% - 5.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.is-disabled {
  pointer-events: none;
  opacity: 0.7;
}

.multi-select-wrap ul {
  max-height: 200px;
}
.multi-select-wrap .dropdownExtraMsg {
  margin-top: 0;
}
.multi-select-wrap.custom-select-menu ul {
  max-height: 35vh !important;
  z-index: 10;
}

.vfc-table-list h2 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  background-color: #00aad6;
  margin: 0;
}
.vfc-table-list table {
  width: 100%;
}
.vfc-table-list table tr th {
  text-align: left;
  padding: 10px 15px;
  background-color: #676767;
  height: auto;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  font-weight: bold;
}
.vfc-table-list table tr td {
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 400;
}
.vfc-table-list table tr:nth-child(2n+1) td {
  background-color: #e3edef;
}

.dropdown-toggle::after {
  display: none;
}

.center-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  overflow: auto;
  padding: 2.5rem 1.5rem;
}
.center-modal .modal-dialog {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
}
.center-modal .modal-dialog .modal-content {
  max-width: 100%;
  margin: auto;
  color: #000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.center-modal .modal-dialog .modal-content #modal-body {
  width: 100%;
}

.is-sm-width {
  width: 70px;
}

.is-md-width {
  width: 74px;
}

.is-mini-loader .mini-loader-loading-center .mini-loader-center-absolute:after {
  content: "Pasting...";
  position: relative;
  top: 10px !important;
  color: #00aad6;
  font-size: 18px;
  font-weight: 400;
}

.is-content-table {
  overflow: auto;
}

.position-absolute {
  position: absolute;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.position-absolute .input-group-addon {
  background-color: transparent;
  border: none;
}

.is-not-section multiselect {
  padding-right: 0 !important;
}
.is-not-section multiselect .dropdown-menu {
  left: inherit !important;
  right: 0 !important;
}

.carouselPortfolio .ng-hide:not(.ng-hide-animate) {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.button-group button {
  margin: 0px 4px;
}
.button-group button:last-child {
  margin-right: 0;
}

.default-padding-card small {
  font-size: 1rem !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #00aad6;
  background: #00aad6;
  font-weight: normal;
  color: #ffffff !important;
}

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

.track-alert ul {
  width: 100% !important;
  min-width: 192px !important;
  top: 100% !important;
  right: 0 !important;
  left: inherit;
  padding: 0;
  border-radius: 0;
  border-color: #dadfe3;
}
.track-alert ul > a {
  width: 100% !important;
  min-width: 100% !important;
}

.is-min-width {
  min-width: 64px;
}
.is-min-width.btn-icon button {
  font-size: 20px;
}

.is-invoice-min-width {
  min-width: 110px;
}

.detail-panel table tr td {
  vertical-align: middle !important;
}

.handsontableInputHolder {
  width: auto !important;
}

.handsontable thead th .relative {
  padding: 0 !important;
}

.modal-dialog {
  min-width: 500px;
}

.modal-header {
  padding: 10px 15px;
  color: #0badd5;
}
.modal-header .close-button {
  background-color: transparent;
  position: relative;
  border-radius: 0;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: none;
  outline: none;
}
.modal-header .close-button:hover, .modal-header .close-button:focus, .modal-header .close-button:active {
  color: #0badd5 !important;
}

.chklist-box {
  padding: 10px !important;
}

.is-inline {
  display: inline-block;
  vertical-align: middle;
}
.is-inline.is-position {
  padding: 0;
  position: relative;
  top: 2px;
}

.pbt-alert-danger {
  font-size: 14px;
}

.hide-scroll {
  overflow: hidden !important;
}

.is-accordion .card-header {
  background: none !important;
  border-bottom: 1px solid #ccc;
  background-color: #00aad6 !important;
  color: #fff !important;
  font-size: 0.875rem;
}
.is-accordion .card-header h2 {
  color: #fff !important;
}
.is-accordion .card-header .accrod-wrap:after {
  color: #fff !important;
}

.is-invalid-data.ng-invalid-maxlength {
  border-color: inherit !important;
  background: inherit;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}

.field-width {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 330px;
          flex: 1 1 330px;
}

.table-auto-height {
  height: calc(100vh - 300px);
}

.align-input {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 15px;
}

.list-files {
  max-height: 140px;
  overflow: auto;
}
.list-files .current-file-area {
  border-bottom: solid 1px #e8e8e8;
  padding-bottom: 3px;
  margin-bottom: 4px;
}
.list-files .current-file-area > * span {
  font-size: 13px;
}
.list-files .current-file-area:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.list-files .current-file-area.file-error .error-type {
  color: #c73535;
  font-size: 12px;
  display: block;
  font-weight: 400;
}

.is-pie-chart .highcharts-label-box.highcharts-tooltip-box {
  fill: #026b86;
  stroke: #07677f;
}

.file-img img {
  width: 100%;
  max-width: 20px;
  margin-right: 10px;
}

.group-file {
  line-height: 17px;
}
.group-file span {
  font-weight: 700;
  display: block;
}

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

.width-100 {
  width: 100px;
}

.ellipse {
  white-space: nowrap !important;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis !important;
}

.btn-refresh {
  width: 50px;
}
.btn-refresh button {
  width: 100%;
  height: 100%;
  min-height: 21px;
}

.file-success span {
  font-weight: 700;
  display: block;
}
.file-success span.is-success {
  color: #909090;
}

.modal-open .import-popup {
  display: block !important;
  padding: 2.5rem 1.25rem;
}
.modal-open .import-popup .modal-dialog {
  margin: 0 auto;
}

.lab-fnt.selected {
  color: #00aad6 !important;
}

.select-max-width {
  max-width: 175px;
}

.th-sort {
  padding-right: 20px !important;
  line-height: normal;
}
.th-sort .sort-position {
  position: absolute;
  right: 0;
  top: 33px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.th-sort .sort-position.sort-icon {
  -webkit-transform: rotate(180deg) translateY(50%) !important;
      -ms-transform: rotate(180deg) translateY(50%) !important;
          transform: rotate(180deg) translateY(50%) !important;
}

.has-signature img {
  width: 100%;
  max-width: 60px;
  display: inline-block;
}

.is-loader {
  min-height: 70px;
}

.is-notification .mini-loader {
  z-index: 10;
}

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

.is-upload-file {
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border: dotted 2px #828282;
  width: 100%;
  padding: 6px 10px;
  border-radius: 4px;
  background: #fcfcfc;
}
.is-upload-file .upload-area {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-upload-file .upload-area label {
  cursor: pointer;
  z-index: 1;
  margin: 0;
  pointer-events: none;
}
.is-upload-file .upload-area input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
.is-upload-file:hover {
  background: #f0fcff;
  border-color: #008db1;
}
.is-upload-file.is-dragover {
  background: #a5e1f0;
  border-color: #008db1;
}
.is-upload-file.is-dragover .upload-width {
  color: #144956;
}

.track-list-details-sub {
  z-index: 1;
  position: relative;
}
.track-list-details-sub tr th {
  z-index: 10 !important;
}

.upload-width {
  max-width: 18.75rem !important;
  color: #889da2;
  font-weight: 400;
}

.upload-info {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
}
.upload-info img {
  max-width: 2.5rem;
  height: auto;
  margin-bottom: 10px;
}

.total-page-info {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.total-page-info span {
  color: #00aad6;
}

.data-table-sub tr th {
  z-index: 10 !important;
  background: #5a5a5a;
  padding: 5px 11px;
  height: auto;
  color: #fff;
  font-weight: 400;
}
.data-table-sub tr:nth-child(2n+2) td {
  background-color: #f5f5f5;
}

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

.field-error {
  color: #e41a1a;
}

.Freight-weight {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  max-width: 200px;
}

.is-radio .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #00aad6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
}
.is-radio .custom-radio .custom-control-input:checked ~ .custom-control-indicator:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fff;
  display: block;
  border-radius: 50%;
}
.is-radio .custom-control-indicator {
  width: 14px;
  height: 14px;
}

.form-radio .custom-radio .custom-control-description {
  font-size: 14px;
}

.error-span {
  color: #f35151 !important;
  font-size: 12px !important;
}
.error-span.wrap-text {
  white-space: normal;
}
.error-span.lg {
  font-size: 14px !important;
  display: inline-block;
  border-radius: 6px;
}
.error-span.lg .error-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.error-span.lg .error-icon img {
  max-width: 18px;
  position: relative;
  top: -2px;
}

.btn-24 {
  font-size: 1.5rem;
}

.is-jobbooking .square-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-jobbooking .trackingCtrls {
  overflow-y: inherit;
  height: auto;
}

.status-details .mini-loader {
  z-index: 9;
}

.group-result {
  max-height: 200px;
  overflow: auto;
}

.chart-area {
  width: 500px;
}

.relative-content input {
  padding-right: 31px !important;
}
.relative-content .absolute-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.relative-content .ui-datepicker {
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  z-index: 2 !important;
}

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

.cursor-pointer {
  cursor: pointer;
}

.table-detail-section table {
  width: 100%;
}
.table-detail-section table tr th {
  background: #00aad6;
  color: #fff;
  text-align: left;
  padding: 0.625rem 0.625rem;
  font-size: 0.875rem;
  height: auto;
}
.table-detail-section table tr td {
  text-align: left;
  padding: 0.625rem;
  font-size: 0.875rem;
  color: #707070;
  vertical-align: middle;
  background: #fff;
  z-index: auto !important;
}

.datepicker-overlay + .datetimepicker {
  z-index: 10010 !important;
}

.datetimepicker {
  padding: 0 !important;
  z-index: 10 !important;
}
.datetimepicker thead th {
  height: 2.1875rem !important;
  padding: 0.625rem 0.6875rem 0.625rem;
  font-size: 0.875rem;
  background: #0d95b8 !important;
  border-radius: 0;
  color: #fff;
}
.datetimepicker thead tr:nth-of-type(1) th {
  background: none !important;
  visibility: visible !important;
  background: #3d3d3d !important;
}
.datetimepicker tbody tr td {
  font-size: 0.875rem;
  background: #fff !important;
  border-radius: 0px;
  padding: 0.4375rem !important;
}
.datetimepicker tbody tr td span:hover, .datetimepicker tbody tr td span:focus, .datetimepicker tbody tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.datetimepicker tbody tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.datetimepicker .today {
  padding: 5px 0px !important;
  border-radius: 0px;
}
.datetimepicker .today:hover, .datetimepicker .today:focus, .datetimepicker .today:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.datetimepicker .datetimepicker-days tbody tr td {
  font-size: 0.875rem;
  background: #fff !important;
  border-radius: 0px;
  padding: 7px !important;
}
.datetimepicker .datetimepicker-days tbody tr td:hover, .datetimepicker .datetimepicker-days tbody tr td:focus, .datetimepicker .datetimepicker-days tbody tr td:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}
.datetimepicker .datetimepicker-days tbody tr td.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
  background-image: none !important;
}

.datetimepicker-hours table tr td:hover, .datetimepicker-hours table tr td:focus, .datetimepicker-hours table tr td:active {
  background: #ececec !important;
  font-weight: 400 !important;
}
.datetimepicker-hours table tr td span {
  color: #292b2c;
}
.datetimepicker-hours table tr td span:hover, .datetimepicker-hours table tr td span:focus, .datetimepicker-hours table tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.datetimepicker-hours table tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.datetimepicker-hours table tr td span.disabled {
  background: 0;
  color: #999 !important;
  cursor: default;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: 0;
  color: #999 !important;
  cursor: default;
}

.datetimepicker-minutes table tr td:hover, .datetimepicker-minutes table tr td:focus, .datetimepicker-minutes table tr td:active {
  background: #fff !important;
  font-weight: 400 !important;
}
.datetimepicker-minutes table tr td span {
  color: #292b2c;
}
.datetimepicker-minutes table tr td span:hover, .datetimepicker-minutes table tr td span:focus, .datetimepicker-minutes table tr td span:active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}
.datetimepicker-minutes table tr td span.active {
  background: #5bc0de !important;
  color: #ffffff !important;
  font-weight: 400;
}

.form_datetime {
  position: relative;
}
.form_datetime input {
  max-width: 100%;
}
.form_datetime .add-on {
  position: absolute;
  right: 27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form_datetime .add-on:last-child {
  right: 50px;
}

.ng-confirm-box,
.ng-confirm-content-pane {
  overflow: visible !important;
}

.section-form-popup .section-loader {
  position: absolute;
}

.alert-msg {
  color: #e41a1a;
  font-weight: 400;
}
.alert-msg i {
  font-size: 16px;
}

.search-width-area {
  width: 300px;
}

.search-btn-style img {
  width: 20px;
}

body .handsontable tr.duplicate-row td {
  background-color: #fff2da !important;
  color: #707070 !important;
  border-color: #f0d4a1 !important;
}

.field-group input,
.field-group select,
.field-group multiselect {
  min-width: auto !important;
}

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

.courier-list tr td,
.courier-list tr th {
  font-size: 12px;
  padding: 7px 15px !important;
  border-bottom: solid 1px #ccc;
}

.non-dispatched td {
  background-color: #cae5ec;
}

.partially-dispatched td {
  background-color: #ecf5f7;
}

.is-button-group span {
  display: inline-block;
  height: 100%;
}
.is-button-group span button {
  height: 100%;
}

.input-width {
  width: 140px;
}

.min-w-0 {
  min-width: auto;
}

.group-form .ng-dirty.ng-invalid {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.group-form .ng-dirty.ng-invalid + .form-error-text {
  color: #ef2b09 !important;
}

.sm-field {
  width: 70px;
}

.max-sm-field {
  max-width: 55px;
}

.customised-select {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0;
  height: auto;
  min-height: 21px;
  border-bottom: 1px solid #ccc !important;
  background: transparent;
}

.md-field {
  min-width: 130px;
}

.is-max-wd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 196px;
          flex: 1 1 196px;
}

.table-slect-box {
  min-height: 21px;
  font-size: 13px !important;
  padding: 0;
  height: auto;
}

.td-error-text {
  color: #ef2b09;
  text-transform: capitalize;
  font-size: 14px;
  padding: 0px 5px;
  border-bottom: solid 1px #ef2b09;
  letter-spacing: 1px;
}

.icon-label {
  font-size: 9px;
  margin: 0;
  color: #fff;
  width: 100%;
}

.r-0 {
  right: 0;
}

.t-0 {
  top: 0;
}

.t-button-group p {
  text-align: center;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 7px 7px;
  background: #00aad6;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  max-width: 120px;
  margin: 0 auto;
}
.t-button-group p svg {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.t-button-group p svg path {
  fill: #fff;
}
.t-button-group p span {
  font-size: 12px;
}
.t-button-group p:hover, .t-button-group p:focus, .t-button-group p:active {
  background: #056e8a;
}

.sm-padd tr td {
  padding: 5px 10px !important;
}

.cart-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #00aad6;
  background: #00aad6;
  border-radius: 4px;
}
.cart-button .cart-label {
  font-size: 12px;
}
.cart-button .icon-order {
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 3px;
  padding: 3px;
  cursor: pointer;
  margin: 0 auto;
}
.cart-button .icon-order svg {
  width: 100%;
}
.cart-button:hover, .cart-button:focus, .cart-button:active {
  background: #0e6075;
  border: solid 1px #92dff3;
}
.cart-button:hover svg path, .cart-button:focus svg path, .cart-button:active svg path {
  fill: #fff;
}
.cart-button.is-tooltip {
  padding: 0px 8px;
}

.addrss-invalid em {
  background-color: #ff0303;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
}

.addrss-valid em {
  background-color: #2ca03c;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
}

.addrss-manipulated em {
  background-color: #fba321;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
}

.log-status .color-success {
  color: #2ca03c;
}
.log-status .color-processing {
  color: #fba321;
}
.log-status .color-filed {
  color: #ff0303;
}

.edit-icon-sm {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.7;
}
.edit-icon-sm:hover, .edit-icon-sm:focus, .edit-icon-sm:active {
  opacity: 1;
}

.is-tooltip {
  /* Add this attribute to the element that needs a tooltip */
  /* Hide the tooltip content by default */
  /* Position tooltip above the element */
  /* Triangle hack to make tooltip look like a speech bubble */
  /* Show tooltip content on hover */
}
.is-tooltip[data-tooltip] {
  position: relative;
  z-index: 200;
  cursor: pointer;
}
.is-tooltip[data-tooltip]:before, .is-tooltip[data-tooltip]:after {
  visibility: hidden;
  pointer-events: none;
}
.is-tooltip[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -30px;
  padding: 7px;
  width: auto;
  max-width: 100px;
  border-radius: 3px;
  background-color: #747577;
  background-color: #747577;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
.is-tooltip[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #747577;
  border-top: 5px solid #747577;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.is-tooltip[data-tooltip]:hover:before, .is-tooltip[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.is-tooltip.is-tooltip_lg[data-tooltip]:before {
  width: 130px;
  max-width: 130px;
}
.is-tooltip.is-tooltip_xl[data-tooltip]:before {
  width: 200px;
  max-width: 200px;
}
.is-tooltip.show-tooltip[data-tooltip]:before {
  font-size: 12px !important;
  text-align: left !important;
  width: auto !important;
}

.list-providers {
  background: #fff;
  border: solid 1px #92c1ce;
}
.list-providers .card-list {
  padding-top: 10px;
}
.list-providers:hover, .list-providers:focus, .list-providers:active {
  border-color: #00aad6;
  -webkit-box-shadow: 2px 2px 3px #bccdd2;
          box-shadow: 2px 2px 3px #bccdd2;
}
.list-providers.cursor-pointer {
  cursor: pointer;
}

.list-logo {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-bottom: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 40px;
  height: 40px;
}
.list-logo img {
  width: 100%;
  max-width: 95px;
}
.list-logo.sm img {
  max-width: 75px;
}

.is-provider-name {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  padding: 6px 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #008db1;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.list-footer {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 50px;
}
.list-footer .btn-add-provider {
  margin: 0;
  color: #0786a7;
}
.list-footer .btn-add-provider span {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  margin: 0 auto;
  border-radius: 50%;
  background: #f3f3f3;
  -webkit-box-shadow: inset 2px 0px 6px #dadada;
          box-shadow: inset 2px 0px 6px #dadada;
}
.list-footer .btn-add-provider span img {
  width: 100%;
  max-width: 14px;
  margin: 0 auto;
  height: 100%;
}

.text-ellipse-width {
  max-width: 200px;
}

body .sticky-table table tbody:nth-child(2n+2) .tr-highlight td {
  -webkit-animation: tr-highlight 8s forwards;
          animation: tr-highlight 8s forwards;
}
body .sticky-table table tbody > tr.tr-highlight > td {
  -webkit-animation: mymove 8s forwards;
          animation: mymove 8s forwards;
}

.disable-div {
  opacity: 0.5;
  cursor: not-allowed;
}
.disable-div a {
  cursor: not-allowed;
  display: block;
}

.icon-set {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin: 0 0px;
}
.icon-set img {
  width: 100%;
  opacity: 0.7;
}
.icon-set.refresh-icon img {
  max-width: 15px;
}
.icon-set:hover img, .icon-set:focus img, .icon-set:active img {
  opacity: 1;
}

.btn-tooltip {
  position: absolute;
  top: -25px;
  padding: 0px 10px;
  background: #5f6567;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.is-copy input {
  padding-right: 21px !important;
}

.is-btn-add {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 2px 1px 2px #a7a7a7;
          box-shadow: 2px 1px 2px #a7a7a7;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-btn-add img {
  width: 100%;
  max-width: 14px;
}
.is-btn-add:hover, .is-btn-add:focus, .is-btn-add:active {
  -webkit-box-shadow: 2px 1px 7px #777676;
          box-shadow: 2px 1px 7px #777676;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.disabled-span {
  opacity: 0.5;
}
.disabled-span .is-btn-add {
  cursor: not-allowed;
}

.disabled-container {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #b1b1b1;
}
.disabled-container:hover {
  background-color: #b1b1b1 !important;
}

.is-list-group .form-control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #eceeef !important;
  opacity: 1;
}

.container-form-group select[disabled],
.container-form-group .custom-select:disabled,
.container-form-group multiselect[disabled] {
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
  background-color: transparent;
}
.container-form-group .form-control:disabled,
.container-form-group .form-control[readonly] {
  background-color: transparent !important;
  opacity: 0.5;
}

.is-icon-delete {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.is-icon-delete img {
  width: 100%;
  max-width: 10px;
}
.is-icon-delete:hover, .is-icon-delete:focus, .is-icon-delete:active {
  -webkit-box-shadow: 2px 1px 7px #777676;
          box-shadow: 2px 1px 7px #777676;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}

.booking-track ul {
  max-height: 170px;
  overflow: auto;
}

.ellipse-group {
  max-width: 187px;
}

.auto-fill-width {
  width: 66px;
}

.td-invalid-data .ng-invalid-weight-value {
  border-color: red !important;
  background: #ffcece;
  border-right-width: 5px !important;
  border-left-width: 1px !important;
}
.td-invalid-data .ng-invalid-weight-data,
.td-invalid-data .ng-invalid-cubic-data {
  border-color: red !important;
  background: #ffcece;
  border-right-width: 5px !important;
  border-left-width: 1px !important;
}

.invalid-data .cal-wrap input.ng-invalid-weight-data {
  border-bottom: 1px solid red !important;
  color: red !important;
}
.invalid-data .cal-wrap input.ng-invalid-cubic-data {
  border-bottom: 1px solid red !important;
  color: red !important;
}

.is-invalid-data.ng-invalid-maxlengt {
  border-color: inherit !important;
  background: inherit;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
}

.content-table tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.invalid-addrs-stable {
  border: 1px solid #bbc0c1;
  padding: 6px;
  background: #ecf0f1;
  font-size: 12px;
  font-weight: 700;
  color: #686b6b;
}
.invalid-addrs-stable .address-status {
  color: #f03748;
}

.item-width {
  width: 80px;
}

.has-file-size {
  font-size: 13px;
  font-weight: bold;
  color: #9a9a9a;
}

@-webkit-keyframes mymove {
  from {
    background: #d6eaf8;
  }
  to {
    background: #fff;
  }
}

@keyframes mymove {
  from {
    background: #d6eaf8;
  }
  to {
    background: #fff;
  }
}
@-webkit-keyframes tr-highlight {
  from {
    background: #d6eaf8;
  }
  to {
    background: #f5f5f5;
  }
}
@keyframes tr-highlight {
  from {
    background: #d6eaf8;
  }
  to {
    background: #f5f5f5;
  }
}
.has-info {
  width: 100%;
  padding: 10px 10px;
  border-radius: 8px;
  border: solid 1px #0badd5;
  margin-bottom: 16px;
  background: #f7feff;
}
.has-info p {
  margin-bottom: 0;
  font-weight: bold;
  color: #0badd5;
  font-size: 14px;
}
.has-info p span {
  display: block;
  font-weight: normal;
  color: #5d5d5d;
  margin-top: 10px;
}

.info-area {
  width: 600px;
}

.package-list-form-loop {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 230px;
          flex: 1 1 230px;
}
.package-list-form-loop.md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
}
.package-list-form-loop.xl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 155px;
          flex: 0 0 155px;
}
.package-list-form-loop.lg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.link-popup a {
  color: #ffffff !important;
  border: solid 1px #00a0c9 !important;
  padding: 6px 10px !important;
  border-radius: 4px;
  background: #00a9d4 !important;
}
.link-popup a:hover {
  color: #fff !important;
  background: #067e9c;
}

.table-add table tr td {
  white-space: nowrap;
  vertical-align: middle;
  padding: 5px !important;
}

.flex-fill-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form-width {
  width: 400px;
}

.popup-height {
  max-height: calc(100vh - 190px);
  overflow: auto;
}

.loop-form-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 180px;
          flex: 1 1 180px;
  margin-bottom: 19px;
}
.loop-form-field.blank-area {
  visibility: hidden;
  pointer-events: none;
  margin: 0;
}
.loop-form-field.md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 220px;
          flex: 1 1 220px;
}

.flex-0 {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.select-summary .btn.focus,
.select-summary .btn:focus,
.select-summary .btn:hover {
  background-color: #e1f9ff;
  color: #656565;
}
.select-summary .btn-secondary {
  cursor: pointer;
}
.select-summary .btn-secondary.active,
.select-summary .btn-secondary:active,
.select-summary .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #00aad6;
  background-image: none;
  border-color: #adadad;
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-summary .badge-primary {
  background-color: #00aad6;
  cursor: pointer;
}
.select-summary .is-valid .badge-primary {
  background-color: #28a745;
}
.select-summary .is-updated .badge-primary {
  background-color: rgba(253, 165, 0, 0.9803921569);
}
.select-summary .is-unvalid .badge-primary {
  background-color: #dc3545;
}
.select-summary .is-unprocessed .badge-primary {
  background-color: #7823c3;
}

.is-summary {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 10px;
  margin: 8px 0px;
  border: solid 1px #96b3bb;
  background: #f4fdff;
  border-radius: 8px;
}
.is-summary .badge-primary {
  background-color: #00aad6;
  cursor: pointer;
  padding: 4px 6px;
}
.is-summary .is-valid .badge-primary {
  background-color: #28a745;
}
.is-summary .is-updated .badge-primary {
  background-color: rgba(253, 165, 0, 0.9803921569);
}
.is-summary .is-unvalid .badge-primary {
  background-color: #dc3545;
}
.is-summary .is-unprocessed .badge-primary {
  background-color: #7823c3;
}

.is-split-form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
}
.is-split-form.sm {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 83px;
          flex: 1 1 83px;
}
.is-split-form.sm-fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 147px;
          flex: 0 0 147px;
}
.is-split-form.md {
  max-width: 200px;
}
.is-split-form.md-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
}
.is-split-form.lg {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 700px;
          flex: 1 1 700px;
}
.is-split-form.textarea-md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 435px;
          flex: 1 1 435px;
}
.is-split-form.md-50 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}
.is-split-form.md-flexible {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
}
.is-split-form.md-30 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
}
.is-split-form.md-100 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.is-split-form.xl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 69%;
          flex: 1 1 69%;
}

.is-recharge .is-split-form {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 159px !important;
          flex: 1 1 159px !important;
}
.is-recharge .is-split-form.sm {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 83px !important;
          flex: 1 1 83px !important;
}
.is-recharge .is-split-form.md {
  max-width: 200px !important;
}
.is-recharge .is-split-form.md-flex {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 200px !important;
          flex: 1 1 200px !important;
}
.is-recharge .is-split-form.lg {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 700px !important;
          flex: 1 1 700px !important;
}
.is-recharge .is-split-form.textarea-md {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 435px !important;
          flex: 1 1 435px !important;
}
.is-recharge .is-split-form.md-50 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}
.is-recharge .is-split-form.md-30 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
}
.is-recharge .is-split-form.md-100 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.is-recharge .is-split-form.xl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 69%;
          flex: 1 1 69%;
}
.is-recharge .is-split-form.fixed-col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.is-recharge .is-split-form.if-recharge-container {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 243px !important;
          flex: 1 1 243px !important;
}
.is-recharge .is-split-form.if-recharge-container.sm {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 219px !important;
          flex: 1 219px !important;
}

.custom-modal-w .modal-dialog {
  width: 1024px !important;
  max-width: 1024px !important;
}

.custom-modal-meterial {
  width: 1200px !important;
}
.custom-modal-meterial .if-fixed-h {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  min-height: 350px;
  max-height: 350px;
  overflow: auto;
}
.custom-modal-meterial .table-list-group {
  max-height: 250px !important;
  overflow: auto;
}

.custom-field-container {
  width: 85px;
}

.custom-field-container.xl {
  width: 120px;
  min-width: 185px;
}

.pbt-cost-table-list {
  border-top: dashed 1px #ccc;
}

.pbt-crad-container-group {
  background-color: #10B296;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  min-width: 141px;
}
.pbt-crad-container-group h3 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: bold;
}
.pbt-crad-container-group p {
  font-size: 13px;
  margin-bottom: 0;
}

.auto-select-area .dropdown-menu {
  right: 0;
  min-width: 396px;
  height: calc(100vh - 200px);
  overflow: auto;
}
.auto-select-area .dropdown-menu li a {
  white-space: pre-wrap;
  width: 100%;
  min-width: 100%;
  font-size: 14px;
}

.pbt-text-light {
  color: #8a8a99;
}

.button-dg-link {
  text-decoration: underline !important;
  color: #00aad6 !important;
  position: relative;
  top: 1px;
}
.button-dg-link:hover {
  color: #1b4f5d !important;
}

.show-message {
  padding: 16px;
  border: solid 1px #ccc;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 3px #d6d6d6;
          box-shadow: 2px 2px 3px #d6d6d6;
}

.has-time-set {
  font-weight: bold;
  color: #5d5d5d;
}

.tooltip.show {
  z-index: 1000 !important;
}

input::-webkit-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}

input::-moz-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}

input:-ms-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}

input::-ms-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}

input::placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}
input::-webkit-input-placeholder .cal-wrap input::-webkit-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}
input::-moz-placeholder .cal-wrap input::-moz-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}
input:-ms-input-placeholder .cal-wrap input:-ms-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}
input::-ms-input-placeholder .cal-wrap input::-ms-input-placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}
input::placeholder .cal-wrap input::placeholder {
  color: #8a8a8a !important;
  font-style: italic;
}

.list-height .dropdown-menu {
  max-height: calc(100vh - 400px);
  overflow: auto;
}

.badge-primary-bg {
  background-color: #00aad6;
  color: #fff;
}

.active .badge-primary-bg {
  background-color: #fff;
  color: #000;
}

.section-card {
  padding: 10px 15px;
  background: #e5f3f7;
  border: solid 1px #87a3ab;
  border-radius: 8px;
}
.section-card p {
  font-size: 1rem;
  margin-bottom: 10px;
}
.section-card h5 {
  font-weight: bold;
  font-size: 1rem;
}
.section-card ul li {
  font-size: 0.9375rem;
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 10px;
}
.section-card ul li:last-child {
  margin-bottom: 0;
}

.select-area-width .dropdown-menu {
  min-width: 445px;
  max-height: 400px;
  overflow: auto;
}
.select-area-width .dropdown-menu li a {
  white-space: pre-wrap;
}

.section-head {
  padding: 8px 12px;
}

.check-box-list strong {
  font-size: 12px;
  position: relative;
  top: 2px;
  font-weight: bold;
}

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

.icon-contact {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -4px;
}
.icon-contact svg {
  width: 100%;
  height: 100%;
  fill: #868c8e;
}
.icon-contact:hover svg {
  fill: #008baf;
}
.icon-contact img {
  width: 100%;
  height: 100%;
}

.drop-downmenu-list {
  min-width: 100% !important;
  border-radius: 0;
  right: 0;
  width: 80px;
}
.drop-downmenu-list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0px;
  cursor: pointer;
  border-bottom: solid 1px #ececec;
}
.drop-downmenu-list p:hover svg {
  fill: #fff;
}
.drop-downmenu-list p .icon-contact {
  top: 0;
}
.drop-downmenu-list .dropdown-item:hover {
  background-color: #e8e8e8 !important;
  color: #424242 !important;
}
.drop-downmenu-list .menu-group-item {
  font-size: 13px;
}

.btn-dropdown-group {
  padding: 6px 5px !important;
  height: 30px !important;
  background-color: #fff !important;
  border: 1px solid #dadfe3 !important;
  cursor: pointer;
  border-radius: 4px;
}
.btn-dropdown-group:hover {
  background-color: #e2f9ff !important;
  color: #fff !important;
  border: 1px solid #badae2 !important;
}

.is-uploaded h3 {
  padding: 5px 10px;
  background: #5f5f5f;
  color: #fff;
  margin: 0;
}
.is-uploaded .current-file-area {
  padding: 5px 10px !important;
  margin: 0;
}
.is-uploaded .current-file-area:nth-child(2n+2) {
  background-color: #e6e6e6;
}
.is-uploaded .current-file-area span {
  font-size: 12px !important;
}
.is-uploaded .list-files {
  border-radius: 0 !important;
}

.link-btn-clear {
  font-size: 12px;
  color: #008db1;
  text-decoration: underline;
  vertical-align: middle;
}
.link-btn-clear:hover {
  color: #095a6f;
}

.custom-control-input {
  z-index: 1;
}

.is-address-line {
  font-weight: 500;
  font-size: 13px;
}
.is-address-line .text-visible {
  color: #bb1818;
}

.btn-discard {
  color: #fff;
  background-color: #f77b45 !important;
  border-color: #f77b45 !important;
}
.btn-discard:hover {
  background-color: #f55c19 !important;
  border-color: #f55c19 !important;
}

.table-icon-container {
  width: 20px;
}

.input-info-message {
  position: absolute;
  bottom: 0;
  font-size: 12px;
}

.table-max-h {
  max-height: calc(100% - 42px) !important;
}
.table-max-h table th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}

.field-refresh--has-bg {
  background-color: #00aad6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  cursor: pointer;
}
.field-refresh--has-bg img {
  width: 100%;
  opacity: 0.7;
  max-width: 14px;
}
.field-refresh--has-bg:hover img {
  opacity: 1;
}

.driver-contact-details {
  padding: 12px 16px;
  background: #e3e8f1;
  border-radius: 8px;
  margin-bottom: 16px;
  border: solid 1px #b5b5b5;
}
.driver-contact-details .pbt-current-label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.driver-contact-details p {
  font-size: 13px;
  font-weight: 400;
}

.min-inline-w {
  min-width: 24px;
}

.loader-section-min-h {
  min-height: 100px;
}

.pbt-attachment {
  width: 300px;
}

.pbt--card-label {
  background-color: #00aad6;
  color: #fff;
  padding: 10px 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  font-size: 0.8125rem;
}

.pbt--card-body {
  padding: 10px 14px;
}

.pbt--label-color {
  color: #666666;
}

.pbt--custom-card-container {
  background-color: #f1f1f3;
}

.pbt--card-data-group {
  font-size: 13px;
}
.pbt--card-data-group strong {
  color: #0086a8;
  font-size: 13px;
  margin-bottom: 3px;
  margin-right: 4px;
}
.pbt--card-data-group span {
  display: block;
  font-size: 14px;
  margin-bottom: 3px;
}
.pbt--card-data-group p {
  font-size: 13px;
}

.btn-xs {
  font-size: 11px !important;
  padding: 5px 10px;
}
.btn-xs img {
  max-width: 14px;
}

.pbt-auto-fixed-w {
  width: 300px;
}

.pbt-text-title {
  color: #2d2e3a;
}

.pbt-data-upload {
  width: 40%;
}

@media only screen and (max-width: 1460px) {
  .loop-form-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 160px;
            flex: 1 1 160px;
  }
  .loop-form-field.flex-0 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}
@media only screen and (max-width: 1393px) {
  .loop-form-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 120px;
            flex: 1 1 120px;
  }
  .loop-form-field.flex-0 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .is-max-wd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 196px;
            flex: 1 1 196px;
  }
}
@media only screen and (max-width: 1600px) {
  .is-split-form.md {
    max-width: 100%;
  }
  .sm-width {
    width: 100%;
    padding-top: 10px;
  }
  .is-p-top {
    padding-top: 10px;
  }
  .freight-details {
    display: block !important;
  }
  .is-right {
    text-align: right;
  }
  .sticky-table {
    max-height: calc(100vh - 242px);
  }
  .form-width {
    width: 268px;
  }
}
@media only screen and (min-width: 768px) {
  .h-100-vh {
    height: calc(100vh - 116px);
  }
}
@media only screen and (max-width: 1370px) {
  .flex-list .d-flex {
    display: block !important;
  }
  .flex-list .is-sm-width {
    width: 32%;
    float: left;
  }
  .flex-list .is-md-width {
    width: 32%;
    display: inline-block;
  }
  .is-lg-width {
    width: 32%;
    display: inline-block;
  }
}
@media only screen and (min-width: 1321px) {
  .padding-sm {
    padding-top: 4.375rem !important;
  }
}
@media only screen and (max-width: 1320px) {
  .md-width {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    padding-top: 10px;
  }
  .form-width {
    width: 200px;
  }
}
@media only screen and (max-width: 1200px) {
  .flex-list .is-md-width {
    width: 31%;
    display: inline-block;
  }
  .select-max-width {
    max-width: inherit;
  }
  .is-button-group {
    width: 100%;
    text-align: right;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .summary-group {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .button-group-area {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1120px) {
  .md-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .md-bottm {
    margin-bottom: 30px;
  }
  .md-wrap {
    width: 100%;
  }
  .info-area {
    width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-section .welcome-wrap {
    max-width: 48%;
  }
  .slider-content {
    left: 0 !important;
    right: 0;
  }
  .slider-content {
    left: 15%;
  }
  .sm-fill {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .sm-bottom {
    margin-bottom: 1.875rem;
  }
  .md-wrap {
    width: 100%;
  }
  .min-col-width {
    width: 100px;
  }
  .search-width-area {
    width: 260px;
  }
  .w-sm-100 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .banner-section .d-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .banner-section .welcome-wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 100%;
  }
  .slider-content {
    left: 0;
    right: 0;
  }
  .custom-height,
  .custom-height .is-inner {
    height: auto !important;
  }
  .banner-section {
    height: auto !important;
  }
  .welcome-wrap {
    height: calc(100vh - 300px) !important;
    overflow: hidden !important;
  }
}
.contet-area-h {
  height: calc(100vh - 200px);
  overflow: auto;
}

@media only screen and (max-width: 576px) {
  .modal-dialog {
    width: 100%;
  }
}
.job-booking-page {
  height: calc(100vh - 130px);
}

.flex-group-content {
  height: calc(100vh - 167px);
  overflow: auto;
}

.footer-btn-group {
  -webkit-box-shadow: 0px 0px 12px #d4d4d4;
          box-shadow: 0px 0px 12px #d4d4d4;
  position: relative;
}

.bg-light-color {
  background: #ebf3f5;
}

.height-50 {
  height: 50px;
}

.current-trade {
  color: #767f82;
  padding-left: 5px;
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  border-left-color: rgb(204, 204, 204);
  border-left-width: 1px;
  border-left-style: solid;
}

.min-col-width {
  min-width: 150px;
}

.min-col-width-200 {
  min-width: 200px;
}

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

.w-100-vh {
  width: 100vh;
}

.t-height {
  max-height: calc(100vh - 300px);
}

.t-height-md {
  max-height: calc(100vh - 255px);
}

@media only screen and (max-width: 1199px) {
  .is-split-form {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}
@media only screen and (max-width: 767px) {
  .is-split-form {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
job-revenue-additional-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-lenght .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.pbt__show-info .pbt__show-info-info {
  padding: 7px 16px;
  display: inline-block;
  background: #efefef;
  margin: 3px 3px;
  border-radius: 8px;
  border: solid 1px #ccc;
  margin-bottom: 12px;
}
.pbt__show-info .pbt__show-info-info strong {
  font-size: 13px;
  display: block;
}
.pbt__show-info .pbt__show-info-info span {
  font-size: 12px;
}
.pbt__show-info .pbt__show-info-info:last-child {
  border-right: none;
}

.pbt-card-details-container {
  font-weight: 500 !important;
  color: #000 !important;
}

.btn-primary {
  background: #0badd5 !important;
  border-color: #0badd5 !important;
}
.btn-primary:hover {
  background: #0b85a3 !important;
}

.page-height {
  height: calc(100vh - 116px);
}
.page-height .loader-window,
.page-height .section-loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 101;
}

.is-top-section {
  padding-top: 10px;
}
.is-top-section > * {
  height: 100%;
}
.is-top-section h2 {
  font-size: 18px;
  font-weight: 700;
  color: #00aad6;
  margin: 0;
}

.custom-container-area {
  max-width: 1360px !important;
}

.is-form-field {
  position: relative;
}
.is-form-field input[type=text],
.is-form-field select,
.is-form-field textarea {
  color: #5d5d5d;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 1px;
}
.is-form-field .effect-1,
.is-form-field .effect-2,
.is-form-field .effect-3 {
  border: 0 !important;
  padding: 3px 0;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0;
  height: auto !important;
  min-height: 31px;
  background: transparent;
  font-weight: 400;
}
.is-form-field .effect-1.is-h-sm,
.is-form-field .effect-2.is-h-sm,
.is-form-field .effect-3.is-h-sm {
  min-height: 20px;
  font-size: 13px !important;
}
.is-form-field .effect-1.ng-invalid-weight-cubic,
.is-form-field .effect-2.ng-invalid-weight-cubic,
.is-form-field .effect-3.ng-invalid-weight-cubic {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.is-form-field .effect-1.ng-invalid-max,
.is-form-field .effect-2.ng-invalid-max,
.is-form-field .effect-3.ng-invalid-max {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.is-form-field .effect-1.ng-invalid-min,
.is-form-field .effect-2.ng-invalid-min,
.is-form-field .effect-3.ng-invalid-min {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.is-form-field .effect-1 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0badd5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.is-form-field .effect-1:focus ~ .focus-border {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.is-form-field label {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  color: #707070;
}
.is-form-field label i {
  position: relative;
  top: 1px;
}
.is-form-field textarea {
  resize: none;
  height: auto;
  max-height: 80px;
}
.is-form-field input[readonly=readonly] {
  opacity: 0.7;
  border-bottom: dotted 1px #a0a0a0 !important;
  cursor: not-allowed;
}
.is-form-field input[readonly=readonly] + span {
  display: none;
}
.is-form-field input[readonly],
.is-form-field textarea[readonly],
.is-form-field select[readonly] {
  opacity: 0.7;
  border-bottom: dotted 1px #a0a0a0 !important;
  cursor: not-allowed;
}
.is-form-field input[readonly] + span,
.is-form-field textarea[readonly] + span,
.is-form-field select[readonly] + span {
  display: none;
}
.is-form-field .ng-invalid-pattern {
  border-bottom: 1px solid red !important;
  color: red !important;
}

.v-align-bottom {
  vertical-align: bottom;
}

.btn-bg {
  background-color: #0badd5;
}

.btn-border {
  border-color: #0badd5;
}

.primary-btn-hover:hover, .primary-btn-hover:focus, .primary-btn-hover:active {
  background-color: #008db1;
  border-color: #008db1;
}

.overflow-auto {
  overflow: auto;
}

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

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.col-group {
  width: 100%;
  max-height: 100%;
  border: 1px solid #d8d4d4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.col-group h2 {
  background-color: #008db1;
  color: #fff;
  margin: 0;
  font-size: 15px;
  padding: 10px 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

.label-group p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #5d5d5d;
  margin-bottom: 8px;
}
.label-group p i {
  position: relative;
  top: 2px;
}
.label-group .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  background-color: #fff;
}
.label-group .custom-radio .custom-control-input:checked ~ .custom-control-indicator:after {
  content: "";
  background-image: none;
  width: 12px;
  height: 12px;
  background: #00aad6;
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-52%) translateX(-51%);
      -ms-transform: translateY(-52%) translateX(-51%);
          transform: translateY(-52%) translateX(-51%);
  left: 50%;
  border-radius: 50%;
}
.label-group .custom-control-indicator {
  width: 18px;
  height: 18px;
  margin: 0;
  padding-top: 0;
  top: 0;
  background-color: transparent;
  border: solid 1px #00aad6;
}
.label-group .custom-control {
  padding-left: 30px;
}

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

.section-loop-div {
  padding-bottom: 16px;
  border-bottom: solid 1px #d8d4d4;
}
.section-loop-div h4 {
  font-size: 14px;
  font-weight: bold;
  color: #00aad6;
  margin-bottom: 10px;
}
.section-loop-div ul {
  padding: 0;
  padding-left: 16px;
}
.section-loop-div ul li {
  font-size: 13px;
  font-weight: 400;
  list-style: disc;
  line-height: 24px;
}
.section-loop-div p {
  font-size: 13px;
  margin-bottom: 10px;
}
.section-loop-div:last-child {
  border-bottom: none;
}

.group-image-list {
  cursor: pointer;
}
.group-image-list img {
  width: 100%;
  border: solid 1px #82c3d4;
}

.bg-light {
  background: #f5f5f5;
}

.current-image span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6509803922);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  display: none;
}
.current-image:hover span, .current-image:focus span, .current-image:active span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-style {
  color: #ffffff;
  background: #0badd5;
  padding: 10px 15px;
}
.header-style h5 {
  color: #fff;
  font-size: 15px;
}

.popup-group .modal-footer {
  padding: 11px 16px;
}
.popup-group .modal-body {
  font-size: 14px;
  font-weight: 400;
}

.section-form {
  padding-bottom: 20px;
}

.col-title h1 {
  font-size: 18px;
  color: #00aad6;
  font-weight: 700;
}

.is-partners-list {
  text-align: center;
  padding: 7px 10px;
  border: solid 1px #ccc;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.is-partners-list img {
  width: 100%;
  max-width: 124px;
  margin: 0 auto;
}
.is-partners-list p {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
  width: 100%;
}
.is-partners-list a {
  color: #70797b !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 8px;
  font-weight: 700;
  padding-bottom: 3px;
  border-bottom: solid 1px transparent;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  -webkit-box-shadow: inset 1px 1px 9px #bfbfbf;
          box-shadow: inset 1px 1px 9px #bfbfbf;
}
.is-partners-list a span {
  width: 17px;
  display: inline-block;
  margin-right: 7px;
}
.is-partners-list a:hover, .is-partners-list a:focus, .is-partners-list a:active {
  text-decoration: none;
  color: #1a5767 !important;
}
.is-partners-list:hover, .is-partners-list:focus, .is-partners-list:active {
  -webkit-box-shadow: 2px 3px 5px #bdbdbd;
          box-shadow: 2px 3px 5px #bdbdbd;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.col-empty {
  visibility: hidden;
}

td.mat-calendar-body-cell.ng-star-inserted {
  position: relative !important;
}

button.mat-calendar-body-cell {
  position: absolute !important;
}
.min-h-46 {
  min-height: 46px;
}

.min-h-0 {
  min-height: 0;
}

.table-details {
  overflow: auto;
}
.table-details table tr td,
.table-details table tr th {
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 400;
  height: auto !important;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.table-details table tr th {
  background: #00aad6;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-details table tr td {
  background-color: #fff;
}
.table-details table tr td .list-table-sub {
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
}
.table-details table tr td .list-table-sub table tr th {
  background: #4b4b4b;
  white-space: nowrap;
  position: static;
}
.table-details table tr td .list-table-sub table tr td {
  white-space: nowrap;
  background-color: #fff;
}
.table-details table tr td .list-table-sub table tr:nth-child(2n+2) td {
  background-color: #f5f5f5;
}
.table-details table tr td.td-sub {
  background: #eaf0f5 !important;
}
.table-details table tr:nth-child(2n+2) td {
  background-color: #f5f5f5;
}
.table-details table tbody:nth-child(2n+2) td {
  background-color: #f5f5f5;
}

.v-align-middle {
  vertical-align: middle;
}

.table-icons {
  cursor: pointer;
  margin: 0px 4px;
}
.table-icons span {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0px 3px;
}
.table-icons span img {
  width: 100%;
  height: 100%;
}
.table-icons span:hover, .table-icons span:focus, .table-icons span:active {
  opacity: 0.8;
}

.tbody-group img {
  width: 74px;
}

.has-status {
  display: inline-block;
  text-align: center;
  padding-bottom: 1px;
  padding: 0px 10px;
}
.has-status.status-success {
  border-bottom: solid 2px #5cb85c;
}
.has-status.status-fail {
  border-bottom: solid 2px #ff2b4e;
}

.flex-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 133px;
          flex: 1 1 133px;
  margin: 0px 6px;
  background: #0883a2;
}

.max-h-100 {
  max-height: 100%;
}

.date-picker-control span {
  padding: 0px 6px;
}

.icon-input input {
  padding-right: 55px !important;
}

.is-no-data {
  background: #f5f5f5;
}

.whitespace-wrap {
  white-space: pre-wrap !important;
}

.btn.disabled,
.btn:disabled {
  background: #a9a9a9 !important;
  border-color: #a9a9a9 !important;
}
.btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active {
  background: #a9a9a9 !important;
  border-color: #a9a9a9 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mx-h-100 {
  max-height: 100%;
}

.col-title-section {
  background-color: #008db1;
  color: #fff;
  margin: 0;
  font-size: 15px;
  padding: 10px 15px;
}

.is-status-td {
  padding-bottom: 5px;
  border-bottom: solid 2px;
  display: block;
  text-align: center;
}

.flex-sort {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 15px;
  height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .col-group .disable-all textarea:disabled,
body .col-group .disable-all input:not([type]):disabled,
body .col-group .disable-all input[type=color]:disabled,
body .col-group .disable-all input[type=date]:disabled,
body .col-group .disable-all input[type=datetime]:disabled,
body .col-group .disable-all input[type=datetime-local]:disabled,
body .col-group .disable-all input[type=email]:disabled,
body .col-group .disable-all input[type=month]:disabled,
body .col-group .disable-all input[type=password]:disabled,
body .col-group .disable-all input[type=number]:disabled,
body .col-group .disable-all input[type=search]:disabled,
body .col-group .disable-all input[type=tel]:disabled,
body .col-group .disable-all input[type=text]:disabled,
body .col-group .disable-all input[type=time]:disabled,
body .col-group .disable-all input[type=url]:disabled,
body .col-group .disable-all input[type=week]:disabled,
body .col-group .disable-all select[disabled],
body .col-group .disable-all .custom-select:disabled,
body .col-group .disable-all multiselect[disabled],
body .col-group .disable-all multiselect[disabled] .dropdown-toggle {
  background-color: transparent;
  border-bottom: 1px dotted #b7b7b7 !important;
  opacity: 0.5;
  cursor: not-allowed;
}

body .col-group .disable-all label,
body .col-group .disable-all p,
body .col-group .disable-all .custom-checkbox,
body .col-group .disable-all .date-picker-control {
  opacity: 0.5;
  cursor: not-allowed;
}

.loader-min {
  min-height: 100px;
}

.is-href a {
  color: #ccc;
}

.toggle-switch__input {
  display: none;
}

.toggle-switch__label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 35px;
  display: inline-block;
  background-color: #d0cccc;
  border-radius: 50px;
  padding: 2px;
}

.toggle-switch__label::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
  transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
}

.toggle-switch__input:checked + .toggle-switch__label::before {
  margin-left: calc(100% - 15px);
  background-color: #008db1;
}

.table-inner {
  width: 100%;
}
.table-inner tr td {
  padding: 10px 10px;
}
.table-inner tr:nth-child(2n+2) {
  background-color: #f5f5f5;
}
.table-inner tr th {
  background-color: #545454;
  padding: 7px 10px;
  height: auto;
  color: #fff;
  text-align: left;
  z-index: 99 !important;
  white-space: nowrap;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.table-inner.bg-blue tr th {
  background-color: #00aad6 !important;
}
.table-inner.bg-blue tfoot tr td {
  background-color: #ccc;
}
.table-inner tfoot tr td {
  background-color: #ccc;
}

body .sticky-table table.odd-even .table-inner tfoot tr td {
  background-color: #64909a !important;
  padding: 5px 10px;
  color: #fff !important;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.is-table-height {
  max-height: 300px;
}
.is-table-height.sm {
  max-height: 214px;
}

.table-data-scroll {
  max-height: 200px;
  overflow: auto;
  min-height: 72px;
  width: 100%;
}
.table-data-scroll .table-inner {
  table-layout: fixed;
}

.m-width-0 {
  min-width: 0;
}

.icon-absolute {
  position: absolute;
  top: -3px;
  right: -19px;
}

.label-sm {
  font-size: 15px;
  color: #00aad6;
  display: block;
  padding-bottom: 10px;
  border-bottom: solid 2px #00aad6;
  width: 100%;
}

.max-table-width {
  max-width: 817px !important;
}

.tp-0 {
  top: 0;
}

.layout-fixed {
  table-layout: fixed;
}

.group-select-label {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  color: #707070;
  padding-bottom: 10px;
}
.group-select-label span {
  top: 2px;
  position: relative;
}

.label-md-width {
  width: 160px;
}

.label-lg-width {
  width: 210px;
}

.align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.font-bold {
  font-weight: bold;
  font-size: 14px;
}

.head-label {
  background: #d5dee0;
  padding: 5px 16px;
}

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

.section-form .ng-invalid-step,
.section-form .ng-invalid-maxlength,
.section-form .ng-invalid-minlength,
.section-form ng-invalid-dataset {
  border-color: #d8d4d4 !important;
  background: none;
  border-right-width: 1px !important;
  border-left-width: 1px !important;
}

.tree-view-group .tree-view-inner {
  font-size: 13px;
  padding: 16px !important;
  background: #F6F6F6;
}
.tree-view-group .tree-view-inner input[type=checkbox] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.tree-view-group .tree-view-inner li .item-group {
  padding-left: 20px;
}
.tree-view-group .tree-view-inner li .item-group .has-icon-more span {
  width: 14px;
  height: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tree-view-group .tree-view-inner li .item-group .has-icon-more .dropdown-menu {
  padding: 0;
  min-width: 114px;
  border-radius: 0;
}
.tree-view-group .tree-view-inner li .item-group .has-icon-more .dropdown-menu a {
  padding: 5px 10px;
  font-size: 13px;
}
.tree-view-group .tree-view-inner li .item-group:hover:hover .has-icon-more {
  display: block;
}
.tree-view-group .tree-view-inner ul {
  padding-left: 38px;
}
.tree-view-group ul,
.tree-view-group #myUL {
  list-style-type: none;
}
.tree-view-group #myUL {
  margin: 0;
  padding: 0;
}
.tree-view-group .caret {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  color: #008db1;
  font-weight: bold;
  font-size: 13px !important;
  position: relative;
}
.tree-view-group .caret::before {
  content: "▶";
  color: black;
  display: inline-block;
  margin-right: 6px;
  color: #008db1;
  position: absolute;
  left: 0;
}
.tree-view-group .caret-down::before {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg);
}
.tree-view-group .nested {
  display: none;
}
.tree-view-group .active {
  display: block;
  padding-left: 38px;
  border-left: solid 1px #ccc;
}
.tree-view-group .active:first-child {
  border-left: none;
}

.tree-view-header {
  padding: 6px 10px;
  background: #4a4a4a;
}

.tree-view-group {
  min-width: 300px;
  max-width: 410px;
  -webkit-box-shadow: 6px 11px 13px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 6px 11px 13px rgba(0, 0, 0, 0.1490196078);
}

.mapping-list-table {
  padding: 5px 10px;
}
.mapping-list-table .file-field {
  position: relative;
}
.mapping-list-table .file-field span {
  cursor: pointer;
}
.mapping-list-table .file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.table-mapping table tr th {
  padding: 5px 8px;
  background-color: #D5DEE0;
  font-size: 13px;
  height: auto;
  text-align: left;
  border: solid 1px #D2D2D2;
}
.table-mapping table tr th .form-check-input {
  margin-left: 0;
}
.table-mapping table tr td {
  padding: 5px 8px;
  font-size: 13px;
  height: auto;
  text-align: left;
  border: solid 1px #D2D2D2;
  vertical-align: middle;
}
.table-mapping table tr td .form-check-input {
  margin-left: 0;
}
.table-mapping table tr td select {
  border: solid 1px #c9c9c9 !important;
  font-size: 12px;
}
.table-mapping table tr td .remove-mapping {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.table-mapping table tr td .remove-mapping img {
  width: 100%;
}
.table-mapping table tr:nth-child(2n+2) td {
  background-color: #EBEBEB;
}
.table-mapping table tr.active-row td {
  background-color: #D2EDF3;
}
.table-mapping .ng-invalid-pattern {
  border: 1px solid red !important;
  color: red !important;
}

.upload-file-info {
  font-size: 12px;
  color: #292828;
}

.file-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.file-icon img {
  width: 100%;
}

.no-data-sm .no-results-found {
  font-size: 14px;
}
.no-data-sm .no-results-found img {
  max-width: 60px;
}

.is-avalilable {
  font-size: 13px;
}
.is-avalilable span {
  color: #797979;
}
.is-avalilable span:after {
  content: ",";
  margin: 0px 3px;
}
.is-avalilable.rounded-span span {
  color: #797979;
  padding: 0px 9px;
  background: #eefcff;
  border-radius: 10px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: solid 1px #9ec4ce;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 3px;
}
.is-avalilable.rounded-span span:after {
  content: "";
}

@media only screen and (max-width: 1600px) {
  .table-details table tr td .list-table-sub {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1370px) {
  .unit-info .is-md-width {
    width: 20% !important;
  }
  .btn-list-group {
    width: 100%;
    margin-top: 14px;
  }
}
@media only screen and (max-width: 1320px) {
  .layout-fixed {
    table-layout: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .media-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .label-md-width {
    width: 124px;
  }
  .group-select-label {
    border-bottom: solid 1px #ccc;
  }
  .label-lg-width {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .flex-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 130px;
            flex: 1 1 130px;
  }
  .is-partners-list p {
    font-size: 12px;
  }
}
.page-config {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 116px);
}

.aside-left-width {
  width: 700px;
}

.light-bg {
  background: rgba(128, 204, 222, 0.23);
}

.section-header {
  -webkit-box-shadow: -4px 2px 7px rgba(0, 0, 0, 0.4117647059);
          box-shadow: -4px 2px 7px rgba(0, 0, 0, 0.4117647059);
  min-height: 65px;
}
.section-header h1 {
  font-size: 1.0625rem;
  color: #707070;
  font-weight: bold;
}
.section-header.shadow-right {
  -webkit-box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.411765);
          box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.411765);
}

.btn-icon {
  width: 1.0625rem;
  height: 1.0625rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.btn-icon img {
  width: 100%;
}

.data-blank img {
  max-width: 5.375rem;
}
.data-blank.sm img {
  max-width: 3.75rem;
}

.view-logo {
  width: 116px;
}
.view-logo img {
  width: 100%;
}

.upload-frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border: solid 1px #008DB1;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
}
.upload-frame p {
  font-style: italic;
}

.logo-upload-section input {
  padding: 20px 0px;
  opacity: 0;
  cursor: pointer;
}

.line-height-0 {
  line-height: 0;
}

.is-btn-cancel {
  background-color: rgba(153, 153, 153, 0.2);
  color: #1C86CC;
}
.is-btn-cancel:hover, .is-btn-cancel:focus, .is-btn-cancel:active {
  background-color: rgba(153, 153, 153, 0.6);
}

.section-expand.p-3.bg-white {
  -webkit-box-shadow: 0px 0px 9px #bfbfbf;
          box-shadow: 0px 0px 9px #bfbfbf;
}

.has-sm-width {
  width: 79px;
}
.has-sm-width .provider-logo img {
  width: 100%;
}

.current-provider-list {
  padding: 10px 15px;
  background: #fff;
  border-radius: 7px;
  -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.37);
          box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.37);
  margin-bottom: 8px;
  cursor: pointer;
}
.current-provider-list.selected-provider {
  background-color: #008DB1;
}
.current-provider-list.selected-provider * {
  color: #fff;
}
.current-provider-list.selected-provider:hover, .current-provider-list.selected-provider:focus, .current-provider-list.selected-provider:active {
  background-color: #008DB1;
}
.current-provider-list.selected-provider:hover *, .current-provider-list.selected-provider:focus *, .current-provider-list.selected-provider:active * {
  color: #fff;
}
.current-provider-list:hover, .current-provider-list:focus, .current-provider-list:active {
  background-color: #dff2f7;
}

.is-action {
  width: 20px;
  height: 20px;
}
.is-action img {
  width: 100%;
}
.is-action a:hover img, .is-action a:focus img, .is-action a:active img {
  opacity: 0.8;
}
.is-action a.icon-disabled {
  display: block;
  opacity: 0.4;
  cursor: not-allowed;
}

.brand-name {
  font-size: 16px;
  font-weight: 700;
}

.form-build-aside-bar {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0px 0px 6px #cecece;
          box-shadow: inset 0px 0px 6px #cecece;
  overflow: auto;
  width: 88px;
}
.form-build-aside-bar h4 {
  text-align: center;
  font-size: 15px;
  padding: 9px 0px;
  margin: 0;
  background: #008db1;
  color: #fff;
}

.nav-form-build .nav-tabs {
  border-bottom: none;
}
.nav-form-build .nav-tabs a {
  border: none;
  border-radius: 0;
  padding: 0px 15px 22px;
  color: #2C2C2C !important;
  font-weight: bold;
  border-bottom: solid 3px transparent;
  margin-top: -1px;
}
.nav-form-build .nav-tabs a.active {
  border-bottom: solid 3px #0A84A6;
}
.nav-form-build .nav-tabs .nav-item {
  margin-bottom: 0;
}

.form-build-area li {
  padding: 15px 8px 10px;
  text-align: center;
  cursor: pointer;
  border: dotted 1px transparent;
  border-bottom: solid 1px #e2e2e2;
}
.form-build-area li .has-icon {
  margin-bottom: 5px;
}
.form-build-area li .has-icon img {
  margin: 0 auto;
}
.form-build-area li p {
  font-size: 13px;
  margin: 0;
  color: #292929;
}
.form-build-area li:hover, .form-build-area li:focus, .form-build-area li:active {
  background: #d3e1e4;
  border: dotted 1px #008db1;
}

.card-header-section {
  cursor: pointer;
}
.card-header-section h3 {
  font-size: 17px;
  font-weight: bold;
  color: #303030;
}

.form-header-inner {
  padding: 10px 15px;
  border: none;
  background-color: #EAEEF1;
  -webkit-box-shadow: 3px 4px 7px #ccc;
          box-shadow: 3px 4px 7px #ccc;
}

.label-required .custom-control-indicator {
  top: 2px;
}

.box-shadow {
  -webkit-box-shadow: 2px 5px 13px #dedede;
          box-shadow: 2px 5px 13px #dedede;
}

.job-export-booking {
  height: calc(100vh - 129px);
}

.export-section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #ebf3f5;
}

.aside-section-form {
  width: 400px;
}

.form-head-title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 16px;
  background: #00aad6;
}
.form-head-title.background-0 {
  background-color: transparent;
  color: #00aad6;
}

.card-group-section {
  background: #fff;
  -webkit-box-shadow: 0px 0px 9px rgb(220, 220, 220);
          box-shadow: 0px 0px 9px rgb(220, 220, 220);
}

.form-content-group label {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  color: #585858;
}
.form-content-group label sup {
  color: #EF0036;
  font-size: 18px;
  position: relative;
  top: 0px;
  left: 4px;
}
.form-content-group .custome-control-input {
  border-radius: 0;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background-color: transparent;
  border-bottom: solid 1px #ABABAB !important;
  height: 38px !important;
  padding-left: 0;
  padding-right: 0;
}
.form-content-group .custome-control-input:focus, .form-content-group .custome-control-input:active {
  border-bottom: solid 1px #00AAD6 !important;
}
.form-content-group .custome-control-input.custome-control-textarea {
  min-height: 57px;
  padding-left: 40px;
  resize: none;
}
.form-content-group .custome-control-text-area {
  border-radius: 0;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background-color: transparent;
  border-bottom: solid 1px #ABABAB !important;
  min-height: 38px !important;
  padding-left: 0;
  padding-right: 0;
  height: 38px;
}
.form-content-group .custome-control-text-area:focus, .form-content-group .custome-control-text-area:active {
  border-bottom: solid 1px #00AAD6 !important;
}
.form-content-group .custome-control-text-area.custome-control-textarea {
  min-height: 57px;
  padding-left: 40px;
  resize: none;
}

.icon-input {
  position: absolute;
  top: 0;
  right: 0;
  width: 19px;
  height: 19px;
  display: block;
  cursor: pointer;
}

.icon-textarea {
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.icon-textarea.sm {
  width: 19px;
  height: 19px;
}

.form-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-wraper .flex-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 197px;
          flex: 1 1 197px;
  padding: 0 10px;
}
.form-wraper .flex-inner.flex-fill-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.form-wraper .flex-inner.sm {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
}
.form-wraper .flex-inner.md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
}
.form-wraper .flex-inner.lg {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 217px;
          flex: 1 1 217px;
}
.form-wraper .form-group {
  margin-bottom: 0;
}

.list-table-wrap {
  max-height: 165px;
  overflow: auto;
}
.list-table-wrap table tr th {
  padding: 5px 10px;
  background: #0f84a0;
  color: #fff;
  font-size: 14px;
  text-align: left;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: auto;
  white-space: nowrap;
  font-weight: 500;
}
.list-table-wrap table tr td {
  padding: 10px 10px;
  font-size: 13px;
}
.list-table-wrap table tr:nth-child(2n+2) td {
  background: #f5f5f5;
}
.list-table-wrap table tbody:nth-child(2n+2) td {
  background: #f5f5f5;
}
.list-table-wrap table tbody:hover tr td {
  background: #d6eaf8 !important;
}
.list-table-wrap table tbody.selected-row tr td {
  background-color: #d0e9ef;
}

.btn-file-attach i {
  font-size: 17px !important;
}
.btn-file-attach span {
  background: #fff;
  color: #00aad6;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 11px;
}

.a-line-height {
  line-height: 17px;
}

.form-height {
  height: 100%;
  padding-bottom: 0 !important;
}

.window-height {
  height: 100%;
  overflow: auto;
  background: #ebf3f5;
}

.has-select-width {
  width: 50%;
  min-width: 400px;
}

.popup-height {
  max-height: calc(100vh - 190px);
}

.icons-index {
  z-index: 10;
}

.show-location {
  border: 1px solid #87b0bb;
  padding: 6px;
  background: #f0fcff;
  font-size: 12px;
  font-weight: 400;
  color: #686b6b;
  font-style: italic;
}

.form-content-group input.ng-invalid-pattern {
  border-bottom: solid 1px #f35151 !important;
  color: #f35151 !important;
}

.card-group-section select:disabled {
  background-color: transparent;
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
  padding: 0;
}
.card-group-section textarea:disabled {
  background-color: transparent;
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
  padding: 0;
}
.card-group-section input:disabled {
  background-color: transparent;
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
  padding: 0;
}

.custom-dropdown-height .dropdown-menu {
  max-height: 145px !important;
  overflow: auto;
}

.flex-md {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41%;
          flex: 0 0 41%;
  margin-right: 16px;
}

.btn-popup-link {
  color: #00aad6 !important;
  font-weight: bold;
  font-size: 13px;
  font-style: italic;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 0;
}
.btn-popup-link:hover {
  text-decoration: underline !important;
}
.btn-popup-link:focus {
  text-decoration: none;
}
.btn-popup-link.disabled-btn {
  pointer-events: none;
  cursor: not-allowed !important;
  text-decoration: none;
  color: #c1c1c1 !important;
}

.form-wrap-group .form-group input.ng-invalid.ng-dirty {
  color: #f35151 !important;
  border-bottom: solid 1px #f35151 !important;
}

.btn-fixed-position {
  bottom: 92px;
  right: 50px;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 2px 4px 7px #a7a7a7;
          box-shadow: 2px 4px 7px #a7a7a7;
  position: fixed;
  z-index: 10;
  background-color: #00aad6;
  padding: 10px;
  color: #fff;
  float: right;
  margin-top: 10px;
  border-radius: 50%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.btn-fixed-position:hover {
  background-color: #027390;
}
.btn-fixed-position i {
  font-size: 24px !important;
  padding: 0;
}

.count-attach {
  position: absolute;
  top: -9px;
  right: -16px;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F44336;
  border-radius: 50%;
  border: solid 3px #fff;
  font-size: 11px;
}

.upload-file-btn {
  height: 100%;
  padding: 7px 7px;
  display: inline-block;
  color: #00aad6 !important;
}
.upload-file-btn span {
  margin-right: 5px;
}
.upload-file-btn em {
  font-style: normal;
  padding: 4px 9px;
  background-color: #F44336;
  border-radius: 8px;
  font-size: 11px;
  vertical-align: middle;
  color: #fff;
}
.upload-file-btn:hover {
  color: #0b85a3 !important;
}

.is-textarea-width {
  max-width: 190px;
}

.table-inner-data .table-icon img {
  max-width: 15px;
}

@media only screen and (max-width: 1700px) {
  .flex-item-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-md {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.multi-select-width {
  max-width: 120px;
  display: block;
}

@media only screen and (max-width: 1120px) {
  .customer-section-wrap {
    width: 100%;
  }
  .customer-section-wrap .aside-section-form {
    width: 100%;
    margin-bottom: 12px;
  }
  .form-height {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-content-group .is-sm-split {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 320px;
            flex: 1 1 320px;
    padding: 0 16px;
  }
  .btn-popup-link {
    right: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .flex-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}
@media only screen and (max-width: 767px) {
  .flex-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.btn-dg-info {
  padding: 5px 7px;
  background: #00aad6;
  color: #fff !important;
  border-radius: 4px;
}
.btn-dg-info:hover {
  background-color: #0b85a3;
}

.status-type.icon-info {
  color: #00aad6;
}
.status-type.icon-warning {
  color: #E0962B;
}
.status-type.icon-error {
  color: #fd3030;
}

.text-area-details {
  min-height: 85px;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

.file-wrapper .button {
  background: #00aad6;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  padding: 10px 15px 6px;
  text-transform: uppercase;
}
.file-wrapper .button span {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.file-wrapper .button span img {
  width: 100%;
}
.file-wrapper.fileupload-btn-sm {
  vertical-align: bottom;
}
.file-wrapper.fileupload-btn-sm .button {
  background: #00aad6;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin-right: 5px;
  padding: 4px 13px 2px;
  text-transform: uppercase;
}
.file-wrapper.fileupload-btn-sm .button span {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.file-wrapper.fileupload-btn-sm .button span img {
  width: 100%;
}

.current-status {
  padding-bottom: 3px;
  border-bottom: solid 2px;
}

.coupon-list-table-content {
  max-width: 500px;
  margin: 0 auto;
}
.coupon-list-table-content table {
  width: 100%;
}
.coupon-list-table-content table tr th {
  background-color: #6a6a6a;
  padding: 8px 12px;
  height: auto;
  color: #fff;
}
.coupon-list-table-content table tr td {
  padding: 8px 12px;
}
.coupon-list-table-content.coupon-list-table-content-h {
  max-height: 224px;
  overflow: auto;
}

.coupon-count {
  border-radius: 10px;
  border: solid 1px;
  padding: 2px 11px;
}

.custom-card-loop {
  border: solid 1px #ccc;
  border-radius: 12px;
  font-size: 15px;
  overflow: hidden;
}
.custom-card-loop .col-label {
  width: 140px;
  background-color: #ccc;
  font-weight: bold;
  text-align: center;
}
.custom-card-loop .col-label.sm {
  width: 70px;
}
.custom-card-loop .col-label.no-bg {
  background-color: transparent;
}

.btn-prev {
  background-color: #00aad6;
  padding: 10px;
  color: #fff;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btn-prev img {
  width: 20px;
  height: 20px;
}

.icon-scan {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.aside-list-panel {
  width: 560px;
  background: #f5f5f5;
}

.coupon-table table tr th {
  line-height: 15px;
  vertical-align: top;
}
.coupon-table table tr th, .coupon-table table tr td {
  padding: 5px 8px;
  text-align: left;
  font-size: 14px;
}
.coupon-table table tr td {
  border-bottom: dashed 1px #ccc;
}
.coupon-table table tr td .show-balance {
  padding: 2px;
  border: solid 1px #ccc;
  border-radius: 5px;
  min-width: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.coupon-list-table {
  overflow: auto;
  max-height: 100%;
}
.coupon-list-table table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.coupon-list-table table tr td {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.coupon-list-table table tr td .td-title-wrap {
  background-color: #f3f3f3;
  font-weight: 700;
  color: #484848;
  width: 200px;
  font-size: 14px;
  padding: 10px 16px;
}
.coupon-list-table table tr td .td-title-wrap.sm {
  width: 130px;
}
.coupon-list-table table tr td:first-child {
  border-left: 1px solid #ccc;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.coupon-list-table table tr td:last-child {
  border-right: 1px solid #ccc;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.coupon-list-table table tr td.icon-group-col {
  width: 60px;
}

.coupon-list-table {
  overflow: auto;
  max-height: 100%;
}
.coupon-list-table .pbt-show-product-table table {
  border-collapse: collapse;
  border-spacing: 0 0px;
}
.coupon-list-table .pbt-show-product-table table tr td {
  font-size: 14px;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #ccc;
}
.coupon-list-table .pbt-show-product-table table tr td .td-title-wrap {
  background-color: #f3f3f3;
  font-weight: 700;
  color: #484848;
  width: 200px;
  font-size: 14px;
  padding: 10px 16px;
}
.coupon-list-table .pbt-show-product-table table tr td .td-title-wrap.sm {
  width: 130px;
}
.coupon-list-table .pbt-show-product-table table tr td:first-child {
  border-left: 0px solid #ccc;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.coupon-list-table .pbt-show-product-table table tr td:last-child {
  border-right: 0px solid #ccc;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.coupon-list-table .pbt-show-product-table table tr td.icon-group-col {
  width: 60px;
}
.coupon-list-table .pbt-show-product-table table tr:nth-child(2n+2) td {
  background-color: #ebebeb;
}
.coupon-list-table .pbt-show-product-table table tfoot tr td {
  background-color: #ccc;
}

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

.datepicker-custom-position-top + .datetimepicker {
  top: inherit !important;
  bottom: 42px !important;
}

.job-tracking-notification-inner .card {
  width: 100%;
}

.noti-popup .modal-lg {
  max-width: 676px;
}

.file-download {
  width: 12px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.file-download img {
  width: 100%;
}
.file-download.custom-position-icon {
  top: 4px;
  position: relative;
}

.show-name {
  font-size: 14px;
  font-weight: bold;
  color: #0badd5;
}
.show-name p {
  font-size: 13px;
  font-weight: normal;
  color: #5f5f5f;
}
.show-name.title-style {
  color: #717171;
}

.file-title-head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #4a4a4a;
}

.attachment_list {
  padding: 20px;
  border: solid 1px #e4e4e4;
  -webkit-box-shadow: 0px 0px 14px #dcdcdc;
          box-shadow: 0px 0px 14px #dcdcdc;
}
.attachment_list.show-list {
  max-height: 112px;
  overflow: auto;
}

.model-height {
  max-height: calc(100vh - 198px);
  overflow: auto;
}

.attchment-listinner {
  border-bottom: solid 1px #e6e6e6;
}

.link-additional-info {
  color: #0684a4;
  text-decoration: underline;
}
.link-additional-info:hover {
  text-decoration: underline;
  color: rgba(6, 132, 164, 0.7);
}

.current-file-area-upload {
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}

.is-select-all {
  padding-bottom: 8px;
  border-bottom: solid 1px #ccc;
}

.col-right {
  width: 300px;
  background: #F3F3F3;
}

.box-shadow-0 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-flex-height {
  max-height: 35vh;
  overflow: auto;
}

.upload-video-inner {
  border: dashed 1px #0badd5;
  margin-bottom: 10px;
  border-radius: 4px;
}
.upload-video-inner .btn-preview {
  font-size: 13px;
  text-decoration: underline;
  color: #0badd5 !important;
}

.video-uploader h2 {
  font-size: 14px;
}

.form-ipload-file_field-group select {
  border: solid 1px #ccc !important;
}

.bg-black video {
  display: block !important;
}

.v-close {
  position: absolute;
  top: 16px;
  right: 16px;
  opacity: 0.8;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.v-close:hover {
  opacity: 1;
}
.v-close img {
  width: 100%;
}

.upload-section-group {
  padding: 10px 16px;
  padding-left: 26px;
  border-left: dashed 1px #ccc;
}

.alert-style {
  font-size: 14px;
}

.icon-rounded {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
.icon-rounded img {
  width: 100%;
  max-width: 10px;
}

.alert-success .icon-rounded {
  background-color: #7ead6b;
}

.alert-danger .icon-rounded {
  background-color: #d09a9a;
}

.h1-form-label {
  font-size: 14px;
  font-weight: bold;
  color: #545151;
}

.ng-invalid-weight-cubic {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}

.table-job-process.sticky-table table.odd-even tbody tr:nth-child(2n+2) td.td-sub {
  background-color: #e3eaec !important;
}

.customer-account-card {
  font-size: 12px;
  color: #286c7d;
  margin-bottom: 0;
  display: inline-block;
  font-weight: normal;
}
.customer-account-card strong {
  color: #0fabd4;
}

.label-text {
  padding-bottom: 7px;
}

.accordion-link {
  font-size: 13px;
  color: #00aad6 !important;
  display: block;
}

.address-information span:after {
  content: "|";
  margin: 0px 8px;
  color: #6e7a7d;
}
.address-information span:last-child:after {
  content: "";
  margin: 0;
}

.invalid-address {
  color: #ff0303;
}

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

.iconbtn-search {
  width: 13px;
  height: 13px;
  display: inline-block;
}
.iconbtn-search img {
  width: 100%;
}

.icon-down-24 {
  width: 17px;
  height: 16px;
  display: inline-block;
}
.icon-down-24 img {
  width: 100%;
}

.column-head {
  background-color: #bad8e0 !important;
}

.custome-page-height {
  height: calc(100vh - 128px) !important;
  overflow: auto;
}

.header-fixed-table table th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 10;
}

.icon-18 img,
.icon-12 img {
  width: 100%;
}

.icon-18 {
  width: 18px;
  height: 18px;
  display: block;
}

.icon-12 {
  width: 12px;
  height: 12px;
  display: block;
}

.container-sm {
  max-width: 1200px !important;
}

.page-body-light {
  height: calc(100vh - 128px);
  background: #F1F1F1;
}

.title-header {
  background-color: #00A8D3;
  padding: 15px 16px;
}
.title-header h1 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.help-body-head .custom-search-input input {
  padding-left: 37px;
}
.help-body-head .custom-search-input .icon-search-14 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  width: 20px;
  height: 20px;
}
.help-body-head .custom-search-input .icon-search-14 img {
  width: 100%;
}

.border-dashed {
  border-bottom: dashed 1px #ccc;
}
.border-dashed:last-child {
  border-bottom: none;
}

.input-length {
  max-width: 294px;
}

.nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.nav-list ul li {
  border-radius: 4px;
  padding: 2px 13px;
  color: rgba(73, 80, 87, 0.78);
}
.nav-list ul li.active-nav-list {
  border: solid 1px #00A8D3;
  background: rgba(0, 168, 211, 0.2);
  color: #00A8D3;
  text-decoration: none;
}
.nav-list ul li a {
  font-size: 13px;
  text-decoration: none;
  display: block;
}
.nav-list ul li a:hover, .nav-list ul li a:active {
  text-decoration: none;
}
.nav-list ul li:hover a {
  color: #00A8D3 !important;
}

.video-height {
  height: calc(100vh - 200px);
}

.video-btn {
  width: 48px !important;
  height: 48px !important;
  opacity: 0.8;
  min-width: 0 !important;
}

.icon-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 168, 211, 0.46);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-play.sm .video-btn {
  width: 24px !important;
  height: 24px !important;
  opacity: 0.8;
  min-width: 0 !important;
}

.btn-icon-play {
  width: 14px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.btn-icon-play img {
  width: 100%;
}

.btn-link:hover {
  text-decoration: none;
}

.text-primary {
  color: #00A8D3 !important;
}

.is-time-length {
  font-size: 13px;
  font-style: italic;
}

.card-info-box h2 {
  font-size: 16px;
  color: #101010;
}
.card-info-box p {
  font-size: 12px;
  color: #495057;
}

.has-button-group a {
  font-size: 14px;
  color: #00A8D3 !important;
  font-weight: bold;
}
.has-button-group a:hover {
  text-decoration: underline;
}
.aside-header {
  background: #FAFAFA;
  padding: 12px 16px;
}
.aside-header p {
  font-size: 16px;
  font-weight: bold;
  color: #495057;
}

.aside-bar {
  width: 320px;
}
.aside-bar .aside-bar-head img {
  max-width: 18px;
}
.aside-bar .aside-bar-head h3 {
  text-transform: uppercase;
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.bg-light-gray {
  background-color: #EBEBEB;
}

.list-link-text {
  margin-bottom: 0;
}
.list-link-text li {
  margin-bottom: 5px;
}
.list-link-text li a {
  text-decoration: none;
  color: #00A8D3 !important;
  font-size: 14px;
}
.list-link-text li a span {
  color: #495057 !important;
  margin-left: 5px;
}
.list-link-text li a span:before {
  content: "(";
  margin-right: 3px;
}
.list-link-text li a span:after {
  content: ")";
  margin-left: 3px;
}
.list-link-text li a:hover {
  text-decoration: none;
}
.list-link-text li a:before {
  content: "";
  background-image: url(../../images/svg/arrow-right-color.svg);
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  display: inline-block;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 7px;
}

.thumb-img-sm a {
  max-width: 75px;
  height: 42px;
  overflow: hidden;
  display: block;
}
.thumb-img-sm a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.underline {
  text-decoration: underline;
}

.icon-like {
  width: 28px;
  height: 28px;
}
.icon-like img {
  width: 100%;
}

.icon-sm-14 {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.icon-sm-14 img {
  width: 100%;
}
.icon-sm-14 svg {
  width: 100%;
  height: 100%;
}

.btn-group-sm button {
  border: solid 1px #00A8D3;
}
.btn-group-sm button:hover {
  background-color: #00A8D3;
}
.btn-group-sm button:hover svg path {
  fill: #fff;
}

.btn-active {
  background-color: #00A8D3 !important;
}
.btn-active svg path {
  fill: #fff !important;
}

.icon-sm-13 {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
}
.icon-sm-13 img {
  width: 100%;
}

.icon-sm-10 {
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.icon-sm-10 img {
  width: 100%;
}

.icon-sm-14 {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.icon-sm-14 img {
  width: 100%;
}

.category-upload {
  padding: 19px 10px;
  background: #1f788e;
  -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.23);
          box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.23);
}

.custom-file .file {
  position: relative;
  overflow: hidden;
}
.custom-file input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer;
}

.popup-lg .modal-dialog {
  min-width: 500px;
  max-width: 1024px;
}
.popup-lg.popup-xl .modal-dialog {
  min-width: 500px;
  max-width: 1200px;
}

.thumb-uploader {
  padding: 11px 10px;
  background: rgba(0, 168, 211, 0.1);
  border-radius: 4px;
  border: solid 1px rgba(0, 168, 211, 0.4);
}
.thumb-uploader .thumb-nail-preview {
  width: 100px;
  height: 100px;
  display: block;
  border: solid 1px #00A8D3;
}
.thumb-uploader .thumb-nail-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumb-uploader h2 {
  font-size: 14px;
}
.thumb-uploader p {
  font-size: 13px;
}

.textarea-description {
  border: solid 1px #dadfe3 !important;
}

.form-control:not([disabled]):hover, .form-control:not([disabled]):focus {
  border-color: #00A8D3 !important;
}

.p-info {
  font-size: 13px;
}

.button-upload-new {
  padding: 16px;
  color: #fff;
  margin-bottom: 16px;
  border-bottom: dashed 1px #a2a2a2;
}
.button-upload-new h2 {
  font-size: 14px;
  color: #717171;
}

.icon-13 {
  width: 13px;
  height: 13px;
  display: block;
}
.icon-13 img {
  width: 100%;
}

.icon-17 {
  width: 17px;
  height: 17px;
  display: block;
}
.icon-17 img {
  width: 100%;
}

.upload-video-inner input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  cursor: pointer;
  z-index: 2;
  height: 100%;
}

.form-ipload-file_field-group label {
  color: #696969;
  font-weight: 500;
}

.aside-right-width {
  width: 400px;
}

.file-uploader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 11px 9px;
  pointer-events: none;
  background: #e5f6fb;
  z-index: 1;
}
.file-uploader p {
  color: #616161;
}

.upload-icon-lg {
  width: 50px;
  height: auto;
  display: block;
  margin-bottom: 7px;
}
.upload-icon-lg img {
  width: 100%;
  display: block;
}

.is-uploader {
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.is-uploader input {
  cursor: pointer;
}
.is-uploader.custom-uploader {
  height: 115px;
}
.is-uploader.custom-uploader input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.is-uploader .file-uploader {
  border-radius: 8px !important;
  border: dashed 1px #0091b7 !important;
  background: #e5f6fb;
}
.is-uploader:hover .file-uploader {
  background: #f6fdff;
}

.error-info-text {
  font-size: 13px;
  color: #f31818;
}

.more-text {
  font-size: 12px;
}

.has-button-group p {
  margin-bottom: 0;
}

.more-info-text p {
  margin: 0;
}
.more-info-text a {
  font-size: 12px;
}

input,
textarea,
select {
  border: 1px solid #dadfe3 !important;
  border-radius: 4px;
  border-left-width: 1px !important;
  padding-left: 5px;
}

.select-control label {
  font-size: 14px;
  color: #495057;
  font-weight: 400;
}
.select-control select {
  font-size: 13px;
}

.category-list {
  font-size: 11px;
  border-radius: 30px;
  color: #fff;
  padding: 1px 12px;
  display: inline-block;
}

.loop-card:nth-child(4n+1) .category-list {
  background-color: #9473BF;
}
.loop-card:nth-child(4n+2) .category-list {
  background-color: #DB6060;
}
.loop-card:nth-child(4n+3) .category-list {
  background-color: #CC4D95;
}
.loop-card:nth-child(4n+4) .category-list {
  background-color: #9473BF;
}
.loop-card:nth-child(4n+5) .category-list {
  background-color: #8e0e0e;
}
.loop-card:nth-child(4n+6) .category-list {
  background-color: #138679;
}
.loop-card:nth-child(4n+7) .category-list {
  background-color: #425a82;
}
.loop-card:nth-child(4n+8) .category-list {
  background-color: #528653;
}
.loop-card:nth-child(4n+9) .category-list {
  background-color: #a9993d;
}
.loop-card:nth-child(4n+10) .category-list {
  background-color: #d41c1c;
}

.category-head {
  border-bottom: dashed 1px rgba(112, 112, 112, 0.4);
}

.ql-editor p {
  white-space: pre-wrap;
  word-break: break-all;
}

.text-editor-height .ql-editor {
  min-height: 150px;
  max-height: 250px;
  overflow: auto;
}

.help-list,
.loop-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-min-height {
  height: 150px;
  overflow: hidden;
}
.video-min-height > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.video-min-height > * img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.link-more {
  color: #00A8D3 !important;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.help-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.help-list .card {
  -webkit-box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  overflow: hidden;
}
.help-list .card-body {
  padding: 12px;
}
.help-list .card-footer {
  padding: 8px 12px;
  background-color: #fff;
}
.help-list .thumb-img {
  margin-bottom: 10px;
}
.help-list .thumb-img img {
  width: 100%;
}
.help-list .thumb-img_icon {
  max-width: 100px;
}
.help-list .thumb-img.thumb-img_video {
  max-width: 100%;
}
.help-list .thumb-img.thumb-img_video img {
  width: 100%;
}
.help-list .thumb-img_article {
  max-width: 100%;
}
.help-list .thumb-img_article img {
  width: 100%;
}
.help-list.is-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 -8px 0;
}
.help-list.is-direction-row .loop-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 258px;
          flex: 1 1 258px;
  padding: 0 8px 8px;
}
.help-list.is-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: block;
}
.help-list.is-direction-column .loop-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin: 0 0 12px;
}
.help-list.is-direction-column .card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.help-list.is-direction-column .card-body {
  padding: 12px 12px 32px;
}
.help-list.is-direction-column .card-footer {
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.help-list.is-direction-column .video-min-height {
  height: 120px;
  width: 180px;
  padding: 8px;
}
.help-list.is-direction-column .link-more {
  position: absolute;
  left: 192px;
  bottom: 8px;
}

.des-sm {
  font-size: 13px;
  font-weight: bold;
}

.detail-content a {
  color: rgb(11, 0, 128) !important;
}
.detail-content p {
  font-size: 14px;
}

.notification-msg {
  border-radius: 6px;
  background: #fffdee;
  border: 1px solid #e1dbbb;
}
.notification-msg .small {
  color: #827e7f;
}

.blue-title {
  background: #0badd5;
}
.blue-title .select-date small,
.blue-title .select-date .small {
  color: rgba(255, 255, 255, 0.85);
}
.blue-title .multi-select-wrap button,
.blue-title .consume-select,
.blue-title .square-padding select,
.blue-title input {
  color: #fff !important;
}
.blue-title .consume-select,
.blue-title .cal-wrap .cal-date {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.blue-title .form-control::-webkit-input-placeholder {
  /* Edge */
  color: #fff !important;
  opacity: 0.7;
  font-size: 14px;
}
.blue-title .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
  opacity: 0.7;
  font-size: 14px;
}
.blue-title .form-control::-moz-placeholder {
  color: #fff !important;
  opacity: 0.7;
  font-size: 14px;
}
.blue-title .form-control::-ms-input-placeholder {
  color: #fff !important;
  opacity: 0.7;
  font-size: 14px;
}
.blue-title .form-control::placeholder {
  color: #fff !important;
  opacity: 0.7;
  font-size: 14px;
}
.blue-title .custom-select {
  background-image: url("../../../../Images/select-white.svg");
}

.form-group.min-width {
  min-width: 300px;
}

.note-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  width: 320px;
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
.note-card .card-header {
  background-color: #008DB1;
  font-size: 16px;
  color: #fff;
}
.note-card .card-body {
  background-color: #F5F5F5;
}
.note-card .card-body p {
  font-size: 13px;
}
.note-card .card-body small {
  font-size: 13px;
}
.note-card .card-text {
  line-height: 18px;
  display: block;
  font-style: italic;
  font-weight: 600;
}

.ql-container {
  height: auto !important;
}

.form-control-normalborder {
  border: 1px solid #ccc !important;
}

.form-control_borderd {
  padding: 0;
  height: calc(2.25rem + 0px);
  border: 1px solid #ccc !important;
  text-align: left !important;
  position: relative;
}
.form-control_borderd button {
  text-align: left;
  cursor: pointer;
}
.form-control_borderd button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control_borderd:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 6px solid #464a4c;
  z-index: 100;
}

.selected-form-area {
  padding: 10px 16px;
  background: #e4ebec;
  margin-bottom: 11px;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1607843137);
}

.drag-text > * {
  padding: 8px 8px 8px 24px;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 600;
  cursor: move;
  position: relative;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
.drag-text > *:after, .drag-text > *:before {
  content: "";
  width: 2px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.1);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  position: absolute;
}
.drag-text > *:after {
  left: 8px;
}
.drag-text > *:before {
  left: 11px;
}
.drag-text > *:last-child {
  margin-bottom: 0;
}
.drag-text > *:hover {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border-color: #fff;
}
.drag-text > *:hover:before, .drag-text > *:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-primary {
  background-color: #0badd5 !important;
}

.mailcontent-height .ql-editor {
  height: calc(100vh - 430px);
}

.ql-editor[contenteditable=false] {
  background-color: #f3f4f4;
}

.card-body--group h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}

ng-quill-editor .ql-toolbar {
  background-color: rgba(0, 0, 0, 0.01);
}
ng-quill-editor .ql-container {
  background-color: #fff;
}

.text-alert {
  border: 1px solid #fb7777;
  background-color: #f9efef;
  color: #ec4646;
  padding: 4px 40px 4px 12px;
  font-size: 12px;
  margin: 0;
  border-radius: 4px;
  text-align: left;
  font-weight: 700;
}

.ng-invalid-step.no-error-highlight,
.ng-invalid-maxlength.no-error-highlight,
.ng-invalid-minlength.no-error-highlight,
ng-invalid-dataset.no-error-highlight {
  background-color: transparent !important;
  border: none !important;
}

.ng-invalid-maxlength .ql-container.ql-snow,
.ng-invalid-maxlength .ql-toolbar.ql-snow {
  border-color: #FF3636;
}
.ng-invalid-maxlength .ql-toolbar.ql-snow {
  background-color: rgba(255, 0, 0, 0.04);
}

select * {
  color: #666666;
  padding: 8px;
}

.detail-image {
  width: 100%;
  max-width: 700px;
  margin-bottom: 10px;
  display: inline-block;
}
.detail-image img {
  max-width: 100%;
}

.detail-title {
  font-size: 18px;
  font-weight: bold;
  color: #068fb1;
}
.detail-title span {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: #5a5656;
  margin-top: 7px;
}

.upload-data {
  position: fixed;
  bottom: 54px;
  right: 60px;
}
.upload-data .add-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px;
  border: solid 1px #00a8d3;
  border-radius: 50%;
  -webkit-box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.37);
          box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.37);
  cursor: pointer;
  background: #00a8d3;
}
.upload-data .add-icon img {
  width: 100%;
}
.upload-data .add-icon:hover {
  background: #035f77;
}

.text-info-bg {
  padding: 7px 16px;
  background: #e9fbff;
  border-radius: 4px;
  border: solid 1px #a7b5b9;
  font-weight: 500;
  font-size: 14px;
  color: #5b6b6f;
  margin-bottom: 8px;
  text-align: center;
}
.text-info-bg span {
  color: #166d84;
  font-weight: bold;
  text-decoration: underline;
}

.link-download a {
  color: #00aad6 !important;
  text-decoration: underline;
}

.chat-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
}

.chat_box-close {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 100;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: #00a4ce;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}
.chat_box-close img {
  width: 100%;
  max-width: 12px;
}
.chat_box-close svg {
  width: 100%;
  max-width: 12px;
}
.chat_box-close svg path {
  fill: #fff;
}
.chat_box-close:hover svg path {
  fill: #afc2c7;
}

.span-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 64%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background-color: #00aad6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  color: #fff;
  cursor: pointer;
  line-height: 9px;
}
.span-btn.p-relative-span {
  position: relative;
  top: 0;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.span-btn img {
  width: 100%;
  max-width: 15px;
}
.span-btn:hover {
  background-color: #0480a0;
}
.span-btn .tooltip-1 {
  display: inline-block;
  position: relative;
  text-align: left;
}
.span-btn .tooltip-1 .top {
  min-width: 125px;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  padding: 6px 10px;
  color: #FFFFFF;
  background-color: #111111;
  font-weight: normal;
  font-size: 11px;
  border-radius: 4px;
  position: absolute;
  z-index: 99999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #111111;
  display: none !important;
}
.span-btn .tooltip-1 .top:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #111111;
  content: "";
  position: absolute;
  left: 50%;
  right: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
}
.span-btn .tooltip-1:hover .top {
  display: block;
}
.span-btn .tooltip-1:hover .top i {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}
.span-btn .tooltip-1:hover .top i:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  background-color: #111111;
  border: 1px solid #111111;
  -webkit-box-shadow: 0 1px 8px transparent;
          box-shadow: 0 1px 8px transparent;
}
.span-btn:hover .top {
  display: block !important;
}
.span-btn:disabled {
  background: #a9a9a9;
  border-color: #a9a9a9;
  cursor: not-allowed;
  opacity: 0.65;
}
.span-btn.disabled-span {
  background: #a9a9a9;
  border-color: #a9a9a9;
  cursor: not-allowed;
  opacity: 0.65;
}
.span-btn.disabled-span .top {
  display: none !important;
}

.sticky-table-popup {
  max-height: calc(100vh - 500px) !important;
}

.center-modal-md .modal-wide {
  width: 100% !important;
  max-width: 1024px !important;
  min-width: 500px !important;
}

.pickup-list table tfoot tr td {
  background-color: #dedede;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  padding: 10px;
  color: #575f68;
  font-weight: 700;
  font-size: 14px;
}

.select-lg .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.pbt__drink-drop {
  font-size: 14px;
  color: #00aad6;
  display: inline-block;
  padding-bottom: 0px;
  font-weight: 600;
}
.pbt__drink-drop span {
  display: inline-block;
  width: 14px;
  height: 17px;
  margin-left: 5px;
  vertical-align: middle;
}
.pbt__drink-drop span img {
  width: 100%;
}
.pbt__drink-drop:hover {
  color: #0487a9;
  border-bottom: solid 1px #0487a9;
}

.pbt__table-contents {
  max-height: 150px;
  overflow: auto;
}

.max-h-50 {
  max-height: 50%;
}

.show-line-item {
  padding: 0px 5px;
  border-radius: 4px;
  background: #767676;
  color: #ffffff;
  margin-left: 7px;
  min-width: 28px;
  display: inline-block;
  text-align: center;
  font-size: 11px;
}

.dropdown-p-top .dropdown-menu {
  top: initial !important;
  position: absolute;
  bottom: 43px !important;
}

.pbt-text-link {
  font-size: 13px;
  color: #00aad6 !important;
  text-decoration: underline;
}

.table-content-container table tr th {
  padding: 10px 16px !important;
  height: auto !important;
  border-bottom: solid 1px #0487a9;
}
.table-content-container table tr td {
  padding: 0px 16px !important;
  height: auto !important;
}

.pbt-custom-modal-sm {
  max-width: 500px;
}

.job-booking-page {
  height: 100% !important;
}

@media only screen and (max-width: 1120px) {
  .device-sm-container-w {
    max-width: 100%;
  }
  .pbt-device-ipad {
    padding-bottom: 0px !important;
  }
  .md-device-m {
    width: 100% !important;
  }
}
@media only screen and (max-width: 991px) {
  .pbt-device-md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body .customer-details-tab ul.nav-tabs {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border-bottom: 2px solid #ddd !important;
}
body .customer-details-tab ul.nav-tabs li {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  margin-bottom: -2px !important;
}
.card-shadow {
  -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.18);
          box-shadow: 3px 0 7px rgba(0, 0, 0, 0.18);
}

.tab-title {
  font-size: 16px;
  font-weight: 600;
}

.card-head {
  margin-bottom: 16px;
}

.field-refresh {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  cursor: pointer;
}
.field-refresh img {
  width: 100%;
  opacity: 0.7;
}
.field-refresh:hover img {
  opacity: 1;
}
.field-refresh.field-refresh--input {
  right: 0;
}
.field-refresh.sm {
  width: 12px;
  height: 12px;
}
.field-refresh.r-3 {
  right: 30px;
}

.field-label {
  font-size: 13px;
  margin-bottom: 3px;
  color: #2A3F48;
}
.field-label sup {
  color: #FF0303;
}

.flex-auto__width {
  width: 160px;
}

.customer-details-tab select input {
  height: 28px !important;
}
.customer-details-tab .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .customer-details-tab .input-group-sm > select.form-control:not([size]):not([multiple]), .customer-details-tab .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .customer-details-tab select.form-control-sm:not([size]):not([multiple]) {
  height: 28px !important;
}

.container-body-inner {
  min-height: 100%;
  height: calc(100vh - 128px);
}
.container-body-inner .nav-tabs li {
  margin-right: 5px;
}
.container-body-inner .nav-tabs li .nav-link {
  border: 1px solid #ddd !important;
  font-weight: 600;
}
.container-body-inner .nav-tabs li .nav-link:hover {
  background-color: #c6f3ff;
  color: #575f68 !important;
}

.text-secondary {
  color: #292828;
  font-weight: 500;
}

.card-body-container .cal-wrap .cal-date {
  height: 38px !important;
}
.card-body-container .custome-control-input {
  height: 38px !important;
}
.card-body-container .custome-control-input.text-area-input {
  min-height: 38px !important;
  height: auto !important;
}
.card-body-container .form-control:disabled, .card-body-container .form-control[readonly] {
  background-color: transparent !important;
}
.card-body-container .form-control:disabled + .field-refresh, .card-body-container .form-control[readonly] + .field-refresh {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.7;
}
.card-body-container select:disabled {
  border-bottom: 2px dotted #b7b7b7 !important;
  opacity: 0.5;
}
.card-body-container .error-span {
  color: #f35151 !important;
  font-size: 12px !important;
  white-space: normal;
  line-height: 15px;
}
.card-body-container .error-span.lg {
  font-size: 14px !important;
}
.card-body-container .help-icon {
  top: 0;
}
.card-body-container .is-section-relative {
  position: relative;
}
.card-body-container .is-section-relative .dropdown-menu {
  overflow: auto;
  max-height: calc(100vh - 657px);
  min-width: 100%;
}
.card-body-container .is-section-relative .dropdown-menu a {
  white-space: normal;
  font-size: 14px;
}
.card-body-container .is-section-relative.left .dropdown-menu {
  overflow: auto;
  max-height: calc(100vh - 657px);
  min-width: 248px;
}
.card-body-container .is-section-relative.left .dropdown-menu a {
  white-space: normal;
  font-size: 14px;
}
.card-body-container .ng-invalid-data-value {
  border-bottom: solid 1px #f35151 !important;
  color: #f35151 !important;
}
.card-body-container .ng-invalid-data-value.no-error-style {
  border-bottom: none !important;
  color: inherit !important;
}
.card-body-container label {
  white-space: nowrap;
}
.card-body-container .is-custom-length {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 430px;
          flex: 1 1 430px;
}
.card-body-container .menu-list-height ul {
  max-height: calc(100vh - 600px);
  overflow: auto;
}
.card-body-container .pr-0 {
  padding-right: 0 !important;
}

.tp-0 {
  top: 0 !important;
}

.tr-content .bg-light {
  background-color: transparent !important;
}
.tr-content .form-content-group {
  margin-bottom: 0 !important;
}
.tr-content .form-content-group.edit-screen.ng-invalid-data-value {
  border-bottom: none !important;
  color: inherit !important;
}
.tr-content.no-error-style.ng-invalid-data-value {
  border-bottom: none !important;
  color: inherit !important;
}

.table-list-group {
  overflow: auto;
}
.table-list-group table th {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 9;
}
.table-list-group table th.sticky-right {
  right: -1px;
}
.table-list-group table th.pbt-has-icons {
  right: 0;
}
.table-list-group table tbody tr td:last-child {
  position: -webkit-sticky;
  position: sticky;
  right: -1px;
}
.table-list-group table tbody tr td:only-child {
  position: relative;
}

.tab-details-group ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tab-details-group .tab-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
.tab-details-group .tab-content > div {
  height: 100%;
}
.tab-details-group customer-contact > div, .tab-details-group customer-communication > div {
  height: 100%;
}

.bg-lighten {
  background: #fbfbfb;
}

.max-h-100 {
  max-height: 100%;
}

.inputarea-sm {
  width: 80px;
}

.select-rate ul {
  max-height: calc(100vh - 500px);
  overflow: auto;
  top: 78px;
  left: 24px;
}

.dot-lg img {
  max-width: 21px !important;
}

.rounded-sm {
  background-color: #00aad6;
  padding: 10px;
  color: #fff;
  border-radius: 50%;
  width: 41px;
  height: 41px;
}
.rounded-sm img {
  width: 20px;
  height: 20px;
}

.group-height ul {
  max-height: 200px;
  overflow: auto;
}

.text-information {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 16px;
  border: solid 1px #ffc107;
  border-radius: 8px;
  background: #fff6dd;
  font-size: 13px;
  color: #46433b;
  margin-bottom: 10px;
}

.botton-0 {
  bottom: 28px !important;
}

.min-h-50 {
  min-height: 100px;
}

.icon-warning {
  width: 20px;
  height: 20px;
  background: #b38812;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
}
.icon-warning img {
  width: 100%;
  max-width: 13px;
}

.icons-grid {
  width: 28px;
  margin: 0px 3px;
}

body .highlight-row td {
  background-color: #ffdddd !important;
}

.detail-popup {
  overflow: visible !important;
}
.detail-popup .container-body-inner {
  height: 100% !important;
}
.detail-popup .overflow-auto {
  overflow: visible !important;
}
.detail-popup .tab-content {
  overflow: visible !important;
}

body .odd-even tbody:nth-child(2n+2) .highlight-row td {
  background-color: #ffdddd !important;
}

.align-top-content table td {
  vertical-align: top !important;
}

.customized-address .is-custom-length {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 200px !important;
          flex: 1 1 200px !important;
}

.checkbox-card {
  margin-right: 10px;
}
.checkbox-card .custom-control-indicator {
  width: 19px !important;
  height: 19px !important;
}
.checkbox-card .is-tooltip.is-tooltip_lg[data-tooltip]:before {
  width: 300px;
  max-width: 255px;
  text-align: left;
}

.icon-postion-2 {
  position: relative !important;
  top: -2px !important;
}

.custom-modal-container .modal-dialog {
  max-width: 600px;
}

.chip-group {
  padding: 10px 16px;
  background: #ededed;
  border-radius: 8px;
}

.modal-title.sm {
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}

.if-text-link {
  margin: 0 6px;
  text-decoration: underline;
  color: #00aad6;
  white-space: nowrap;
}
.if-text-link.sm {
  font-size: 11px;
}

.textarea-maxheight {
  max-height: 250px !important;
}

.details-section-view .loop-details-section {
  font-size: 13px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.details-section-view .loop-details-section strong {
  font-weight: bold;
}
.details-section-view .loop-details-section strong::after {
  content: ":";
  margin: 0px 4px;
}
.details-section-view .loop-details-section:after {
  content: "|";
  margin: 0px 3px;
  color: #0badd5;
}
.details-section-view .loop-details-section:last-child:after {
  content: "";
  margin: 0px 3px;
}
.details-section-view .loop-details-section.rounded-area {
  padding: 3px 5px;
  background: #f6fdff;
  border-radius: 5px;
  border: solid 1px #6dd9f5;
  font-size: 13px;
}
.details-section-view .loop-details-section.rounded-area:after {
  content: "";
  margin: 0px 3px;
  color: #0badd5;
}
.details-section-view.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.details-section-view.grid .loop-details-section {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 24%;
          flex: 1 1 24%;
}
.details-section-view.grid .loop-details-section:after {
  content: "";
  margin: 0px 3px;
}

@media only screen and (max-width: 1120px) {
  .details-section-view.grid .loop-details-section {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 49%;
            flex: 1 1 49%;
  }
}
.address-finder-section {
  background: #ccc;
  padding: 20px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  position: relative;
  background-color: #00aad6;
}
.address-finder-section:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.address-finder-section > div {
  position: relative;
  z-index: 200;
}

.form-control-rounded {
  border-radius: 8px;
  height: 45px;
  -webkit-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.19);
          box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.19);
  border: solid 1px #00a8d4 !important;
}
.form-control-rounded.form-control-icon-padding {
  padding-left: 40px;
}

.search-icon-absolute {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 13px;
}
.search-icon-absolute img {
  width: 100%;
}

.link-text {
  color: #b6f0ff !important;
  font-size: 14px;
  text-decoration: underline;
}

.ex-text {
  color: #fff;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 13px;
}

.form-sub-title {
  font-size: 16px;
  color: #00aad6;
  margin-bottom: 17px;
}
.form-sub-title p {
  font-size: 13px;
  color: #656161;
  font-weight: 300;
  font-style: italic;
}

.branch-info {
  font-size: 14px;
}
.branch-info span {
  padding: 6px 16px;
  border: solid 1px #0badd5;
  background-color: #c6eff9;
  border-radius: 4px;
  font-size: 13px;
  color: #08576b;
}

.p-loop {
  font-size: 13px;
  margin: 0;
  padding: 10px 16px;
  border-bottom: dashed 1px #eaeaea;
}
.p-loop span {
  width: 30px;
  height: 30px;
  border: solid 1px #9edeef;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-loop span img, .p-loop span i {
  width: 100%;
  max-width: 20px;
  font-size: 14px;
  text-align: center;
}
.p-loop:last-child {
  border-bottom: none;
}

.disclaimer-group p {
  padding: 10px 18px;
  background: #d3f0f7;
  border: solid 1px #0badd5;
  border-radius: 7px;
  font-size: 13px;
}
.disclaimer-group p strong {
  font-size: 14px;
  color: #505050;
}

.sub-title-small {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
}

.close-icon {
  width: 25px;
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ccc;
  border-radius: 50%;
  padding: 7px;
}
.close-icon img {
  width: 100%;
  max-width: 18px;
}
.close-icon:hover img {
  opacity: 0.6;
}

.table-result-group {
  max-height: 100%;
}
.table-result-group table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.table-result-group tr th {
  padding: 11px 16px;
  margin-bottom: 0;
  background-color: #f7f7f9;
  color: #666666;
  text-align: left;
  height: auto;
  font-size: 14px;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 10;
}
.table-result-group tr th .th-tittle {
  font-style: italic;
  font-weight: 600;
  font-size: 13px;
}
.table-result-group tr td {
  font-size: 13px;
  margin: 0;
  padding: 12px 16px;
  border: solid 1px #eaeaea;
}
.table-result-group tr:nth-child(2n+2) td {
  background-color: #f5f5f5;
}

.table-icons {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0;
}
.table-icons i {
  font-size: 18px;
}

.shipment__details .ignore-row-export .reciever-update .is-split-form.empty-card {
  display: none !important;
}

.added-list {
  border-bottom: solid 1px #ccc !important;
  background: #fff;
}

.pbt-list-box {
  padding: 16px;
  background-color: #f3f3f3;
}

.pbt-col-custom-w {
  width: 100%;
  max-width: 195px;
}

.pbt-custom-w-container {
  min-width: 250px;
}

.pbt--attchment-height {
  max-height: 114px;
  overflow: auto;
}

.fixed-top-bar {
  position: fixed;
  z-index: 1000;
  width: 100%;
  background: #fff;
  height: 3.75rem;
  padding: 5px 0px;
}
.fixed-top-bar + .as-table-content-area {
  padding-top: 3.75rem;
}

.search-input-width {
  max-width: 500px;
  margin: 0 0 0 auto !important;
}

.notificationBlock {
  max-height: 100%;
  width: 100%;
  overflow-y: inherit;
  height: auto !important;
}

.error-page-section-height {
  height: calc(100vh - 128px);
}

.full-height {
  height: 100vh;
}

.error-text-contant {
  font-size: 40px;
  color: #00aad6;
}
.error-text-contant p {
  font-size: 16px;
  color: #252d4c;
  font-weight: 500;
}

.error-image {
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
}
.error-image img {
  width: 100%;
}

.pbt__icon-position-sm {
  position: relative;
  top: 2px;
}

.pbt__content-height .dropdown-menu {
  max-height: 230px !important;
}

@media only screen and (max-width: 1380px) {
  .page-header .navbar-toggleable-md .navbar-nav .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
.list-height .mx-h .dropdown-menu {
  max-height: 200px !important;
}

.rate-flex-container h1 {
  color: #00aad6;
  padding-bottom: 8px;
  border-bottom: dashed 1px #ccc;
  margin-bottom: 16px;
  font-size: 15px;
}

.custom-textarea-height {
  min-height: 150px;
}

.list-loop {
  padding-bottom: 12px;
  border-bottom: dashed 1px #ccc;
  padding: 10px 16px;
}
.list-loop p {
  font-size: 13px;
}
.list-loop span {
  font-size: 12px;
}
.list-loop:last-child {
  padding-bottom: none;
  border-bottom: none;
  margin-bottom: none;
}
.list-loop:nth-child(2n+1) {
  background-color: #f1f1f1;
}

.status-container {
  padding: 0px 12px;
  font-size: 13px;
  height: 100%;
  border-right-color: #15add5;
}
.status-container p {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  color: #313131;
}
.status-container .if-status {
  /* padding: 2px 7px; */
  /* background: #e6e6e6; */
  /* border-radius: 8px; */
  border-bottom: solid 2px transparent;
  color: #636363;
  display: inline-block;
  font-size: 14px;
}
.status-container img {
  width: 20px;
  opacity: 0.4;
}

.z-index-9 {
  z-index: 9 !important;
}

.td-status {
  padding-bottom: 2px;
  border-bottom: solid 2px #Ccc;
}

.fl-inherit {
  float: inherit;
}

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

.lf-0 {
  left: 0;
}

@media only screen and (max-width: 991px) {
  .xs-h {
    height: auto !important;
  }
}
.split_table {
  max-height: calc(100vh - 285px);
  overflow: auto;
}
.split_table table tr th, .split_table table tr td {
  font-size: 13px;
  padding: 5px 10px;
  position: relative;
}
.split_table table tr th {
  font-weight: 500;
  background-color: #00AAD6;
  color: #fff;
  text-align: left;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  padding: 10px 10px;
  z-index: 100;
  height: auto;
  font-weight: 600;
  line-height: 16px;
}
.split_table table tr td {
  font-size: 13px;
  color: #707070;
  border: solid 1px #ccc;
  white-space: nowrap;
}
.split_table table tr td p {
  font-size: 13px;
  color: #707070;
  width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
  min-width: 200px;
}
.split_table table tr td p.col-address {
  max-width: 200px;
}
.split_table table tr td .editablerow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.split_table table tr td .editablerow input, .split_table table tr td .editablerow select {
  width: 100%;
  min-height: 29px;
  border-radius: 0;
  height: 100%;
  font-size: 13px !important;
  color: #707070 !important;
  padding: 7px;
  border: solid 1px transparent !important;
  background-color: #fff !important;
}
.split_table table tr td .editablerow input:hover, .split_table table tr td .editablerow input:focus, .split_table table tr td .editablerow select:hover, .split_table table tr td .editablerow select:focus {
  border: solid 1px #00AAD6 !important;
}
.split_table table tr td .editablerow input:hover.invalid-weight-cubic, .split_table table tr td .editablerow input:hover .ng-valid-maxlength, .split_table table tr td .editablerow input:focus.invalid-weight-cubic, .split_table table tr td .editablerow input:focus .ng-valid-maxlength, .split_table table tr td .editablerow select:hover.invalid-weight-cubic, .split_table table tr td .editablerow select:hover .ng-valid-maxlength, .split_table table tr td .editablerow select:focus.invalid-weight-cubic, .split_table table tr td .editablerow select:focus .ng-valid-maxlength {
  border: solid 1px #ff0000 !important;
  color: #ff0000 !important;
}
.split_table table tr td .editablerow select {
  padding: 0 !important;
}
.split_table table tr td .editablerow .dropdown-menu {
  width: 300px;
  overflow: hidden;
}
.split_table table tr td .editablerow .dropdown-menu a {
  display: block;
  white-space: normal;
  word-break: break-all;
  font-size: 13px;
}
.split_table table tr td .editablerow input.ng-invalid.ng-dirty, .split_table table tr td .editablerow input.invalid-split-quantity, .split_table table tr td .editablerow input.invalid-sku-weight, .split_table table tr td .editablerow input.ng-invalid-weight-cubic {
  border: solid 1px #ff0000 !important;
  color: #ff0000 !important;
}
.split_table table tr td .editablerow input.ng-invalid.ng-dirty:hover, .split_table table tr td .editablerow input.ng-invalid.ng-dirty:focus, .split_table table tr td .editablerow input.invalid-split-quantity:hover, .split_table table tr td .editablerow input.invalid-split-quantity:focus, .split_table table tr td .editablerow input.invalid-sku-weight:hover, .split_table table tr td .editablerow input.invalid-sku-weight:focus, .split_table table tr td .editablerow input.ng-invalid-weight-cubic:hover, .split_table table tr td .editablerow input.ng-invalid-weight-cubic:focus {
  border: solid 1px #ff0000 !important;
}
.split_table table tr td.disable-td {
  background-color: #e0e0e0 !important;
}
.split_table table tr td.v-align-middle {
  vertical-align: middle;
}
.split_table table tbody:nth-child(2n+2) tr td {
  background-color: #F5F5F5;
}
.split_table .delete-column {
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  opacity: 0.7;
}
.split_table .delete-column img {
  width: 100%;
}
.split_table .delete-column:hover {
  opacity: 1;
}
.split_table .icon-help {
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  opacity: 0.7;
}
.split_table .icon-help img {
  width: 100%;
}

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

body > [uib-typeahead-popup].dropdown-menu {
  width: auto;
  overflow: auto;
  max-height: 200px;
  right: 0 !important;
  max-width: 300px;
}
body > [uib-typeahead-popup].dropdown-menu a {
  display: block !important;
  white-space: normal !important;
  word-break: break-all;
  font-size: 13px;
}

.card-cover span {
  font-size: 12px !important;
  margin-right: 5px !important;
  position: relative;
  top: -1px;
}
.card-cover .item-count {
  color: #f96666;
}

.action-column-min-width {
  min-width: 16px;
}

.col-inner-card__header {
  padding: 7px 14px;
  font-weight: 600;
  background-color: #00aad6;
  color: #fff;
  font-size: 14px;
}

.custom-input-field {
  height: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0px;
  padding-left: 0px !important;
  border-style: none none solid !important;
  border-top-color: initial !important;
  border-right-color: initial !important;
  border-left-color: initial !important;
  border-top-width: inherit !important;
  border-right-width: inherit !important;
  border-left-width: inherit !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgb(188, 188, 188) !important;
  font-size: 14px !important;
  width: 100%;
  color: #6a6a6a !important;
}
.custom-input-field.if-search-p {
  padding-left: 16px !important;
}
.custom-input-field.ng-dirty.ng-invalid {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.custom-input-field.textarea {
  min-height: 50px;
}
.custom-input-field.textarea.lg {
  height: 65px;
  resize: none;
}
.custom-input-field.textarea.xs {
  height: 23px !important;
  min-height: 23px !important;
  resize: none;
}
.custom-input-field.textarea:disabled {
  background-color: transparent !important;
  opacity: 0.9 !important;
  color: #6a6a6a !important;
}
.custom-input-field.textarea:disabled + .input-search-icon span img {
  opacity: 0.5;
}
.custom-input-field.textarea.sm {
  min-height: 40px;
}
.custom-input-field.text-area-h {
  height: 55px !important;
}
.custom-input-field.textarea.sm {
  min-height: 75px;
}
.custom-input-field:disabled + .input-search-icon span img {
  opacity: 0.9;
}
.custom-input-field:disabled:hover, .custom-input-field:disabled:focus {
  border-bottom-color: rgb(188, 188, 188) !important;
}
.custom-input-field.select {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center i !important;
  padding-left: 12px !important;
}
.custom-input-field:hover, .custom-input-field:focus {
  border-bottom-color: #00aad6 !important;
}
.custom-input-field .btn-group button {
  text-align: left;
  padding-left: 0;
}
.custom-input-field .btn-group button:hover, .custom-input-field .btn-group button:focus {
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-input-field.search {
  padding-left: 32px !important;
}
.custom-input-field + .datetimepicker {
  z-index: 10000 !important;
}
.custom-input-field:disabled {
  background-color: transparent !important;
  opacity: 0.9 !important;
  color: #6a6a6a !important;
  cursor: not-allowed;
}
.custom-input-field.sm {
  height: 22px;
  background-color: transparent;
  font-size: 14px !important;
}
.custom-input-field.sm.is-multiselect {
  padding: 0 0px 4px 0 !important;
  border-bottom: none !important;
}
.custom-input-field.sm.is-multiselect button {
  border-bottom: solid 1px #ccc;
  border-radius: 0;
  padding-bottom: 3px !important;
  font-size: 14px !important;
}
.custom-input-field.sm.is-multiselect button:disabled {
  background-color: transparent !important;
  opacity: 0.65 !important;
  border-bottom: 2px dotted #b7b7b7 !important;
}
.custom-input-field.sm.is-multiselect button:disabled .caret {
  opacity: 0.65 !important;
}
.custom-input-field.sm + .input-search-icon span {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.custom-input-field.sm + .input-search-icon span img {
  width: 100%;
}
.custom-input-field.text-area {
  height: 24px;
  min-height: 22px !important;
  padding: 0 !important;
}
.custom-input-field .dropdown-toggle {
  padding: 0 !important;
  background: transparent;
}
.custom-input-field.ng-invalid-weight-cubic,
.custom-input-field .ng-invalid {
  border-bottom: 1px solid #ef2b09 !important;
  color: #ef2b09 !important;
}
.custom-input-field.select {
  padding-left: 5px !important;
}
.custom-input-field.if-readonly:-moz-read-only {
  border-bottom: 2px dotted #b7b7b7 !important;
  cursor: not-allowed;
  background-color: transparent !important;
  opacity: 0.65 !important;
}
.custom-input-field.if-readonly:read-only {
  border-bottom: 2px dotted #b7b7b7 !important;
  cursor: not-allowed;
  background-color: transparent !important;
  opacity: 0.65 !important;
}
.custom-input-field.if-readonly:-moz-read-only:hover {
  border-bottom: 2px dotted #b7b7b7 !important;
  cursor: not-allowed;
  background-color: transparent !important;
  opacity: 0.65 !important;
}
.custom-input-field.if-readonly:read-only:hover {
  border-bottom: 2px dotted #b7b7b7 !important;
  cursor: not-allowed;
  background-color: transparent !important;
  opacity: 0.65 !important;
}
.custom-input-field .dropdown-toggle {
  color: #6a6a6a !important;
}
.custom-input-field.opacity-1[disabled] {
  opacity: 1 !important;
}
.custom-input-field.opacity-1[disabled] button:disabled {
  opacity: 1 !important;
}
.custom-input-field.xxl {
  height: 38px !important;
  font-size: 16px !important;
  background-color: transparent !important;
}
.custom-input-field.if-datepicker {
  height: 24px !important;
}

.has-date-picker-dropdown .dropdown-menu {
  z-index: 10000 !important;
}

.note-group-custom {
  padding: 5px 8px;
  border: solid 1px #dedede;
  border-radius: 8px;
  background-color: #efefef;
}
.note-group-custom p {
  margin: 0 !important;
  color: #303435;
}

.disabled-info .form-control:disabled,
.disabled-info .form-control[readonly] {
  background-color: transparent !important;
  opacity: 1;
  padding: 0 !important;
  height: 25px !important;
  color: #15add5 !important;
  border-bottom: dashed 1px #ccc !important;
}

select.custom-input-field.select.sm {
  padding: 0 26px 0px 8px !important;
}

.input-search-icon {
  position: absolute;
  top: 32%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-search-icon button {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.input-search-icon button img {
  max-width: 20px;
}
.input-search-icon span {
  display: inline-block;
  width: 25px;
  height: 25px;
}
.input-search-icon span img {
  width: 100%;
}
.input-search-icon.t-50 {
  top: 50% !important;
}
.input-search-icon.sm button {
  width: 27px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.input-search-icon.sm button img {
  max-width: 15px;
}

.upload-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.upload-button input {
  position: absolute;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  left: 0;
  bottom: 0;
}
.upload-button span {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.upload-button span img {
  width: 100%;
}

.files-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.files-icon img {
  width: 100%;
}

.flex-group {
  padding: 4px 0px;
  border-bottom: dashed 1px #dadada;
  font-size: 13px;
}
.flex-group .files-icon {
  width: 19px;
  height: 19px;
}
.flex-group .files-icon.sm {
  width: 15px;
  height: 19px;
}

.note-title {
  font-size: 15px;
  font-style: italic;
  color: #00aad6;
  font-weight: 500;
}

.note-group p {
  margin-bottom: 5px;
  font-style: italic;
  font-size: 15px;
  margin-top: 0 !important;
}
.note-group p span {
  font-size: 19px !important;
  color: #00aad6;
  margin-right: 8px;
  line-height: 0;
}

.link-attachment {
  padding: 7px 14px;
  font-weight: 600;
  background-color: #00aad6;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.link-attachment:hover, .link-attachment:focus {
  background: #00aad6;
  color: #fff;
}
.link-attachment:hover span .show-default, .link-attachment:focus span .show-default {
  display: none;
}
.link-attachment:hover span .show-hover, .link-attachment:focus span .show-hover {
  display: block;
}
.link-attachment span {
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
}
.link-attachment span img {
  width: 100%;
}
.link-attachment span .show-hover {
  display: none;
}

.attachment-list {
  padding: 10px 16px;
  background: #f7f7f7;
  max-height: 250px;
  overflow: auto;
}
.attachment-list .files-icon {
  width: 16px;
  height: 19px;
}
.attachment-list .files-icon.sm {
  width: 15px;
  height: 19px;
}
.attachment-list .attachment-list__body .item-loop {
  padding-bottom: 8px;
  border-bottom: dashed 1px #d8d8d8;
  font-size: 13px;
}
.attachment-list .attachment-list__body .item-loop:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.show-status-btn {
  background-color: #00aad6;
  color: #fff;
  padding: 3px 6px;
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.show-status-btn span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.show-status-btn span img {
  width: 100%;
}
.show-status-btn:hover {
  background-color: #0086a8;
}

.attched-list {
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.attched-list img {
  width: 100%;
}
.attched-list .show-count {
  position: absolute;
  bottom: -2px;
  right: -7px;
  background-color: #FA4649;
  color: #fff;
  border-radius: 50%;
  border: solid 1px #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.icon-view {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.6;
  cursor: pointer;
}
.icon-view:hover {
  opacity: 0.8;
}

.td-sm tr th {
  font-size: 13px !important;
  z-index: 199 !important;
}
.td-sm tr td {
  padding: 10px 10px !important;
  white-space: nowrap;
  font-size: 13px !important;
}
.td-sm tr td p {
  font-size: 13px !important;
  min-width: 200px;
}

.child-table table tr th {
  z-index: 100 !important;
}

.multiselect-input-button {
  border: none !important;
}
.multiselect-input-button .btn-group button {
  text-align: left;
  padding-left: 0;
  border-bottom: solid 1px #ccc !important;
  border-radius: 0;
}
.multiselect-input-button .btn-group button:hover, .multiselect-input-button .btn-group button:focus {
  border-bottom-color: #00aad6 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.multiselect-input-button:disabled {
  border-bottom: none !important;
}
.multiselect-input-button:disabled .btn-group button {
  border-bottom: 2px dotted #b7b7b7 !important;
}
.multiselect-input-button[disabled] {
  border-bottom: none !important;
}
.multiselect-input-button[disabled] .btn-group button {
  border-bottom: 2px dotted #b7b7b7 !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.serach-btn-sm {
  padding-left: 10px;
  padding-right: 10px;
}

.uploaded-list {
  padding: 10px 0px;
  border-bottom: dashed 1px #ccc;
}
.uploaded-list .files-icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.uploaded-list .files-icon img {
  width: 100%;
}
.uploaded-list .files-icon.sm {
  width: 15px;
  height: 19px;
}
.uploaded-list .files-icon.sm .files-icon {
  width: 15px !important;
  height: 15px !important;
}
.uploaded-list.sm {
  font-size: 13px;
  padding: 6px 0px;
}

.pbt__card-form-custom-height {
  max-height: 170px;
  overflow: auto;
}

.box-shadow--fill {
  -webkit-box-shadow: 2px 0px 13px #dedede !important;
          box-shadow: 2px 0px 13px #dedede !important;
}

.border-left-color {
  border-color: #e6e6e6 !important;
}

.line-h-sm {
  line-height: 10px;
}

.show-status-content {
  font-size: 14px;
}
.show-status-content .claim-number {
  background-color: #e8e8e8;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 10px;
  border: solid 1px #ccc;
}

.summary-list {
  padding: 7px 10px;
  background: #fff;
  border-radius: 4px;
  border: solid 1px #ccc;
  font-size: 13px;
  color: #4B4B4B;
  font-weight: bold;
  cursor: pointer;
}
.summary-list:hover {
  background: #f5f5f5;
}
.summary-list .total-count {
  background-color: #dcdcdc;
  padding: 2px 6px;
  border-radius: 10px;
}
.summary-list.card-section-bg {
  border: solid 1px #ff2f2f;
}
.summary-list.card-section-bg .total-count {
  background-color: #ff2f2f;
  color: #fff;
}
.summary-list.card-section-bg-one {
  border: solid 1px #800080;
}
.summary-list.card-section-bg-one .total-count {
  background-color: #800080;
  color: #fff;
}
.summary-list.card-section-bg-two {
  border: solid 1px #ff5e00;
}
.summary-list.card-section-bg-two .total-count {
  background-color: #ff5e00;
  color: #fff;
}

.col-loop:nth-of-type(1) .alternate-color-loop {
  border-color: #749948;
}
.col-loop:nth-of-type(1) .alternate-color-loop span {
  background-color: #749948;
  color: #fff;
}
.col-loop:nth-of-type(2) .alternate-color-loop {
  border-color: #799CE3;
}
.col-loop:nth-of-type(2) .alternate-color-loop span {
  background-color: #799CE3;
  color: #fff;
}
.col-loop:nth-of-type(3) .alternate-color-loop {
  border-color: #05B5D4;
}
.col-loop:nth-of-type(3) .alternate-color-loop span {
  background-color: #05B5D4;
  color: #fff;
}
.col-loop:nth-of-type(4) .alternate-color-loop {
  border-color: #FF7262;
}
.col-loop:nth-of-type(4) .alternate-color-loop span {
  background-color: #FF7262;
  color: #fff;
}
.col-loop:nth-of-type(5) .alternate-color-loop {
  border-color: #E72453;
}
.col-loop:nth-of-type(5) .alternate-color-loop span {
  background-color: #E72453;
  color: #fff;
}

.custom-form-group .datetimepicker {
  z-index: 200 !important;
}

.form-claim .form-group sup {
  color: #ff0000;
  font-size: 15px;
  top: 0;
}

.custom-label {
  font-weight: bold;
  font-size: 14px;
  color: #12aad6;
  line-height: initial;
}

.flex-group-height {
  max-height: 160px;
  overflow: auto;
}

.custom-group {
  padding: 7px 16px;
  border-right: solid 1px rgba(226, 226, 226, 0.8);
  width: 33.333%;
}
.custom-group .attach-group {
  font-size: 13px;
  color: #515469;
  margin-right: 16px;
}
.custom-group .file-head {
  color: #15add5;
  margin-bottom: 5px;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: solid 1px #e2e3e8;
  font-weight: 600;
}
.custom-group .current-file-area {
  padding-bottom: 7px;
  border-bottom: dashed 1px #ccc;
  margin-bottom: 7px;
}
.custom-group .current-file-area span {
  font-weight: 400;
  color: #3f4354;
}
.custom-group .current-file-area:last-child {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0px;
}

.default-h {
  min-height: 100px;
  max-height: 445px;
  overflow: auto;
}

.model-xl .modal-dialog {
  min-width: 992px;
  max-width: 992px;
}

.model-xxl .modal-dialog {
  min-width: 100%;
  max-width: 80%;
}

.card-form-area .form-group label sup {
  color: #ff0000;
  padding-left: 5px;
  font-size: 20px;
  top: 0;
}
.card-form-area table th sup {
  color: #ff0000;
  padding-left: 0px;
  font-size: 18px;
  top: 1px;
}

.search-customer {
  min-width: 270px;
}

.sm-height {
  max-height: 165px;
}
.sm-height.md {
  max-height: 200px;
}

.col-absolute {
  position: absolute;
  right: 0;
  top: 7px;
}

.status-style {
  padding-bottom: 0px;
  border: solid 1px #aba6a6 !important;
  font-weight: bold;
  background: #eaeaea;
  padding: 2px 9px;
  border-radius: 10px;
  font-size: 12px !important;
}

.tab-jobs .cal-wrap .dropdown-menu {
  left: inherit !important;
  right: 0 !important;
}

.custom-checkbox-button {
  background-color: #fff;
  border: solid 1px #12aad6;
  width: 20px !important;
  height: 20px !important;
  top: 0;
}

.label-size {
  font-size: 13px;
  font-weight: 700;
}

.pop-height.sm {
  min-height: 70px;
  max-height: 240px;
  overflow: auto;
}

.filed-information {
  font-size: 12px;
  color: #636363;
  font-weight: 600;
  position: relative;
  right: 0;
  bottom: 0px;
  left: 0;
  background-color: #fff;
  text-align: right;
  width: 100%;
  display: block;
}

.error-bg {
  padding: 0px 11px;
  border-radius: 4px;
  margin-top: 5px;
}

.word-break {
  word-break: break-all;
}

under-declared-freight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.has-separation {
  background-color: #0498BE !important;
}

.has-border {
  border: solid 1px #e8e4e4 !important;
}

.col-fixed-width {
  width: 325px;
}

.pointer-none {
  pointer-events: none !important;
}

.has-min-h .dropdown-menu {
  min-height: 400px !important;
}

.icon-btn img {
  width: 16px !important;
}

.card-serach-area {
  width: 100%;
  max-width: 300px;
}

.pbt-card-expand {
  padding: 24px;
  background: #f1f1f1;
  border-radius: 8px;
}

.field-min-w input {
  min-width: 140px !important;
}

.pbt-max-content-width {
  max-width: 315px;
}

.card-container {
  padding: 3px 9px;
  border: solid 1px #ccc;
  -webkit-box-shadow: 4px 3px 10px #dfe0e5;
          box-shadow: 4px 3px 10px #dfe0e5;
  background: #f5f5f5;
  border-radius: 4px;
}
.card-container .card-input-sm {
  max-width: 120px;
  height: 31px;
}

.card-label-h1 {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
}

.pbt-fix-content-w {
  width: 30px;
}

@media only screen and (max-width: 1450px) {
  .col-absolute {
    position: relative;
    right: 0;
    top: 0px;
  }
}
.split-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 320px;
          flex: 1 1 320px;
  padding: 0px 8px;
}
.split-card--md {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 266px;
          flex: 1 1 266px;
}
.split-card--fill {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
.split-card--fill .is-split-form {
  margin: 0 !important;
}
.split-card--fill .is-split-form label {
  font-size: 12px !important;
  color: #707070 !important;
}
.split-card--fill .is-split-form input {
  height: 22px;
  background-color: transparent;
  font-size: 14px !important;
}
.split-card--sm {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 110px;
          flex: 1 1 110px;
}

.custom-shadow {
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
}

.table-grid.sm tr th {
  padding: 4px 10px !important;
  font-size: 12px !important;
}
.table-grid.sm tr td {
  padding: 4px 10px !important;
}
.table-grid.sm tr td .custom-control-indicator {
  background-color: #fff;
  border: solid 1px #12aad6;
}
.table-grid.sm tr td .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #12aad6 !important;
}
.table-grid.sm tr td .icon-stc[disabled=disabled] {
  background-color: #ccc !important;
  cursor: not-allowed;
}
.table-grid.sm tr:nth-child(2n+2) td {
  background-color: #f2f2f2;
}
.table-grid.sm tfoot tr td {
  background-color: #e2e2e2;
  font-weight: bold;
  font-size: 14px;
}
.table-grid.md tr th {
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-size: 14px;
}
.table-grid.md tr td {
  padding: 8px 16px !important;
  font-size: 14px;
}
.table-grid.md tr:nth-child(2n+2) td {
  background-color: #f2f2f2;
}

.ff-table-h {
  max-height: 170px;
  overflow: auto;
}
.ff-table-h .table-grid tr th {
  background-color: #939393;
}
.ff-table-h .table-grid .mat-form-field-infix {
  width: 100% !important;
}

ngx-material-timepicker-toggle button {
  position: absolute;
  font-size: 13px;
  right: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
ngx-material-timepicker-toggle button svg {
  width: 75% !important;
  opacity: 0.7;
}

.sm-w-input input {
  width: 90px;
}

.icon-14 {
  width: 18px;
  height: 18px;
  background: #12aad6;
  border: solid 1px #fff;
  padding: 3px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.icon-14:hover {
  background: #097290;
}
.icon-14 img {
  width: 100%;
}

.icon-stc {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: #12aad6;
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
}
.icon-stc img {
  width: 100%;
}
.icon-stc:hover {
  background: #097290;
}

.trash-card {
  width: 33px;
}

.custom-model-content {
  width: 100%;
}
.custom-model-content h5 {
  font-size: 18px;
}
.custom-model-content .is-close {
  width: 27px;
  height: 27px;
  background: #0194B8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1;
}
.custom-model-content .is-close span {
  color: #fff;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  top: 1px;
  text-shadow: none;
}

.popup-display-table table {
  width: 100%;
}
.popup-display-table table tr th {
  padding: 5px 10px;
  background-color: #fff;
  height: auto;
  color: #000;
  border-bottom: solid 2px #0194B8;
}
.popup-display-table table tr td {
  padding: 5px 10px;
}

.price-details {
  color: #373737;
  font-size: 15px;
}
.price-details span {
  color: #888888;
}

.link-add-new {
  font-size: 12px;
  font-style: italic;
  color: #BAF1FF !important;
  text-decoration: underline;
  margin: 0px 5px;
}

.pbt__intern-job label {
  font-size: 12px;
}
.pbt__intern-job input {
  height: 22px !important;
  background-color: transparent !important;
  font-size: 14px !important;
}
.pbt__intern-job input:disabled {
  background-color: transparent !important;
  opacity: 0.9 !important;
  color: #6a6a6a !important;
}
.pbt__intern-job .cal-wrap .cal-date {
  font-size: 14px !important;
}
.pbt__intern-job .row > div {
  padding: 0 8px;
}
.pbt__intern-job mat-form-field sup {
  top: 6px !important;
}
.pbt__intern-job mat-form-field sup.t-3 {
  top: -3px !important;
}

.border-dotted {
  border-left: dotted 1px #ccc;
}

.accordion-view .card-header {
  padding: 0 !important;
}

.accordion_header {
  padding: 10px 16px;
  font-size: 13px;
  cursor: pointer;
  background-color: #ececec;
  color: #827e7e;
}
.accordion_header.collapsed {
  background-color: #ececec;
  color: #827e7e;
}
.accordion_header[aria-expanded=true] {
  background: #827e7e;
  color: #fff;
}
.accordion_header[aria-expanded=true] .icon-arrow-filled {
  -webkit-filter: brightness(2);
  filter: brightness(2);
}

.icon-arrow-filled {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}
.icon-arrow-filled img {
  width: 100%;
}

.error-absolute {
  font-size: 11px !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.right-0 ul {
  right: 0 !important;
  left: inherit !important;
  top: 100%;
}

.bottom-0 ul {
  bottom: 100% !important;
  top: inherit !important;
}

.display-comments .display-comments--head {
  text-align: right;
  cursor: pointer;
  text-decoration: underline;
  font-size: 13px;
  color: #0badd5;
  margin-bottom: 12px;
}
.display-comments .display-comments--body {
  color: #2d2d42;
  font-size: 13px;
}
.display-comments .display-comments--body .comment-owner {
  font-size: 13px;
}
.display-comments .display-comments--body .comment-owner span {
  font-style: italic;
}

.pbt__custom-height .dropdown-menu {
  max-height: 255px;
  overflow: auto;
}

.pbt__card-total {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-width: 260px;
  margin-left: auto;
  border-radius: 8px;
  margin-top: 15px;
  border: solid 1px #ccc;
  padding: 10px;
  max-width: 30%;
}

.pbt__total-cost {
  font-size: 18px;
  font-weight: bold;
  color: #363746;
  padding: 6px 0px;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pbt__total-cost span {
  font-weight: normal;
  color: #12aad6;
  font-size: 24px;
}

.card-form-area--custom-height .dropdown-menu {
  max-height: 230px !important;
  overflow: auto !important;
}

.pbt__price-loop {
  border-bottom: dashed 1px #ccc;
  padding-bottom: 4px;
  margin-bottom: 2px;
}

.sticky-th {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: -1px;
  z-index: 100 !important;
}

.layout-static {
  table-layout: auto !important;
}

.pbt__terms-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: solid 1px #ccc;
  color: #12aad6;
}

.pbt__content-group {
  border-bottom: dashed 1px #ccc;
  padding-bottom: 16px;
}
.pbt__content-group h2 {
  font-size: 16px;
  color: #354144;
  margin-bottom: 12px;
}
.pbt__content-group p {
  font-size: 16px;
  margin-bottom: 0;
  color: #616473;
}
.pbt__content-group ul {
  margin: 0;
  padding: 0;
  padding-left: 16px;
}
.pbt__content-group ul li {
  list-style: disc;
  line-height: 30px;
  font-size: 16px;
  color: #616473;
}
.pbt__content-group ul li a {
  color: #12aad6 !important;
  text-decoration: underline;
  font-style: italic;
}
.pbt__content-group ul li a:hover {
  color: #0f8cb0;
}

.pbt_basic-info {
  font-size: 16px;
}

.text-binding .fs-12 {
  font-size: 14px !important;
  color: #4e4e4e;
}
.text-binding .pbt--fs-12 {
  font-size: 14px !important;
  color: #4e4e4e;
}
.text-binding input {
  font-size: 15px !important;
}
.text-binding .custom-input-field.sm {
  font-size: 15px !important;
}
.text-binding .table-grid thead th {
  font-size: 14px !important;
}

.is-redeem-container {
  padding: 12px;
  max-width: 100%;
  background: #efeff1;
  margin-left: auto;
  border-radius: 8px;
  border: dashed 1px #ccc;
  margin-top: 16px;
}

.pbt-field-add-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-62%);
      -ms-transform: translateY(-62%);
          transform: translateY(-62%);
}
.pbt-field-add-btn span {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #12aad6;
  color: #fff;
  font-size: 12px;
}

.pbt--ticket-chip {
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
  background-color: #ccc;
  border-radius: 4px;
  margin-right: 2px;
}

.pbt__custom-col {
  margin: 0px 6px;
}
.pbt__custom-col .pbt__form-container {
  width: 471px;
}
.pbt__custom-col .disable-all {
  opacity: 0.7;
  cursor: not-allowed;
  border-color: #ccc;
}
.pbt__custom-col .disable-all * {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.pbt__custom-col .file-head {
  font-size: 17px !important;
  padding-bottom: 4px;
  border-bottom: solid 1px #ccc;
}

.pbt__orders-loop .disable-all {
  opacity: 0.7;
  cursor: not-allowed !important;
  border-color: #9c9c9c;
}
.pbt__orders-loop .disable-all .card-list * {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
}
.pbt__orders-loop .list-providers {
  border-radius: 8px;
  cursor: pointer;
}
.pbt__orders-loop .is-provider-name {
  font-size: 13px;
  line-height: 20px;
}

.label_lineheight {
  line-height: 30px;
}

.pbt__custom-tooltip {
  position: relative;
  top: 0px;
}

.max-h-100 {
  max-height: 100% !important;
}

.pbt__form-container .custom-input-field {
  font-size: 13px !important;
}
.pbt__form-container .label_lineheight {
  font-size: 13px !important;
}
.pbt__form-container .info-note {
  padding: 6px 12px;
  border: solid 1px #93b2bb;
  border-radius: 8px;
  background: #e1fbff;
  margin-top: 10px;
}

.pbt_lg-radio-btn .custom-control-indicator {
  width: 22px !important;
  height: 22px !important;
}

.form-radio-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-radio-center .pbt_lg-radio-btn {
  position: relative;
  top: -4px;
}

.pbt__custom-border-style {
  padding-left: 32px;
  margin-left: 20px;
  border-left: dashed 1px #ccc;
}

.note-group.sm {
  background: #f4fdff;
  border-radius: 4px;
  border: solid 1px #88bece;
  padding: 3px 5px;
  margin-top: 5px;
}
.note-group.sm p {
  font-size: 14px;
  margin: 0;
}

.invoiceprocess .modal-dialog {
  max-width: 940px !important;
}
.invoiceprocess li:first-child .pbt__card-group:before {
  content: "";
  display: none;
}

.nav-progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 10px;
}
.nav-progressbar > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 30px;
  position: relative;
  width: 110px;
}
.nav-progressbar > * .icon-40 {
  color: #DDD;
}
.nav-progressbar > *:first-child:before {
  display: none;
}
.nav-progressbar > *.completed .icon-24,
.nav-progressbar > *.completed .nav-progressbar__name {
  color: #00AAD6;
}
.nav-progressbar > *.completed .nav-progressbar__name {
  font-weight: 700;
}
.nav-progressbar > *.completed:after {
  background-color: #00AAD6;
}
.nav-progressbar > *.active .icon-24,
.nav-progressbar > *.active .nav-progressbar__name {
  color: #00AAD6;
}
.nav-progressbar > *.active .nav-progressbar__name {
  font-weight: 700;
}
.nav-progressbar .nav-progressbar__name {
  font-size: 13px;
  color: #757575;
  margin-top: 5px;
}

.pbt__card-group {
  width: 53px;
  height: 53px;
  background: #E2E2E2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}
.pbt__card-group .is-count {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}
.pbt__card-group .is-checked {
  display: none;
}
.pbt__card-group .is-checked img {
  max-width: 25px;
}
.pbt__card-group:before {
  position: absolute;
  right: 100%;
  width: 127px;
  height: 2px;
  border-radius: 6px;
  content: "";
  background-color: #DDD;
  top: 50%;
  margin: 0 -10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.process-start .pbt__card-group {
  background-color: #12AAD6;
}
.process-start .nav-progressbar__name {
  color: #12AAD6;
}
.process-start.is-no-before .pbt__card-group:before {
  display: none;
  content: "";
}

.process-completed .pbt__card-group {
  background-color: #12AAD6;
}
.process-completed .pbt__card-group:before {
  background-color: #12AAD6;
}
.process-completed .pbt__card-group .is-count {
  display: none;
}
.process-completed .pbt__card-group .is-checked {
  display: block;
}
.process-completed .nav-progressbar__name {
  color: #12AAD6;
}

.border-dashed-right {
  border-right: dashed 1px #ccc;
}

.card-chip {
  background-color: #F6F6F6;
  border: solid 1px #D2D2D2;
  border-radius: 30px;
  padding: 1px 2px 1px 10px;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-chip .chip-close {
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #A1A1A1;
  border-radius: 50%;
}
.card-chip .chip-close img {
  width: 100%;
  max-width: 10px;
}
.card-chip .chip-text {
  font-size: 12px;
}

.pbt__show-invoice .card {
  border: none;
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  padding: 18px 30px;
  border-radius: 8px;
  font-size: 17px;
  color: #474747;
  font-weight: bold;
}

.pbt__show-count {
  font-size: 28px;
  color: #00aad6;
}

.sm-container {
  max-width: 65%;
  width: 100%;
  margin: 0 auto;
}
.sm-container.max-w-auto {
  max-width: 100%;
}

.pbt__icon-btn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

.custom-table-dashed table tr th {
  font-size: 16px;
  font-weight: bold;
  color: #00aad6;
  text-align: left;
  padding: 6px 8px;
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1;
  background-color: #fff;
}
.custom-table-dashed table tr td {
  border-bottom: dashed 1px #ccc;
  padding: 6px 8px;
  font-size: 15px;
}
.custom-table-dashed table tfoot tr td {
  background-color: #DFDFDF;
  color: #4F5658;
  position: -webkit-sticky;
  position: sticky;
  bottom: -1px;
  z-index: 1;
}

.pbt__fixed-w-column {
  width: 340px;
}

.pbt_field-note {
  padding: 2px 9px;
  background: #ebfbff;
  margin-left: 5px;
  border-radius: 8px;
  border: solid 1px #9fc3ce;
  font-size: 12px;
  color: #5a5d6b;
  font-weight: 400;
}
.pbt_field-note span {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -1px;
}
.pbt_field-note span img {
  width: 100%;
}

.pbt__flex-auto-height {
  height: 448px;
  min-height: 448px;
}

.pbt__has-icon .custom-input-field {
  padding-left: 24px !important;
}
.pbt__has-icon .input_icon {
  width: 14px;
  height: 14px;
}

.max-scroll-h {
  max-height: 200px;
  overflow: auto;
}
.max-scroll-h.lg {
  max-height: 350px;
}

.pbt__show-total-selected {
  color: #fff;
  font-style: italic;
  font-size: 14px;
  padding: 0.625rem 0.9375rem;
}

.btn-if-cancel {
  background-color: #76797A;
}

.text-dark {
  color: #5a5959;
}

.pbt__datepicker-index .datetimepicker {
  z-index: 1000 !important;
}

.pbt__max-h-dropdown .dropdown-menu {
  max-height: 244px;
  overflow: auto;
}

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

.form-group label.is-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #0291b5 !important;
}

.sm-w-container {
  max-width: 150px;
}

.md-w-container {
  min-width: 244px;
}

.lg-w-container {
  max-width: 200px;
}

.card-custom-style {
  min-width: 200px;
  padding: 3px 10px;
}
.card-custom-style .card-section-title {
  font-size: 12px;
  font-weight: bold;
  color: #292e46;
}
.card-custom-style .card-section-content {
  font-size: 13px;
  font-weight: normal;
  color: #292e46;
}
.card-custom-style:nth-child(1) {
  background-color: rgba(255, 176, 0, 0.2);
  border: solid 1px #ffb000;
}
.card-custom-style:nth-child(2) {
  background-color: rgba(23, 157, 210, 0.2);
  border: solid 1px #179dd2;
}
.card-custom-style:nth-child(3) {
  background-color: rgba(81, 226, 112, 0.2);
  border: solid 1px #51e270;
}
.card-custom-style:nth-child(4) {
  background-color: rgba(232, 84, 69, 0.2);
  border: solid 1px #e85445;
}
.card-custom-style .card-section-icon {
  width: 30px;
  height: 22px;
  padding-right: 8px;
  border-right: solid 1px #cacaca;
  margin-right: 8px;
}
.card-custom-style .card-section-icon img {
  width: 100%;
}

.modal-body-content-group {
  position: relative;
}
.modal-body-content-group .table-list-group {
  max-height: calc(100vh - 400px) !important;
}
.modal-body-content-group .three-btns {
  position: absolute;
  bottom: 0;
  right: 0;
}

.pbt__show-details {
  margin-right: 8px;
  border-right: solid 1px #ccc;
  background-color: #e6e6e6;
  color: #292e46;
  font-size: 13px;
  border-radius: 20px;
  padding: 2px 13px;
  border: solid 1px #ccc;
}
.pbt__show-details:last-child {
  border-right: 0;
}
.pbt__show-details strong {
  color: #292e46;
  font-size: 13px;
}
.list_min-h .list_min-loader-h {
  min-height: 100px;
}

.checkbox-content .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0badd5 !important;
  background-size: 54%;
  background-repeat: no-repeat;
  background-position: center center;
}
.checkbox-content .custom-control-indicator {
  width: 20px !important;
  height: 20px !important;
}
.checkbox-content .form-group label {
  line-height: 30px;
}

.pbt-has-error-msg {
  display: block;
  line-height: 14px;
  font-size: 12px !important;
  margin-top: 4px;
}

.center-modal-xl .modal-lg {
  width: 100%;
  max-width: 1300px;
}

.right-side-panel {
  width: 767px;
  padding-left: 12px;
  margin-left: 12px;
  border-left: dashed 1px #ccc;
}

.field-confirm-btn {
  position: absolute;
  top: -4px;
  right: 0;
}
.field-confirm-btn--inner {
  padding: 2px 7px;
  background-color: #00aad6;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  bottom: 3px;
}
.field-confirm-btn--inner .span-icon-send {
  width: 100%;
  max-width: 10px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
.field-confirm-btn--inner .span-icon-send img {
  width: 100%;
}
.field-confirm-btn--inner--link {
  padding: 0;
  background-color: transparent;
  color: #00aad6;
  font-style: italic;
  position: relative;
  top: 6px;
}
.field-confirm-btn--inner--link:hover {
  text-decoration: underline;
}
.field-confirm-btn--inner--td-link {
  font-size: 14px;
  font-style: normal;
  top: 0px;
  -webkit-text-decoration: underlines;
          text-decoration: underlines;
}

.if-has-icon {
  padding-right: 100px;
}

.btn-warning:focus, .btn-warning:hover {
  background-color: #ec971f !important;
  border-color: #eb9316 !important;
}

.btn-danger:focus, .btn-danger:hover {
  color: #fff;
  background-color: #c9302c !important;
  border-color: #c12e2a !important;
}

.file-attach-sm .file-wrapper .button {
  font-size: 9px;
  margin-right: 5px;
  padding: 6px 15px 3px;
}
.file-attach-sm .tag-group .attchment-listinner {
  max-width: 265px;
  border: solid 1px #ccc;
  margin: 0px 5px;
  border-radius: 10px;
  padding: 2px 10px !important;
  height: 100%;
  background: rgba(226, 226, 226, 0.968627451);
  color: #fff !important;
}
.file-attach-sm .has-file-size, .file-attach-sm .show-name {
  font-size: 11px !important;
}
.file-attach-sm .file-download {
  width: 10px;
  height: 10px;
}
.file-attach-sm .attachment_list {
  max-height: 89px;
  overflow: auto;
}

.white-space-normal {
  white-space: normal;
}

.attached-h {
  max-height: 135px;
  overflow: auto;
}

.info-container {
  background-color: #F2F2F2;
}
.info-container ul {
  margin: 0;
  padding: 0 8px;
}
.info-container ul li {
  border-bottom: dashed 1px #ccc;
  padding: 5px 16px;
  color: #2E2E2E;
  cursor: not-allowed;
}
.info-container ul li strong {
  font-size: 13px;
  font-weight: 600;
}
.info-container ul li span {
  font-size: 12px;
  font-weight: 400;
}
.info-container ul li:last-child {
  border-bottom: none;
}
.info-container ul li.is-clickable {
  cursor: pointer;
  -webkit-transition: all 3s;
  transition: all 3s;
}
.info-container ul li.is-clickable .flex-btn-container {
  display: block;
}
.info-container ul li.is-clickable:hover {
  background: #e1e1e1;
  -webkit-transition: all 3s;
  transition: all 3s;
}
.info-container ul li.is-clickable:hover .flex-btn-container {
  display: block;
}

.comments-listing {
  margin-top: 16px;
}
.comments-listing h1 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.comments-listing h1 span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}
.comments-listing h1 span img {
  width: 100%;
}
.comments-listing .list-scroll-height {
  max-height: 150px;
  overflow: auto;
}
.comments-listing .comment-list-loop {
  margin-bottom: 12px;
}
.comments-listing .comment-list-loop .show-comment-text {
  background-color: #EEEEEE;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 13px;
  white-space: normal;
}
.comments-listing .comment-list-loop p {
  font-size: 13px;
}

.is-expand-btn {
  color: #00aad6 !important;
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  cursor: pointer;
}
.is-expand-btn:hover {
  text-decoration: underline;
}
.is-expand-btn span {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
  top: -2px;
}
.is-expand-btn span img {
  width: 100%;
}

.grid-max-w-lg {
  width: 100%;
  max-width: 85%;
  margin: 0 auto;
}

.is-expand-btn:not([href]):not([tabindex]):focus, .is-expand-btn:not([href]):not([tabindex]):hover {
  text-decoration: underline;
}

.add-icon-btn {
  width: 20px;
  height: 20px;
  padding: 4px;
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
  background-color: #00aad6 !important;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.add-icon-btn img {
  width: 100%;
}

.text-link {
  cursor: pointer;
  color: #00aad6;
}
.text-link:hover {
  text-decoration: underline;
}

.files-attachment {
  padding: 10px 16px;
  background-color: #f3f3f3;
  border-radius: 4px;
  border: dashed 1px #ccc;
  margin-bottom: 12px;
}
.files-attachment h1 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}
.files-attachment.has-no-bg {
  background-color: transparent;
  border: none;
  padding: 0;
}
.files-attachment.has-no-bg.border-left {
  border-left: solid 1px #ccc !important;
  border-radius: 0;
}
.files-attachment.has-no-bg.border-right {
  border-right: solid 1px #ccc !important;
  border-radius: 0;
}

.border-right {
  border-right: solid 1px #ccc !important;
}

.border-left {
  border-left: solid 1px #ccc !important;
}

.has-link {
  width: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  opacity: 0.4;
  height: 21px;
}

.data-table-sm table tr th {
  padding: 7px 8px;
  background-color: #dfdfdf !important;
  color: #363636;
  height: auto;
  white-space: normal;
  text-align: left;
  font-size: 13px !important;
  line-height: 12px;
}
.data-table-sm table tr td {
  padding: 8px 8px;
}

.border-primary {
  border: solid 1px #00aad6;
}

.pbt_font_icon-sm {
  min-width: 16px;
}

.field-auto-w {
  min-width: 200px;
}

.icon-bind {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #12aad6;
  border-radius: 4px;
  color: #fff;
}
.icon-bind:hover {
  background-color: #0f8cb0;
}

.sticky-table--height {
  max-height: calc(100% - 0px);
}
.sticky-table--height table tr th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.sticky-table--height table tbody:nth-child(2n+2) td {
  background-color: #f5f5f5 !important;
}

.sub-table-content {
  max-height: 265px;
}
.sub-table-content table tr th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.sub-table-content table tr:nth-child(2n+2) td {
  background-color: #f5f5f5 !important;
}

.custom-switch-input {
  /* Rounded sliders */
}
.custom-switch-input .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.custom-switch-input .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-switch-input .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.custom-switch-input .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.custom-switch-input input:checked + .slider {
  background-color: #00aad6;
}
.custom-switch-input input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #00aad6;
          box-shadow: 0 0 1px #00aad6;
}
.custom-switch-input input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.custom-switch-input .slider.round {
  border-radius: 34px;
}
.custom-switch-input .slider.round:before {
  border-radius: 50%;
}

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

.checkbox-container-group {
  padding: 5px 6px 1px 10px;
  background: #ededed;
  border-radius: 4px;
  position: relative;
  border: solid 1px #e7e7e7;
}

.pbt_status-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ccc;
}
.pbt_status-color.status-if-rejected {
  background-color: #E30F1C;
}
.pbt_status-color.status-if-dg {
  background-color: #F82933;
}
.pbt_status-color.status-if-priority {
  background-color: #00E8B5;
}
.pbt_status-color.status-if-mpi {
  background-color: #1DA1D4;
}
.pbt_status-color.status-if-overdue {
  background-color: #4E0FE3;
}

.pbt_status-card-container {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  cursor: pointer;
}
.pbt_status-card-container.active-card-container {
  border-color: #00aad6;
  background-color: rgba(0, 170, 214, 0.3);
}

.pbt-message-container {
  border-left: dashed 1px #ccc;
  padding-left: 8px;
  margin-left: 8px;
  padding-right: 16px;
}
.pbt-message-container .pbt_cion-bind {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: solid 1px #00aad6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: relative;
}
.pbt-message-container .pbt_cion-bind:hover {
  border-color: #008aad;
  background-color: #008aad;
}
.pbt-message-container .pbt_cion-bind:hover span {
  color: #fff;
}
.pbt-message-container .pbt_cion-bind:hover:after {
  border-top: 9px solid #00aad6;
}
.pbt-message-container .pbt_cion-bind span {
  color: #00aad6;
}
.pbt-message-container .pbt_cion-bind:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #918c8c;
  position: absolute;
  right: -16px;
}

.pbt__left-container {
  background-color: #F5F5F5;
  width: 865px;
}

.dispatch-allocate-sm {
  padding: 4px 11px;
}

.pbt_search-form {
  background-color: #E8E8E8;
  padding: 16px;
}
.pbt_search-form .form-group {
  margin-bottom: 12px !important;
}

.pbt-list-container {
  padding: 0px;
}

.pbt-sort-box {
  max-width: 130px;
}
.pbt-sort-box select {
  width: 100%;
  padding: 4px 0px;
  font-size: 13px;
}

.pbt-icon-sort {
  background: #0badd5;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  padding: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  cursor: pointer;
}
.pbt-icon-sort:hover {
  background: #098dae;
}

.custom-overflowmodalbox mat-dialog-container {
  overflow: inherit !important;
}

.pbt-table-data-list.no-sticky table tr th:last-child {
  position: initial !important;
  right: 0 !important;
  background-color: initial !important;
  z-index: 100;
}
.pbt-table-data-list.no-sticky table tr td {
  cursor: default;
}
.pbt-table-data-list.no-sticky table tr td:last-child {
  position: initial !important;
  right: 0 !important;
  background-color: initial !important;
  z-index: 100;
}
.pbt-table-data-list.no-sticky table tr:hover td {
  background-color: #d5edf3 !important;
}
.pbt-table-data-list table tr th {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 8px;
  text-align: left;
  border-bottom: dashed 1px #C8C8C8;
  height: auto;
  line-height: 16px;
  vertical-align: top;
}
.pbt-table-data-list table tr th:last-child {
  position: -webkit-sticky !important;
  position: sticky !important;
  right: 0 !important;
  background-color: #f5f5f5;
  z-index: 100;
}
.pbt-table-data-list table tr td {
  font-size: 12px;
  padding: 6px 8px;
  text-align: left;
  border-bottom: dashed 1px #C8C8C8;
  cursor: move;
  white-space: nowrap;
}
.pbt-table-data-list table tr td .pbt-drag-icon {
  color: #CCCCCC;
  cursor: pointer;
}
.pbt-table-data-list table tr td:last-child {
  position: -webkit-sticky !important;
  position: sticky !important;
  right: 0 !important;
  background-color: #f5f5f5;
  z-index: 100;
}
.pbt-table-data-list table tr td .pbt-table-address {
  font-size: 12px;
  white-space: normal;
  min-width: 140px;
  margin-bottom: 0px;
}
.pbt-table-data-list table tr:nth-child(2n+2) td {
  background-color: #fff;
}
.pbt-table-data-list table tr:nth-child(2n+2) td:last-child {
  background-color: #fff;
}
.pbt-table-data-list table tr:hover td {
  background-color: #d5edf3 !important;
}
.pbt-table-data-list table tr:hover td .pbt-drag-icon {
  color: #0badd5;
}
.pbt-table-data-list table tr.pbt-selected-row td {
  background-color: #c8ebf4;
}

.pbt-truck-location span {
  font-size: 13px;
  font-weight: 600;
  color: #514F4F;
}
.pbt-truck-location span.pbt-location-end {
  color: #0badd5;
}
.pbt-truck-location span:after {
  content: "";
  background-image: url(../icons/arrow.svg);
  background-repeat: no-repeat;
  width: 31px;
  height: 13px;
  display: inline-block;
  background-size: cover;
  opacity: 0.4;
  margin: 0 5px;
  background-position: center center;
}
.pbt-truck-location span:last-child:after {
  background-image: none;
  display: none;
}

.pbt-list-data-inner {
  padding: 5px 16px;
  border-bottom: dashed 1px #Ccc;
  background-color: #f5f5f5;
  cursor: move;
}
.pbt-list-data-inner:hover {
  background-color: #d5edf3 !important;
}
.pbt-list-data-inner.pbt-selected-row {
  background-color: #c8ebf4;
}

.pbt-checkbox-position {
  position: relative;
  top: 8px;
}

.pbt-job-details {
  font-size: 12px;
}
.pbt-job-details > *:after {
  content: "";
  border-right: dashed 1px #C8C8C8;
  margin: 0 5px;
}
.pbt-job-details > *:last-child:after {
  border-right: 0;
  margin: 0;
}

.pbt-drag-icon {
  text-align: right;
  color: #ccc;
}

.pbt-link-map {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid 1px #15add5;
  border-radius: 50%;
  background: #15add5;
  cursor: pointer;
}
.pbt-link-map:hover {
  background-color: #118fb0;
}
.pbt-link-map a {
  font-size: 12px;
  color: #fff !important;
}
.pbt-link-map a span {
  margin-right: 0 !important;
}
.pbt-link-map.lineheight-h-sm {
  line-height: 0px;
}

.pbt-btn-outline {
  padding: 4px 10px;
  font-size: 13px;
  border: solid 1px #fff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
}

.list-data-table-head {
  padding: 6px 16px;
  background: #15add5;
  color: #fff;
  font-size: 13px;
}
.list-data-table-head h1 {
  font-size: 13px;
}

.truckroot-table {
  overflow: auto;
  max-height: 100%;
}
.truckroot-table table tr th {
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #2A292E;
  border-bottom: solid 1px #D2D2D2;
  border-right: solid 1px #D2D2D2;
  padding: 4px 14px;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  top: -1px;
  background: #Fff;
}
.truckroot-table table tr th .pbt-hint-text {
  display: inline-block;
  font-size: 12px;
  color: #787575;
  font-weight: normal;
  margin-left: 10px;
}
.truckroot-table table tr th .pbt-hint-text span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 4px;
  background-color: #ccc;
  border-radius: 50%;
  vertical-align: middle;
}
.truckroot-table table tr th .pbt-hint-text span.if-accepted {
  background-color: #A3EBBD;
}
.truckroot-table table tr th .pbt-hint-text span.if-allocated {
  background-color: #FFB468;
}
.truckroot-table table tr th .pbt-hint-text span.if-available {
  background-color: #E9EFFE;
}
.truckroot-table table tr th .pbt-hint-text p {
  font-size: 13px;
}
.truckroot-table table tr td {
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #2A292E;
  border-bottom: dashed 1px #D2D2D2;
  border-right: solid 1px #D2D2D2;
  padding: 4px 14px;
  height: auto;
}
.truckroot-table table tr td .pbt-truck-name {
  font-size: 11px;
  font-weight: bold;
}

.pbt-truk-icon-group {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: solid 1px #00AAD6;
  background-color: rgba(0, 170, 214, 0.2);
}
.pbt-truk-icon-group.if-dr-online {
  border-color: #35C71E;
  background-color: rgba(53, 199, 30, 0.2);
}
.pbt-truk-icon-group.if-dr-online > span {
  color: #35C71E;
}
.pbt-truk-icon-group.if-dr-online .pbt-driver-status {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  right: 0;
}
.pbt-truk-icon-group.if-dr-online .pbt-driver-status.if-online {
  background-color: #35C71E;
}

.pbt-truck-card {
  -webkit-box-shadow: 0px 0px 0px 2px #afafaf;
          box-shadow: 0px 0px 0px 2px #afafaf;
  height: 32px;
  border-radius: 30px;
  background-color: #E9EFFE;
  overflow: hidden;
  position: relative;
  min-width: 200px;
}
.pbt-truck-card .pbt-truck-info {
  font-size: 11px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  z-index: 10;
  line-height: 12px;
}
.pbt-truck-card .pbt-truck-info > *:after {
  content: "|";
  margin: 0 5px;
  color: #ccc;
}
.pbt-truck-card .pbt-truck-info > *:last-child:after {
  content: "";
  margin: 0;
}
.pbt-truck-card .pbt-list-data-inner {
  cursor: move;
}
.pbt-truck-card .pbt-list-data-inner * {
  display: none;
}
.pbt-truck-card.list-dragging {
  border: dashed 2px #ffa03f;
  position: relative;
}
.pbt-truck-card.list-dragging:after {
  content: "Drop here...";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 180, 104, 0.8);
  z-index: 100;
  color: #000;
  bottom: 0;
  padding: 5px 12px;
  font-weight: 400;
}
.pbt-truck-card .cdk-drag-placeholder {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  left: 0;
  right: 0;
  position: absolute;
  display: none !important;
}
.pbt-truck-card .cdk-drag-placeholder td {
  display: none !important;
}

.pbt-truck-capacity-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pbt-trip-accepted {
  height: 100%;
  background-color: #A3EBBD;
}

.pbt-trip-allocated {
  height: 100%;
  background-color: #FFB468;
}

.pbt-trip-exceeded {
  height: 100%;
  background-color: #f12323;
}

.dropdown-custom-right {
  width: 420px;
  left: initial !important;
  right: 0;
  -webkit-transform: translate3d(0px, 30px, 0px) !important;
          transform: translate3d(0px, 30px, 0px) !important;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.23) !important;
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.23) !important;
}
.dropdown-custom-right .pbt-msg-group {
  padding: 3px 16px;
  border-bottom: dashed 1px #ccc;
  cursor: pointer;
}
.dropdown-custom-right .pbt-msg-group:hover {
  background-color: #ededed;
}
.dropdown-custom-right .pbt-msg-group h1 {
  font-size: 12px;
  font-weight: 500;
  color: #2A292E;
  margin: 0;
}
.dropdown-custom-right .pbt-msg-group p {
  font-size: 12px;
  margin-bottom: 0;
}
.dropdown-custom-right .pbt-msg-group.pbt-unread-msg {
  background-color: #d5edf3;
}
.dropdown-custom-right .pbt-msg-group.pbt-unread-msg h1 {
  font-weight: bold;
}
.dropdown-custom-right .pbt-msg-group a {
  font-size: 12px;
  font-style: italic;
  color: #2A292E;
  cursor: pointer;
}
.dropdown-custom-right .pbt-msg-group a:hover {
  color: #00AAD6 !important;
  text-decoration: underline;
}

.pbt-auther-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ccc;
}
.pbt-auther-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.aside-panel-right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 420px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  z-index: 10000;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.36);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.36);
}
.aside-panel-right.active-pane-right {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aside-panel-right .pbt-panel-head {
  background: #eeeeee;
}
.aside-panel-right.map-panel {
  width: calc(100% - 865px);
}
.aside-panel-right.map-panel agm-map {
  height: 100% !important;
}
.aside-panel-right.map-panel app-map-view div > .position-relative {
  height: 100%;
}
.aside-panel-right.if-modal-open {
  z-index: 1000000;
}

.pbt-icon-bind {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: solid 1px #00AAD6;
  padding: 6px 7px;
}

.pbt-location-info span {
  font-size: 14px;
  font-weight: 500;
  color: #1e1f38;
  font-weight: bold;
}
.pbt-location-info p {
  font-size: 14px;
  font-weight: 500;
  color: #15add5;
  margin-bottom: 0;
}

.pbt-card-content {
  max-width: 170px;
  margin: 0 auto;
}
.pbt-card-content > * {
  border: solid 1px #00AAD6;
  padding: 4px 12px;
  width: 50%;
  text-align: center;
}
.pbt-card-content > *:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pbt-card-content > *:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pbt-col-loop-container {
  border-bottom: dashed 1px #ccc;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.pbt-col-loop-container span {
  font-size: 12px;
  color: #2e3448;
  font-style: italic;
  font-weight: 500;
}
.pbt-col-loop-container p {
  font-size: 14px;
  font-weight: 500;
  color: #00AAD6;
  margin-bottom: 0;
}

.panel-close-btn {
  position: absolute;
  right: 16px;
  z-index: 100;
  top: 16px;
  cursor: pointer;
}
.panel-close-btn span {
  color: #ccc;
}
.panel-close-btn:hover span {
  color: #b8b8b8;
}

.drag-preview {
  padding: 1px 8px !important;
  background-color: #b4e3f0 !important;
  border: dashed 1px #00AAD6 !important;
  font-size: 12px !important;
  color: #000;
  border-radius: 30px;
}
.drag-preview p {
  font-size: 12px !important;
  margin-right: 16px !important;
}

.pbt-card-tooltip {
  position: absolute;
  bottom: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  min-width: 149px;
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.22);
          box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.22);
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text {
  font-weight: 400;
  font-size: 13px;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text span {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  background-color: #ccc;
  border-radius: 50%;
  vertical-align: middle;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text span.if-accepted {
  background-color: #A3EBBD;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text span.if-allocated {
  background-color: #FFB468;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text span.if-available {
  background-color: #E9EFFE;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text > * {
  border-bottom: dashed 1px #ccc;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.pbt-card-tooltip .pbt-card-tooltip-container .pbt-hint-text > *:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.pbt-card-tooltip:after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid white;
  content: "";
  position: absolute;
  bottom: -9px;
}

.pbt-general-info {
  padding-bottom: 6px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 6px;
}
.pbt-general-info h1 {
  font-size: 15px;
  color: #262836;
}
.pbt-general-info p {
  font-size: 12px;
  margin-bottom: 0;
}

.card-body-xl {
  max-height: calc(100vh - 350px);
  overflow: auto;
}

.cdk-overlay-container {
  z-index: 10400 !important;
}

.map-popup-lg {
  width: 100vh;
  max-width: 100vh;
  min-width: 992px;
  height: calc(100vh - 200px);
}
.map-popup-lg > * {
  height: 100%;
}
.map-popup-lg agm-map {
  height: 100% !important;
}

.map-close-icon {
  position: absolute;
  z-index: 10;
  right: 16px;
  top: 16px;
  background: #fff;
  border-radius: 50%;
}

.pbt-time-summary {
  font-size: 12px;
  font-style: italic;
  color: #939393;
}

.pbt-text-link {
  color: #15add5;
  font-size: 12px;
  text-decoration: underline;
}

.message-icons {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
}
.message-icons span {
  color: #B1B1B1;
}
.message-icons span:hover {
  color: #15add5;
}

.pbt-input-custom-radius {
  border-radius: 8px !important;
  height: 32px !important;
  font-size: 12px;
}
.pbt-input-custom-radius.custom-input-height {
  height: 100% !important;
}
.pbt-input-custom-radius.custom-input-height:-webkit-input-placeholder {
  text-align: center;
}
.pbt-input-custom-radius.custom-input-height:-moz-placeholder { /* Firefox 18- */
  text-align: center;
}
.pbt-input-custom-radius.custom-input-height:-moz-placeholder { /* Firefox 19+ */
  text-align: center;
}
.pbt-input-custom-radius.custom-input-height:-ms-input-placeholder {
  text-align: center;
}

.pbt-btn-icon {
  width: 32px;
  height: 32px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #e8e8e8;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
}

.pbt-field-group {
  background-color: #eee;
}

.pbt-field-expand {
  margin-top: 6px;
}

.pbt-popup-footer {
  padding: 5px 12px;
  font-size: 13px;
  color: #15add5;
}

.pbt-add-icon-bind {
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: solid 1px #15add5;
  border-radius: 50%;
}
.pbt-add-icon-bind span {
  color: #15add5;
}
.pbt-add-icon-bind.lg {
  width: 32px;
  height: 32px;
  border-color: #2A292E;
}
.pbt-add-icon-bind.lg span {
  color: #2A292E;
}
.pbt-add-icon-bind.lg.rotate-x {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pbt-panel-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.comment-group {
  padding-bottom: 8px;
  padding-top: 8px;
  border-bottom: dashed 1px #ccc;
}
.comment-group h1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #373A3A;
  margin-bottom: 4px;
}
.comment-group h1 p {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  color: #787676;
  margin-top: 3px !important;
}
.comment-group h1 p span {
  color: #157c97;
  font-style: italic;
}
.comment-group p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #45494A;
  margin-bottom: 4px;
}
.comment-group .reply-btn {
  color: #008db1;
  font-size: 13px;
  text-decoration: underline;
  font-weight: bold;
}
.comment-group .comment-group-child {
  position: relative;
  padding-bottom: 0px;
  border-bottom: none;
  padding-top: 8px;
}
.comment-group .comment-group-child .comment-group-child-inner {
  padding-left: 19px;
}
.comment-group .comment-group-child .comment-group-child-inner:before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #15add5;
  position: absolute;
  top: 0px;
  left: -1px;
  border-radius: 50%;
  z-index: 2;
  border: solid 3px #fff;
}
.comment-group .comment-group-child .comment-group-child-inner:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 4px;
  background-color: #ccc;
  z-index: 1;
}
.comment-group .comment-group-child .comment-group-child-inner > .pbt-show-replys:last-child {
  border-bottom: none;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.comment-group:last-child {
  border-bottom: none;
  padding-bottom: 8px;
}
.comment-group.pbt-unread-msg {
  background-color: #d5edf3;
}
.comment-group.pbt-unread-msg h1 {
  font-weight: bold;
}
.comment-group:nth-child(2n+2) {
  background-color: #fbfbfb;
}

.pbt-show-comments {
  font-size: 12px;
  line-height: 11px;
  margin-bottom: 6px;
  color: #373A3A;
}
.pbt-show-comments span {
  font-size: 13px;
  color: #6c6868;
  text-decoration: underline;
  font-weight: bold;
}

.pbt-show-replys {
  padding-bottom: 8px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 8px;
}

.pbt-label-tag {
  font-size: 13px;
  margin-bottom: 0;
  color: #6a6a6a;
  font-weight: 400;
  position: relative;
  margin-top: 8px;
  text-align: center;
}
.pbt-label-tag span {
  background-color: #fff;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}
.pbt-label-tag.sm {
  font-size: 12px;
  padding: 5px 16px;
  margin-top: 0px;
  text-align: left;
}
.pbt-label-tag.sm span {
  padding-right: 8px;
  padding-left: 0px;
}
.pbt-label-tag.sm:after {
  content: "";
  width: 92%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  right: 0;
  top: 50%;
  left: 16px;
}
.pbt-label-tag:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  right: 0px;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pbt-hint-text {
  display: inline-block;
  font-size: 12px;
  color: #787575;
  font-weight: normal;
  margin-left: 10px;
}
.pbt-hint-text span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 4px;
  background-color: #ccc;
  border-radius: 50%;
  vertical-align: middle;
}
.pbt-hint-text span.if-accepted {
  background-color: #A3EBBD;
}
.pbt-hint-text span.if-allocated {
  background-color: #FFB468;
}
.pbt-hint-text span.if-available {
  background-color: #E9EFFE;
}
.pbt-hint-text p {
  font-size: 13px;
}

.mat-standard-chip.mat-chip-with-trailing-icon {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
  padding-left: 12px;
  font-size: 11px;
  min-height: 27px;
  font-weight: 600;
  color: #15add5;
  background-color: #e0edf1;
  border: solid 1px #15add5;
  text-shadow: none;
}
.mat-standard-chip.mat-chip-with-trailing-icon .material-icons {
  font-size: 21px;
  position: relative;
  top: -1px;
}

.mat-autocomplete-panel .mat-option {
  line-height: 39px !important;
  height: 39px !important;
  font-size: 12px !important;
}

.pbt-btn-more {
  font-size: 12px;
  font-style: italic;
  cursor: pointer;
  color: #15add5 !important;
}
.pbt-btn-more:hover {
  color: #15add5;
  text-decoration: underline;
}

.pbt-job-no {
  font-size: 12px;
  padding-left: 24px;
}
.pbt-job-no span {
  width: auto !important;
  height: auto !important;
  margin-right: 0 !important;
  font-weight: bold;
  position: relative;
  padding: 0px 4px;
  border: solid 1px #15add5 !important;
  background-color: rgba(21, 173, 213, 0.2) !important;
  color: #15add5 !important;
  border-radius: 4px !important;
  font-size: 10px;
}

mat-checkbox label {
  margin-bottom: 0;
}

.agm-info-window-content p {
  margin-bottom: 8px;
  margin-top: 0;
  font-size: 12px;
  max-width: 200px;
}
.agm-info-window-content p span {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  color: #0badd5;
}

.gm-style-iw-c button {
  top: 0 !important;
  right: 0 !important;
}
.gm-style-iw-c .title {
  color: #0badd5;
}

.gm-style .gm-style-iw-c {
  padding: 26px 13px 0 !important;
}

.edit-details-tab h2 {
  font-size: 14px;
  margin: 12px 0;
}
.edit-details-tab textarea {
  min-height: 300px;
}

.pbt-min-w-0 {
  min-width: 0;
}

.pbt-btn-view-more {
  font-size: 11px;
  color: #9E9B9B;
}

.pbt-hint-text-container-w {
  min-width: 14px !important;
}

.pbt-ref-no-card {
  padding: 3px 6px;
  border-radius: 4px;
  border: solid 1px #0F86A5;
  color: #0F86A5;
  font-size: 11px;
  background: #cde6ed;
  display: inline-block;
}

.pbt-mat-acordion {
  overflow: initial !important;
}

.pbt-date-picker-position-left + .datetimepicker-dropdown-bottom-left {
  left: 0 !important;
}

.pbt-dropdown-sm-area ngb-typeahead-window[role=listbox] .dropdown-item {
  font-size: 12px !important;
  white-space: normal !important;
}
.pbt-dropdown-sm-area ngb-typeahead-window[role=listbox].show {
  width: 100% !important;
}

.pbt-panel-header {
  background: #e7e7e7;
  color: #fff;
  padding: 12px;
}
.pbt-panel-header .pbt-header-icon {
  height: 45px;
  width: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}
.pbt-panel-header .pbt-header-icon span {
  color: #000;
}
.pbt-panel-header .pbt-address-container h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.pbt-panel-header .pbt-address-container p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 2px;
}
.pbt-panel-header .pbt-address-container .pbt-address-info.pbt-has-route {
  padding-right: 32px;
}
.pbt-panel-header .pbt-address-container .pbt-address-info.pbt-has-route:after {
  content: "";
  width: 26px;
  height: 13px;
  background: url(../../../../assets/icons/line-arrow.svg) #fff;
  margin: 0 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 2px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}
.pbt-panel-header .pbt-location-container {
  font-size: 12px;
}
.pbt-panel-header .pbt-ref-no {
  font-size: 11px;
}

.accordion-panel-group .current-accordion-group .mat-expansion-panel-header {
  height: 40px;
  background: #0F86A5 !important;
  color: #fff;
}
.accordion-panel-group .current-accordion-group .mat-expansion-panel-header.mat-expanded {
  height: 40px;
}
.accordion-panel-group .current-accordion-group .mat-expansion-panel-header:hover {
  background: #0F86A5 !important;
}
.accordion-panel-group .current-accordion-group .mat-expansion-panel-header .mat-expansion-indicator:after, .accordion-panel-group .current-accordion-group .mat-expansion-panel-header .mat-expansion-panel-header-description {
  color: #fff;
}
.accordion-panel-group .current-accordion-group .mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: #fff;
}
.accordion-panel-group .current-accordion-group mat-expansion-panel {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion-panel-group .current-accordion-group .mat-expansion-panel-body {
  padding: 12px 12px 0px;
}

.pbt-updated-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F3F3F3;
  padding: 12px;
}
.pbt-updated-info > div {
  text-align: center;
}
.pbt-updated-info > div h2 {
  font-size: 13px;
}
.pbt-updated-info > div p {
  font-size: 12px;
  margin-bottom: 0;
}

.inline-b-container {
  min-width: 70px;
}
.inline-b-container.sm {
  min-width: 19px;
}

.pbt-word-break {
  word-break: break-all;
  white-space: normal;
}

@media only screen and (max-width: 993px) {
  .map-popup-lg {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.container {
  max-width: 100% !important;
}
.container.container-sm {
  max-width: 1200px !important;
}
.container.custom-container-area {
  max-width: 1360px !important;
}
.container.sub-container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.mat-form-field {
  font-family: Arial, Helvetica, sans-serif !important;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  -webkit-transform: translateY(-16px) scale(0.81) perspective(100px) translateZ(0.001px) !important;
          transform: translateY(-16px) scale(0.81) perspective(100px) translateZ(0.001px) !important;
  -ms-transform: translateY(-16px) scale(0.81) !important;
  font-weight: 600 !important;
  font-size: 15px;
  color: #666666 !important;
}

.textarea-min-h {
  min-height: 70px !important;
}

.pbt-show-msg {
  background: #e1f4f9;
  border: solid 1px #00aad6;
  font-size: 12px;
  display: inline-block;
  min-width: 30%;
}

@media only screen and (min-width: 992px) {
  .pr-lg {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1400px) {
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-21px) scale(0.81) perspective(100px) translateZ(0.001px) !important;
    transform: translateY(-21px) scale(0.81) perspective(100px) translateZ(0.001px) !important;
  }
}
.pbt-forgot-password .pbt-forgot-password-inner h1 {
  padding: 32px 32px 16px;
  color: #1f2026;
}
.pbt-forgot-password .pbt-forgot-password-inner h1 p {
  font-size: 12px;
  text-align: center;
  margin: 8px 0;
}
.pbt-forgot-password .pbt-forgot-password-inner .pbt-form-body {
  padding: 0px 32px;
}
.pbt-forgot-password .pbt-forgot-password-inner .pbt-form-body label {
  font-size: 14px;
  color: #1f2026;
  margin-bottom: 0;
}

.pbt-btn-container {
  padding: 16px 32px 32px;
}

courier-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pbt-card-container-group {
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.current-brand-logo img {
  position: relative;
  top: -2px;
  margin-left: 0;
}

.landing-header {
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #ccc;
  -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3294117647);
          box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3294117647);
}

.layout-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1140px;
  padding: 0px 15px;
}
.layout-container.container-lg {
  max-width: 100%;
  padding: 0px 24px;
}

.header-menu-list {
  width: 100%;
}
.header-menu-list nav {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
}
.header-menu-list .navbar-nav li {
  padding: 0;
  height: 4.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-menu-list .navbar-nav li a {
  font-size: 1rem;
  color: #00aad6 !important;
  padding: 0.625rem 1.5625rem !important;
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: bold;
}
.header-menu-list .navbar-nav li a:hover, .header-menu-list .navbar-nav li a:focus, .header-menu-list .navbar-nav li a:active {
  background-color: #00aad6;
  color: #fff !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header-menu-list .navbar-nav li a:after {
  content: "";
  display: none !important;
}
.header-menu-list .navbar-nav li.submenu-item .dropdown-menu {
  border-radius: 0px;
  padding: 0;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3215686275) !important;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3215686275) !important;
}
.header-menu-list .navbar-nav li.submenu-item .dropdown-menu a:after {
  display: none;
  content: "";
  background-image: none;
}
.header-menu-list .navbar-nav li.submenu-item .dropdown-menu a:hover:after, .header-menu-list .navbar-nav li.submenu-item .dropdown-menu a:focus:after, .header-menu-list .navbar-nav li.submenu-item .dropdown-menu a:active:after {
  background-image: none !important;
}
.header-menu-list .navbar-nav li.submenu-item a:after {
  display: inline-block !important;
  width: 12px;
  height: 12px;
  background-image: url(../../images/svg/down-arrow-color.svg);
  margin-left: 0.3em;
  vertical-align: middle;
  content: "" !important;
  border-top: none;
  border-right: none;
  border-left: none;
  background-size: 100%;
  background-position: center center;
  background-size: 100%;
  position: relative;
  top: 2px;
}
.header-menu-list .navbar-nav li.submenu-item a:hover:after, .header-menu-list .navbar-nav li.submenu-item a:focus:after, .header-menu-list .navbar-nav li.submenu-item a:active:after {
  background-image: url(../../images/svg/arrow-down.svg) !important;
}
.header-menu-list .navbar-toggler-right {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-menu-list .navbar-brand {
  margin-right: 0;
  margin-left: 0.9375rem;
  padding-right: 1.875rem;
}

.fixed-footer {
  z-index: 100;
}

.body-content {
  overflow: auto;
}

ui-view {
  display: block;
}

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

@media only screen and (min-width: 1200px) {
  .header-menu-list .navbar-brand {
    margin-right: 0;
    margin-left: 0rem;
  }
}
@media only screen and (max-width: 991px) {
  .header-menu-list .navbar-brand {
    margin-right: 0 !important;
    padding: 0rem 1.25rem;
  }
  .header-menu-list .navbar-nav li {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header-menu-list .navbar-nav li a {
    display: block;
    width: 100%;
    height: auto;
  }
  .header-menu-list .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: relative;
    float: none;
    width: 100%;
  }
  .landing-header {
    padding: 10px 0px;
  }
  .header-menu-list .navbar-brand {
    margin-right: 0;
    margin-left: 0rem;
  }
  .header-menu-list .navbar-toggler-right {
    top: 18px;
  }
  .layout-container {
    padding: 0px 15px !important;
  }
  .border-left {
    border-left: none;
    padding-left: 0 !important;
  }
}
.page-titile {
  width: 100%;
  position: relative;
  height: 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.page-titile:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #00aad6;
  content: "";
  z-index: 10;
}

.titile-h2 {
  color: #fff;
  position: relative;
  z-index: 1000;
  font-size: 1.6875rem;
}

.servics-area {
  background-color: #fff;
  padding: 1.875rem;
  margin-bottom: 2.5rem;
  border-radius: 7px;
}

.section-services {
  position: relative;
  margin-top: -4.375rem;
  z-index: 10;
}

.sub-title {
  color: #484848;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 2.5rem;
}

.collapse-area:after {
  content: "";
  height: 50px;
  width: 1px;
  background-color: #0badd5;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.current-services {
  width: 100%;
  text-align: center;
  padding: 1.5625rem 1.25rem;
  border: solid 1px #0badd5;
  border-radius: 6px;
  -webkit-box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.1607843137);
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.current-services .icon-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 62px;
  margin: 0 auto 15px;
  height: 65px;
}
.current-services .icon-logos img {
  margin: 0 auto;
  width: 100%;
}
.current-services p {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
  min-height: 2.75rem;
}
.current-services .btn-area {
  min-width: 109px;
  display: inline-block;
  padding: 10px 10px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  border: solid 1px #0badd5;
  background-color: #0badd5;
  border-radius: 5px;
}
.current-services .btn-area:hover, .current-services .btn-area:focus, .current-services .btn-area:active {
  border: solid 1px #0587a7;
  background-color: #0587a7;
}
.current-services:hover, .current-services:focus, .current-services:active {
  -webkit-box-shadow: 0px 0px 41px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 0px 41px rgba(0, 0, 0, 0.29);
}
.current-services a {
  color: #00aad6 !important;
  text-decoration: underline;
}
.current-services a:hover, .current-services a:focus, .current-services a:active {
  color: rgba(0, 170, 214, 0.9);
}

.current-info {
  margin-bottom: 20px;
}
.current-info h3 {
  font-size: 0.9375rem;
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: solid 1px #00aad6;
  margin-bottom: 15px;
}
.current-info p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.current-info a {
  color: #00aad6 !important;
  font-size: 0.875rem;
}
.current-info a span {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.current-info a span img {
  width: 100%;
}

.has-time-info p {
  margin: 0;
  font-size: 0.9375rem;
}
.has-time-info p span {
  color: #00aad6;
  margin-left: 10px;
}

.call-info p {
  margin: 0;
  margin-bottom: 10px;
  font-size: 0.875rem;
}
.call-info p span {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.call-info p span img {
  width: 100%;
}

.col-bg {
  background: #e2ecef;
  padding: 30px;
}

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

.link-map {
  color: #00aad6 !important;
}
.link-map:hover, .link-map:focus, .link-map:active {
  color: rgba(0, 170, 214, 0.8) !important;
}

.aside-links li a {
  color: #00aad6 !important;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  position: relative;
}
.aside-links li a:hover, .aside-links li a:focus, .aside-links li a:active {
  color: #fff !important;
  background-color: rgba(0, 170, 214, 0.8);
}
.aside-links li a:hover .hover-none, .aside-links li a:focus .hover-none, .aside-links li a:active .hover-none {
  display: none;
}
.aside-links li a:hover .hover-block, .aside-links li a:focus .hover-block, .aside-links li a:active .hover-block {
  display: block;
}
.aside-links li a span {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  float: right;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
}
.aside-links li a span img {
  width: 100%;
}
.aside-links li a span.hover-block {
  display: none;
}
.aside-links li.active-link a {
  color: #fff !important;
  background-color: #00aad6;
}
.aside-links li.active-link a .hover-block {
  display: block !important;
}

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

.mat-dialog-content {
  margin: 0 !important;
}

@media only screen and (max-width: 991px) {
  .contact-info {
    padding-right: 0;
  }
  .collapse-area:after {
    display: none;
  }
}