@charset "UTF-8";
/* Mixins || Hover
----------------------------------------------------------------------------------------------------*/
/* Mixin || Clearfix
----------------------------------------------------------------------------------------------------*/
/* Mixin || Transition
----------------------------------------------------------------------------------------------------*/
/* Mixin || Opacity
----------------------------------------------------------------------------------------------------*/
/* Mixin || Border radius
----------------------------------------------------------------------------------------------------*/
/* Mixin || Display Flex
----------------------------------------------------------------------------------------------------*/
/* Mixin || Box-shadow
----------------------------------------------------------------------------------------------------*/
/* Mixin || Transform-origin
----------------------------------------------------------------------------------------------------*/
/* Mixin || Transform
----------------------------------------------------------------------------------------------------*/
/* Mixin || Rotation
----------------------------------------------------------------------------------------------------*/
/* Mixin || Scale
----------------------------------------------------------------------------------------------------*/
/* Mixin || Keyframes animation
----------------------------------------------------------------------------------------------------*/
/* Mixin || Animation
----------------------------------------------------------------------------------------------------*/
/* Mixin || Text truncate
----------------------------------------------------------------------------------------------------*/
@keyframes anim-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

/* Mixin || background-clip
----------------------------------------------------------------------------------------------------*/
/* Mixin || text-fill-color
----------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "skyneticon";
  src: url("../fonts/skynet/skynet.eot?2.10.8");
  src: url("../fonts/skynet/skynet.eot?2.10.8#iefix") format("embedded-opentype"), url("../fonts/skynet/skynet.ttf?2.10.8") format("truetype"), url("../fonts/skynet/skynet.woff?2.10.8") format("woff"), url("../fonts/skynet/skynet.svg?2.10.8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "skyneticon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-icon-triangle:before {
  content: "\e92e"; }

.icon-icon-vehicle:before {
  content: "\e92f"; }

.icon-icon-tank:before {
  content: "\e935"; }

.icon-icon-3-dots:before {
  content: "\e900";
  color: #021a49; }

.icon-icon-account:before {
  content: "\e901"; }

.icon-icon-activity:before {
  content: "\e902"; }

.icon-icon-add-new:before {
  content: "\e903"; }

.icon-icon-app-store:before {
  content: "\e904"; }

.icon-icon-arrow-down:before {
  content: "\e905"; }

.icon-icon-arrow-up:before {
  content: "\e906"; }

.icon-icon-billing:before {
  content: "\e907"; }

.icon-icon-bug:before {
  content: "\e908"; }

.icon-icon-calendar:before {
  content: "\e909"; }

.icon-icon-checklist:before {
  content: "\e90a"; }

.icon-icon-checkmark:before {
  content: "\e90b"; }

.icon-icon-chevron-down:before {
  content: "\e90c"; }

.icon-icon-chevron-left:before {
  content: "\e90d"; }

.icon-icon-chevron-right:before {
  content: "\e90e"; }

.icon-icon-chevron-up:before {
  content: "\e90f"; }

.icon-icon-cloudbox:before {
  content: "\e955"; }

.icon-icon-cloudlink:before {
  content: "\e911"; }

.icon-icon-comment:before {
  content: "\e912"; }

.icon-icon-dashboard:before {
  content: "\e913"; }

.icon-icon-data:before {
  content: "\e914"; }

.icon-icon-device:before {
  content: "\e915"; }

.icon-icon-download:before {
  content: "\e916"; }

.icon-icon-driver:before {
  content: "\e917"; }

.icon-icon-edit:before {
  content: "\e918"; }

.icon-icon-export:before {
  content: "\e919"; }

.icon-icon-fuelcloud-logo:before {
  content: "\e961"; }

.icon-icon-gear-outline:before {
  content: "\e91b"; }

.icon-icon-instabug .path1:before {
  content: "\e91c";
  color: white; }

.icon-icon-instabug .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: black; }

.icon-icon-iphone:before {
  content: "\e91e"; }

.icon-icon-location-fill:before {
  content: "\e91f"; }

.icon-icon-location-stroke:before {
  content: "\e920"; }

.icon-icon-logout:before {
  content: "\e921"; }

.icon-icon-mail:before {
  content: "\e922"; }

.icon-icon-menu:before {
  content: "\e923"; }

.icon-icon-mobile:before {
  content: "\e924"; }

.icon-icon-notification:before {
  content: "\e925"; }

.icon-icon-play:before {
  content: "\e926"; }

.icon-icon-pump:before {
  content: "\e927"; }

.icon-icon-question:before {
  content: "\e928"; }

.icon-icon-reports:before {
  content: "\e929"; }

.icon-icon-search:before {
  content: "\e92a"; }

.icon-icon-sync:before {
  content: "\e92b"; }

.icon-icon-transfer:before {
  content: "\e92c"; }

.icon-icon-wifi:before {
  content: "\e92d"; }

.icon-icon-light-bulb:before {
  content: "\e92e"; }

.icon-icon-custom-product:before {
  content: "\e92f"; }

.icon-icon-lock:before {
  content: "\e930"; }

.icon-icon-fence:before {
  content: "\e931"; }

.icon-icon-x-fill:before {
  content: "\e932"; }

.icon-icon-view-stroke:before {
  content: "\e933"; }

.icon-icon-group:before {
  content: "\e934"; }

.icon-icon-earth:before {
  content: "\e936"; }

.icon-icon-manage:before {
  content: "\e93b"; }

.icon-icon-manage-tank:before {
  content: "\e93a"; }

.icon-icon-flexible:before {
  content: "\e939"; }

.icon-icon-users:before {
  content: "\e938"; }

.icon-icon-vehicle:before {
  content: "\e937"; }

.icon-icon-location-star:before {
  content: "\e964"; }

.icon-icon-warning:before {
  content: "\e93e"; }

.icon-icon-reload:before {
  content: "\e93f"; }

.icon-icon-gear-fill:before {
  content: "\e942"; }

.icon-icon-edit-fill:before {
  content: "\e941"; }

.icon-icon-triangle:before {
  content: "\e940"; }

.icon-icon-view-fill:before {
  content: "\e943"; }

.icon-icon-view:before {
  content: "\e944"; }

.icon-icon-single:before {
  content: "\e945"; }

.icon-icon-reset-filter:before {
  content: "\e946"; }

.icon-icon-view-hide:before {
  content: "\e947"; }

.icon-icon-save:before {
  content: "\e948"; }

.icon-icon-duplicate:before {
  content: "\e94a"; }

.icon-icon-x-stroke:before {
  content: "\e949"; }

.icon-icon-amazing:before {
  content: "\e91c"; }

.icon-icon-checkmark-fill:before {
  content: "\e94b"; }

.icon-icon-shrink-expand:before {
  content: "\e94c"; }

.icon-icon-custom-data:before {
  content: "\e94d"; }

.icon-icon-driver-details:before {
  content: "\e94e"; }

.icon-icon-setting:before {
  content: "\e93c"; }

.icon-icon-dispatch:before {
  content: "\e94f"; }

.icon-icon-code:before {
  content: "\e950"; }

.icon-icon-trash:before {
  content: "\e951"; }

.icon-icon-customers:before {
  content: "\e952"; }

.icon-icon-icon-jobber:before {
  content: "\e953";
  font-size: 13px;
  font-size: 0.8125rem; }

.icon-icon-simplify:before {
  content: "\e954"; }

.icon-icon-accounting:before {
  content: "\e956"; }

.icon-icon-tax-forms:before {
  content: "\e957"; }

.icon-icon-my-reports:before {
  content: "\e958"; }

.icon-icon-copy:before {
  content: "\e959"; }

.icon-icon-qr-code:before {
  content: "\e95a"; }

.icon-icon-boost:before {
  content: "\e95b"; }

.icon-icon-sales:before {
  content: "\e95c"; }

.icon-icon-mdm:before {
  content: "\e95d"; }

.icon-icon-returns:before {
  content: "\e95e"; }

.icon-icon-zendesk:before {
  content: "\e95f"; }

.icon-icon-customer-alert:before {
  content: "\e960"; }

.icon-icon-fuelcloud:before {
  content: "\e961"; }

.icon-icon-weights:before {
  content: "\e962"; }

.icon-icon-register:before {
  content: "\e96a"; }

.icon-icon-network:before {
  content: "\e963"; }

.icon-icon-tank-monitor:before {
  content: "\e965"; }

.icon-icon-site-controller:before {
  content: "\e966"; }

.icon-icon-kiosk:before {
  content: "\e967"; }

.icon-icon-information:before {
  content: "\e968"; }

.icon-icon-edit-table:before {
  content: "\e96b"; }

.icon-icon-share-link:before {
  content: "\e96c"; }

.icon-icon-barcode:before {
  content: "\e970"; }

.icon-icon-reconcile:before {
  content: "\e971"; }

.icon-icon-warning-dot:before {
  content: "\e96d"; }

.icon-icon-card:before {
  content: "\e976"; }

.icon-icon-download-new:before {
  content: "\e977"; }

.icon-icon-delivery-truck:before {
  content: "\e96f"; }

.icon-icon-barcode:before {
  content: "\e970"; }

.icon-icon-support-menu:before {
  content: "\e973"; }

.icon-icon-companies:before {
  content: "\e974"; }

.icon-icon-support-sync:before {
  content: "\e975"; }

.icon-icon-customer:before {
  content: "\e97b"; }

.icon-wifi-router:before {
  content: "\e97c"; }

.icon-icon-report-note:before {
  content: "\e978"; }

.icon-icon-report-line-chart:before {
  content: "\e979"; }

.icon-icon-report-check-note:before {
  content: "\e97a"; }

.icon-icon-site-controller-horizontal:before {
  content: "\e985"; }

.icon-icon-new-trash:before {
  content: "\e991"; }

.icon-icon-bank:before {
  content: "\e990"; }

.icon-icon-customer-square:before {
  content: "\e97b"; }

.icon-icon-wifi-router:before {
  content: "\e97c"; }

.icon-icon-register-square:before {
  content: "\e97d"; }

.icon-icon-truck-system:before {
  content: "\e97e"; }

.icon-icon-power-off:before {
  content: "\e97f"; }

.icon-icon-driver-new:before {
  content: "\e980"; }

.icon-icon-log-out:before {
  content: "\e981"; }

.icon-icon-gear-stroke:before {
  content: "\e982"; }

.icon-icon-calender-bold:before {
  content: "\e983"; }

.icon-icon-barrier-bold:before {
  content: "\e984"; }

.icon-icon-bold-site:before {
  content: "\e986"; }

.icon-icon-bold-tank:before {
  content: "\e987"; }

.icon-icon-bold-vehicle:before {
  content: "\e988"; }

.icon-icon-bold-lock:before {
  content: "\e989"; }

.icon-icon-bold-cloudbox:before {
  content: "\e98a"; }

.icon-icon-bold-tank-monitor:before {
  content: "\e98b"; }

.icon-icon-bold-register:before {
  content: "\e98c"; }

.icon-icon-bold-weight-n-measure:before {
  content: "\e98d"; }

.icon-icon-bold-subscription:before {
  content: "\e98e"; }

.icon-icon-bold-pump:before {
  content: "\e98f"; }

.icon-icon-driver-new:before {
  content: "\e980"; }

.icon-icon-log-out-new:before {
  content: "\e981"; }

.icon-icon-info-bold:before {
  content: "\e994"; }

.icon-icon-edit-new:before {
  content: "\e998"; }

.icon-icon-price:before {
  content: "\e999"; }

.icon-icon-ruler:before {
  content: "\e99a"; }

.icon-icon-only-fill:before {
  content: "\e99b"; }

.icon-icon-transfer-bold:before {
  content: "\e99c"; }

.icon-icon-mobile-network:before {
  content: "\e99d"; }

.icon-icon-ticket:before {
  content: "\e99e"; }

.icon-icon-folder-bold:before {
  content: "\e993"; }

.icon-icon-open-link:before {
  content: "\e99f"; }

.icon-icon-clean-habor-logo:before {
  content: "\e9a0"; }

.icon-icon-reconcile-revert:before {
  content: "\e9a4"; }

.icon-icon-check-list-bold:before {
  content: "\e9a7"; }

.icon-icon-paper:before {
  content: "\e9a1"; }

.icon-icon-refresh-new:before {
  content: "\e9a2"; }

.icon-icon-rocket-fly:before {
  content: "\e9a3"; }

.icon-icon-adjust-settings:before {
  content: "\e9a8"; }

.icon-icon-drag:before {
  content: "\e9a5"; }

.icon-icon-ipad:before {
  content: "\e9a6"; }

.hardware_type_1 {
  font-family: skyneticon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .hardware_type_1:before {
    content: "\e955"; }

.hardware_type_2 {
  font-family: skyneticon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .hardware_type_2:before {
    content: "\e911"; }

.icon-icon-oval-greeen {
  height: 17px;
  height: 1.0625rem;
  width: 17px;
  width: 1.0625rem;
  background: url("../img/icons/icon-oval-green.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.icon-icon-oval-red {
  height: 17px;
  height: 1.0625rem;
  width: 17px;
  width: 1.0625rem;
  background: url("../img/icons/icon-oval-red.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.RobotoMono {
  font-family: "Roboto Mono", monospace; }

.icon-icon-fuelcloud-app {
  height: 25px;
  height: 1.5625rem;
  width: 35px;
  width: 2.1875rem;
  background: url("../img/icons/icon-fuelcloud.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.icon-icon-fillrite {
  height: 35px;
  height: 2.1875rem;
  width: 35px;
  width: 2.1875rem;
  background: url("../img/icons/icon-fillrite.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.icon-icon-fuel-installer {
  height: 35px;
  height: 2.1875rem;
  width: 35px;
  width: 2.1875rem;
  background: url("../img/icons/icon-fuel-installer.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.icon-icon-fillrite-installer {
  height: 35px;
  height: 2.1875rem;
  width: 35px;
  width: 2.1875rem;
  background: url("../img/icons/icon-fillrite-installer.png") center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle; }

.nav-item-main-blue {
  background: #000000;
  color: #ffffff; }
  .nav-item-main-blue a {
    color: inherit; }
  .nav-item-main-blue .sub-menu {
    background: #323232; }

.nav-onboarding {
  background-image: #BF985F;
  color: #ffffff; }
  .nav-onboarding a {
    color: inherit; }
  .nav-onboarding .sub-menu {
    background: #323232; }
  .nav-onboarding label {
    margin-left: 10px;
    border-radius: 6px;
    border-radius: 0.375rem;
    background: #ffffff;
    font-size: 10px;
    font-size: 0.625rem;
    color: #BF985F;
    padding: 5px;
    padding: 0.3125rem;
    margin-bottom: 0;
    line-height: 13px;
    line-height: 0.8125rem; }
    .nav-onboarding label i {
      font-size: 10px !important;
      font-size: 0.625rem !important;
      width: auto !important; }

.nav-item-blue {
  background: #277dd7;
  color: #ffffff; }
  .nav-item-blue a {
    color: inherit; }

.nav-item-light-blue {
  background: #277dd7;
  color: #ffffff; }
  .nav-item-light-blue a {
    color: inherit; }

.btn-light-blue {
  background: #f7a827 !important;
  color: #ffffff !important; }

.bg-black {
  background: black !important;
  color: #ffffff; }

.bg-brown {
  background: #f5a927;
  color: #ffffff; }

.bg-light-blue {
  background: #277dd7 !important;
  color: #ffffff; }

.bg-primary {
  background: #000000 !important;
  color: #ffffff; }

.bg-green-light {
  background: #00d793;
  color: #ffffff; }

.bg-red {
  background: #f3553f;
  color: #ffffff !important; }

.bg-red-important {
  background: #f3553f !important; }

.bg-yellow {
  background: #f5a927;
  color: #ffffff; }

.bg-dark-yellow {
  background: #ad6e1a;
  color: #ffffff; }

.bg-red-bold {
  background: #af1911;
  color: #ffffff; }

.bg-violet {
  background: #9d37ff;
  color: #ffffff; }

.bg-light-red {
  background: #ff7f7f;
  color: #ffffff; }

.bg-gray-light {
  background: #E4EDFF; }

.bg-gray-extra-light {
  background: #f7faff; }

.bg-disabled {
  background: #ebedf1; }

.yellow {
  color: #f5a927 !important; }

.red {
  color: #f3553f !important; }

.yellow-light {
  color: #fbed30 !important; }

.green {
  color: #00d793 !important; }

.light-blue {
  color: #277dd7 !important; }

.bold-blue {
  color: #002e86 !important; }

.navy-blue {
  color: #0070E0 !important; }

.gray-dark {
  color: #9FB2BF !important; }

.text-white-0 {
  color: rgba(255, 255, 255, 0) !important; }

.text-white {
  color: #ffffff !important; }

.text-black {
  color: #000000 !important; }

.text-main {
  color: #000000 !important; }

.text-normal {
  color: #f7a827 !important; }

.text-secondary {
  color: #4591C5 !important; }

.text-new-red {
  color: #F13B22 !important; }

.violet-gradient:before {
  background: linear-gradient(45deg, #3ae2ff 0%, #5631f3 100%);
  -moz-background-clip: text;
  -o-background-clip: text;
  -ms-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: initial; }

.gray-bold {
  color: #808ca3; }

.dark-magenta {
  color: #8100a9 !important; }

.head-table-bg {
  background-color: #f7faff; }

.dot-wrapper {
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background: #000000; }
  .dot-wrapper.dot-green {
    background: #00d793; }
  .dot-wrapper.dot-yellow {
    background: #f5a927; }
  .dot-wrapper.dot-gray {
    background: #9FB2BF; }
  .dot-wrapper.dot-red {
    background: #f3553f; }
  .dot-wrapper.dot-violet {
    background: #9d37ff; }

.icon-circle-wrapper {
  border-radius: 50%;
  height: 17px;
  height: 1.0625rem;
  width: 17px;
  width: 1.0625rem;
  display: inline-block;
  text-align: center;
  vertical-align: text-bottom;
  line-height: 12.5px;
  line-height: 0.78125rem; }
  .icon-circle-wrapper i {
    font-size: 8px;
    font-size: 0.5rem; }

.bg-red-important {
  background: #F3553F !important; }

.green-block-bg {
  color: #021A49;
  background: rgba(0, 215, 147, 0.16);
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 8px;
  border-radius: 0.5rem; }

.grey-block-bg {
  color: #021A49;
  background: #F0F0F0;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 8px;
  border-radius: 0.5rem; }

.red-block-bg {
  color: #021A49;
  background: rgba(243, 85, 63, 0.16);
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 8px;
  border-radius: 0.5rem; }

.yellow-block-bg {
  color: #021A49;
  background: rgba(251, 237, 48, 0.16);
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 8px;
  border-radius: 0.5rem; }

.bg-grey-light {
  background: #F0F0F0 !important; }

.bg-yellow-light {
  background-color: #FEFCDE !important; }

.bg-orange-light {
  background: #e5d7c2 !important; }

a.btn-style-1 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #f7a827;
  text-decoration: none;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 0px;
  border-radius: 0rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  min-width: 90px; }
  a.btn-style-1 i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 10px; }

a.btn-style-1-1 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff !important;
  background: #f7a827;
  text-decoration: none;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 0px;
  border-radius: 0rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  min-width: 90px; }
  a.btn-style-1-1 i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 10px; }

a.btn-style-2 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: white !important;
  background: #f7a827;
  border-radius: 0px;
  border-radius: 0rem;
  padding: 6px 62px;
  padding: 0.375rem 3.875rem;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

a.btn-style-3 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #f7a827;
  text-decoration: none;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  border-radius: 0px;
  border-radius: 0rem; }
  a.btn-style-3 i {
    vertical-align: middle; }

a.btn-style-4, input.btn-style-4, div.btn-style-4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: white !important;
  background: #f7a827 !important;
  border-radius: 0px;
  border-radius: 0rem;
  padding: 7px 16px;
  padding: 0.4375rem 1rem;
  display: flex;
  line-height: 16px;
  line-height: 1rem;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }
  a.btn-style-4 i, input.btn-style-4 i, div.btn-style-4 i {
    font-size: 18px;
    font-size: 1.125rem;
    margin-right: 5px; }
  a.btn-style-4.bg-green, input.btn-style-4.bg-green, div.btn-style-4.bg-green {
    background: #00d793 !important;
    color: #ffffff !important; }
  a.btn-style-4.justify-content-center, input.btn-style-4.justify-content-center, div.btn-style-4.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important; }

a.btn-style-5 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #f7a827;
  background: #ffffff;
  text-decoration: none;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0px;
  border-radius: 0rem;
  display: inline-block;
  min-width: 80px; }
  a.btn-style-5 i {
    vertical-align: middle; }

a.btn-style-6 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #ffffff;
  background: #f3553f;
  text-decoration: none;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0px;
  border-radius: 0rem;
  display: inline-block;
  min-width: 80px; }

a.btn-style-7, input.btn-style-7, button.btn-style-7 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #f3553f;
  background: #ffffff !important;
  text-decoration: none;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  border-radius: 0px;
  border-radius: 0rem;
  display: inline-block;
  min-width: 80px; }
  a.btn-style-7 i, input.btn-style-7 i, button.btn-style-7 i {
    vertical-align: middle; }

input.btn-style-4 {
  height: 32px;
  height: 2rem;
  min-width: 90px;
  box-shadow: none !important;
  line-height: 15px;
  line-height: 0.9375rem; }

a.btn-style-8, input.btn-style-8, div.btn-style-8 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: white !important;
  background: #f7a827 !important;
  border-radius: 0px;
  border-radius: 0rem;
  padding: 5px 16px;
  padding: 0.3125rem 1rem;
  display: flex; }
  a.btn-style-8 i, input.btn-style-8 i, div.btn-style-8 i {
    font-size: 14px;
    font-size: 0.875rem;
    margin-right: 5px;
    line-height: unset; }
  a.btn-style-8.bg-green, input.btn-style-8.bg-green, div.btn-style-8.bg-green {
    background: #00d793 !important;
    color: #ffffff !important; }

form .form-group input.btn-style-1 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff !important;
  background: #277dd7;
  border-radius: 16px;
  border-radius: 1rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17) !important;
  min-width: 130px;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem; }

.btn-dropdown-wrapper {
  box-sizing: border-box;
  width: 85px;
  width: 5.3125rem;
  border: 3px solid #b4f3df;
  border: 0.1875rem solid #b4f3df;
  border-radius: 11.25px;
  border-radius: 0.70313rem;
  background-color: #00d793;
  height: 27px;
  height: 1.6875rem; }

a.btn-dropdown {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  padding-left: 10px; }

a.checkbox-display {
  color: #277dd7 !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 5px;
  margin-left: 15px;
  cursor: pointer;
  margin-top: 7px; }

.btn-radio-dropdown-wrapper > a, .btn-radio-dropdown-wrapper .btn-radio-dropdown-icon {
  box-sizing: border-box;
  width: 15px;
  width: 0.9375rem;
  height: 15px;
  height: 0.9375rem;
  border: 2px solid #b4f3df;
  border: 0.125rem solid #b4f3df;
  border-radius: 50%;
  background-color: #00d793;
  position: relative;
  display: inline-block;
  padding: 0;
  color: transparent; }
  .btn-radio-dropdown-wrapper > a.deactivate, .btn-radio-dropdown-wrapper .btn-radio-dropdown-icon.deactivate {
    border: 2px solid #efa59b;
    border: 0.125rem solid #efa59b;
    background-color: #f3553f; }
  .btn-radio-dropdown-wrapper > a:after, .btn-radio-dropdown-wrapper .btn-radio-dropdown-icon:after {
    font-family: 'skyneticon' !important;
    content: "\e90c";
    color: #277dd7;
    border: none !important;
    margin-left: 0;
    position: absolute;
    top: -5px;
    top: -0.3125rem;
    right: -5px;
    right: -0.3125rem;
    font-size: 8px;
    font-size: 0.5rem; }

.btn-radio-dropdown-wrapper .btn-radio-dropdown-icon {
  margin-right: 5px;
  vertical-align: middle; }
  .btn-radio-dropdown-wrapper .btn-radio-dropdown-icon:after {
    display: none; }

.btn-size-17 {
  height: 17px;
  height: 1.0625rem;
  width: auto; }

a {
  color: #000000; }
  a:hover {
    color: #000000; }

input.form-control:disabled, input.form-control[readonly] {
  background: linear-gradient(134.15deg, #EDEFF3 0%, #E4EDFF 100%) !important; }

.readonly-wrapper {
  background: linear-gradient(134.15deg, #EDEFF3 0%, #E4EDFF 100%) !important; }

button {
  outline: 0 !important;
  box-shadow: none !important; }
  button:disabled, button .disabled {
    cursor: default !important; }

.btn-add-footer-ct {
  padding: 8px 15px 8px 15px !important;
  padding: 0.5rem 0.9375rem 0.5rem 0.9375rem !important;
  width: fit-content !important;
  width: -moz-fit-content !important; }

.default-badge-card {
  color: white !important;
  background: #277DD7 !important;
  border-radius: 0px;
  border-radius: 0rem;
  font-weight: 300;
  width: fit-content;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0px 7px;
  padding: 0rem 0.4375rem;
  margin-bottom: 3px; }

@-moz-document url-prefix() {
  .default-badge-card {
    width: -moz-fit-content; } }

.btn-left-footer {
  position: absolute;
  left: 55px;
  left: 3.4375rem; }

a.btn-style-4.button-left-footer {
  color: #277DD7 !important;
  background: #FFF !important;
  padding: 10px 20px !important;
  padding: 0.625rem 1.25rem !important;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5; }

.form-radio-label-color-blue {
  color: #277DD7 !important;
  font-weight: 300 !important;
  border: 1px solid #C9DEF5 !important;
  border: 0.0625rem solid #C9DEF5 !important;
  box-sizing: border-box;
  box-shadow: 0px 0px 8px #C9DEF5 !important;
  border-radius: 4px !important;
  border-radius: 0.25rem !important; }
  .form-radio-label-color-blue.active {
    font-weight: 600 !important;
    border: 2px solid #0070E0 !important;
    border: 0.125rem solid #0070E0 !important; }

.form-radio-label-color-black {
  color: #021A49 !important;
  font-weight: 300 !important;
  border: 1px solid #C9DEF5 !important;
  border: 0.0625rem solid #C9DEF5 !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  border-radius: 0.25rem !important; }
  .form-radio-label-color-black.active {
    font-weight: 600 !important;
    border: 2px solid #021A49 !important;
    border: 0.125rem solid #021A49 !important; }

.btn-download-wrapper-wex {
  display: inline-block !important;
  float: right !important;
  margin: -50px 0px 0 15px;
  margin: -3.125rem 0rem 0 0.9375rem; }

.btn-download-wex {
  background: #FFF !important;
  color: #277DD7 !important;
  padding: 5px 20px !important;
  padding: 0.3125rem 1.25rem !important; }

.buttons-export-wex {
  background: #277DD7 !important;
  color: #FFF !important;
  padding: 5px 30px !important;
  padding: 0.3125rem 1.875rem !important; }

.buttons-edit-report {
  background: #FFF !important;
  color: #277DD7 !important;
  padding: 5px 30px !important;
  padding: 0.3125rem 1.875rem !important; }

.row-heading-ct {
  padding: 25px 155px;
  padding: 1.5625rem 9.6875rem;
  background: #ececec;
  border-top: 1px solid #ddd;
  border-top: 0.0625rem solid #ddd;
  border-bottom: 1px solid #ddd;
  border-bottom: 0.0625rem solid #ddd; }

.form-container-ct {
  margin: auto;
  width: 50%; }

#reportrange_wex {
  background-color: #fff;
  width: 65% !important;
  border-radius: 50px;
  border-radius: 3.125rem;
  color: #277dd7;
  padding: 0.3125rem 1.5625rem 0.3125rem 0.9375rem;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 2px 0 #808ca4 !important; }
  #reportrange_wex::before {
    font-family: skyneticon !important;
    content: "\e90c";
    color: #277dd7;
    border: none !important;
    position: absolute;
    font-size: 9px !important;
    font-size: 0.5625rem !important;
    margin: auto;
    text-align: center;
    width: 10px;
    width: 0.625rem;
    height: 10px;
    height: 0.625rem;
    right: 10px;
    right: 0.625rem;
    top: 0;
    bottom: 0; }

.auth-container-ct {
  text-align: left; }

.imply-auth-ct {
  margin-top: -20px;
  color: #d6d6d6;
  font-weight: 200;
  font-size: 13px;
  font-size: 0.8125rem; }

.icon-tip-ct {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  margin-right: 3px; }

#dd-wex-customers-wrapper .btn.dropdown-toggle {
  min-width: 245px; }

#btn-confirm-export.disabled {
  opacity: 0.65;
  pointer-events: none; }

.need-verify-card-badge {
  background: #FEFCDE;
  border-radius: 4px;
  border-radius: 0.25rem;
  width: fit-content;
  font-weight: 300;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 2px 7px;
  padding: 0.125rem 0.4375rem;
  margin-bottom: 5px; }

.date-range-picker-custom {
  background-color: #277dd7;
  width: 275px;
  width: 17.1875rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  color: #fff;
  padding: 7px 19px;
  padding: 0.4375rem 1.1875rem;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 2px 0 #808ca4 !important; }
  .date-range-picker-custom::before {
    font-family: skyneticon !important;
    content: "\e90c";
    color: #fff;
    border: none !important;
    position: absolute;
    font-size: 9px !important;
    font-size: 0.5625rem !important;
    margin: auto;
    text-align: center;
    width: 10px;
    width: 0.625rem;
    height: 10px;
    height: 0.625rem;
    right: 10px;
    right: 0.625rem;
    top: 0;
    bottom: 0; }

.multi-select-with-checkbox-custom .btn.dropdown-toggle, .multi-select-with-checkbox-custom .btn.dropdown-toggle.bs-placeholder {
  background: #277dd7 !important;
  color: #FFF !important;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  box-shadow: 0 0 2px 0 #808ca4 !important;
  width: 275px;
  width: 17.1875rem; }

.multi-select-with-checkbox-custom button.dropdown-toggle:after {
  color: #FFF !important;
  font-size: 9px !important;
  font-size: 0.5625rem !important;
  top: 8px !important;
  top: 0.5rem !important; }

.a-link-custom-button {
  position: relative;
  background: #FFFFFF;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 1rem;
  display: block;
  width: fit-content;
  margin: auto;
  font-size: 16px;
  font-size: 1rem;
  padding: 7px 15px 8px 40px;
  padding: 0.4375rem 0.9375rem 0.5rem 2.5rem;
  line-height: 20px;
  line-height: 1.25rem; }
  .a-link-custom-button i {
    position: absolute;
    left: 14px !important;
    left: 0.875rem !important;
    top: 8px !important;
    top: 0.5rem !important;
    font-size: 18px !important;
    font-size: 1.125rem !important; }

.sl-bg-primary-blue .btn.dropdown-toggle.bs-placeholder, .sl-bg-primary-blue .btn.dropdown-toggle {
  background-color: #277dd7 !important;
  width: 275px;
  width: 17.1875rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  color: #fff !important;
  box-shadow: 0 0 2px 0 #808ca4 !important; }
  .sl-bg-primary-blue .btn.dropdown-toggle.bs-placeholder::after, .sl-bg-primary-blue .btn.dropdown-toggle::after {
    color: #fff;
    font-size: 10px !important;
    font-size: 0.625rem !important;
    top: 5px;
    top: 0.3125rem; }

.btn-download-report {
  background: #277dd7 !important;
  color: #FFF !important;
  padding: 5px 20px !important;
  padding: 0.3125rem 1.25rem !important; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  width: 3.75rem;
  height: 34px;
  height: 2.125rem; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  height: 1.625rem;
  width: 26px;
  width: 1.625rem;
  left: 4px;
  left: 0.25rem;
  bottom: 4px;
  bottom: 0.25rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #277dd7; }

input:focus + .slider {
  box-shadow: 0 0 1px #277dd7; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  border-radius: 2.125rem; }

.slider.round:before {
  border-radius: 50%; }

.download-report-submit-btn {
  background: #277dd7;
  color: #FFF;
  border: none;
  border-radius: 16px;
  border-radius: 1rem;
  width: 200px;
  width: 12.5rem;
  padding: 0px 0px 0px 20px;
  padding: 0rem 0rem 0rem 1.25rem; }

.icon-download-in-btn {
  position: absolute;
  top: 11px;
  top: 0.6875rem;
  left: 25px;
  left: 1.5625rem;
  color: #FFF; }

.btn-only-icon {
  border: none !important;
  background: inherit !important; }

.dropdown-menu-collapse .show-content {
  overflow-y: hidden;
  max-height: 500px;
  /* approximate max height */
  opacity: 0.65;
  font-size: 12px;
  font-size: 0.75rem;
  color: #808ca4;
  height: auto;
  position: relative;
  background: top center url("../img/line-2.jpg") no-repeat;
  background-size: calc(100% - 25px) auto;
  padding-top: 20px;
  margin-top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .dropdown-menu-collapse .show-content.closed {
    height: 0;
    max-height: 0;
    opacity: 0;
    position: absolute; }
  .dropdown-menu-collapse .show-content i {
    margin: 10px 0;
    margin: 0.625rem 0; }

.dropdown:not(.bootstrap-select) .dropdown-menu:not(.tour-dropdown):not(.company-dropdown) {
  box-shadow: 0 0 13px 0 #e4edff;
  border: none;
  border-radius: 10px;
  border-radius: 0.625rem;
  padding-top: 20px;
  font-size: 14px;
  font-size: 0.875rem; }
  .dropdown:not(.bootstrap-select) .dropdown-menu:not(.tour-dropdown):not(.company-dropdown) i {
    margin-right: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    vertical-align: middle; }
  .dropdown:not(.bootstrap-select) .dropdown-menu:not(.tour-dropdown):not(.company-dropdown) a {
    color: #277dd7; }
  .dropdown:not(.bootstrap-select) .dropdown-menu:not(.tour-dropdown):not(.company-dropdown) span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    line-height: 1.25rem; }

.dropdown:not(.bootstrap-select) .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  background: #ffffff;
  transform: rotate(45deg);
  /* Prefixes... */
  top: -10px;
  top: -0.625rem;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: -1px -1px 10px -2px #e4edff; }

.dropdown:not(.bootstrap-select) .dropdown-menu:after {
  content: "";
  position: absolute;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

.dropdown .dropdown-menu .dropdown-item.active, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item.disabled {
  background: #f8f9fa !important; }

.dropdown.dropdown-menu-2 a.dropdown-toggle {
  background: #f7a827 !important;
  color: #ffffff !important;
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
  border-radius: 0px;
  border-radius: 0rem;
  padding: 6px 25px 6px 20px;
  padding: 0.375rem 1.5625rem 0.375rem 1.25rem;
  min-width: 170px;
  text-align: left;
  position: relative;
  z-index: 999; }
  .dropdown.dropdown-menu-2 a.dropdown-toggle:after {
    content: "\e90c";
    font-family: 'skyneticon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-size: 0.625rem;
    position: absolute;
    right: 30px;
    right: 1.875rem;
    top: 12px;
    top: 0.75rem; }

.dropdown.dropdown-menu-2 .dropdown-menu {
  min-width: 170px;
  margin-top: -20px;
  z-index: 1;
  padding-top: 30px !important; }
  .dropdown.dropdown-menu-2 .dropdown-menu:before {
    display: none; }
  .dropdown.dropdown-menu-2 .dropdown-menu .dropdown-item {
    font-size: 14px !important;
    font-size: 0.875rem !important; }
    .dropdown.dropdown-menu-2 .dropdown-menu .dropdown-item i {
      font-size: 14px !important;
      font-size: 0.875rem !important;
      vertical-align: baseline !important;
      width: 20px;
      width: 1.25rem; }

.un-click .btn.disabled, .un-click .btn:disabled {
  opacity: 1 !important; }

.un-click .dropdown-menu {
  display: none !important; }

.load-modal:not(.load-datatable) .bootstrap-select {
  cursor: pointer !important; }
  .load-modal:not(.load-datatable) .bootstrap-select.edit-icon button.dropdown-toggle:after {
    content: "\e918"; }
  .load-modal:not(.load-datatable) .bootstrap-select button.dropdown-toggle:after {
    content: "\e903"; }
  .load-modal:not(.load-datatable) .bootstrap-select button[disabled='disabled'] {
    pointer-events: none;
    cursor: pointer !important; }

.bootstrap-select .dropdown-divider {
  display: none; }

.bootstrap-select.optgroup-border-underline .dropdown-header {
  font-weight: 400;
  color: #808ca4;
  margin-bottom: 7px; }
  .bootstrap-select.optgroup-border-underline .dropdown-header:after {
    content: '';
    border-bottom: 1px solid #cdd2db;
    border-bottom: 0.0625rem solid #cdd2db;
    width: calc(100% - 30px);
    width: calc(100% - 1.875rem);
    height: 1px;
    height: 0.0625rem;
    position: absolute;
    bottom: 0;
    left: 15px;
    left: 0.9375rem; }

.bootstrap-select .dropdown-header {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #000000;
  padding-left: 15px;
  font-weight: 600; }

.bootstrap-select > select {
  display: none !important; }

.bootstrap-select .dropdown-item.selected input ~ .checkmark {
  background: #00d793; }
  .bootstrap-select .dropdown-item.selected input ~ .checkmark:after {
    color: white; }

.bootstrap-select .check-mark {
  display: none !important; }

.bootstrap-select:focus, .bootstrap-select:hover {
  box-shadow: none !important; }

.bootstrap-select .dropdown-item:active, .bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item:active,
.bootstrap-select .dropdown-item:hover {
  background-color: transparent; }

.bootstrap-select .dropdown-item-inner:focus {
  outline: 0 !important; }

.bootstrap-select.show .dropdown-toggle:after {
  font-family: 'skyneticon' !important;
  content: "\e90f";
  color: #f7a827;
  border: none !important;
  margin-left: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  position: absolute; }

.bootstrap-select.edit-item > button.dropdown-toggle:after {
  font-family: 'skyneticon' !important;
  content: "\e918" !important;
  color: #277dd7;
  border: none !important;
  font-size: 13px;
  font-size: 0.8125rem;
  position: absolute;
  right: 15px;
  right: 0.9375rem;
  top: 0;
  bottom: 0;
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  margin: auto; }

.bootstrap-select.btn-group .dropdown-menu {
  margin: 0 !important;
  min-width: 250px; }
  .bootstrap-select.btn-group .dropdown-menu span.dropdown-item-inner {
    padding-left: 0 !important; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    padding-top: 15px;
    padding-bottom: 15px; }
  .bootstrap-select.btn-group .dropdown-menu a {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #000000; }
    .bootstrap-select.btn-group .dropdown-menu a span {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #000000; }

.bootstrap-select > button.dropdown-toggle {
  background: #ffffff !important;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #002e86 !important;
  border: none;
  cursor: pointer;
  padding: 8px 35px 8px 20px;
  padding: 0.5rem 2.1875rem 0.5rem 1.25rem;
  display: flex; }
  .bootstrap-select > button.dropdown-toggle.bs-placeholder {
    color: #f7a827 !important; }
  .bootstrap-select > button.dropdown-toggle:after {
    font-family: 'skyneticon' !important;
    content: "\e90c";
    color: #277dd7;
    border: none !important;
    font-size: 13px;
    font-size: 0.8125rem;
    position: absolute;
    right: 15px;
    right: 0.9375rem;
    top: 0;
    bottom: 0;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    margin: auto; }
  .bootstrap-select > button.dropdown-toggle .filter-option {
    vertical-align: middle;
    position: relative;
    padding: 0; }
    .bootstrap-select > button.dropdown-toggle .filter-option .filter-option-inner {
      padding: 0; }

.bootstrap-select.dropdown .dropdown-menu a {
  color: #000000 !important; }

.bootstrap-select .dropdown-menu .bs-searchbox {
  padding: 4px 15px;
  padding: 0.25rem 0.9375rem;
  position: relative; }
  .bootstrap-select .dropdown-menu .bs-searchbox input {
    border: 1px solid rgba(39, 125, 215, 0.12);
    border: 0.0625rem solid rgba(39, 125, 215, 0.12);
    border-radius: 16.5px !important;
    border-radius: 1.03125rem !important;
    box-shadow: 0 0 7px 0 #E4EDFF !important;
    padding: 5px 15px;
    padding: 0.3125rem 0.9375rem;
    height: auto;
    padding-right: 30px !important;
    width: 100%;
    max-width: none; }
  .bootstrap-select .dropdown-menu .bs-searchbox:after {
    font-family: skyneticon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92a";
    position: absolute;
    right: 27px;
    right: 1.6875rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    height: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #9FB2BF; }

.bootstrap-select .dropdown-menu .bs-actionsbox {
  padding: 0;
  margin-top: 5px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  background-color: #f7faff;
  border-radius: 0 0 4px 4px;
  border-radius: 0 0 0.25rem 0.25rem; }
  .bootstrap-select .dropdown-menu .bs-actionsbox:focus {
    outline: 0; }
  .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group:focus {
    outline: 0; }
  .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button {
    box-shadow: none !important;
    color: #f7a827 !important;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 600; }
    .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button:hover, .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button:focus, .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button:active {
      background-color: transparent;
      border: none;
      outline: 0; }

.bootstrap-select.select-option-has-corner {
  height: auto !important;
  max-width: 210px; }
  .bootstrap-select.select-option-has-corner > .dropdown-toggle {
    color: #277dd7 !important;
    padding-bottom: 5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
    border-radius: 16px;
    border-radius: 1rem; }
    .bootstrap-select.select-option-has-corner > .dropdown-toggle:after {
      font-size: 10px;
      font-size: 0.625rem;
      top: 8px;
      top: 0.5rem; }

.bootstrap-select .dropdown-menu.inner {
  max-height: 220px !important; }

.bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important; }

.bootstrap-select .dropdown-toggle:before {
  position: absolute; }

.settings-content {
  position: relative;
  text-align: center; }
  .settings-content .dropdown-menu {
    box-shadow: 0 0 13px 0 #e4edff;
    border: 0;
    left: auto; }
    .settings-content .dropdown-menu a {
      color: #002e86 !important;
      font-size: 14px !important;
      font-size: 0.875rem !important; }
    .settings-content .dropdown-menu button {
      font-size: 14px !important;
      font-size: 0.875rem !important;
      padding-left: 22px; }
  .settings-content a.nav-link {
    color: #f7a827 !important;
    padding: 0; }
    .settings-content a.nav-link i {
      font-size: 18px;
      font-size: 1.125rem; }
    .settings-content a.nav-link:after {
      font-size: 6px;
      font-size: 0.375rem;
      border: none !important;
      content: "\e940";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-family: 'skyneticon' !important;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .settings-content i.icon-icon-view-fill {
    font-size: 12px;
    font-size: 0.75rem; }
  .settings-content a.dropdown-item i {
    width: 30px;
    width: 1.875rem;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem; }
  .settings-content .size-18 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #f7a827 !important; }

.dropdown-custom-1 {
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0 0 2px 0 #808ca4;
  border-radius: 4px;
  border-radius: 0.25rem;
  min-width: 105px;
  padding: 2px 0 2px 10px;
  padding: 0.125rem 0 0.125rem 0.625rem;
  position: relative; }
  .dropdown-custom-1 .dropdown-menu {
    box-shadow: 0 0 13px 0 #e4edff;
    border: 0;
    left: auto; }
    .dropdown-custom-1 .dropdown-menu a {
      color: #002e86 !important;
      font-size: 14px !important;
      font-size: 0.875rem !important; }
    .dropdown-custom-1 .dropdown-menu button {
      font-size: 14px !important;
      font-size: 0.875rem !important;
      padding-left: 22px; }
    .dropdown-custom-1 .dropdown-menu:before {
      right: 20px !important;
      right: 1.25rem !important;
      left: auto !important; }
  .dropdown-custom-1 a.nav-link {
    color: #f7a827 !important;
    padding: 5px 16px 5px 5px;
    padding: 0.3125rem 1rem 0.3125rem 0.3125rem; }
    .dropdown-custom-1 a.nav-link i {
      font-size: 18px;
      font-size: 1.125rem; }
    .dropdown-custom-1 a.nav-link:after {
      font-size: 6px;
      font-size: 0.375rem;
      border: none !important;
      content: "\e940";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-family: 'skyneticon' !important;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.total-wrapper {
  font-size: 12px;
  font-size: 0.75rem; }

.form-search-header {
  padding-left: 30px;
  position: relative;
  min-width: 450px; }
  @media screen and (max-width: 1380px) {
    .form-search-header {
      min-width: 350px;
      padding-left: 15px; } }
  .form-search-header:before {
    content: "";
    display: inline-block;
    top: -24px;
    top: -1.5rem;
    height: 80px;
    height: 5rem;
    width: 1px;
    width: 0.0625rem;
    left: 0;
    position: absolute;
    background: #e4edff; }
  .form-search-header input[type="text"] {
    min-width: 350px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 2px 0 3px 0 #e4edff;
    color: #002e86;
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    height: 33px;
    height: 2.0625rem;
    vertical-align: middle;
    padding-left: 0;
    border: none; }
    @media screen and (max-width: 1380px) {
      .form-search-header input[type="text"] {
        min-width: 210px; } }
    .form-search-header input[type="text"]::placeholder {
      font-style: italic;
      font-weight: 300;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      opacity: 1;
      /* Firefox */ }
    .form-search-header input[type="text"]::-webkit-input-placeholder {
      font-style: italic;
      font-weight: 300;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      opacity: 1;
      /* Firefox */ }
    .form-search-header input[type="text"]::-moz-placeholder {
      font-style: italic;
      font-weight: 300;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      opacity: 1;
      /* Firefox */ }
    .form-search-header input[type="text"]:-ms-input-placeholder {
      font-style: italic;
      font-weight: 300;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      opacity: 1;
      /* Firefox */ }
    .form-search-header input[type="text"]:-moz-placeholder {
      font-style: italic;
      font-weight: 300;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      opacity: 1;
      /* Firefox */ }
  .form-search-header .input-group-text {
    background: transparent;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border: none;
    box-shadow: 0 0 3px 0 #e4edff;
    color: #002e86;
    margin-right: -2px; }
  .form-search-header button[type="submit"] {
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: -2px;
    z-index: 4;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px 25px;
    padding: 0.3125rem 1.5625rem; }

.form-group {
  margin-bottom: 25px; }
  .form-group label {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
    font-weight: 600; }
    .form-group label .optional {
      font-size: 12px;
      font-size: 0.75rem;
      margin-left: 5px; }
  .form-group input {
    box-shadow: 0 0 2px 0 #808ca4 !important;
    border-radius: 4px;
    border-radius: 0.25rem;
    border: none;
    max-width: 245px;
    color: #021A49;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 8px 20px;
    padding: 0.5rem 1.25rem;
    height: auto; }
    .form-group input::placeholder {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #cdd2db; }
    .form-group input::-webkit-input-placeholder {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #cdd2db; }
    .form-group input::-moz-placeholder {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #cdd2db; }
    .form-group input:-ms-input-placeholder {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #cdd2db; }
    .form-group input:-moz-placeholder {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #cdd2db; }
    .form-group input[type="submit"] {
      box-shadow: none !important; }
    .form-group input:focus, .form-group input:hover, .form-group input:required {
      color: #021A49;
      box-shadow: 0 0 2px 0 #021A49 !important; }
    .form-group input[type="text"]:focus, .form-group input[type="text"]:hover, .form-group input[type="text"]:required, .form-group input[type="text"]:visited, .form-group input[type="text"].has-focus {
      color: #021A49 !important; }
  .form-group textarea::placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cdd2db; }
  .form-group textarea::-webkit-input-placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cdd2db; }
  .form-group textarea::-moz-placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cdd2db; }
  .form-group textarea:-ms-input-placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cdd2db; }
  .form-group textarea:-moz-placeholder {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #cdd2db; }
  .form-group textarea:focus, .form-group textarea:hover, .form-group textarea:required {
    color: #021A49;
    box-shadow: 0 0 2px 0 #021A49 !important; }
  .form-group.load-modal .bootstrap-select button {
    font-size: 14px;
    font-size: 0.875rem;
    box-shadow: 0 0 2px 0 #808ca4;
    border-radius: 4px;
    border-radius: 0.25rem;
    font-weight: normal; }
    .form-group.load-modal .bootstrap-select button.bs-placeholder {
      color: #f7a827 !important; }
  .form-group .bootstrap-select > button {
    color: #000000 !important;
    font-size: 15px;
    font-size: 0.9375rem;
    box-shadow: 0 0 2px 0 #808ca4 !important;
    border-radius: 4px;
    border-radius: 0.25rem;
    font-weight: normal;
    padding-left: 20px;
    height: 40px;
    height: 2.5rem; }
    .form-group .bootstrap-select > button:focus, .form-group .bootstrap-select > button:active {
      outline: 0 !important; }
    .form-group .bootstrap-select > button:after {
      color: #f7a827; }
  .form-group .bootstrap-select .form-control:focus, .form-group .bootstrap-select .form-control:active {
    outline: 0 !important; }
  .form-group .bootstrap-select.disabled-select {
    pointer-events: none; }
    .form-group .bootstrap-select.disabled-select > button {
      box-shadow: none !important;
      padding: 0; }
      .form-group .bootstrap-select.disabled-select > button:after {
        display: none; }
  .form-group .form-check {
    padding-left: 0; }
  .form-group .optional {
    font-size: 10px;
    font-size: 0.625rem;
    color: #808ca4; }
    .form-group .optional i {
      margin-right: 5px; }
  .form-group.input-group-prepend-addon-prefix .input-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .form-group.input-group-prepend-addon-prefix .control-label {
    height: 20px;
    height: 1.25rem; }
  .form-group.input-group-prepend-addon-suffix .input-group {
    border-radius: 4px;
    border-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 10; }
    .form-group.input-group-prepend-addon-suffix .input-group .input-group-prepend .input-group-text {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .form-group.input-group-prepend-addon-suffix .control-label {
    height: 20px;
    height: 1.25rem; }
  .form-group.input-group-prepend-addon-suffix .bootstrap-select {
    width: 0 !important;
    display: flex;
    height: 40px;
    height: 2.5rem; }
    .form-group.input-group-prepend-addon-suffix .bootstrap-select .dropdown-toggle {
      width: auto !important;
      padding-left: 10px !important;
      padding-right: 22px;
      background: rgba(128, 140, 164, 0.08) !important;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      height: 100%; }
      .form-group.input-group-prepend-addon-suffix .bootstrap-select .dropdown-toggle:after {
        font-size: 10px;
        font-size: 0.625rem;
        height: 10px;
        height: 0.625rem;
        width: 10px;
        width: 0.625rem;
        right: 8px;
        right: 0.5rem; }
  .form-group .input-group {
    max-width: 245px; }
    .form-group .input-group label {
      display: block;
      width: 100%; }
    .form-group .input-group .input-group-prepend .input-group-text {
      border-radius: 4px 0px 0px 4px;
      border-radius: 0.25rem 0rem 0rem 0.25rem;
      background: rgba(128, 140, 164, 0.08);
      box-shadow: 0 0 2px 0 #808ca4;
      color: #021A49;
      border: none;
      padding: 8px 16px;
      padding: 0.5rem 1rem; }
  .form-group.pin-wrapper .form-item input {
    width: 30px !important;
    width: 1.875rem !important; }
  .form-group.serial-wrapper {
    max-width: none;
    display: inline-block; }
    .form-group.serial-wrapper .form-item input {
      width: 60px !important;
      width: 3.75rem !important; }
      .form-group.serial-wrapper .form-item input.w-120 {
        width: 150px !important;
        width: 9.375rem !important; }
  .form-group.pin-wrapper, .form-group.serial-wrapper, .form-group.password-wrapper {
    max-width: 245px;
    position: relative; }
    .form-group.pin-wrapper.is-invalid .form-item, .form-group.serial-wrapper.is-invalid .form-item, .form-group.password-wrapper.is-invalid .form-item {
      border: 1px solid #f3553f;
      border: 0.0625rem solid #f3553f; }
      .form-group.pin-wrapper.is-invalid .form-item input, .form-group.serial-wrapper.is-invalid .form-item input, .form-group.password-wrapper.is-invalid .form-item input {
        border: none !important; }
    .form-group.pin-wrapper .genarate-pin,
    .form-group.pin-wrapper .genarate-password, .form-group.serial-wrapper .genarate-pin,
    .form-group.serial-wrapper .genarate-password, .form-group.password-wrapper .genarate-pin,
    .form-group.password-wrapper .genarate-password {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      color: #277dd7; }
    .form-group.pin-wrapper label, .form-group.serial-wrapper label, .form-group.password-wrapper label {
      display: block;
      width: 100%; }
    .form-group.pin-wrapper .form-item, .form-group.serial-wrapper .form-item, .form-group.password-wrapper .form-item {
      box-shadow: 0 0 2px 0 #808ca4;
      border-radius: 4px;
      border-radius: 0.25rem;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important;
      padding: 0 15px;
      padding: 0 0.9375rem;
      float: left;
      min-width: 100%; }
      .form-group.pin-wrapper .form-item span, .form-group.serial-wrapper .form-item span, .form-group.password-wrapper .form-item span {
        padding: 0 5px;
        padding: 0 0.3125rem; }
      .form-group.pin-wrapper .form-item input, .form-group.serial-wrapper .form-item input, .form-group.password-wrapper .form-item input {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        border: 0;
        box-shadow: none !important;
        margin-top: 0;
        text-transform: uppercase; }
    .form-group.pin-wrapper .optional, .form-group.serial-wrapper .optional, .form-group.password-wrapper .optional {
      display: inline-block;
      width: 100%; }
  .form-group .g-recaptcha {
    -moz-transform: scale(0.87);
    -o-transform: scale(0.87);
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
    .form-group .g-recaptcha ~ .invalid-feedback {
      display: block; }

.btn-group.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important; }

.btn-group.bootstrap-select .dropdown-menu .bs-searchbox .form-control:focus {
  outline: 0 !important;
  box-shadow: none; }

.des-driver {
  border-radius: 10px;
  border-radius: 0.625rem;
  background-color: #F0F0F0;
  padding: 30px 30px 60px 60px;
  padding: 1.875rem 1.875rem 3.75rem 3.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #021A49;
  position: relative; }
  .des-driver a {
    color: #277dd7; }
  .des-driver i {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 35px;
    top: 2.1875rem;
    left: 30px;
    left: 1.875rem; }
  .des-driver p i {
    position: inherit; }

.sub-description-wrapper {
  border-radius: 10px;
  border-radius: 0.625rem;
  background-color: #f7faff;
  padding: 25px 30px;
  padding: 1.5625rem 1.875rem;
  font-size: 12px;
  font-size: 0.75rem;
  position: relative; }
  .sub-description-wrapper .block {
    margin-bottom: 10px; }
    .sub-description-wrapper .block.title {
      margin-bottom: 20px; }
    .sub-description-wrapper .block.total {
      border-top: 1px solid #cdd2db;
      border-top: 0.0625rem solid #cdd2db;
      margin-top: 20px;
      padding-top: 20px; }

.dropzone-custom {
  position: relative; }
  .dropzone-custom .buttons {
    position: absolute;
    top: 0;
    right: -30px;
    right: -1.875rem; }
    .dropzone-custom .buttons a {
      display: block; }
      .dropzone-custom .buttons a.edit-icon {
        color: #277dd7;
        margin-bottom: 5px; }
      .dropzone-custom .buttons a.remove-icon {
        color: #808ca4; }
  .dropzone-custom .dropzone {
    border: 1px solid #cdd2db;
    border: 0.0625rem solid #cdd2db;
    padding: 0;
    border-radius: 0px;
    border-radius: 0rem;
    min-height: 105px; }
    .dropzone-custom .dropzone .dz-message {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 32px;
      height: 2rem; }
  .dropzone-custom .dz-preview {
    min-height: 105px; }
    .dropzone-custom .dz-preview .dz-image {
      width: auto;
      height: auto; }
      .dropzone-custom .dz-preview .dz-image img {
        max-width: 260px;
        margin: auto; }

.zendesk-support {
  position: fixed;
  right: 17px;
  right: 1.0625rem;
  bottom: 19px;
  bottom: 1.1875rem;
  z-index: 10001; }
  .zendesk-support .btn {
    background: rgba(247, 168, 39, 0.9);
    box-shadow: 0 2px 5px 3px rgba(247, 168, 39, 0.7) !important;
    border-radius: 0px;
    border-radius: 0rem;
    color: #ffffff;
    border: 1px solid rgba(128, 140, 164, 0.7);
    border: 0.0625rem solid rgba(128, 140, 164, 0.7);
    padding: 5px 10px;
    padding: 0.3125rem 0.625rem; }
    .zendesk-support .btn i {
      vertical-align: baseline;
      margin-right: 5px; }

.form-group.row.justify-content-center.is-invalid {
  margin: auto !important;
  width: fit-content !important; }

.form-section-with-border-top {
  border-top: 2px solid #277dd7;
  border-top: 0.125rem solid #277dd7;
  padding-top: 10px; }
  .form-section-with-border-top .label-section-with-border {
    position: absolute;
    padding: 5px 10px 5px 0px;
    padding: 0.3125rem 0.625rem 0.3125rem 0rem;
    background: #FFF;
    top: -30px;
    top: -1.875rem; }

.text-area-no-border {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #021a49;
  border: none !important;
  box-shadow: 0 0 2px 0 #808ca4 !important;
  border-radius: 0.25rem;
  height: 37px !important;
  height: 2.3125rem !important;
  resize: none; }

.breadcrumb-modal-wrapper {
  background-color: #f7faff;
  position: absolute;
  width: 100%;
  left: 15px;
  left: 0.9375rem;
  top: 0;
  border-bottom: 1px solid rgba(205, 210, 219, 0.5);
  border-bottom: 0.0625rem solid rgba(205, 210, 219, 0.5); }
  .breadcrumb-modal-wrapper ul {
    margin: 0; }
    .breadcrumb-modal-wrapper ul li {
      display: inline-block;
      height: 45px;
      height: 2.8125rem;
      line-height: 45px;
      line-height: 2.8125rem;
      vertical-align: middle; }
      .breadcrumb-modal-wrapper ul li + li {
        margin-left: 50px; }
      .breadcrumb-modal-wrapper ul li span {
        color: #000000;
        font-size: 12px;
        font-size: 0.75rem;
        opacity: 0.5;
        line-height: 18px;
        line-height: 1.125rem; }
        .breadcrumb-modal-wrapper ul li span.number {
          height: 18px;
          height: 1.125rem;
          width: 18px;
          width: 1.125rem;
          border-radius: 50%;
          background: #d9dce0;
          color: #6e7b95;
          display: inline-block;
          text-align: center;
          opacity: 1;
          padding-top: 0;
          line-height: 16px;
          line-height: 1rem;
          vertical-align: middle; }
      .breadcrumb-modal-wrapper ul li.active span {
        color: #f7a827;
        opacity: 1; }
        .breadcrumb-modal-wrapper ul li.active span.number {
          color: #ffffff;
          background: #f7a827; }

.breadcrumb-option-modal-wrapper {
  background-color: #f7faff;
  position: absolute;
  width: 100%;
  left: 15px;
  left: 0.9375rem;
  top: 0;
  border-bottom: 1px solid rgba(205, 210, 219, 0.5);
  border-bottom: 0.0625rem solid rgba(205, 210, 219, 0.5); }
  .breadcrumb-option-modal-wrapper ul {
    margin: 0; }
    .breadcrumb-option-modal-wrapper ul li {
      display: inline-block;
      height: 45px;
      height: 2.8125rem;
      line-height: 45px;
      line-height: 2.8125rem;
      vertical-align: middle; }
      .breadcrumb-option-modal-wrapper ul li + li {
        margin-left: 50px; }
      .breadcrumb-option-modal-wrapper ul li .form-radio-label-general {
        color: #000000;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 600; }
        .breadcrumb-option-modal-wrapper ul li .form-radio-label-general input ~ .checkmark {
          bottom: 0;
          margin: auto;
          height: 17px;
          height: 1.0625rem;
          width: 17px;
          width: 1.0625rem; }
          .breadcrumb-option-modal-wrapper ul li .form-radio-label-general input ~ .checkmark:after {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 7px;
            width: 0.4375rem;
            height: 7px;
            height: 0.4375rem;
            border-radius: 50%;
            background: #ffffff; }
      .breadcrumb-option-modal-wrapper ul li.active {
        border-bottom: 5px solid #277dd7;
        border-bottom: 0.3125rem solid #277dd7; }

.title-modal-wrapper {
  background-color: #f7faff;
  width: 100%;
  left: 15px;
  left: 0.9375rem;
  top: 0;
  border-bottom: 1px solid rgba(205, 210, 219, 0.5);
  border-bottom: 0.0625rem solid rgba(205, 210, 219, 0.5);
  display: inline-block;
  height: 45px;
  height: 2.8125rem;
  line-height: 45px;
  line-height: 2.8125rem;
  vertical-align: middle;
  padding-left: 15px; }

div.modal.modal-general {
  overflow-x: hidden; }
  div.modal.modal-general.vimeo-video-modal .modal-header {
    padding-top: 20px; }
    div.modal.modal-general.vimeo-video-modal .modal-header .close {
      position: absolute;
      top: 15px;
      top: 0.9375rem;
      right: 30px;
      right: 1.875rem; }
  div.modal.modal-general.vimeo-video-modal .modal-header,
  div.modal.modal-general.vimeo-video-modal .modal-body {
    background: #000000;
    border-radius: 0; }
    div.modal.modal-general.vimeo-video-modal .modal-header .modal-title,
    div.modal.modal-general.vimeo-video-modal .modal-body .modal-title {
      font-size: 30px;
      font-size: 1.875rem; }
      div.modal.modal-general.vimeo-video-modal .modal-header .modal-title small,
      div.modal.modal-general.vimeo-video-modal .modal-body .modal-title small {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 300; }
  div.modal.modal-general.vimeo-video-modal .modal-body {
    padding-top: 0; }
  div.modal.modal-general.vimeo-video-modal .modal-footer {
    background: #000000;
    border: 0; }
    div.modal.modal-general.vimeo-video-modal .modal-footer button {
      color: #808ca4;
      opacity: 1;
      font-size: 18px;
      font-size: 1.125rem;
      text-shadow: none;
      float: none;
      font-weight: 300; }
  div.modal.modal-general .modal-content {
    border-radius: 0px;
    border-radius: 0rem;
    border: none; }
  div.modal.modal-general .modal-body {
    border-radius: 0px;
    border-radius: 0rem;
    min-height: 400px;
    padding-bottom: 80px; }
    div.modal.modal-general .modal-body .check-validate ul {
      margin-bottom: 0; }
    div.modal.modal-general .modal-body .has-scroller-wrapper {
      max-height: 400px; }
      div.modal.modal-general .modal-body .has-scroller-wrapper .row {
        margin-left: 0; }
    div.modal.modal-general .modal-body.height-auto {
      min-height: 0; }
    div.modal.modal-general .modal-body .bootstrap-select .btn-group > .dropdown-toggle {
      box-shadow: 0 0 2px 0 #808ca4 !important; }
    div.modal.modal-general .modal-body .dropzone-custom .dropzone {
      max-height: 105px; }
      div.modal.modal-general .modal-body .dropzone-custom .dropzone .dz-preview.dz-image-preview {
        max-height: 75px;
        overflow: hidden;
        min-height: 0; }
    div.modal.modal-general .modal-body.modal-transaction .items {
      position: relative; }
      div.modal.modal-general .modal-body.modal-transaction .items .img {
        height: 47px;
        height: 2.9375rem;
        margin-bottom: 15px; }
      div.modal.modal-general .modal-body.modal-transaction .items img {
        max-width: 47px; }
        div.modal.modal-general .modal-body.modal-transaction .items img.img-transfer {
          max-width: 100%;
          max-height: 28px; }
      div.modal.modal-general .modal-body.modal-transaction .items .item {
        padding-bottom: 40px;
        padding-top: 10px; }
        div.modal.modal-general .modal-body.modal-transaction .items .item + .item {
          border-left: 1px solid #e4edff;
          border-left: 0.0625rem solid #e4edff;
          width: 1px;
          width: 0.0625rem; }
        div.modal.modal-general .modal-body.modal-transaction .items .item .form-group {
          margin: 30px 0 20px 0;
          margin: 1.875rem 0 1.25rem 0; }
          div.modal.modal-general .modal-body.modal-transaction .items .item .form-group .btn-submit {
            margin-bottom: 8px;
            position: relative; }
            div.modal.modal-general .modal-body.modal-transaction .items .item .form-group .btn-submit input {
              font-size: 14px;
              font-size: 0.875rem;
              font-weight: 600;
              color: white !important;
              background: #f7a827;
              border-radius: 0px;
              border-radius: 0rem;
              padding: 5px 15px 6px 15px;
              padding: 0.3125rem 0.9375rem 0.375rem 0.9375rem;
              display: flex;
              align-items: center;
              cursor: pointer; }
            div.modal.modal-general .modal-body.modal-transaction .items .item .form-group .btn-submit i {
              position: absolute;
              right: 15px;
              right: 0.9375rem;
              color: #ffffff;
              font-size: 12px;
              font-size: 0.75rem;
              top: 0;
              bottom: 0;
              margin: auto;
              height: 12px;
              height: 0.75rem; }
          div.modal.modal-general .modal-body.modal-transaction .items .item .form-group a.btn {
            margin-bottom: 8px;
            position: relative;
            padding-left: 15px; }
            div.modal.modal-general .modal-body.modal-transaction .items .item .form-group a.btn i {
              position: absolute;
              right: 15px;
              right: 0.9375rem; }
      div.modal.modal-general .modal-body.modal-transaction .items:after {
        content: "";
        position: absolute;
        bottom: 10px;
        bottom: 0.625rem;
        width: calc(100% + 97px);
        width: calc(100% + 6.0625rem);
        height: 1px;
        height: 0.0625rem;
        left: -41px;
        left: -2.5625rem; }
    div.modal.modal-general .modal-body.modal-transaction .title-transaction {
      margin: 10px 0 30px 0;
      margin: 0.625rem 0 1.875rem 0;
      font-weight: 600; }
    div.modal.modal-general .modal-body.modal-transaction .access-border {
      box-shadow: 0 0 2px 0 #808ca4;
      border-radius: 4px;
      border-radius: 0.25rem;
      max-width: 190px;
      position: relative;
      display: block; }
      div.modal.modal-general .modal-body.modal-transaction .access-border .start-meridiem {
        position: absolute;
        right: 0;
        height: 100%;
        top: 0; }
        div.modal.modal-general .modal-body.modal-transaction .access-border .start-meridiem .bootstrap-select {
          height: 100%; }
      div.modal.modal-general .modal-body.modal-transaction .access-border input {
        max-width: none;
        width: auto;
        box-shadow: none !important;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px; }
      div.modal.modal-general .modal-body.modal-transaction .access-border .bootstrap-select > button {
        box-shadow: 0 0 1px 0 #808ca4 !important;
        border-radius: 0 4px 4px 0;
        border-radius: 0 0.25rem 0.25rem 0;
        background-color: #ebedf1 !important;
        padding: 0 20px 0 8px;
        padding: 0 1.25rem 0 0.5rem;
        display: inline-block;
        position: relative;
        height: 100%; }
        div.modal.modal-general .modal-body.modal-transaction .access-border .bootstrap-select > button:before {
          display: none; }
        div.modal.modal-general .modal-body.modal-transaction .access-border .bootstrap-select > button .filter-option {
          line-height: 38px;
          line-height: 2.375rem; }
        div.modal.modal-general .modal-body.modal-transaction .access-border .bootstrap-select > button:after {
          font-size: 11px;
          font-size: 0.6875rem;
          right: 7px;
          right: 0.4375rem;
          margin: auto;
          top: 0;
          bottom: 0;
          height: 10px;
          height: 0.625rem;
          width: 10px;
          width: 0.625rem; }
    div.modal.modal-general .modal-body.modal-transaction .warning-message {
      position: relative;
      padding: 20px 25px 8px 60px;
      padding: 1.25rem 1.5625rem 0.5rem 3.75rem;
      width: 300px;
      width: 18.75rem;
      background: rgba(128, 140, 164, 0.08);
      border-radius: 8px;
      border-radius: 0.5rem;
      margin-bottom: 25px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 22px;
      line-height: 1.375rem;
      font-weight: normal; }
      div.modal.modal-general .modal-body.modal-transaction .warning-message i {
        font-size: 18px;
        font-size: 1.125rem;
        position: absolute;
        left: 25px;
        left: 1.5625rem;
        top: 25px;
        top: 1.5625rem; }
    div.modal.modal-general .modal-body .pricing-plan-wrapper {
      padding-left: 35px; }
      div.modal.modal-general .modal-body .pricing-plan-wrapper .pricing-plan-wrapper-content {
        background: #f7faff;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 20px 25px;
        padding: 1.25rem 1.5625rem;
        box-shadow: 0 0 2px 0 #808ca4;
        border-radius: 0px;
        border-radius: 0rem; }
        div.modal.modal-general .modal-body .pricing-plan-wrapper .pricing-plan-wrapper-content strong {
          font-size: 13px;
          font-size: 0.8125rem; }
        div.modal.modal-general .modal-body .pricing-plan-wrapper .pricing-plan-wrapper-content .value {
          font-size: 13px;
          font-size: 0.8125rem;
          font-weight: 600; }
        div.modal.modal-general .modal-body .pricing-plan-wrapper .pricing-plan-wrapper-content .text-muted {
          color: #808ca4; }
        div.modal.modal-general .modal-body .pricing-plan-wrapper .pricing-plan-wrapper-content .more input {
          padding: 0;
          background: none;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 600;
          color: #f7a827; }
    div.modal.modal-general .modal-body .option-wrapper .form-radio-label-general {
      font-weight: normal; }
    div.modal.modal-general .modal-body .option-wrapper.active .form-radio-label-general {
      font-weight: 600; }
    div.modal.modal-general .modal-body .option-wrapper.active .estimated {
      display: flex; }
    div.modal.modal-general .modal-body .option-wrapper.active .radio-wrapper {
      font-weight: bold; }
    div.modal.modal-general .modal-body .option-wrapper .estimated {
      display: none; }
  div.modal.modal-general .modal-body-general {
    padding-left: 40px;
    padding-right: 15px;
    padding-top: 45px; }
  div.modal.modal-general .modal-header {
    background: #323232;
    color: #ffffff;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 50px;
    padding: 0.625rem 3.125rem; }
    div.modal.modal-general .modal-header .modal-title {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 600;
      padding: 8px 5px;
      padding: 0.5rem 0.3125rem; }
    div.modal.modal-general .modal-header .close {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      text-shadow: none;
      color: #ffffff;
      background: none;
      opacity: 1;
      outline: 0;
      margin: 0;
      padding-right: 0; }
    div.modal.modal-general .modal-header.head.success {
      background: #00d793;
      color: #021A49; }
  div.modal.modal-general .modal-content-custom .form-group {
    padding-left: 2px; }
  div.modal.modal-general .mCSB_outside + .mCSB_scrollTools {
    right: -10px;
    right: -0.625rem; }
  div.modal.modal-general .modal-footer {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 20px;
    position: absolute;
    left: 0;
    bottom: 10px;
    bottom: 0.625rem;
    padding-right: 55px;
    padding-left: 55px;
    min-height: 70px; }
    div.modal.modal-general .modal-footer .form-group {
      max-width: 100%; }
      div.modal.modal-general .modal-footer .form-group input[type="submit"] {
        box-shadow: none !important; }
      div.modal.modal-general .modal-footer .form-group .btn-submit-add-inventory-ct .icon-add-inventory-ct {
        display: inline-block;
        position: absolute;
        color: #00d793;
        font-size: 18px;
        font-size: 1.125rem;
        left: 35.5%;
        top: 10px;
        top: 0.625rem; }
      div.modal.modal-general .modal-footer .form-group .btn-submit-add-inventory-ct .btn-add-inventory-ct {
        margin: auto;
        padding-left: 35px;
        padding-right: 15px;
        color: #277dd7 !important;
        background: #fff !important;
        box-shadow: 0 0 4px 0 #ccc !important; }
    div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal) {
      margin-bottom: 0;
      min-height: 0; }
      div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal) .form-control:not([type='text']) {
        background: #f7a827;
        min-width: 160px;
        color: #ffffff;
        box-shadow: none;
        border: none;
        cursor: pointer;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 600;
        border-radius: 0px;
        border-radius: 0rem;
        width: auto; }
        div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal) .form-control:not([type='text']).bg-green {
          background: #00d793; }
        div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal) .form-control:not([type='text']).btn-text-red {
          background: white;
          color: #f3553f;
          box-shadow: 0 0 4px 0 #cdd2db !important; }
      div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal).text-right .form-control {
        margin-right: 0;
        margin-left: auto; }
      div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal).back {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
        width: 90px;
        width: 5.625rem;
        border-radius: 0px;
        border-radius: 0rem;
        min-width: 90px;
        text-align: center; }
        div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal).back i {
          color: #277dd7;
          vertical-align: middle; }
        div.modal.modal-general .modal-footer .form-group:not(.add-quick):not(.form-footer-normal).back .form-control {
          display: inline-block;
          background: #ffffff;
          color: #277dd7;
          min-width: 0;
          padding-left: 6px; }
    div.modal.modal-general .modal-footer .form-group.form-footer-normal {
      margin-bottom: 0; }
      div.modal.modal-general .modal-footer .form-group.form-footer-normal .schedule-name {
        display: inline-block; }
      div.modal.modal-general .modal-footer .form-group.form-footer-normal .form-check-label-general {
        display: inline-block;
        margin-right: 15px; }
  div.modal.modal-general .delete-modal {
    text-align: center;
    margin: auto; }
    div.modal.modal-general .delete-modal .title {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 0; }
    div.modal.modal-general .delete-modal .title-sub {
      font-size: 14px;
      font-size: 0.875rem; }
    div.modal.modal-general .delete-modal .title-1 {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 0;
      margin-top: 30px; }
    div.modal.modal-general .delete-modal .content {
      margin-bottom: 30px; }
      div.modal.modal-general .delete-modal .content p {
        margin: 0; }
    div.modal.modal-general .delete-modal p {
      width: 100%;
      font-size: 12px;
      font-size: 0.75rem; }
    div.modal.modal-general .delete-modal input[type="submit"] {
      background: #f3553f;
      border-radius: 20px;
      border-radius: 1.25rem;
      color: #ffffff;
      padding: 5px 20px;
      padding: 0.3125rem 1.25rem;
      width: auto;
      min-width: 200px;
      max-width: none; }
    div.modal.modal-general .delete-modal .form-group {
      margin: 0; }
    div.modal.modal-general .delete-modal .close {
      float: none;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      color: #f7a827;
      opacity: 1;
      margin-top: 20px;
      margin-bottom: 10px; }
  div.modal.modal-general.fade.modal-old {
    z-index: 1000; }
    div.modal.modal-general.fade.modal-old .modal-dialog {
      -moz-transform: translate(-100%, 0px) !important;
      -o-transform: translate(-100%, 0px) !important;
      -ms-transform: translate(-100%, 0px) !important;
      -webkit-transform: translate(-100%, 0px) !important;
      transform: translate(-100%, 0px) !important; }
  div.modal.modal-general .tank-capacity-wrapper {
    background-color: rgba(128, 140, 164, 0.1);
    border-radius: 4px;
    border-radius: 0.25rem;
    padding: 4px 15px;
    padding: 0.25rem 0.9375rem;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    color: #808ca4; }
  div.modal.modal-general .sub-label {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    margin: 30px 0 !important;
    margin: 1.875rem 0 !important;
    font-weight: normal !important; }
  div.modal.modal-general .text-addon .optional {
    width: 100%;
    margin-top: 10px; }
  div.modal.modal-general .low-level-alerts {
    padding-bottom: 30px; }
    div.modal.modal-general .low-level-alerts .label {
      margin-left: 15px; }
    div.modal.modal-general .low-level-alerts .form-group {
      margin-bottom: 0; }
  div.modal.modal-general .datatable-top-wrapper.top-normal {
    position: absolute;
    right: 40px;
    right: 2.5rem;
    display: inline-block;
    z-index: 99;
    width: 200px;
    width: 12.5rem; }
  div.modal.modal-general .datatable-top-wrapper .add-new-entity:not(.new-entity-modal) {
    padding-top: 0; }
  div.modal.modal-general .table-scroll-custom {
    overflow: hidden;
    display: block;
    height: 350px;
    height: 21.875rem;
    width: 100%; }
  div.modal.modal-general .dataTables_wrapper {
    overflow: inherit;
    padding-bottom: 30px; }
    div.modal.modal-general .dataTables_wrapper .top {
      border-top: 0; }
    div.modal.modal-general .dataTables_wrapper .bottom {
      margin-top: 15px; }
    div.modal.modal-general .dataTables_wrapper .pagination li.page-item.active a, div.modal.modal-general .dataTables_wrapper .pagination li.page-item:hover a {
      color: #ffffff;
      background: #000000; }
    div.modal.modal-general .dataTables_wrapper .pagination li.page-item a {
      border: none;
      font-size: 12px;
      font-size: 0.75rem;
      background: #ffffff;
      color: #000000;
      font-weight: 600;
      height: 19px;
      height: 1.1875rem;
      width: 19px;
      width: 1.1875rem;
      line-height: 11px;
      line-height: 0.6875rem;
      vertical-align: middle;
      padding: 4px 0px;
      padding: 0.25rem 0rem;
      text-align: center;
      margin: 0 5px;
      margin: 0 0.3125rem; }
  div.modal.modal-general .datatable-wrapper {
    overflow: inherit;
    min-height: 300px; }
  div.modal.modal-general.select-auto-submit .modal-body-general {
    padding-top: 0 !important;
    padding-right: 45px; }
    div.modal.modal-general.select-auto-submit .modal-body-general .dataTables_filter {
      padding-left: 0; }
    div.modal.modal-general.select-auto-submit .modal-body-general .datatable-top-wrapper {
      padding: 0;
      top: 15px;
      top: 0.9375rem;
      right: 65px;
      right: 4.0625rem; }
    div.modal.modal-general.select-auto-submit .modal-body-general .form-check-label-general {
      margin-top: 0; }
  div.modal.modal-general.select-auto-submit .modal-body {
    padding-top: 0; }
  div.modal.modal-general.select-auto-submit .dataTables_wrapper .top {
    border: 1px solid #E4EDFF;
    border: 0.0625rem solid #E4EDFF; }
  div.modal.modal-general.select-auto-submit .dataTables_wrapper .dataTable {
    margin: 0 !important; }
  div.modal.modal-general.select-auto-submit .dataTables_wrapper .DTFC_LeftBodyWrapper {
    top: 30px !important;
    top: 1.875rem !important; }
  div.modal.modal-general.select-auto-submit .dataTables_wrapper .dataTables_scroll {
    border-bottom: 1px solid #E4EDFF;
    border-bottom: 0.0625rem solid #E4EDFF; }
  div.modal.modal-general.select-auto-submit .select {
    color: #277dd7 !important; }
  div.modal.modal-general.select-auto-submit table {
    border-left: 1px solid #E4EDFF;
    border-left: 0.0625rem solid #E4EDFF;
    border-right: 1px solid #E4EDFF;
    border-right: 0.0625rem solid #E4EDFF;
    border-spacing: 0;
    border-collapse: collapse; }
    div.modal.modal-general.select-auto-submit table thead tr th {
      font-size: 12px;
      font-size: 0.75rem;
      background: #f7faff;
      border: 0; }
    div.modal.modal-general.select-auto-submit table tbody tr.selected {
      background: #d9e8f7 !important; }
      div.modal.modal-general.select-auto-submit table tbody tr.selected td {
        color: #277dd7;
        background: rgba(39, 125, 215, 0.1) !important; }
        div.modal.modal-general.select-auto-submit table tbody tr.selected td a {
          color: #277dd7; }
    div.modal.modal-general.select-auto-submit table tbody tr td {
      font-size: 14px;
      font-size: 0.875rem;
      color: #000000;
      border-top: 1px solid #E4EDFF;
      border-top: 0.0625rem solid #E4EDFF;
      cursor: pointer; }
      div.modal.modal-general.select-auto-submit table tbody tr td a {
        color: #000000; }
  div.modal.modal-general .product-type .form-group {
    display: inline-block;
    width: 245px;
    width: 15.3125rem; }
  div.modal.modal-general .tank-vehicle-access .added {
    float: right;
    color: #00d793;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center; }
    div.modal.modal-general .tank-vehicle-access .added i {
      font-size: 18px !important;
      font-size: 1.125rem !important;
      margin-right: 5px; }
  div.modal.modal-general .tank-vehicle-access .title {
    font-size: 20px;
    font-size: 1.25rem; }
  div.modal.modal-general .tank-vehicle-access .sub-title {
    font-size: 14px;
    font-size: 0.875rem; }
  div.modal.modal-general .tank-vehicle-access .items {
    margin-top: 50px; }
    div.modal.modal-general .tank-vehicle-access .items .item {
      min-height: 262px;
      background: #fcfdff;
      border-radius: 4px;
      border-radius: 0.25rem;
      box-shadow: 0 1px 8px 0 #e4edff;
      padding: 35px;
      padding: 2.1875rem; }
      div.modal.modal-general .tank-vehicle-access .items .item i {
        font-size: 27px;
        font-size: 1.6875rem; }
        div.modal.modal-general .tank-vehicle-access .items .item i.icon-icon-single {
          font-size: 10px;
          font-size: 0.625rem; }
      div.modal.modal-general .tank-vehicle-access .items .item .title {
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        margin: 15px 0;
        margin: 0.9375rem 0; }
      div.modal.modal-general .tank-vehicle-access .items .item .desctiption {
        font-size: 12px;
        font-size: 0.75rem;
        margin-bottom: 15px; }
      div.modal.modal-general .tank-vehicle-access .items .item .button {
        display: inline-block;
        min-width: 87px; }
  div.modal.modal-general .form-group .value-entity {
    margin-top: 10px;
    padding: 5px 15px;
    padding: 0.3125rem 0.9375rem;
    min-height: 30px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #808ca4;
    background: #ebedf1;
    border-radius: 4px;
    border-radius: 0.25rem; }
  div.modal.modal-general.single-access-add-new-driver .dataTables_filter {
    padding-left: 0; }
  div.modal.modal-general.single-access-add-new-driver .datatable-top-wrapper {
    width: 100%;
    position: relative;
    right: 0; }
  div.modal.modal-general.single-access-add-new-driver .dataTables_info {
    display: none; }
  div.modal.modal-general.add-tank-monitor .item-tank-monitor {
    padding: 30px 30px 30px 0;
    padding: 1.875rem 1.875rem 1.875rem 0;
    font-size: 14px;
    font-size: 0.875rem;
    border-bottom: 1px solid #cdd2db;
    border-bottom: 0.0625rem solid #cdd2db; }
    div.modal.modal-general.add-tank-monitor .item-tank-monitor .img,
    div.modal.modal-general.add-tank-monitor .item-tank-monitor .text,
    div.modal.modal-general.add-tank-monitor .item-tank-monitor .attributes {
      padding: 0 15px;
      padding: 0 0.9375rem; }
    div.modal.modal-general.add-tank-monitor .item-tank-monitor img {
      width: 100px;
      width: 6.25rem; }
      div.modal.modal-general.add-tank-monitor .item-tank-monitor img.smart-tank-img {
        max-width: 80px; }
    div.modal.modal-general.add-tank-monitor .item-tank-monitor .attributes strong {
      color: #00d793; }
  div.modal.modal-general.limit-wrapper-modal .access-schedule-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
    div.modal.modal-general.limit-wrapper-modal .access-schedule-wrapper > .row {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    div.modal.modal-general.limit-wrapper-modal .access-schedule-wrapper .messages {
      margin-bottom: 15px !important; }
    div.modal.modal-general.limit-wrapper-modal .access-schedule-wrapper .schedule-detail-wrapper {
      margin-top: 15px; }
    div.modal.modal-general.limit-wrapper-modal .access-schedule-wrapper .driver-template-wrapper {
      display: inline-block;
      width: 100%; }
  div.modal.modal-general .no-entities {
    margin: 20px 0;
    margin: 1.25rem 0; }
    div.modal.modal-general .no-entities .icon-wrapper .main-icon {
      font-size: 22px;
      font-size: 1.375rem; }
    div.modal.modal-general .no-entities .title {
      font-size: 25px;
      font-size: 1.5625rem;
      margin: 15px 0;
      margin: 0.9375rem 0; }
    div.modal.modal-general .no-entities .sub-title {
      max-width: 80%;
      font-size: 18px;
      font-size: 1.125rem;
      margin: 15px auto 15px auto;
      margin: 0.9375rem auto 0.9375rem auto; }
  div.modal.modal-general .accordion-modal .card {
    border: 0;
    margin-top: 20px; }
    div.modal.modal-general .accordion-modal .card .card-header {
      padding: 0;
      border: 0;
      background: #f7faff;
      border-radius: 0; }
      div.modal.modal-general .accordion-modal .card .card-header button {
        color: #021A49;
        text-decoration: none; }
        div.modal.modal-general .accordion-modal .card .card-header button .up,
        div.modal.modal-general .accordion-modal .card .card-header button .down {
          color: #f7a827;
          font-size: 12px;
          font-size: 0.75rem;
          padding-top: 3px; }
        div.modal.modal-general .accordion-modal .card .card-header button .up {
          display: none; }
        div.modal.modal-general .accordion-modal .card .card-header button .down {
          display: block; }
        div.modal.modal-general .accordion-modal .card .card-header button[aria-expanded="true"] .up {
          display: block; }
        div.modal.modal-general .accordion-modal .card .card-header button[aria-expanded="true"] .down {
          display: none; }

.bootbox.bootbox-modal-custom-wrapper.activate .modal-footer button[data-bb-handler="confirm"] {
  background: #00d793 !important; }

.bootbox.bootbox-modal-custom-wrapper.activate .title-sub {
  display: none; }

.bootbox.bootbox-modal-custom-wrapper.deactivate .modal-footer button[data-bb-handler="confirm"] {
  background: #f5a927 !important; }

.bootbox.bootbox-modal-custom-wrapper.deactivate .title-sub {
  display: none; }

.bootbox.bootbox-modal-custom-wrapper .modal-content {
  border: 0; }

.bootbox.bootbox-modal-custom-wrapper .modal-header {
  background: #323232;
  color: #ffffff;
  position: relative; }
  .bootbox.bootbox-modal-custom-wrapper .modal-header .modal-title {
    font-size: 16px;
    font-size: 1rem; }
  .bootbox.bootbox-modal-custom-wrapper .modal-header .close {
    position: absolute;
    right: 20px;
    right: 1.25rem;
    padding: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    color: #ffffff; }

.bootbox.bootbox-modal-custom-wrapper .modal-body {
  text-align: center;
  padding: 30px;
  padding: 1.875rem; }
  .bootbox.bootbox-modal-custom-wrapper .modal-body .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0; }
  .bootbox.bootbox-modal-custom-wrapper .modal-body .title-sub {
    font-size: 14px;
    font-size: 0.875rem; }

.bootbox.bootbox-modal-custom-wrapper .modal-footer {
  padding-left: 30px;
  padding-right: 30px; }
  .bootbox.bootbox-modal-custom-wrapper .modal-footer button[data-bb-handler="confirm"] {
    background: #f3553f;
    border-radius: 20px;
    border-radius: 1.25rem;
    color: #ffffff;
    padding: 5px 20px;
    padding: 0.3125rem 1.25rem;
    width: auto;
    min-width: 200px;
    max-width: none;
    border: 0; }
  .bootbox.bootbox-modal-custom-wrapper .modal-footer button[data-bb-handler="cancel"] {
    float: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f7a827;
    opacity: 1;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: auto; }

.set-monthly-gallon-limit {
  height: 380px;
  height: 23.75rem; }
  .set-monthly-gallon-limit .title-1 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600; }
  .set-monthly-gallon-limit .title-2 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 30px; }
  .set-monthly-gallon-limit .input-group lable {
    display: none; }

div.modal.modal-general.orange-pop-up .modal-header {
  background: #f5a927; }

div.modal.modal-general.orange-pop-up .modal-footer .form-group:not(.add-quick):not(.form-footer-normal) .form-control {
  background: #f5a927; }

.unsupported_browser_title {
  text-align: center;
  font-weight: 600;
  margin-top: -25px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #021a49; }

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

.unsupported_browser_img {
  width: 240px;
  width: 15rem;
  margin: 40px 0px 25px 0;
  margin: 2.5rem 0rem 1.5625rem 0; }

.unsupported_browser_des {
  font-weight: 300;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #021a49; }
  .unsupported_browser_des.last-el {
    margin: 10px 0px 50px 0;
    margin: 0.625rem 0rem 3.125rem 0; }

.link-upsupported-browser {
  font-weight: 500;
  color: #277dd7;
  text-decoration: underline;
  cursor: pointer !important; }
  .link-upsupported-browser:hover {
    color: #277dd7;
    text-decoration: underline;
    cursor: pointer !important; }

#disable-column-modal .modal-body {
  padding-right: 0px;
  padding-left: 0px;
  overflow-x: hidden; }

#disable-column-modal .activity-table-items {
  padding: 3px 0px 3px 5px;
  padding: 0.1875rem 0rem 0.1875rem 0.3125rem; }
  #disable-column-modal .activity-table-items:not(:last-child) {
    border-bottom: 1px solid #e4edff;
    border-bottom: 0.0625rem solid #e4edff; }

#disable-column-modal .activity-table-wrapper {
  max-height: 500px;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  #disable-column-modal .activity-table-wrapper::-webkit-scrollbar {
    display: none; }

#disable-column-modal .col-checkbox {
  align-self: center; }

#disable-column-modal .col-name .activity-table-item {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-top: -2px !important;
  text-transform: capitalize; }

#disable-column-modal .col-status {
  padding-left: 33px; }
  #disable-column-modal .col-status .hidden-table-item {
    font-size: 13px;
    font-size: 0.8125rem;
    align-self: center;
    margin-top: -2px; }

#disable-column-modal .form-check-label-general.bg-green .checkmark {
  border: 1px solid #e4edff;
  border: 0.0625rem solid #e4edff;
  background: #f3f3f3; }

#disable-column-modal .form-check-label-general.bg-green input:checked ~ .checkmark {
  background: #00d793;
  border: none !important; }
  #disable-column-modal .form-check-label-general.bg-green input:checked ~ .checkmark:after {
    font-size: 11px;
    font-size: 0.6875rem;
    left: 4px;
    left: 0.25rem; }

#disable-column-modal .row-header {
  padding: 0px 25px 0 0px;
  padding: 0rem 1.5625rem 0 0rem;
  background: #f7faff;
  line-height: 56px;
  line-height: 3.5rem;
  margin: -17px -15px -17px -15px;
  margin: -1.0625rem -0.9375rem -1.0625rem -0.9375rem;
  z-index: 1;
  position: relative;
  border-bottom: 1px solid #e4edff;
  border-bottom: 0.0625rem solid #e4edff; }
  #disable-column-modal .row-header .col-checkbox-header {
    padding-left: 37px;
    padding-top: 17px; }
  #disable-column-modal .row-header .col-data-type-name-header {
    padding-left: 30px;
    font-size: 13px;
    font-size: 0.8125rem;
    border-left: 1px solid #e4edff;
    border-left: 0.0625rem solid #e4edff;
    border-right: 1px solid #e4edff;
    border-right: 0.0625rem solid #e4edff; }
  #disable-column-modal .row-header .col-data-status-header {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 45px; }

#disable-column-modal .text-muted {
  font-weight: 300; }

#disable-column-modal .inner-col-header {
  position: relative;
  width: fit-content; }

#disable-column-modal .arrow-wrapper {
  position: absolute;
  top: 21px;
  top: 1.3125rem;
  margin-left: 5px; }
  #disable-column-modal .arrow-wrapper i {
    display: block;
    font-size: 9px;
    font-size: 0.5625rem;
    color: #c7ced9; }
    #disable-column-modal .arrow-wrapper i.active {
      color: #021a49; }

.question-wrapper-ct .question-row {
  border-bottom: 1px solid #f7faff;
  border-bottom: 0.0625rem solid #f7faff;
  padding: 0 25px 0 40px;
  padding: 0 1.5625rem 0 2.5rem;
  line-height: 45px;
  line-height: 2.8125rem; }
  .question-wrapper-ct .question-row:nth-child(even) {
    background-color: #f3f3f3; }

.bg-red-important {
  background: #f3553f !important; }

.bg-red-new-important {
  background: #F13B22 !important; }

.bg-gray-light-fc {
  background: rgba(128, 140, 164, 0.08) !important; }

.bg-yellow-fc {
  background: rgba(245, 169, 39, 0.16) !important; }

.border-radius-15 {
  border-radius: 15px !important;
  border-radius: 0.9375rem !important; }

.border-radius-top-32 {
  border-radius: 32px 32px 0 0 !important;
  border-radius: 2rem 2rem 0 0 !important; }

.border-radius-bottom-32 {
  border-radius: 0 0 32px 32px !important;
  border-radius: 0 0 2rem 2rem !important; }

.none-box-shadow {
  box-shadow: 0 0 0 0 !important; }

.border-solid-2 {
  border: 2px solid !important;
  border: 0.125rem solid !important; }

.border-radius-8 {
  border-radius: 8px !important;
  border-radius: 0.5rem !important; }

.border-gray-light-fc {
  border: 0.0625rem solid rgba(205, 210, 219, 0.5) !important; }

.modal-body-transaction-ct.step-histories .has-scroller-wrapper .mCSB_container {
  margin-right: 0px !important; }

.modal-body-transaction-ct.step-histories .mCSB_scrollTools {
  top: 5px !important;
  top: 0.3125rem !important;
  right: 5px !important;
  right: 0.3125rem !important; }

.modal-body-transaction-ct .card {
  margin-top: 0px !important; }
  .modal-body-transaction-ct .card .card-header {
    padding: 10px 25px 10px 0 !important;
    padding: 0.625rem 1.5625rem 0.625rem 0 !important;
    border-bottom: 0.5px solid #c9def5 !important;
    border-bottom: 0.03125rem solid #c9def5 !important;
    background-color: #f0f0f0 !important; }

.bg-bold-blue {
  background: #070aad !important; }

.bg-bold-grey {
  background: #f0f0f0 !important; }

.bg-light-grey-blue {
  background: #e0f0ff !important; }

.border-color-grey-blue {
  border-color: #e0f0ff !important; }

.border-green-neon {
  border: 2px solid #3defff !important;
  border: 0.125rem solid #3defff !important; }

.border-radius-8 {
  border-radius: 8px !important;
  border-radius: 0.5rem !important; }

.border-radius-16 {
  border-radius: 16px !important;
  border-radius: 1rem !important; }

.border-radius-card-header {
  border-radius: 8px 8px 0px 0px !important;
  border-radius: 0.5rem 0.5rem 0rem 0rem !important; }

.des-custom-wrapper {
  background: #f0f0f0;
  border-radius: 8px;
  border-radius: 0.5rem;
  padding: 25px 35px 25px 40px;
  padding: 1.5625rem 2.1875rem 1.5625rem 2.5rem; }
  .des-custom-wrapper .icon-info-wrapper {
    width: fit-content;
    vertical-align: top;
    padding-top: 3px; }
  .des-custom-wrapper .des-information-text {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    width: 75%;
    margin-left: 20px; }
    .des-custom-wrapper .des-information-text a {
      text-decoration: underline; }

.accordion-permissions .card {
  border: 0.5px solid #dadee4;
  border: 0.03125rem solid #dadee4;
  border-radius: 0; }
  .accordion-permissions .card:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .accordion-permissions .card:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .accordion-permissions .card:not(:first-child) {
    border-top: none; }
  .accordion-permissions .card .card-header {
    background: inherit;
    border: none !important;
    padding: 10px 45px 10px 10px;
    padding: 0.625rem 2.8125rem 0.625rem 0.625rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    .accordion-permissions .card .card-header button.btn-tab {
      text-align: left;
      width: 70%;
      text-decoration: none;
      background: inherit; }
      .accordion-permissions .card .card-header button.btn-tab i {
        position: absolute;
        top: 26px;
        top: 1.625rem; }

.accordion-permissions .dd-permission {
  display: inline-block;
  float: right;
  width: 30%; }
  .accordion-permissions .dd-permission .select-option-picker {
    background-color: inherit !important; }
    .accordion-permissions .dd-permission .select-option-picker button {
      padding: 0;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 300;
      margin-top: 10px;
      width: 110px;
      width: 6.875rem;
      float: right; }
      .accordion-permissions .dd-permission .select-option-picker button .filter-option-inner-inner {
        text-align: right;
        margin-right: 35px; }

.accordion-permissions .collapse-permissions .card-body {
  padding: 0 !important; }

.accordion-permissions .collapse-permissions .row-submenu {
  background: #f0f0f0;
  padding: 20px 45px 20px 55px;
  padding: 1.25rem 2.8125rem 1.25rem 3.4375rem;
  border-top: 0.5px solid #dadee4;
  border-top: 0.03125rem solid #dadee4; }

.accordion-permissions .collapse-permissions .sub-menu-name {
  display: inline-block;
  width: 70%;
  font-weight: 300; }

.accordion-permissions .collapse-permissions button {
  margin-top: 0px !important;
  background: inherit !important; }

.form-min-height-500 {
  height: 500px;
  height: 31.25rem;
  overflow-y: auto;
  /* Hide scrollbar for IE, Edge and Firefox */ }
  .form-min-height-500::-webkit-scrollbar {
    display: none; }
  .form-min-height-500 {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }

.scroll-wrapper-cards {
  width: 340px;
  width: 21.25rem; }
  .scroll-wrapper-cards .mCSB_scrollTools .mCSB_draggerContainer {
    right: -10px !important;
    right: -0.625rem !important; }
    .scroll-wrapper-cards .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
      background-color: #F0F0F0 !important;
      width: 5px !important;
      width: 0.3125rem !important; }

.table-printers-wrappers .table-header {
  background: #F0F0F0;
  border-bottom: 0.5px solid #C9DEF5;
  border-bottom: 0.03125rem solid #C9DEF5; }
  .table-printers-wrappers .table-header .table-header-inner {
    width: 680px;
    width: 42.5rem;
    margin: auto; }
    .table-printers-wrappers .table-header .table-header-inner .table-column-item {
      display: inline-block;
      font-weight: 600;
      font-size: 12px;
      font-size: 0.75rem;
      border-right: 0.5px solid #C9DEF5;
      border-right: 0.03125rem solid #C9DEF5;
      width: 80px;
      width: 5rem;
      line-height: 55px;
      line-height: 3.4375rem;
      text-align: center; }
      .table-printers-wrappers .table-header .table-header-inner .table-column-item:first-child {
        border-left: 0.5px solid #C9DEF5;
        border-left: 0.03125rem solid #C9DEF5;
        width: 340px;
        width: 21.25rem;
        text-align: left;
        padding-left: 20px; }
  .table-printers-wrappers .table-header.body {
    background: #FFF; }
    .table-printers-wrappers .table-header.body .table-column-item {
      border-right: none !important; }
      .table-printers-wrappers .table-header.body .table-column-item i.icon-icon-checkmark {
        color: #00d793; }
      .table-printers-wrappers .table-header.body .table-column-item:first-child {
        border-left: none !important;
        font-size: 16px;
        font-size: 1rem; }

.table-printers-wrappers .hind-text {
  color: #808CA4;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 15px;
  line-height: 0.9375rem;
  margin-top: -15px; }

.transaction-type-item-wrapper {
  padding: 0 15px;
  padding: 0 0.9375rem;
  margin-top: 25px; }
  .transaction-type-item-wrapper .transaction-type-item {
    height: 65px;
    height: 4.0625rem;
    border-top: 2px solid;
    border-top: 0.125rem solid; }
    .transaction-type-item-wrapper .transaction-type-item .left,
    .transaction-type-item-wrapper .transaction-type-item .right {
      align-self: center; }
    .transaction-type-item-wrapper .transaction-type-item:last-child {
      border-bottom: 2px solid;
      border-bottom: 0.125rem solid; }
    .transaction-type-item-wrapper .transaction-type-item .transaction-type-title {
      vertical-align: top; }
    .transaction-type-item-wrapper .transaction-type-item .btn-submit {
      padding-left: 10px; }
    .transaction-type-item-wrapper .transaction-type-item .btn-style-4 {
      height: 40px;
      height: 2.5rem;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 600;
      border: none; }

.onboarding-popup {
  justify-content: space-between; }
  .onboarding-popup .onboarding-button {
    background: #ffffff !important;
    border: 2px solid #c9def5 !important;
    border: 0.125rem solid #c9def5 !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    border-radius: 1rem !important;
    color: #0070e0 !important; }
    .onboarding-popup .onboarding-button .arrow-left {
      position: relative;
      top: 1px;
      top: 0.0625rem;
      right: 10px;
      right: 0.625rem; }
  .onboarding-popup .dont-show-again {
    min-width: 238px !important; }
  .onboarding-popup .btn-back {
    min-width: 101px !important;
    left: 56px;
    left: 3.5rem; }
  .onboarding-popup .btn-next {
    min-width: 133px !important;
    border-radius: 16px !important;
    border-radius: 1rem !important; }

.onboarding-display-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  padding: 0rem;
  position: static;
  width: 688px;
  width: 43rem;
  height: 380px;
  height: 23.75rem;
  left: 56px;
  left: 3.5rem;
  top: 56px;
  top: 3.5rem; }
  .onboarding-display-flex-column .onboarding-position {
    position: static;
    width: 688px;
    width: 43rem;
    height: auto !important;
    left: calc(50% - 688px / 2);
    left: calc(50% - 43rem / 2);
    text-align: center;
    color: #021a49;
    font-style: normal; }
  .onboarding-display-flex-column .text-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    padding-top: 15px !important; }
  .onboarding-display-flex-column .text-description {
    top: 332px;
    top: 20.75rem;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .onboarding-display-flex-column .text-inventory-description {
    height: 48px;
    height: 3rem;
    top: 324px;
    top: 20.25rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem; }
    .onboarding-display-flex-column .text-inventory-description a,
    .onboarding-display-flex-column .text-inventory-description a:hover {
      color: #0070E0 !important; }
    .onboarding-display-flex-column .text-inventory-description a {
      text-decoration: underline !important; }

.pl-70 {
  padding-left: 70px; }

.mr-40 {
  margin-top: 40px !important;
  margin-bottom: 40px; }

.edit-transaction-confirm {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  padding-left: 35px; }

.pl-25 {
  padding-left: 25px; }

.pl-20 {
  padding-left: 20px; }

.text-confirm {
  font-weight: normal !important;
  font-size: 16px !important;
  font-size: 1rem !important; }

.transaction_note {
  max-width: 620px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  height: 131px !important;
  height: 8.1875rem !important; }

.font-weight-200 {
  font-weight: 200 !important; }

.width-450 {
  width: 450px !important;
  width: 28.125rem !important; }

.gray-box-right {
  background: #F0F0F0;
  padding: 25px 30px 10px 30px;
  padding: 1.5625rem 1.875rem 0.625rem 1.875rem;
  border-radius: 16px;
  border-radius: 1rem; }
  .gray-box-right .input-group, .gray-box-right .form-control {
    max-width: 100% !important; }
  .gray-box-right .form-group .bootstrap-select > button, .gray-box-right .form-group input {
    box-shadow: none !important;
    border: 2px solid #C9DEF5 !important;
    border: 0.125rem solid #C9DEF5 !important;
    border-radius: 8px;
    border-radius: 0.5rem; }
  .gray-box-right .select-option-picker {
    border-radius: 8px;
    border-radius: 0.5rem; }

.row-top-modal {
  width: 105%;
  border-bottom: 1px solid #C9DEF5;
  border-bottom: 0.0625rem solid #C9DEF5;
  padding: 0 0px 15px 55px;
  padding: 0 0rem 0.9375rem 3.4375rem; }

.modal.modal-general .modal-dialog-new .modal-body {
  padding-top: 0;
  padding-left: 0; }

.font-weight-300 {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600 !important; }

.font-weight-700 {
  font-weight: 700 !important; }

.font-weight-900 {
  font-weight: 900 !important; }

.font-6 {
  font-size: 6px !important;
  font-size: 0.375rem !important; }

.font-10 {
  font-size: 10px !important;
  font-size: 0.625rem !important; }

.font-12 {
  font-size: 12px !important;
  font-size: 0.75rem !important; }

.font-13 {
  font-size: 13px !important;
  font-size: 0.8125rem !important; }

.font-14 {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

.font-15 {
  font-size: 15px !important;
  font-size: 0.9375rem !important; }

.font-16 {
  font-size: 16px !important;
  font-size: 1rem !important; }

.font-17 {
  font-size: 17px !important;
  font-size: 1.0625rem !important; }

.font-18 {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

.font-20 {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

.font-21 {
  font-size: 21px !important;
  font-size: 1.3125rem !important; }

.font-22 {
  font-size: 22px !important;
  font-size: 1.375rem !important; }

.font-23 {
  font-size: 23px !important;
  font-size: 1.4375rem !important; }

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

.font-25 {
  font-size: 25px !important;
  font-size: 1.5625rem !important; }

.font-26 {
  font-size: 26px !important;
  font-size: 1.625rem !important; }

.font-27 {
  font-size: 27px !important;
  font-size: 1.6875rem !important; }

.font-28 {
  font-size: 28px !important;
  font-size: 1.75rem !important; }

.font-29 {
  font-size: 29px !important;
  font-size: 1.8125rem !important; }

.font-30 {
  font-size: 30px !important;
  font-size: 1.875rem !important; }

.font-35 {
  font-size: 35px !important;
  font-size: 2.1875rem !important; }

.font-40 {
  font-size: 40px !important;
  font-size: 2.5rem !important; }

.warning {
  color: #f3553f; }

.text-disabled {
  color: #808ca4 !important; }

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

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

.status-wrapper .title {
  white-space: nowrap; }

.status-wrapper .label-wrapper {
  color: #f5a927;
  font-size: 12px;
  font-size: 0.75rem;
  height: auto !important; }
  .status-wrapper .label-wrapper.edited {
    color: #9FB2BF; }
  .status-wrapper .label-wrapper.deleted {
    color: #9FB2BF; }

.text-warning-red {
  color: #f3553f !important; }

.text-edit-header-modal-ct {
  margin-top: 13px;
  font-size: 16px;
  font-size: 1rem;
  margin-left: 5px;
  text-decoration: underline;
  font-weight: 300;
  cursor: pointer;
  margin-right: auto; }

.datatable-wrapper tr.deleted td {
  color: #9FB2BF !important;
  opacity: 0.7; }

.text-bright-blue {
  color: #3ed0fe !important; }

.text-primary-blue {
  color: #277dd7 !important; }

.word-break-break-word {
  word-break: break-word !important; }

.background-bold-blue {
  background: linear-gradient(180deg, #0070e0 0%, #002e86 100%) !important; }

.background-navy-blue {
  background: #021A49 !important; }

.background-denim {
  background: #021A49 !important; }

.background-celeste {
  background: rgba(224, 240, 255, 0.32) !important; }

.text-yellow-warning {
  color: #ffb833 !important; }

.normal-link-text {
  color: #277dd7 !important;
  text-decoration: underline !important; }

.remove-link-left-bottom {
  position: absolute;
  left: 55px;
  left: 3.4375rem;
  bottom: 18px;
  bottom: 1.125rem; }

.text-black-color {
  color: #000; }

.a-link-light {
  color: #0070E0 !important;
  text-decoration: underline !important; }

.row-with-border {
  box-shadow: inset 0px -1px 0px #c9def5;
  padding: 15px 0px 5px 15px !important;
  padding: 0.9375rem 0rem 0.3125rem 0.9375rem !important; }
  .row-with-border .block label.control-label.title-block {
    font-weight: 700 !important;
    font-size: 20px !important;
    font-size: 1.25rem !important; }
  .row-with-border.no-border {
    box-shadow: none; }

.row-with-background-gray {
  background: #F0F0F0;
  padding: 15px 0px 5px 15px !important;
  padding: 0.9375rem 0rem 0.3125rem 0.9375rem !important; }

.reconcile_note {
  background-color: #FEFCDE;
  padding-bottom: 1px;
  border-radius: 6px !important;
  border-radius: 0.375rem !important; }

.white-glove-admin-save {
  text-align: right;
  margin-top: 10px; }

.padding-reconcile {
  padding-right: 12px !important;
  padding-left: 5px !important; }

.padding-right-5 {
  padding-right: 5px !important; }

.width-6 {
  max-width: 6.5% !important; }

.dot-reconcile {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  bottom: 12px;
  bottom: 0.75rem;
  left: 45px;
  left: 2.8125rem;
  background: #f5a927;
  border: 2px solid #ffffff;
  border: 0.125rem solid #ffffff;
  z-index: 0;
  color: #ffffff;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem; }
  .dot-reconcile.slightly-wider {
    width: 32px;
    width: 2rem;
    border-radius: 16px;
    border-radius: 1rem; }
  .dot-reconcile.widest {
    width: 38px;
    width: 2.375rem;
    left: 50px;
    left: 3.125rem;
    border-radius: 16px;
    border-radius: 1rem; }

.padding-right-1 {
  padding-right: 1px !important; }

/* The container */
.form-check-label-general {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 20px;
  line-height: 1.25rem;
  vertical-align: middle;
  /* Create a custom checkbox */ }
  .form-check-label-general:focus {
    outline: 0 !important; }
  .form-check-label-general input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .form-check-label-general input:checked ~ .checkmark:after {
      display: block; }
  .form-check-label-general .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    background-color: #fcfdff;
    box-shadow: 0 0 1px 0 #002e86; }
    .form-check-label-general .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .form-check-label-general .checkmark:after {
      left: 4px;
      left: 0.25rem;
      top: 1px;
      top: 0.0625rem;
      color: #00d793;
      font-family: 'skyneticon' !important;
      content: "\e90b";
      font-size: 12px;
      font-size: 0.75rem; }
  .form-check-label-general .form-check-input {
    display: none; }
  .form-check-label-general.bg-green input:checked ~ .checkmark {
    background: #00d793; }
    .form-check-label-general.bg-green input:checked ~ .checkmark:after {
      color: #ffffff; }
    .form-check-label-general.bg-green input:checked ~ .checkmark.checkmark-bigger-ct {
      height: 1.2rem;
      width: 1.2rem; }
      .form-check-label-general.bg-green input:checked ~ .checkmark.checkmark-bigger-ct:after {
        top: 0px;
        top: 0rem;
        left: 5px;
        left: 0.3125rem; }
  .form-check-label-general.bg-green .checkmark {
    border-radius: 2px;
    border-radius: 0.125rem;
    box-shadow: 0 0 1px 0 rgba(2, 26, 73, 0.35); }

.form-radio-label-general {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */ }
  .form-radio-label-general input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .form-radio-label-general .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    height: 1.125rem;
    width: 18px;
    width: 1.125rem;
    background-color: #eee;
    border-radius: 50%; }
  .form-radio-label-general:hover input ~ .checkmark {
    background-color: #ccc; }
  .form-radio-label-general input:checked ~ .checkmark {
    background-color: #2196F3; }
  .form-radio-label-general .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .form-radio-label-general input:checked ~ .checkmark:after {
    display: block; }
  .form-radio-label-general .checkmark:after {
    top: 5px;
    top: 0.3125rem;
    left: 5px;
    left: 0.3125rem;
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem;
    border-radius: 50%;
    background: white; }
  .form-radio-label-general .form-check-input {
    display: none; }
  .form-radio-label-general.rectangle-blue label.form-radio-label-general {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px 15px;
    padding: 0.3125rem 0.9375rem;
    border-radius: 4px;
    border-radius: 0.25rem;
    min-width: 105px;
    line-height: 15px;
    line-height: 0.9375rem;
    vertical-align: middle;
    padding-left: 35px;
    justify-content: left;
    margin-bottom: 0; }
  .form-radio-label-general.rectangle-blue .checkmark {
    height: 13px;
    height: 0.8125rem;
    width: 13px;
    width: 0.8125rem;
    box-shadow: 0 0 2px 0 #808ca4;
    left: 0;
    background: none;
    top: 0;
    bottom: 0;
    margin: auto; }
    .form-radio-label-general.rectangle-blue .checkmark:after {
      height: 6px;
      height: 0.375rem;
      width: 6px;
      width: 0.375rem;
      top: 4px;
      top: 0.25rem;
      left: 4.5px;
      left: 0.28125rem;
      border-radius: 50%; }
  .form-radio-label-general.rectangle-blue input:checked ~ .checkmark {
    background: url("../img/rectangle-blue.png");
    height: 15px;
    height: 0.9375rem;
    width: 15px;
    width: 0.9375rem;
    background-size: 15px 15px;
    box-shadow: none; }
    .form-radio-label-general.rectangle-blue input:checked ~ .checkmark:after {
      display: none; }
  .form-radio-label-general.rectangle-green .checkmark {
    box-shadow: 0 0 2px 0 #808ca4;
    background-color: #ffffff;
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem;
    margin-top: 1px; }
  .form-radio-label-general.rectangle-green input:checked ~ .checkmark {
    box-shadow: none;
    background: url("../img/rectangle-green.png") no-repeat;
    background-size: 100% auto;
    height: 25px;
    height: 1.5625rem;
    width: 25px;
    width: 1.5625rem;
    margin-top: 0; }
    .form-radio-label-general.rectangle-green input:checked ~ .checkmark:after {
      display: none; }
  .form-radio-label-general.rectangle-gradient .checkmark {
    box-shadow: 0 0 2px 0 #808ca4;
    background-color: #ffffff;
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem;
    margin-top: 1px; }
  .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark {
    box-shadow: none;
    background: url("../img/rectangle-blue-gradient.png") no-repeat;
    background-size: 100% auto;
    height: 25px;
    height: 1.5625rem;
    width: 25px;
    width: 1.5625rem;
    margin-top: 0; }
    .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark:after {
      display: none; }
  .form-radio-label-general.rectangle-red .checkmark {
    box-shadow: 0 0 2px 0 #808ca4;
    background-color: #ffffff;
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem;
    margin-top: 1px; }
  .form-radio-label-general.rectangle-red input:checked ~ .checkmark {
    box-shadow: none;
    background: url("../img/rectangle-red.png") no-repeat;
    background-size: 100% auto;
    height: 25px;
    height: 1.5625rem;
    width: 25px;
    width: 1.5625rem;
    margin-top: 0; }
    .form-radio-label-general.rectangle-red input:checked ~ .checkmark:after {
      display: none; }
  .form-radio-label-general .icon-edit-right {
    position: absolute;
    right: -30px;
    right: -1.875rem;
    display: none;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
    height: 0.875rem; }
  .form-radio-label-general input:checked ~ .icon-edit-right {
    display: block; }

.form-check-radio.has-border {
  padding-left: 0;
  margin-right: 10px; }
  .form-check-radio.has-border label.form-radio-label-general {
    font-size: 14px;
    font-size: 0.875rem;
    box-shadow: 0 0 2px 0 #808ca4;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    border-radius: 4px;
    border-radius: 0.25rem;
    min-width: 105px;
    line-height: 15px;
    line-height: 0.9375rem;
    vertical-align: middle;
    padding-left: 35px;
    justify-content: left; }
    .form-check-radio.has-border label.form-radio-label-general + .form-radio-label-general {
      margin-left: 15px; }
  .form-check-radio.has-border .checkmark {
    height: 13px;
    height: 0.8125rem;
    width: 13px;
    width: 0.8125rem;
    top: 1px;
    top: 0.0625rem;
    box-shadow: 0 0 2px 0 #808ca4;
    margin-top: 9px;
    left: 12px;
    left: 0.75rem;
    background: none; }
    .form-check-radio.has-border .checkmark:after {
      height: 6px;
      height: 0.375rem;
      width: 6px;
      width: 0.375rem;
      top: 4px;
      top: 0.25rem;
      left: 4.5px;
      left: 0.28125rem;
      border-radius: 50%; }
  .form-check-radio.has-border input:checked ~ .checkmark {
    background: url("../img/rectangle-blue.png");
    height: 15px;
    height: 0.9375rem;
    width: 15px;
    width: 0.9375rem;
    background-size: 15px 15px;
    box-shadow: none; }
    .form-check-radio.has-border input:checked ~ .checkmark:after {
      display: none; }
  .form-check-radio.has-border .form-radio-label-general.rectangle-green {
    padding-left: 45px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-green .checkmark {
      box-shadow: 0 0 2px 0 #808ca4;
      background-color: #ffffff;
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem;
      margin-top: 6px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-green input:checked ~ .checkmark {
      box-shadow: none;
      background: url("../img/rectangle-green.png") no-repeat;
      background-size: 100% auto;
      height: 25px;
      height: 1.5625rem;
      width: 25px;
      width: 1.5625rem;
      margin-top: 4px; }
      .form-check-radio.has-border .form-radio-label-general.rectangle-green input:checked ~ .checkmark:after {
        display: none; }
  .form-check-radio.has-border .form-radio-label-general.rectangle-red {
    padding-left: 45px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-red .checkmark {
      box-shadow: 0 0 2px 0 #808ca4;
      background-color: #ffffff;
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem;
      margin-top: 6px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-red input:checked ~ .checkmark {
      box-shadow: none;
      background: url("../img/rectangle-red.png") no-repeat;
      background-size: 100% auto;
      height: 25px;
      height: 1.5625rem;
      width: 25px;
      width: 1.5625rem;
      margin-top: 4px; }
      .form-check-radio.has-border .form-radio-label-general.rectangle-red input:checked ~ .checkmark:after {
        display: none; }
  .form-check-radio.has-border .form-radio-label-general.rectangle-gradient {
    padding-left: 45px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-gradient .checkmark {
      box-shadow: 0 0 2px 0 #808ca4;
      background-color: #ffffff;
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem;
      margin-top: 6px; }
    .form-check-radio.has-border .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark {
      box-shadow: none;
      background: url("../img/rectangle-blue-gradient.png") no-repeat;
      background-size: 100% auto;
      height: 25px;
      height: 1.5625rem;
      width: 25px;
      width: 1.5625rem;
      margin-top: 4px; }
      .form-check-radio.has-border .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark:after {
        display: none; }

.form-check.has-border {
  padding-left: 0;
  margin-right: 10px; }
  .form-check.has-border label.form-radio-label-general {
    font-size: 14px;
    font-size: 0.875rem;
    box-shadow: 0 0 2px 0 #808ca4;
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    border-radius: 4px;
    border-radius: 0.25rem;
    min-width: 105px;
    line-height: 15px;
    line-height: 0.9375rem;
    vertical-align: middle;
    padding-left: 35px;
    justify-content: left; }
    .form-check.has-border label.form-radio-label-general + .form-radio-label-general {
      margin-left: 15px; }
  .form-check.has-border.center-align .checkmark {
    top: 0;
    bottom: 0;
    left: 7px;
    left: 0.4375rem;
    margin: auto; }

.modal-general .form-check-radio:not(.rectangle-blue) .form-check-label-general {
  margin-top: 10px; }
  .modal-general .form-check-radio:not(.rectangle-blue) .form-check-label-general input:checked ~ .checkmark {
    background: #00d793; }
    .modal-general .form-check-radio:not(.rectangle-blue) .form-check-label-general input:checked ~ .checkmark:after {
      color: #ffffff; }
  .modal-general .form-check-radio:not(.rectangle-blue) .form-check-label-general .checkmark {
    border-radius: 2px;
    border-radius: 0.125rem;
    box-shadow: 0 0 1px 0 rgba(2, 26, 73, 0.35);
    top: -2px;
    top: -0.125rem; }

.modal-general .form-check-radio:not(.rectangle-blue) .form-radio-label-general {
  margin: 0;
  line-height: 25px;
  line-height: 1.5625rem;
  vertical-align: middle;
  justify-content: left; }
  .modal-general .form-check-radio:not(.rectangle-blue) .form-radio-label-general .checkmark {
    box-shadow: 0 0 2px 0 #808ca4;
    background-color: #ffffff;
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem;
    margin-top: 1px; }
  .modal-general .form-check-radio:not(.rectangle-blue) .form-radio-label-general input:checked ~ .checkmark {
    box-shadow: none;
    background: url("../img/rectangle-green.png") no-repeat;
    background-size: 100% auto;
    height: 25px;
    height: 1.5625rem;
    width: 25px;
    width: 1.5625rem;
    margin-top: 0; }
    .modal-general .form-check-radio:not(.rectangle-blue) .form-radio-label-general input:checked ~ .checkmark:after {
      display: none; }

.modal-general .form-check-radio:not(.rectangle-blue) .load-modal input:checked ~ .checkmark {
  box-shadow: none;
  background: url("../img/rectangle-red.png") no-repeat;
  background-size: 100% auto;
  height: 25px;
  height: 1.5625rem;
  width: 25px;
  width: 1.5625rem;
  margin-top: 0; }
  .modal-general .form-check-radio:not(.rectangle-blue) .load-modal input:checked ~ .checkmark:after {
    display: none; }

.modal-general .form-check-radio .form-radio-label-general.rectangle-gradient .checkmark {
  box-shadow: 0 0 2px 0 #808ca4;
  background-color: #ffffff;
  height: 22px;
  height: 1.375rem;
  width: 22px;
  width: 1.375rem; }

.modal-general .form-check-radio .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark {
  box-shadow: none;
  background: url("../img/rectangle-blue-gradient.png") no-repeat;
  background-size: 100% auto;
  height: 25px;
  height: 1.5625rem;
  width: 25px;
  width: 1.5625rem; }
  .modal-general .form-check-radio .form-radio-label-general.rectangle-gradient input:checked ~ .checkmark:after {
    display: none; }

.modal-general .form-check-radio .icon-edit-right {
  right: -45px;
  right: -2.8125rem; }

table.dataTable.display thead tr th .form-check-label-general input:checked ~ .checkmark {
  background: #00d793; }
  table.dataTable.display thead tr th .form-check-label-general input:checked ~ .checkmark:after {
    color: #ffffff; }

table.dataTable.display tbody > tr {
  /* Create a custom checkbox */ }
  table.dataTable.display tbody > tr td.select-checkbox:before, table.dataTable.display tbody > tr td.select-checkbox:after {
    display: none !important; }
  table.dataTable.display tbody > tr.selected .checkmark {
    background: #00d793; }
    table.dataTable.display tbody > tr.selected .checkmark:after {
      display: block;
      color: #ffffff; }

.collapse-custom {
  padding: 0; }
  .collapse-custom li {
    display: none; }
    .collapse-custom li.active {
      display: block; }
    .collapse-custom li .label {
      margin-bottom: 15px; }
      .collapse-custom li .label a {
        color: #277dd7;
        font-size: 12px;
        font-size: 0.75rem;
        cursor: pointer; }

.no-min-height {
  min-height: auto !important; }

.text-general-product {
  position: relative;
  padding-left: 65px;
  margin-bottom: 30px; }
  .text-general-product i {
    font-size: 36px;
    font-size: 2.25rem;
    color: #000000;
    position: absolute;
    left: 15px;
    left: 0.9375rem;
    margin-top: 7px; }
  .text-general-product label {
    color: #000000;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 0; }

.usps-icon {
  width: 18px;
  width: 1.125rem;
  margin-left: 5px;
  position: absolute;
  right: 11px;
  right: 0.6875rem; }

.menu-wrapper .main-menu {
  padding-left: 170px;
  display: inline-block;
  width: 100%;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s; }
  .menu-wrapper .main-menu.has-collapsed {
    padding-left: 70px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s; }
  .menu-wrapper .main-menu #addNewModal {
    color: #002e86;
    width: 340px;
    width: 21.25rem;
    position: absolute;
    right: 0;
    box-shadow: 0 1px 2px 0 #e4edff;
    z-index: 999;
    background: #ffffff;
    border-radius: 15px;
    border-radius: 0.9375rem;
    top: 69px;
    top: 4.3125rem;
    left: auto;
    margin: 0;
    padding: 0; }
    .menu-wrapper .main-menu #addNewModal:before {
      content: "";
      position: absolute;
      width: 20px;
      width: 1.25rem;
      height: 20px;
      height: 1.25rem;
      background: #f7a827;
      transform: rotate(45deg);
      /* Prefixes... */
      top: -10px;
      top: -0.625rem;
      left: auto;
      right: 29px;
      right: 1.8125rem;
      margin: auto;
      box-shadow: 0 0 1px 0 #e4edff; }
    .menu-wrapper .main-menu #addNewModal:after {
      content: "";
      position: absolute;
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem;
      background: #f7a827;
      top: 0;
      left: auto;
      right: 19px;
      right: 1.1875rem;
      margin: auto; }
    .menu-wrapper .main-menu #addNewModal .title {
      font-size: 18px;
      font-size: 1.125rem;
      text-align: center;
      background: #f7a827;
      color: #ffffff;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px; }
    .menu-wrapper .main-menu #addNewModal .items .item {
      display: inline-block;
      width: 50%;
      float: left;
      box-shadow: 0 0 1px 0 #e4edff;
      text-align: center; }
      .menu-wrapper .main-menu #addNewModal .items .item a {
        color: #000000;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 21px;
        line-height: 1.3125rem;
        padding: 21px 15px;
        padding: 1.3125rem 0.9375rem;
        vertical-align: middle;
        display: inline-block;
        width: 100%; }
        .menu-wrapper .main-menu #addNewModal .items .item a span {
          font-size: 12px;
          font-size: 0.75rem;
          display: block;
          width: 100%; }
          .menu-wrapper .main-menu #addNewModal .items .item a span.font-weight-600 {
            font-size: 18px;
            font-size: 1.125rem; }
        .menu-wrapper .main-menu #addNewModal .items .item a i {
          font-size: 20px;
          font-size: 1.25rem;
          margin: 0; }
    .menu-wrapper .main-menu #addNewModal .items .item-half {
      display: inline-block;
      width: 50%;
      float: left;
      box-shadow: 0 0 1px 0 #e4edff;
      line-height: 50px;
      line-height: 3.125rem;
      text-align: center; }
      .menu-wrapper .main-menu #addNewModal .items .item-half a {
        color: #002e86;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 21px;
        line-height: 1.3125rem;
        padding: 10px 15px;
        padding: 0.625rem 0.9375rem;
        vertical-align: middle;
        display: inline-block;
        width: 100%; }
        .menu-wrapper .main-menu #addNewModal .items .item-half a span {
          font-size: 12px;
          font-size: 0.75rem;
          display: block;
          width: 100%; }
          .menu-wrapper .main-menu #addNewModal .items .item-half a span.font-weight-600 {
            font-size: 18px;
            font-size: 1.125rem; }
        .menu-wrapper .main-menu #addNewModal .items .item-half a i {
          font-size: 20px;
          font-size: 1.25rem;
          margin-right: 10px; }
  .menu-wrapper .main-menu ul.navbar-nav li.nav-item a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600; }
  .menu-wrapper .main-menu ul.navbar-nav.socials-group li {
    padding: 0 10px;
    padding: 0 0.625rem; }
    .menu-wrapper .main-menu ul.navbar-nav.socials-group li.nav-item a {
      display: flex; }
      .menu-wrapper .main-menu ul.navbar-nav.socials-group li.nav-item a i {
        margin-right: 5px; }
  .menu-wrapper .main-menu ul li {
    position: relative; }
    .menu-wrapper .main-menu ul li a i {
      font-size: 20px;
      font-size: 1.25rem; }
      .menu-wrapper .main-menu ul li a i.icon-icon-chevron-down {
        color: #277dd7;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 3px;
        right: 0.1875rem;
        margin: auto;
        height: 7px;
        height: 0.4375rem; }

.menu-wrapper ul li.dropdown .dropdown-menu {
  width: 210px;
  width: 13.125rem;
  left: 50%;
  margin-left: -105px; }

.menu-wrapper ul li.add-new {
  width: 80px;
  width: 5rem;
  height: 80px;
  height: 5rem;
  position: absolute;
  right: 0;
  display: inline-block;
  line-height: 80px;
  line-height: 5rem;
  vertical-align: middle;
  text-align: center;
  top: 0;
  background: #f7a827; }
  .menu-wrapper ul li.add-new a {
    color: #ffffff;
    padding: 0; }

.menu-wrapper ul li a.alert-item-notification, .menu-wrapper ul li a.alert-item-mail {
  position: relative; }
  .menu-wrapper ul li a.alert-item-notification span, .menu-wrapper ul li a.alert-item-mail span {
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    line-height: 18px !important;
    line-height: 1.125rem !important;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    top: 0;
    right: 0; }
  .menu-wrapper ul li a.alert-item-notification:after, .menu-wrapper ul li a.alert-item-mail:after {
    display: none; }

.menu-wrapper ul li a.alert-item-menu {
  position: relative; }
  .menu-wrapper ul li a.alert-item-menu span {
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    display: inline-block;
    border-radius: 50%;
    line-height: 18px !important;
    line-height: 1.125rem !important;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    margin-right: 5px; }

.menu-wrapper ul li i {
  font-size: 23px;
  font-size: 1.4375rem; }

.menu-wrapper ul.alert-item-menu li {
  margin-bottom: 5px; }
  .menu-wrapper ul.alert-item-menu li.title {
    font-size: 14px;
    font-size: 0.875rem; }
  .menu-wrapper ul.alert-item-menu li a.dropdown-item span {
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    display: inline-block;
    border-radius: 50%;
    line-height: 18px !important;
    line-height: 1.125rem !important;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    margin-right: 5px; }

.side-bar-left {
  width: 170px;
  width: 10.625rem;
  display: inline-block;
  margin-top: -80px;
  z-index: 999;
  position: fixed;
  height: 100%; }
  .side-bar-left.collapsed {
    width: 70px;
    width: 4.375rem;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s; }
    .side-bar-left.collapsed span {
      display: none !important; }
    .side-bar-left.collapsed a {
      text-align: center; }
      .side-bar-left.collapsed a:after {
        display: none; }
    .side-bar-left.collapsed .logo img {
      max-width: 38px; }
      .side-bar-left.collapsed .logo img.img-desktop {
        display: none; }
      .side-bar-left.collapsed .logo img.img-small {
        display: inline-block; }
  .side-bar-left .logo {
    min-height: 80px;
    line-height: 70px;
    line-height: 4.375rem;
    vertical-align: middle;
    background: #f7a827;
    padding: 5px;
    padding: 0.3125rem;
    box-shadow: 0 1px 4px 0 #e4edff; }
    .side-bar-left .logo img {
      max-width: 90px; }
      .side-bar-left .logo img.img-desktop {
        display: inline-block; }
      .side-bar-left .logo img.img-small {
        display: none; }
  .side-bar-left .navbar {
    padding: 0;
    height: calc(100% - 135px);
    height: calc(100% - 8.4375rem);
    overflow: hidden; }
    .side-bar-left .navbar .mCustomScrollBox {
      width: 100%; }
    .side-bar-left .navbar .mCSB_outside + .mCSB_scrollTools {
      right: -10px;
      right: -0.625rem; }
    .side-bar-left .navbar.is-powered-by-fuelcloud {
      height: calc(100% - 200px);
      height: calc(100% - 12.5rem); }
    .side-bar-left .navbar ul {
      width: 100%; }
      .side-bar-left .navbar ul li {
        min-height: 70px;
        line-height: 50px;
        line-height: 3.125rem; }
        .side-bar-left .navbar ul li a {
          padding: 10px 15px;
          padding: 0.625rem 0.9375rem;
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: 300;
          overflow: hidden;
          cursor: pointer; }
          .side-bar-left .navbar ul li a.disabled {
            cursor: default !important;
            color: #6e7b95 !important; }
          .side-bar-left .navbar ul li a i {
            width: 25px;
            width: 1.5625rem;
            display: inline-block;
            font-size: 20px;
            font-size: 1.25rem;
            vertical-align: middle; }
          .side-bar-left .navbar ul li a span {
            display: inline-block;
            vertical-align: middle;
            max-width: 85px;
            line-height: initial; }
          .side-bar-left .navbar ul li a:hover, .side-bar-left .navbar ul li a.active {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.1); }
        .side-bar-left .navbar ul li + li {
          border-top: 1px solid rgba(228, 237, 255, 0.19);
          border-top: 0.0625rem solid rgba(228, 237, 255, 0.19); }
        .side-bar-left .navbar ul li a[data-toggle="collapse"] {
          position: relative; }
          .side-bar-left .navbar ul li a[data-toggle="collapse"].collapsed:after {
            content: "\e90c";
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
          .side-bar-left .navbar ul li a[data-toggle="collapse"]:after {
            position: absolute;
            right: 12px;
            right: 0.75rem;
            content: "\e90c";
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            font-family: "skyneticon" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            font-size: 10px;
            font-size: 0.625rem;
            top: 16px;
            top: 1rem; }
        .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li {
          margin: 20px 0;
          margin: 1.25rem 0; }
          .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > .dropdown-menu {
            margin-top: -16px !important;
            padding-top: 20px;
            z-index: 0;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px; }
          .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > a.nav-link {
            text-align: center;
            background: white;
            width: 140px;
            width: 8.75rem;
            padding: 7px 10px 7px 15px;
            padding: 0.4375rem 0.625rem 0.4375rem 0.9375rem;
            margin: auto;
            border-radius: 16px;
            border-radius: 1rem;
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
            font-size: 14px;
            font-size: 0.875rem;
            position: relative;
            color: #021A49; }
            .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > a.nav-link.customers {
              background: linear-gradient(17.45deg, #f3553f 0%, #ff7c2e 100%);
              color: white; }
              .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > a.nav-link.customers i:before {
                color: white; }
            .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > a.nav-link i {
              float: right;
              position: absolute;
              right: 15px;
              right: 0.9375rem;
              top: 0;
              bottom: 0;
              margin: auto;
              height: 10px;
              height: 0.625rem;
              width: 11px;
              width: 0.6875rem; }
              .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li > a.nav-link i:before {
                color: #f7a827; }
          .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li .dropdown-menu {
            border: 0;
            width: 140px;
            width: 8.75rem;
            margin: auto;
            min-width: 0; }
            .side-bar-left .navbar ul li.nav-item-dropdown .sub-menu .nav-item-dropdown-li .dropdown-menu a:after {
              display: none; }
      .side-bar-left .navbar ul .sub-menu li {
        min-height: auto;
        line-height: 20px;
        line-height: 1.25rem; }
        .side-bar-left .navbar ul .sub-menu li + li {
          border: none; }
        .side-bar-left .navbar ul .sub-menu li a {
          padding-left: 15px; }
          .side-bar-left .navbar ul .sub-menu li a i {
            font-size: 15px;
            font-size: 0.9375rem;
            width: 30px;
            width: 1.875rem;
            text-align: right;
            margin-right: 10px; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-location-star {
              font-size: 22px;
              font-size: 1.375rem; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-manage-tank {
              font-size: 18px;
              font-size: 1.125rem; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-vehicle {
              font-size: 12px;
              font-size: 0.75rem; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-lock {
              font-size: 20px;
              font-size: 1.25rem; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-device {
              font-size: 18px;
              font-size: 1.125rem; }
            .side-bar-left .navbar ul .sub-menu li a i.icon-icon-customers {
              font-size: 20px;
              font-size: 1.25rem; }
          .side-bar-left .navbar ul .sub-menu li a:hover.active {
            background: rgba(255, 255, 255, 0.1); }
  .side-bar-left .sider-bar-collapse {
    position: absolute;
    bottom: 7px;
    bottom: 0.4375rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; }
    .side-bar-left .sider-bar-collapse i {
      font-size: 18px;
      font-size: 1.125rem;
      color: #ffffff; }
    .side-bar-left .sider-bar-collapse a {
      display: inline-block;
      width: 28px;
      width: 1.75rem;
      border-radius: 50%;
      line-height: 10px;
      line-height: 0.625rem;
      cursor: pointer; }
    .side-bar-left .sider-bar-collapse span {
      color: #808ca4;
      font-size: 10px;
      font-size: 0.625rem; }

.ul-no-data-custom-field {
  width: fit-content;
  text-align: left;
  margin: auto; }
  .ul-no-data-custom-field li {
    list-style: disc !important; }

.alert-section-wrapper {
  padding: 30px 0;
  padding: 1.875rem 0;
  border-top: 1px solid rgba(205, 210, 219, 0.5);
  border-top: 0.0625rem solid rgba(205, 210, 219, 0.5); }
  .alert-section-wrapper .high-level {
    min-height: 75px; }
  .alert-section-wrapper .img {
    margin-right: 10px; }
  .alert-section-wrapper .form-check {
    margin-top: 10px; }
  .alert-section-wrapper .form-group {
    margin-bottom: 0 !important;
    max-width: 100% !important; }
  .alert-section-wrapper .form-check-radio {
    display: inline-block;
    border-radius: 4px;
    border-radius: 0.25rem;
    box-shadow: 0 0 2px 0 #808ca4;
    padding: 8px 50px 8px 8px !important;
    padding: 0.5rem 3.125rem 0.5rem 0.5rem !important;
    min-width: 162px; }
    .alert-section-wrapper .form-check-radio + .form-check-radio {
      margin-left: 10px; }
  .alert-section-wrapper .optional {
    font-size: 12px;
    font-size: 0.75rem;
    color: #808ca4;
    line-height: 17px;
    line-height: 1.0625rem;
    display: inline-block; }
  .alert-section-wrapper.alert-notifications .form-check-radio i {
    position: absolute;
    right: 27px;
    right: 1.6875rem;
    top: 12px;
    top: 0.75rem;
    font-size: 15px;
    font-size: 0.9375rem; }
    .alert-section-wrapper.alert-notifications .form-check-radio i + i {
      right: 6px;
      right: 0.375rem; }
  .alert-section-wrapper.high-level-alerts {
    min-height: 136px; }
    .alert-section-wrapper.high-level-alerts .form-check {
      margin-top: 33px; }
  .alert-section-wrapper.alert-drivers .form-check-radio {
    min-width: 115px;
    padding-right: 15px !important; }
  .alert-section-wrapper.alert-tank-section-wrapper .text-custom-alert {
    line-height: 25px;
    line-height: 1.5625rem;
    margin-left: 15px; }

.is-invalid label {
  color: #f3553f !important; }

.is-invalid input {
  border: 1px solid #f3553f !important;
  border: 0.0625rem solid #f3553f !important;
  color: #f3553f !important; }

.is-invalid .is-invalid-messages {
  color: red;
  padding-top: 10px;
  font-size: 12px;
  font-size: 0.75rem; }

.alert-wrapper {
  position: fixed;
  top: 0;
  z-index: 100000;
  width: 50%;
  left: 0;
  right: 0;
  margin: auto;
  border: none; }
  .alert-wrapper .alert.alert-success {
    color: #00d793;
    border: none; }
    .alert-wrapper .alert.alert-success button.close {
      right: 32px;
      right: 2rem;
      font-weight: 600;
      font-size: 16px;
      font-size: 1rem;
      color: #021A49;
      line-height: 35px;
      line-height: 2.1875rem;
      background: none;
      text-shadow: none;
      opacity: 1; }
    .alert-wrapper .alert.alert-success .content {
      margin: 0 auto;
      text-align: center; }
      .alert-wrapper .alert.alert-success .content h4 {
        color: #000000;
        font-size: 16px;
        font-size: 1rem;
        padding: 8px 16px;
        padding: 0.5rem 1rem;
        background: #ffffff;
        box-shadow: 0px 0px 8px #C9DEF5;
        -moz-box-shadow: 0px 0px 8px #C9DEF5 !important;
        -webkit-box-shadow: 0px 0px 8px #C9DEF5 !important;
        -o-box-shadow: 0px 0px 8px #C9DEF5 !important;
        -ms-box-shadow: 0px 0px 8px #C9DEF5 !important;
        border-radius: 100px;
        border-radius: 6.25rem;
        display: inline-block;
        font-weight: normal;
        border: 2px solid #00D793;
        border: 0.125rem solid #00D793; }
  .alert-wrapper .alert.alert-error {
    background-color: #f13b22; }
  .alert-wrapper h4 {
    margin: 0;
    font-size: 15px;
    font-size: 0.9375rem; }
  .alert-wrapper.alert-wrapper-new {
    width: 100%; }
    .alert-wrapper.alert-wrapper-new .alert.alert-success {
      border: none;
      background-color: #D6F9EE; }
      .alert-wrapper.alert-wrapper-new .alert.alert-success button.close {
        right: 32px;
        right: 2rem;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        color: #000000;
        line-height: 35px;
        line-height: 2.1875rem;
        background: none;
        text-shadow: none;
        opacity: 1; }
      .alert-wrapper.alert-wrapper-new .alert.alert-success .content {
        margin: 0 auto;
        text-align: center; }
        .alert-wrapper.alert-wrapper-new .alert.alert-success .content h4 {
          color: #000000;
          font-size: 16px;
          font-size: 1rem;
          padding: 8px 16px;
          padding: 0.5rem 1rem;
          background: #ffffff;
          border: 2px solid #00d793;
          border: 0.125rem solid #00d793;
          box-sizing: border-box;
          border-radius: 16px;
          border-radius: 1rem;
          display: inline-block;
          font-weight: normal; }
    .alert-wrapper.alert-wrapper-new .alert.alert-warning {
      background-color: #FEFCDE; }

.alerts-dropdown li.title {
  padding: 5px 25px;
  padding: 0.3125rem 1.5625rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600; }

.alerts-dropdown li.button {
  padding: 5px 25px;
  padding: 0.3125rem 1.5625rem;
  margin: 5px 0;
  margin: 0.3125rem 0; }
  .alerts-dropdown li.button a {
    justify-content: center;
    padding: 7px 15px;
    padding: 0.4375rem 0.9375rem; }

.alerts-dropdown li a {
  font-weight: normal !important; }

#alerts-dropdown.no-new-alert-wrapper ul.alert-item-menu li.title, #alerts-dropdown.no-new-alert-wrapper ul.alert-item-menu li.button, #alerts-customer-dropdown.no-new-alert-wrapper ul.alert-item-menu li.title, #alerts-customer-dropdown.no-new-alert-wrapper ul.alert-item-menu li.button {
  display: block !important; }

#alerts-dropdown.no-new-alert-wrapper ul.alert-item-menu li:not(.no-new-alerts), #alerts-customer-dropdown.no-new-alert-wrapper ul.alert-item-menu li:not(.no-new-alerts) {
  display: none; }

#alerts-dropdown.no-new-alert-wrapper ul.alert-item-menu li.no-new-alerts, #alerts-customer-dropdown.no-new-alert-wrapper ul.alert-item-menu li.no-new-alerts {
  display: block; }
  #alerts-dropdown.no-new-alert-wrapper ul.alert-item-menu li.no-new-alerts a.dropdown-item span, #alerts-customer-dropdown.no-new-alert-wrapper ul.alert-item-menu li.no-new-alerts a.dropdown-item span {
    background: url("../img/no-alerts.png") center center no-repeat;
    background-size: 100% 100%;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem; }

#alerts-dropdown li.no-new-alerts, #alerts-customer-dropdown li.no-new-alerts {
  display: none; }

.waring-wrapper {
  padding: 13px 20px;
  padding: 0.8125rem 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 10px;
  position: relative; }
  .waring-wrapper.warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b; }
  .waring-wrapper.error {
    background-color: #efa59b;
    color: #8e1100; }
    .waring-wrapper.error .icon {
      color: #8e1100; }
  .waring-wrapper.success {
    background-color: #b4f3df;
    border-color: #b4f3df;
    color: #00d793; }
    .waring-wrapper.success .icon {
      color: #00d793; }
  .waring-wrapper .icon {
    color: #66512c;
    margin-right: 5px;
    font-size: 20px;
    font-size: 1.25rem;
    vertical-align: middle; }

.no-entities {
  text-align: center;
  margin: 50px 0;
  margin: 3.125rem 0; }
  .no-entities .icon-wrapper {
    height: 85px;
    height: 5.3125rem;
    width: 85px;
    width: 5.3125rem;
    border-radius: 50%;
    box-shadow: 0 0 19px 0 #d0dbe9;
    margin: auto;
    position: relative; }
    .no-entities .icon-wrapper.border-yellow {
      box-shadow: none;
      border: 4px solid #F5A927;
      border: 0.25rem solid #F5A927; }
    .no-entities .icon-wrapper .main-icon {
      font-size: 35px;
      font-size: 2.1875rem; }
    .no-entities .icon-wrapper .sub-icon {
      position: absolute;
      top: -7px;
      top: -0.4375rem;
      right: -4px;
      right: -0.25rem;
      height: 30px;
      height: 1.875rem;
      width: 30px;
      width: 1.875rem;
      text-align: center;
      border-radius: 50%;
      background-color: #f3553f; }
      .no-entities .icon-wrapper .sub-icon i {
        font-size: 14px;
        font-size: 0.875rem;
        color: white; }
      .no-entities .icon-wrapper .sub-icon.alert-number {
        background: url(../img/alert-number.png) 100% 100% no-repeat;
        background-size: 100% 100%; }
      .no-entities .icon-wrapper .sub-icon.yellow-sub-icon {
        background-color: #F5A927; }
  .no-entities .title {
    font-size: 25px;
    font-size: 1.5625rem;
    margin: 15px 0;
    margin: 0.9375rem 0;
    padding: 0 !important; }
  .no-entities .sub-title {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 15px auto 25px auto;
    margin: 0.9375rem auto 1.5625rem auto;
    max-width: 50%; }
    .no-entities .sub-title a {
      color: #277dd7 !important; }
  .no-entities .settings-header .reset-filter {
    color: white !important; }

.datatable-wrapper .pagination li.page-item.active a, .datatable-wrapper .pagination li.page-item:hover a {
  color: #ffffff;
  background: #000000; }

.datatable-wrapper .pagination li.page-item a {
  border: none;
  font-size: 12px;
  font-size: 0.75rem;
  background: #ffffff;
  color: #000000;
  font-weight: 600;
  height: 19px;
  height: 1.1875rem;
  width: 19px;
  width: 1.1875rem;
  line-height: 11px;
  line-height: 0.6875rem;
  vertical-align: middle;
  padding: 4px 0px;
  padding: 0.25rem 0rem;
  text-align: center;
  margin: 0 5px;
  margin: 0 0.3125rem; }

.setting-general {
  padding: 35px;
  padding: 2.1875rem;
  background: #ffffff; }
  .setting-general .setting-general-header:after {
    content: '';
    height: 100%;
    width: 1px;
    width: 0.0625rem;
    position: absolute;
    right: 15px;
    right: 0.9375rem;
    top: 0;
    background: #E4EDFF; }
  .setting-general .setting-general-header ul {
    padding: 0; }
    .setting-general .setting-general-header ul li {
      color: #000000;
      cursor: pointer;
      margin-bottom: 30px; }
      .setting-general .setting-general-header ul li a {
        font-size: 14px;
        font-size: 0.875rem; }
        .setting-general .setting-general-header ul li a[aria-expanded='true'] {
          opacity: 0.5; }
  .setting-general .setting-general-header.setting-general-menu-section ul {
    padding-right: 50px; }
    .setting-general .setting-general-header.setting-general-menu-section ul li {
      padding: 5px 16px;
      padding: 0.3125rem 1rem;
      border: 2px solid #000000;
      border: 0.125rem solid #000000;
      border-radius: 16px;
      border-radius: 1rem;
      color: #000000;
      font-weight: 600; }
      .setting-general .setting-general-header.setting-general-menu-section ul li a[aria-expanded='true'] {
        opacity: 1; }
  .setting-general .setting-general-content {
    margin-bottom: 50px; }
    .setting-general .setting-general-content ul {
      margin: 0; }
    .setting-general .setting-general-content .is-change-password label {
      min-width: 150px; }
    .setting-general .setting-general-content .text-font-weight-normal {
      font-size: 14px;
      font-size: 0.875rem; }
      .setting-general .setting-general-content .text-font-weight-normal i {
        font-size: 6px;
        font-size: 0.375rem;
        letter-spacing: -2px;
        letter-spacing: -0.125rem;
        font-weight: normal !important; }
    .setting-general .setting-general-content .card {
      border: none;
      background: none; }
      .setting-general .setting-general-content .card .card-header {
        background: none;
        border: none; }
        .setting-general .setting-general-content .card .card-header button {
          text-align: left;
          width: 100%;
          text-decoration: none;
          border-bottom: 1px dashed #000000;
          border-bottom: 0.0625rem dashed #000000;
          padding-bottom: 30px;
          padding-left: 0 !important; }
          .setting-general .setting-general-content .card .card-header button .title {
            color: #000000;
            font-size: 22px;
            font-size: 1.375rem; }
            .setting-general .setting-general-content .card .card-header button .title i {
              margin-right: 15px; }
          .setting-general .setting-general-content .card .card-header button .btn-right {
            float: right;
            color: #f7a827;
            font-size: 14px;
            font-size: 0.875rem;
            text-align: left;
            min-width: 140px;
            border-radius: 0px;
            border-radius: 0rem;
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
            padding: 0 15px;
            padding: 0 0.9375rem;
            line-height: 32px;
            line-height: 2rem;
            vertical-align: middle;
            position: absolute;
            right: 0; }
            .setting-general .setting-general-content .card .card-header button .btn-right i {
              float: right;
              font-size: 12px;
              font-size: 0.75rem;
              margin-top: 9px; }
          .setting-general .setting-general-content .card .card-header button .up {
            display: none; }
          .setting-general .setting-general-content .card .card-header button .down {
            display: block; }
          .setting-general .setting-general-content .card .card-header button[aria-expanded='true'] .up {
            display: block; }
          .setting-general .setting-general-content .card .card-header button[aria-expanded='true'] .down {
            display: none; }
        .setting-general .setting-general-content .card .card-header.card-header-new-design .title {
          font-weight: 700; }
      .setting-general .setting-general-content .card .card-body .title {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 20px 0 40px 0;
        padding: 1.25rem 0 2.5rem 0; }
      .setting-general .setting-general-content .card .card-body.notifications-my-account .form-check-label-general {
        margin-top: 10px; }
        .setting-general .setting-general-content .card .card-body.notifications-my-account .form-check-label-general .checkmark {
          margin-top: 10px; }
      .setting-general .setting-general-content .card .card-body .load-modal .bootstrap-select button.dropdown-toggle:after {
        content: "" !important; }
      .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-check-radio {
        padding-left: 10px !important; }
        .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-check-radio.small-radio {
          min-width: auto !important;
          padding: 8px 15px 8px 15px !important;
          padding: 0.5rem 0.9375rem 0.5rem 0.9375rem !important; }
          .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-check-radio.small-radio .form-radio-label-general {
            padding-left: 25px !important; }
        .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-check-radio.only-text {
          box-shadow: none;
          padding-right: 0px !important; }
          .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-check-radio.only-text .form-radio-label-general {
            align-items: flex-end !important;
            justify-content: flex-end !important; }
      .setting-general .setting-general-content .card .card-body .low-level-alerts, .setting-general .setting-general-content .card .card-body .alert-section-wrapper {
        box-shadow: 0 0 7px 0 #e4edff;
        padding: 30px 50px;
        padding: 1.875rem 3.125rem;
        border-radius: 10px;
        border-radius: 0.625rem;
        margin-bottom: 25px;
        border: 0; }
        .setting-general .setting-general-content .card .card-body .low-level-alerts > .row > .col-sm-4, .setting-general .setting-general-content .card .card-body .alert-section-wrapper > .row > .col-sm-4 {
          line-height: 90px;
          line-height: 5.625rem;
          padding: 0; }
        .setting-general .setting-general-content .card .card-body .low-level-alerts .form-group, .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-group {
          margin-bottom: 0; }
          .setting-general .setting-general-content .card .card-body .low-level-alerts .form-group .input-group .optional, .setting-general .setting-general-content .card .card-body .alert-section-wrapper .form-group .input-group .optional {
            width: 100%;
            display: inline-block; }
      .setting-general .setting-general-content .card .card-body > .form-group {
        margin-bottom: 30px; }
      .setting-general .setting-general-content .card .card-body .form-group .input-group {
        max-width: 300px; }
      .setting-general .setting-general-content .card .card-body .form-group.pin-wrapper, .setting-general .setting-general-content .card .card-body .form-group.serial-wrapper, .setting-general .setting-general-content .card .card-body .form-group.password-wrapper {
        max-width: 300px; }
        .setting-general .setting-general-content .card .card-body .form-group.pin-wrapper .form-item input, .setting-general .setting-general-content .card .card-body .form-group.serial-wrapper .form-item input, .setting-general .setting-general-content .card .card-body .form-group.password-wrapper .form-item input {
          padding-left: 5px;
          padding-right: 5px; }
      .setting-general .setting-general-content .card .card-body .form-group > label {
        font-size: 14px;
        font-size: 0.875rem; }
      .setting-general .setting-general-content .card .card-body .form-group input[type='text'] {
        max-width: 300px;
        border-radius: 4px;
        border-radius: 0.25rem;
        box-shadow: 0 0 2px 0 #808CA4;
        border: none;
        color: #000000;
        font-size: 15px;
        font-size: 0.9375rem;
        padding: 9px 15px;
        padding: 0.5625rem 0.9375rem; }
        .setting-general .setting-general-content .card .card-body .form-group input[type='text']::placeholder {
          color: #808ca4;
          font-size: 15px;
          font-size: 0.9375rem; }
        .setting-general .setting-general-content .card .card-body .form-group input[type='text']::-webkit-input-placeholder {
          color: #808ca4;
          font-size: 15px;
          font-size: 0.9375rem; }
        .setting-general .setting-general-content .card .card-body .form-group input[type='text']::-moz-placeholder {
          color: #808ca4;
          font-size: 15px;
          font-size: 0.9375rem; }
        .setting-general .setting-general-content .card .card-body .form-group input[type='text']:-ms-input-placeholder {
          color: #808ca4;
          font-size: 15px;
          font-size: 0.9375rem; }
        .setting-general .setting-general-content .card .card-body .form-group input[type='text']:-moz-placeholder {
          color: #808ca4;
          font-size: 15px;
          font-size: 0.9375rem; }
      .setting-general .setting-general-content .card .card-body .form-group .input-group .control-label {
        display: block;
        width: 100%;
        height: 33px;
        height: 2.0625rem; }
      .setting-general .setting-general-content .card .card-body .form-group .bootstrap-select {
        max-width: 300px;
        height: 40px;
        height: 2.5rem; }
      .setting-general .setting-general-content .card .card-body .form-group .btn-group {
        background: none; }
        .setting-general .setting-general-content .card .card-body .form-group .btn-group button {
          border-radius: 4px;
          border-radius: 0.25rem;
          box-shadow: 0 0 2px 0 #808CA4;
          border: none;
          color: #000000;
          font-size: 15px;
          font-size: 0.9375rem; }
      .setting-general .setting-general-content .card .card-body .form-group .optional {
        color: #808ca4;
        font-size: 10px;
        font-size: 0.625rem;
        margin-top: 10px;
        margin-left: 10px; }
      .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-prefix .input-group {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-prefix .input-group .input-group-prepend .input-group-text {
          box-shadow: 0 0 2px 0 #808CA4;
          border: none; }
      .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-prefix .control-label {
        height: 20px;
        height: 1.25rem; }
      .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-suffix .input-group {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-suffix .input-group .input-group-prepend .input-group-text {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          box-shadow: 0 0 2px 0 #808CA4;
          border: none; }
      .setting-general .setting-general-content .card .card-body .form-group.input-group-prepend-addon-suffix .control-label {
        height: 20px;
        height: 1.25rem; }
      .setting-general .setting-general-content .card .card-body .tank-capacity-wrapper {
        background-color: rgba(128, 140, 164, 0.1);
        border-radius: 4px;
        border-radius: 0.25rem;
        padding: 4px 15px;
        padding: 0.25rem 0.9375rem;
        text-align: center;
        font-size: 12px;
        font-size: 0.75rem;
        color: #808ca4; }
      .setting-general .setting-general-content .card .card-body.card-body-new {
        margin-left: 30px; }

select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none; }
  select:hover, select:focus {
    outline: 0;
    border: 0;
    box-shadow: none; }

.support-printers-wrapper .div-col-printer-type-ct:not(:last-child) {
  border-right: 1px solid #808ca4 !important;
  border-right: 0.0625rem solid #808ca4 !important; }

.support-printers-wrapper .title-printer-ct {
  margin-left: 40px;
  margin-bottom: 10px; }

.support-printers-wrapper .span-title-printer-ct {
  color: #021A49;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600; }

.form-check-radio {
  padding-left: 10px !important; }
  .form-check-radio.small-radio {
    min-width: auto !important;
    padding: 8px 15px 8px 15px !important;
    padding: 0.5rem 0.9375rem 0.5rem 0.9375rem !important; }
    .form-check-radio.small-radio .form-radio-label-general {
      padding-left: 25px !important; }
  .form-check-radio.only-text {
    box-shadow: none !important;
    padding-right: 0px !important; }
    .form-check-radio.only-text .form-radio-label-general {
      align-items: flex-end !important;
      justify-content: flex-end !important; }

.border-box-settings .form-check-radio {
  padding-left: 0px !important; }

.form-radio-label-card-billing {
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5;
  box-sizing: border-box;
  border-radius: 16px !important;
  border-radius: 1rem !important;
  box-shadow: none !important; }
  .form-radio-label-card-billing.active {
    border: 2px solid #021A49;
    border: 0.125rem solid #021A49; }

.entity-detail {
  margin: 35px 0;
  margin: 2.1875rem 0;
  padding: 0 20px;
  padding: 0 1.25rem; }
  .entity-detail.entity-detail-access-group .entity-detail-configuration .manage-access .block.content {
    font-size: 16px;
    font-size: 1rem; }
    .entity-detail.entity-detail-access-group .entity-detail-configuration .manage-access .block.content div.btn {
      margin-top: 10px; }
      .entity-detail.entity-detail-access-group .entity-detail-configuration .manage-access .block.content div.btn a {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 500; }
        .entity-detail.entity-detail-access-group .entity-detail-configuration .manage-access .block.content div.btn a i {
          margin-right: 10px;
          font-size: 18px;
          font-size: 1.125rem; }
  .entity-detail.entity-detail-access-group .entity-detail-configuration .by-pass .block.content .des {
    line-height: 15px;
    line-height: 0.9375rem;
    margin-bottom: 20px; }
  .entity-detail.entity-detail-access-group .entity-detail-configuration .block.content .title-content {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px; }
  .entity-detail.entity-detail-access-group .entity-detail-configuration .block.content .summary-access-group .items {
    display: inline-block;
    width: 100%;
    max-width: 455px;
    border-left: 1px solid #E4EDFF;
    border-left: 0.0625rem solid #E4EDFF; }
    .entity-detail.entity-detail-access-group .entity-detail-configuration .block.content .summary-access-group .items .item {
      width: 33.33333%;
      float: left;
      text-align: center; }
      .entity-detail.entity-detail-access-group .entity-detail-configuration .block.content .summary-access-group .items .item .title {
        font-size: 12px;
        font-size: 0.75rem;
        background: #f7faff;
        border: 1px solid #E4EDFF;
        border: 0.0625rem solid #E4EDFF;
        border-left: none;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600; }
      .entity-detail.entity-detail-access-group .entity-detail-configuration .block.content .summary-access-group .items .item .content {
        font-size: 14px;
        font-size: 0.875rem;
        border: 1px solid #E4EDFF;
        border: 0.0625rem solid #E4EDFF;
        border-left: none;
        border-top: none;
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600; }
  .entity-detail .entity-detail-information {
    border-radius: 10px 10px 0 0;
    border-radius: 0.625rem 0.625rem 0 0;
    background-color: #ffffff;
    padding: 0 35px;
    padding: 0 2.1875rem;
    box-shadow: 0 0 7px 0 #e4edff; }
    .entity-detail .entity-detail-information.access-group-active {
      padding: 30px;
      padding: 1.875rem;
      border-radius: 10px;
      border-radius: 0.625rem; }
      .entity-detail .entity-detail-information.access-group-active .form-group label {
        margin: 0;
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        margin-right: 15px; }
      .entity-detail .entity-detail-information.access-group-active .form-group input[type='text'] {
        min-width: 300px; }
      .entity-detail .entity-detail-information.access-group-active .form-group input[type='submit'] {
        margin-top: 5px; }
    .entity-detail .entity-detail-information .height-100 {
      min-height: 110px; }
    .entity-detail .entity-detail-information .name span {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: 600;
      margin-right: 20px; }
    .entity-detail .entity-detail-information .generate-report {
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600; }
  .entity-detail .entity-detail-configuration {
    border-radius: 0 0 10px 10px;
    border-radius: 0 0 0.625rem 0.625rem;
    background-color: #ffffff;
    box-shadow: 0 0 7px 0 #e4edff;
    padding: 30px 15px;
    padding: 1.875rem 0.9375rem; }
    .entity-detail .entity-detail-configuration.entity-detail-configuration-custom {
      padding: 0;
      border-radius: 0px;
      border-radius: 0rem;
      overflow: hidden;
      box-shadow: 0 2px 7px 4px #DBD9D9;
      position: relative;
      min-height: 350px;
      height: 100%; }
      .entity-detail .entity-detail-configuration.entity-detail-configuration-custom .name {
        font-size: 21px;
        font-size: 1.3125rem;
        font-weight: 600;
        padding-left: 40px;
        height: 73px !important;
        height: 4.5625rem !important;
        background: #BF985F !important;
        color: white; }
        .entity-detail .entity-detail-configuration.entity-detail-configuration-custom .name.background-navy-blue {
          background: #000000 !important; }
    .entity-detail .entity-detail-configuration .driver-access-setting .border-bottom {
      padding-bottom: 25px; }
    .entity-detail .entity-detail-configuration .driver-access-setting .item {
      background: url("../img/rectangle-blue-gradient.png") 0px center no-repeat;
      background-size: 18px auto;
      padding-left: 25px; }
      .entity-detail .entity-detail-configuration .driver-access-setting .item.active {
        background: url("../img/rectangle-green.png") 0px center no-repeat;
        background-size: 17px auto; }
    .entity-detail .entity-detail-configuration .driver-access-setting .icon {
      font-size: 14px;
      font-size: 0.875rem;
      color: #277dd7; }
      .entity-detail .entity-detail-configuration .driver-access-setting .icon.icon-icon-view-stroke {
        font-size: 12px;
        font-size: 0.75rem; }
      .entity-detail .entity-detail-configuration .driver-access-setting .icon + .icon {
        padding-left: 10px; }
    .entity-detail .entity-detail-configuration .block {
      padding-left: 15px; }
      .entity-detail .entity-detail-configuration .block .title {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold; }
        .entity-detail .entity-detail-configuration .block .title a {
          margin-left: 15px;
          color: #277dd7; }
      .entity-detail .entity-detail-configuration .block + .block {
        margin-top: 20px; }
      .entity-detail .entity-detail-configuration .block.content {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px;
        line-height: 1.5rem;
        padding-left: 15px;
        padding-right: 15px; }
        .entity-detail .entity-detail-configuration .block.content strong {
          font-size: 12px;
          font-size: 0.75rem; }
    .entity-detail .entity-detail-configuration > .row > div + div {
      border-left: 1px solid #E4EDFF;
      border-left: 0.0625rem solid #E4EDFF; }

.chart-custom-wrapper {
  background: #000000;
  padding: 15px;
  padding: 0.9375rem; }
  .chart-custom-wrapper .tab-wrapper {
    color: white;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 600; }
    .chart-custom-wrapper .tab-wrapper ul {
      padding: 0;
      border: 1px solid #6e7b95;
      border: 0.0625rem solid #6e7b95;
      border-radius: 8px;
      border-radius: 0.5rem;
      overflow: hidden;
      margin: 0;
      margin-left: 15px; }
      .chart-custom-wrapper .tab-wrapper ul li {
        display: inline-block;
        padding: 5px 10px;
        padding: 0.3125rem 0.625rem;
        float: left; }
        .chart-custom-wrapper .tab-wrapper ul li.active {
          background-color: #6e7b95; }
        .chart-custom-wrapper .tab-wrapper ul li a {
          color: white; }
          .chart-custom-wrapper .tab-wrapper ul li a[data-toggle='tooltip'] {
            vertical-align: inherit;
            cursor: default !important; }
        .chart-custom-wrapper .tab-wrapper ul li + li {
          border-left: 1px solid #6e7b95;
          border-left: 0.0625rem solid #6e7b95; }
    .chart-custom-wrapper .tab-wrapper .total-site {
      background: #BF985F !important;
      border-radius: 8px;
      border-radius: 0.5rem;
      text-align: center;
      display: inline-block;
      padding: 2px 10px;
      padding: 0.125rem 0.625rem;
      margin-right: 15px; }
      .chart-custom-wrapper .tab-wrapper .total-site .number {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 600;
        padding-left: 5px; }
  .chart-custom-wrapper .content-tab-wrapper {
    display: none; }
    .chart-custom-wrapper .content-tab-wrapper .text {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      margin: 10px 0;
      margin: 0.625rem 0;
      padding-left: 30px;
      color: white; }
    .chart-custom-wrapper .content-tab-wrapper.active {
      display: block; }

.border-gray {
  border: 1px solid #C9DEF5 !important;
  border: 0.0625rem solid #C9DEF5 !important; }

.border-right-gray {
  border-right: 1px solid #C9DEF5 !important;
  border-right: 0.0625rem solid #C9DEF5 !important; }

.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  width: 3.5rem;
  height: 30px;
  height: 1.875rem; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  height: 1.625rem;
  width: 26px;
  width: 1.625rem;
  left: 2px;
  left: 0.125rem;
  bottom: 2px;
  bottom: 0.125rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #00D793; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  border-radius: 2.125rem; }

.slider.round:before {
  border-radius: 50%; }

.password_group .password_input {
  border-radius: 5px !important;
  border-radius: 0.3125rem !important; }

.password_group .icon-show-hide-pass {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #277DD7;
  position: absolute;
  right: 13px;
  right: 0.8125rem;
  top: 13px;
  top: 0.8125rem;
  cursor: pointer;
  z-index: 3; }
  .password_group .icon-show-hide-pass.icon-icon-view-hide {
    font-size: 16px;
    font-size: 1rem;
    top: 11px;
    top: 0.6875rem; }

.jobber-login-to-customer-box {
  display: flex;
  align-items: center;
  min-width: 265px;
  padding-left: 10px; }
  .jobber-login-to-customer-box.active {
    border: 4px solid #FF7C2E;
    border: 0.25rem solid #FF7C2E; }

.product-name-tags-wrapper .product-name-tags-items {
  box-shadow: 0px 0px 8px #c9def5;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  text-transform: uppercase;
  border-radius: 8px;
  border-radius: 0.5rem;
  margin-right: 10px;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem; }

.summary-report-chart {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 2px 4px rgba(1, 15, 42, 0.24); }

.top-summary-report-chart {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #021A49;
  border-bottom: 1px solid #277DD7;
  border-bottom: 0.0625rem solid #277DD7;
  box-shadow: 0px 2px 4px rgba(1, 15, 42, 0.24); }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.map-network-location-wrapper {
  border-radius: 0px;
  border-radius: 0rem;
  box-shadow: 0 2px 7px 4px #DBD9D9;
  overflow: hidden; }

.report-format-dd {
  margin-top: 13px;
  width: 280px;
  width: 17.5rem; }
  .report-format-dd .select-option-picker.none-shadow {
    box-shadow: none !important; }
    .report-format-dd .select-option-picker.none-shadow:hover {
      box-shadow: none !important; }
  .report-format-dd button.dropdown-toggle {
    border: none !important;
    box-shadow: 0 0 8px #C9DEF5 !important;
    width: 245px !important;
    width: 15.3125rem !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    height: 34px !important;
    height: 2.125rem !important;
    padding: 5px 15px !important;
    padding: 0.3125rem 0.9375rem !important; }
    .report-format-dd button.dropdown-toggle::after {
      right: 10px !important;
      right: 0.625rem !important;
      font-size: 9px !important;
      font-size: 0.5625rem !important; }

.card-border-wrapper {
  padding: 15px 30px 10px 25px;
  padding: 0.9375rem 1.875rem 0.625rem 1.5625rem;
  border: .5px solid #C9DEF5;
  border: 0.03125rem solid #C9DEF5;
  width: fit-content;
  border-radius: 6px;
  border-radius: 0.375rem;
  position: relative; }
  .card-border-wrapper .card-border-title {
    font-size: 14px;
    font-size: 0.875rem;
    position: absolute;
    top: -12px;
    top: -0.75rem;
    background: #FFF;
    color: #277DD7; }

.tabs-general ul {
  padding: 0;
  margin: 0; }
  .tabs-general ul li {
    display: inline-block;
    float: left; }
    .tabs-general ul li a {
      background: #f7a827;
      color: #ffffff;
      padding: 8px 45px;
      padding: 0.5rem 2.8125rem;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 600;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .tabs-general ul li a:hover, .tabs-general ul li a.active {
        background: #ffffff;
        color: #000000; }
    .tabs-general ul li + li a {
      border-left: 1px solid #ffffff;
      border-left: 0.0625rem solid #ffffff; }

body .daterangepicker {
  border: 1px solid #E4EDFF;
  border: 0.0625rem solid #E4EDFF;
  padding: 0; }
  body .daterangepicker.show-calendar:not(.single) {
    min-width: 710px; }
  body .daterangepicker i {
    font-family: 'skyneticon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .daterangepicker.show-calendar .ranges .range_inputs {
    display: block; }
  body .daterangepicker .ranges ul li {
    background: none;
    border: none;
    font-size: 12px;
    font-size: 0.75rem;
    color: #000000;
    position: relative; }
    body .daterangepicker .ranges ul li.active, body .daterangepicker .ranges ul li:hover {
      border-radius: 11.5px;
      border-radius: 0.71875rem;
      background: #f7a827;
      color: #ffffff; }
    body .daterangepicker .ranges ul li:after {
      display: none;
      position: absolute;
      content: "\e90e";
      font-family: 'skyneticon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      top: 6px;
      top: 0.375rem;
      right: 10px;
      right: 0.625rem; }
  body .daterangepicker .ranges .range_inputs {
    position: absolute;
    right: 15px;
    right: 0.9375rem;
    top: 18px;
    top: 1.125rem;
    display: none;
    z-index: 99; }
    body .daterangepicker .ranges .range_inputs .applyBtn {
      float: right;
      background-color: #00d793;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      border: none;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
      border-radius: 16px;
      border-radius: 1rem;
      padding: 5px 25px;
      padding: 0.3125rem 1.5625rem; }
    body .daterangepicker .ranges .range_inputs .cancelBtn {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      color: #277dd7;
      outline: 0 !important; }
  body .daterangepicker .calendar {
    margin: 0; }
    body .daterangepicker .calendar.left {
      border-left: 1px solid #E4EDFF;
      border-left: 0.0625rem solid #E4EDFF; }
      body .daterangepicker .calendar.left .calendar-table {
        padding-left: 20px;
        padding-right: 50px !important; }
        body .daterangepicker .calendar.left .calendar-table .prev {
          background: none !important;
          opacity: 1;
          padding-top: 10px; }
          body .daterangepicker .calendar.left .calendar-table .prev i {
            color: #277dd7;
            font-size: 16px;
            font-size: 1rem; }
            body .daterangepicker .calendar.left .calendar-table .prev i:after {
              content: "\e90d" !important; }
        body .daterangepicker .calendar.left .calendar-table .next {
          background: none !important;
          opacity: 1;
          padding-top: 10px; }
          body .daterangepicker .calendar.left .calendar-table .next i {
            color: #277dd7;
            font-size: 16px;
            font-size: 1rem; }
            body .daterangepicker .calendar.left .calendar-table .next i:after {
              content: "\e90e" !important; }
    body .daterangepicker .calendar.right .daterangepicker_input {
      margin-left: -80px; }
    body .daterangepicker .calendar.right .calendar-table {
      padding-left: 20px !important;
      padding-right: 30px !important; }
      body .daterangepicker .calendar.right .calendar-table .prev {
        background: none !important;
        opacity: 1;
        padding-top: 10px; }
        body .daterangepicker .calendar.right .calendar-table .prev i {
          color: #277dd7;
          font-size: 16px;
          font-size: 1rem; }
          body .daterangepicker .calendar.right .calendar-table .prev i:after {
            content: "\e90d" !important; }
      body .daterangepicker .calendar.right .calendar-table .next {
        background: none !important;
        opacity: 1;
        padding-top: 10px; }
        body .daterangepicker .calendar.right .calendar-table .next i {
          color: #277dd7;
          font-size: 16px;
          font-size: 1rem; }
          body .daterangepicker .calendar.right .calendar-table .next i:after {
            content: "\e90e" !important; }
    body .daterangepicker .calendar .daterangepicker_input {
      padding: 13px 15px;
      padding: 0.8125rem 0.9375rem;
      max-width: 190px; }
      body .daterangepicker .calendar .daterangepicker_input input[type=text] {
        border: 1px solid #E4EDFF;
        border: 0.0625rem solid #E4EDFF;
        border-radius: 0;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: normal;
        color: #002e86;
        padding-left: 15px;
        padding-right: 40px;
        height: 40px;
        height: 2.5rem;
        min-width: 165px; }
      body .daterangepicker .calendar .daterangepicker_input i.glyphicon-calendar {
        width: 20px;
        width: 1.25rem;
        left: auto;
        right: 20px;
        right: 1.25rem;
        top: 24px;
        top: 1.5rem; }
        body .daterangepicker .calendar .daterangepicker_input i.glyphicon-calendar:after {
          content: "" !important;
          font-size: 20px;
          font-size: 1.25rem; }
      body .daterangepicker .calendar .daterangepicker_input .calendar-time {
        padding: 0;
        width: auto;
        text-align: left;
        white-space: nowrap; }
        body .daterangepicker .calendar .daterangepicker_input .calendar-time select {
          color: #000000;
          font-size: 14px;
          font-size: 0.875rem; }
    body .daterangepicker .calendar table thead th:not(.month) {
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      opacity: 0.4;
      color: #000000;
      line-height: 25px;
      line-height: 1.5625rem; }
    body .daterangepicker .calendar table tbody tr td {
      font-size: 12px;
      font-size: 0.75rem;
      color: #000000;
      line-height: 25px;
      line-height: 1.5625rem; }
      body .daterangepicker .calendar table tbody tr td.active {
        color: #ffffff;
        background: #277dd7; }
      body .daterangepicker .calendar table tbody tr td:hover {
        color: #ffffff;
        background: #277dd7; }
    body .daterangepicker .calendar .month {
      color: #000000;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 600;
      padding-top: 15px;
      padding-bottom: 15px; }
    body .daterangepicker .calendar .calendar-table {
      border-top: 1px solid #E4EDFF;
      border-top: 0.0625rem solid #E4EDFF;
      border-radius: 0; }
  body .daterangepicker.pdi-daterangepicker .ranges ul li:last-child {
    display: none; }
  body .daterangepicker.accounting-daterangepicker .ranges ul li:first-child {
    display: none; }

body .daterangepicker-custom {
  display: inline-block; }
  body .daterangepicker-custom.accounting-date-warpper {
    box-shadow: 0 0 4px 0 #C9DEF5;
    min-width: 187px; }
    body .daterangepicker-custom.accounting-date-warpper .custom-text {
      padding-right: 30px;
      padding-bottom: 10px;
      width: 100%; }
      body .daterangepicker-custom.accounting-date-warpper .custom-text:before {
        right: 10px;
        right: 0.625rem;
        top: 10px;
        top: 0.625rem;
        left: auto; }
  body .daterangepicker-custom .custom-text {
    border-radius: 4px;
    border-radius: 0.25rem;
    color: #277dd7;
    background: #ffffff;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 6px 12px 17px 12px;
    padding: 0.375rem 0.75rem 1.0625rem 0.75rem;
    display: none;
    position: relative; }
    body .daterangepicker-custom .custom-text.active {
      display: inline-block; }
    body .daterangepicker-custom .custom-text.has-value {
      background: #f7a827;
      color: white; }
      body .daterangepicker-custom .custom-text.has-value:before {
        color: white !important; }
    body .daterangepicker-custom .custom-text:before {
      font-family: skyneticon !important;
      content: "\e90c";
      color: #277dd7;
      border: none !important;
      margin-left: 0;
      position: absolute;
      font-size: 9px !important;
      font-size: 0.5625rem !important;
      bottom: 3px;
      bottom: 0.1875rem;
      right: 0;
      left: 0;
      margin: auto;
      text-align: center; }

.max-width-245 {
  max-width: 245px !important; }
  .max-width-245 .input-group {
    max-width: none !important; }

.max-width-unset {
  max-width: unset !important; }

.max-width-170 {
  max-width: 170px !important; }

.max-width-265 {
  max-width: 265px !important; }

.max-width-305 {
  max-width: 305px !important; }

.max-width-365 {
  max-width: 365px !important; }

.max-width-390 {
  max-width: 390px !important; }

.max-width-900 {
  max-width: 900px !important; }

.max-width-1100 {
  max-width: 1100px !important; }

.max-width-650 {
  max-width: 650px !important; }

.min-width-250 {
  min-width: 210px !important; }

.min-width-80 {
  min-width: 80px !important; }

.min-width-135 {
  min-width: 135px !important; }

.width-115 {
  width: 115px !important;
  width: 7.1875rem !important; }

.width-500 {
  width: 500px !important;
  width: 31.25rem !important; }

.width-300 {
  max-width: 300px !important; }

.no-max-width {
  max-width: none !important; }
  .no-max-width .input-group {
    max-width: none !important; }
  .no-max-width .form-control {
    max-width: none !important; }

.max-height-300 {
  max-height: 300px !important; }

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

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

.form-control.StripeElement {
  height: 38px;
  height: 2.375rem;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  border-radius: 8px !important;
  border-radius: 0.5rem !important;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5; }
  .form-control.StripeElement:hover, .form-control.StripeElement:focus {
    box-shadow: 0 0 2px 0 #021A49 !important; }

.card-stripe .label {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
  font-weight: 600;
  display: inline-block; }

.card-stripe .brand {
  padding-top: 6px;
  padding-left: 5px;
  position: absolute;
  right: 10px;
  right: 0.625rem;
  color: #277dd7; }

.w-295 {
  width: 295px !important;
  width: 18.4375rem !important; }

.delete_wrapper {
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem; }
  .delete_wrapper a {
    cursor: pointer;
    background: #BF985F; }
  .delete_wrapper i {
    font-size: 10px;
    font-size: 0.625rem;
    margin-right: 5px; }
  .delete_wrapper.red a {
    background: transparent; }

.repeater-wrapper.repeater-list-option-wrapper .items .item {
  max-width: none; }
  .repeater-wrapper.repeater-list-option-wrapper .items .item .btn-group {
    max-width: none !important; }
  .repeater-wrapper.repeater-list-option-wrapper .items .item > .form-group {
    width: 100%;
    max-width: none;
    margin-bottom: 15px; }

.repeater-wrapper.repeater-list-option-wrapper .remove {
  position: absolute;
  right: -25px;
  right: -1.5625rem;
  top: 7px;
  top: 0.4375rem; }

.repeater-wrapper .add-new-item a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #277dd7; }
  .repeater-wrapper .add-new-item a i {
    font-size: 20px;
    font-size: 1.25rem;
    vertical-align: middle;
    margin-right: 5px; }
  .repeater-wrapper .add-new-item a span {
    margin-top: 3px;
    display: inline-block;
    vertical-align: middle; }

.repeater-wrapper .items .item {
  position: relative;
  max-width: 325px; }
  .repeater-wrapper .items .item .btn-group {
    max-width: 170px !important;
    display: inline-block;
    float: left;
    margin-right: 10px; }
  .repeater-wrapper .items .item > .form-group {
    max-width: 140px;
    display: inline-block; }
  .repeater-wrapper .items .item label {
    display: none !important; }

.repeater-wrapper .remove {
  position: absolute;
  right: -18px;
  right: -1.125rem;
  top: 10px;
  top: 0.625rem; }
  .repeater-wrapper .remove a i {
    font-size: 12px;
    font-size: 0.75rem;
    color: #f3553f; }

.line-through-text {
  text-decoration: line-through !important; }

.text-left-top-content {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #277DD7; }

.btn-icon-accept-ct {
  width: 115px !important;
  width: 7.1875rem !important;
  position: relative; }
  .btn-icon-accept-ct i {
    position: absolute;
    font-size: 13px;
    font-size: 0.8125rem;
    left: 15px;
    left: 0.9375rem;
    top: 12px;
    top: 0.75rem;
    color: #fff; }
  .btn-icon-accept-ct input {
    width: 105px !important;
    width: 6.5625rem !important;
    height: 34px;
    height: 2.125rem;
    border-radius: 20px;
    border-radius: 1.25rem;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 30px; }

.btn-icon-denied-ct {
  position: relative;
  width: 100px !important;
  width: 6.25rem !important;
  padding-left: 30px !important; }
  .btn-icon-denied-ct i {
    position: absolute;
    font-size: 13px !important;
    font-size: 0.8125rem !important;
    left: 15px;
    left: 0.9375rem; }

/*.reconcile-tank-info{
  .entity-detail-information{
    background: $blue-dark;
    color: #fff;
    border-radius: 1.5rem 1.5rem 0 0;
  }
  .entity-detail-configuration{
    border: 2px solid $blue-dark;
    box-shadow: none;
    border-radius: 0 0 1.5rem 1.5rem;
  }
}*/
.reconcile-tank-info-title {
  margin-top: -10px;
  font-size: 17px !important;
  font-size: 1.0625rem !important;
  margin-bottom: 10px; }

.row-reconcile-tank-info {
  line-height: 27px;
  line-height: 1.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
  border-bottom: 1px solid #C9DEF5;
  border-bottom: 0.0625rem solid #C9DEF5; }
  .row-reconcile-tank-info:nth-child(2) {
    border-top: 1px solid #C9DEF5;
    border-top: 0.0625rem solid #C9DEF5; }

@media only screen and (min-device-width: 720px) and (max-device-width: 1441px) {
  .padding-left-50-res {
    padding-left: 50px; } }

.main-info-reconcile-tank {
  font-weight: 600;
  text-align: right; }
  @media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    .main-info-reconcile-tank {
      padding-left: 0px; } }

.product-type-wrapper .more-option > .form-check-label-general {
  margin-top: 20px !important;
  margin-bottom: 30px; }

.product-type-wrapper .form-group .bootstrap-select .dropdown-menu .dropdown-header {
  text-align: center;
  color: #808ca4; }

.select-option-full button {
  border: none; }
  .select-option-full button .form-check-label-general {
    display: inline-block;
    padding: 0 10px !important;
    padding: 0 0.625rem !important;
    margin: 0 !important;
    font-size: 14px;
    font-size: 0.875rem;
    background: #277dd7;
    border-radius: 4px;
    border-radius: 0.25rem;
    color: #ffffff;
    white-space: nowrap;
    width: 95px;
    width: 5.9375rem;
    overflow: hidden;
    text-overflow: ellipsis; }
    .select-option-full button .form-check-label-general .checkmark {
      display: none; }
    .select-option-full button .form-check-label-general:before {
      font-family: "skyneticon" !important;
      content: "\e932";
      font-size: 10px;
      font-size: 0.625rem;
      margin-right: 5px;
      vertical-align: middle; }

.select-option-full .dropdown-item.selected input ~ .checkmark:after {
  display: block; }

.select-option-full-none-tag button {
  border: none; }
  .select-option-full-none-tag button .form-check-label-general {
    display: inline-block;
    padding: 0 10px !important;
    padding: 0 0.625rem !important;
    margin: 0 !important;
    font-size: 14px;
    font-size: 0.875rem;
    color: #277dd7;
    white-space: nowrap; }
    .select-option-full-none-tag button .form-check-label-general .checkmark {
      display: none; }
    .select-option-full-none-tag button .form-check-label-general:before {
      font-family: "skyneticon" !important;
      content: "\e932";
      font-size: 10px;
      font-size: 0.625rem;
      margin-right: 5px;
      vertical-align: middle; }

.select-option-full-none-tag .dropdown-item.selected input ~ .checkmark:after {
  display: block; }

.assign-internal-role-wrapper {
  width: 700px;
  width: 43.75rem; }
  .assign-internal-role-wrapper .assign-internal-role-detail-wrapper {
    margin-bottom: 15px; }
  .assign-internal-role-wrapper .element-internal-role {
    padding: 15px 10px;
    padding: 0.9375rem 0.625rem;
    border-top: 1px solid #cdd2db;
    border-top: 0.0625rem solid #cdd2db; }
    .assign-internal-role-wrapper .element-internal-role .form-check-label-general {
      padding-left: 55px; }

.access-schedule-wrapper {
  width: 650px;
  width: 40.625rem; }
  .access-schedule-wrapper .title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 33px !important;
    line-height: 2.0625rem !important; }
  .access-schedule-wrapper .schedule-detail-wrapper {
    margin-bottom: 15px; }
  .access-schedule-wrapper .load-schedule .dropdown > a {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
    border-radius: 16px;
    border-radius: 1rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #277dd7;
    max-width: 230px;
    padding: 5px 20px;
    padding: 0.3125rem 1.25rem; }
  .access-schedule-wrapper .save-schedule {
    margin-top: 35px; }
    .access-schedule-wrapper .save-schedule > a {
      font-size: 14px;
      font-size: 0.875rem;
      color: #277dd7; }
  .access-schedule-wrapper > .row {
    margin-bottom: 35px; }
  .access-schedule-wrapper .list-items {
    border: 1px solid #cdd2db;
    border: 0.0625rem solid #cdd2db;
    border-radius: 5px;
    border-radius: 0.3125rem;
    padding: 0;
    display: inline-block;
    width: 100%; }
    .access-schedule-wrapper .list-items .item {
      padding: 0 5px;
      padding: 0 0.3125rem;
      min-height: 51px;
      background-color: #f2f3f5; }
      .access-schedule-wrapper .list-items .item label {
        margin: 0 !important;
        justify-content: left; }
      .access-schedule-wrapper .list-items .item .form-group > span {
        padding: 9px 15px;
        padding: 0.5625rem 0.9375rem; }
      .access-schedule-wrapper .list-items .item + .item {
        border-top: 1px solid #cdd2db;
        border-top: 0.0625rem solid #cdd2db; }
      .access-schedule-wrapper .list-items .item.active {
        background-color: #ffffff; }
        .access-schedule-wrapper .list-items .item.active span {
          color: #000000; }
          .access-schedule-wrapper .list-items .item.active span.access-state {
            opacity: 1; }
  .access-schedule-wrapper span {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
    font-weight: 600;
    color: #808ca4; }
    .access-schedule-wrapper span.selected {
      min-width: 125px;
      display: inline-block;
      font-weight: normal; }
    .access-schedule-wrapper span.selected-first {
      min-width: 160px; }
      .access-schedule-wrapper span.selected-first .form-check-label-general {
        padding-left: 55px; }
    .access-schedule-wrapper span.access-state {
      font-weight: normal;
      opacity: 0.5; }
      .access-schedule-wrapper span.access-state:not(.no-access) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
    .access-schedule-wrapper span.start-meridiem, .access-schedule-wrapper span .end-meridiem {
      display: inline-block; }
    .access-schedule-wrapper span.start-hour, .access-schedule-wrapper span.start-min, .access-schedule-wrapper span.end-hour, .access-schedule-wrapper span.end-min {
      display: inline-block; }
      .access-schedule-wrapper span.start-hour input[type='text'], .access-schedule-wrapper span.start-min input[type='text'], .access-schedule-wrapper span.end-hour input[type='text'], .access-schedule-wrapper span.end-min input[type='text'] {
        padding: 5px !important;
        padding: 0.3125rem !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 0;
        font-size: 12px !important;
        font-size: 0.75rem !important;
        max-width: 35px; }
    .access-schedule-wrapper span.access-border {
      border-radius: 3.2px;
      border-radius: 0.2rem;
      box-shadow: 0 0 2px 0 #808ca4;
      display: inline-block; }
      .access-schedule-wrapper span.access-border .bootstrap-select > button {
        padding: 0 8px;
        padding: 0 0.5rem; }
    .access-schedule-wrapper span.start-meridiem .bootstrap-select, .access-schedule-wrapper span.end-meridiem .bootstrap-select {
      height: 32px !important;
      height: 2rem !important; }
      .access-schedule-wrapper span.start-meridiem .bootstrap-select > button, .access-schedule-wrapper span.end-meridiem .bootstrap-select > button {
        box-shadow: none !important;
        background-color: #f2f3f5 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        height: 100%;
        padding: 5px 22px 13px 8px !important;
        padding: 0.3125rem 1.375rem 0.8125rem 0.5rem !important; }
        .access-schedule-wrapper span.start-meridiem .bootstrap-select > button span, .access-schedule-wrapper span.end-meridiem .bootstrap-select > button span {
          font-size: 12px;
          font-size: 0.75rem;
          vertical-align: top !important; }
        .access-schedule-wrapper span.start-meridiem .bootstrap-select > button:after, .access-schedule-wrapper span.end-meridiem .bootstrap-select > button:after {
          font-size: 10px;
          font-size: 0.625rem;
          height: 10px;
          height: 0.625rem;
          width: 10px;
          width: 0.625rem;
          right: 7px;
          right: 0.4375rem;
          top: 0;
          bottom: 0;
          margin: auto; }
    .access-schedule-wrapper span.line {
      display: inline-block;
      padding: 15px 20px;
      padding: 0.9375rem 1.25rem;
      vertical-align: middle;
      position: relative; }
      .access-schedule-wrapper span.line:before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 16px;
        width: 1rem;
        background: #000000;
        height: 1px;
        height: 0.0625rem;
        content: "";
        left: 0;
        right: 0; }
  .access-schedule-wrapper .dropdown-menu a span {
    font-size: 12px !important;
    font-size: 0.75rem !important; }
  .access-schedule-wrapper.access-schedule-limit-wrapper .form-group input[type="text"] {
    max-width: 100px !important; }
  .access-schedule-wrapper.access-schedule-limit-wrapper .form-group .margin-bottom-5 .control-label {
    margin-bottom: 5px !important; }
  .access-schedule-wrapper .driver-template-wrapper label {
    float: left;
    margin-top: 10px;
    margin-right: 10px; }
  .access-schedule-wrapper .driver-template-wrapper .driver-limit-template input[type="text"] {
    max-width: 200px !important;
    display: inline-block; }

.date-time-setting .access-border {
  box-shadow: 0 0 2px 0 #808ca4;
  border-radius: 4px;
  border-radius: 0.25rem;
  max-width: 190px;
  position: relative;
  display: block; }
  .date-time-setting .access-border .start-meridiem {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0; }
    .date-time-setting .access-border .start-meridiem .bootstrap-select {
      height: 100%; }
  .date-time-setting .access-border input {
    max-width: none;
    width: auto;
    box-shadow: none !important;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px; }
  .date-time-setting .access-border .bootstrap-select > button {
    box-shadow: 0 0 1px 0 #808ca4 !important;
    border-radius: 0 4px 4px 0;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: #ebedf1 !important;
    padding: 0 20px 0 8px;
    padding: 0 1.25rem 0 0.5rem;
    display: inline-block;
    position: relative;
    height: 100%; }
    .date-time-setting .access-border .bootstrap-select > button:before {
      display: none; }
    .date-time-setting .access-border .bootstrap-select > button .filter-option {
      line-height: 38px;
      line-height: 2.375rem; }
    .date-time-setting .access-border .bootstrap-select > button:after {
      font-size: 11px;
      font-size: 0.6875rem;
      right: 7px;
      right: 0.4375rem;
      margin: auto;
      top: 0;
      bottom: 0;
      height: 10px;
      height: 0.625rem;
      width: 10px;
      width: 0.625rem; }

.border-pattens-y {
  border-top: 1px solid #C9DEF5;
  border-top: 0.0625rem solid #C9DEF5;
  border-bottom: 1px solid #C9DEF5;
  border-bottom: 0.0625rem solid #C9DEF5; }

.border-bottom {
  border-bottom: 1px solid #E4EDFF;
  border-bottom: 0.0625rem solid #E4EDFF; }

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

.no-margin {
  margin: 0 !important; }

td.no-padding-td {
  padding: 0 !important; }

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

.padding-15 {
  padding: 15px !important;
  padding: 0.9375rem !important; }

.padding-30 {
  padding: 30px !important;
  padding: 1.875rem !important; }

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

.padding-left-5 {
  padding-left: 5px !important; }

.padding-top-5 {
  padding-top: 5px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-left-25 {
  padding-left: 25px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

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

.padding-left-50 {
  padding-left: 50px !important; }

.padding-left-60 {
  padding-left: 60px !important; }

.padding-left-70 {
  padding-left: 70px !important; }

.padding-left-75 {
  padding-left: 75px !important; }

.padding-top-15 {
  padding-top: 15px !important; }

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

.padding-bottom-5 {
  padding-bottom: 5px !important; }

.padding-bottom-15 {
  padding-bottom: 15px !important; }

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

.padding-right-15 {
  padding-right: 15px !important; }

.padding-left-25 {
  padding-left: 25px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-left-45 {
  padding-left: 45px !important; }

.padding-right-45 {
  padding-right: 45px !important; }

.padding-right-75 {
  padding-right: 75px !important; }

.padding-right-50 {
  padding-right: 50px !important; }

.padding-right-left-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

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

.has-padding-10 {
  padding-left: 10px;
  padding-right: 10px; }

.height-100 {
  height: 100px !important;
  height: 6.25rem !important; }

.height-0 {
  height: 0px !important;
  height: 0rem !important; }

.no-margin {
  margin: 0 !important; }

.margin-right-0 {
  margin-right: 0px !important; }

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

.margin-right-10 {
  margin-right: 10px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-right-neg-15 {
  margin-right: -15px !important; }

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

.margin-left-10 {
  margin-left: 10px !important; }

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

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

.margin-left-40 {
  margin-left: 40px !important; }

.margin-left-50 {
  margin-left: 50px !important; }

.margin-left--5 {
  margin-left: -5px !important; }

.margin-left--10 {
  margin-left: -10px !important; }

.padding-left-50 {
  padding-left: 50px !important; }

.padding-left-55 {
  padding-left: 55px !important; }

.padding-right-50 {
  padding-right: 50px !important; }

.padding-right-55 {
  padding-right: 55px !important; }

.row-custom {
  margin-left: -15px;
  margin-right: -15px; }

.margin-right-30 {
  margin-right: 30px !important; }

.margin-left-30 {
  margin-left: 30px !important; }

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

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

.margin-top-neg-5 {
  margin-top: -5px !important; }

.margin-top-neg-15 {
  margin-top: -15px !important; }

.margin-top-neg-25 {
  margin-top: -25px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

.margin-bottom-neg-20 {
  margin-bottom: -20px !important; }

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

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

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

.margin-bottom-neg-20 {
  margin-bottom: -20px !important; }

.margin-auto {
  margin: auto !important; }

.color-primary {
  color: #007bff !important; }

.font-size-140 {
  font-size: 140px !important;
  font-size: 8.75rem !important; }

.font-size-130 {
  font-size: 130px !important;
  font-size: 8.125rem !important; }

.no-box-shadow {
  box-shadow: none !important; }

.no-border {
  border: none !important; }

.groups-wrapper {
  width: 100%;
  background: #ffffff; }
  .groups-wrapper .title {
    padding: 45px;
    padding: 2.8125rem;
    margin-bottom: 0; }
    .groups-wrapper .title label {
      font-size: 16px;
      font-size: 1rem;
      margin-bottom: 0; }
    .groups-wrapper .title .title-1 {
      font-weight: 600;
      margin-bottom: 20px; }
    .groups-wrapper .title .title-2 {
      font-weight: 400;
      display: block; }
  .groups-wrapper .form-check-radio .form-radio-label-general {
    width: auto; }
  .groups-wrapper ul.tabs-group {
    border-top: 1px solid #E4EDFF;
    border-top: 0.0625rem solid #E4EDFF;
    margin: 0; }
    .groups-wrapper ul.tabs-group li {
      display: inline-block; }
      .groups-wrapper ul.tabs-group li a {
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        padding: 15px;
        padding: 0.9375rem;
        color: #4591C5;
        min-width: 85px;
        text-align: center;
        border: none;
        border-bottom: 5px solid transparent;
        border-bottom: 0.3125rem solid transparent;
        transition: none !important; }
        .groups-wrapper ul.tabs-group li a[aria-expanded="true"] {
          color: #000000;
          border: none;
          border-bottom: 5px solid #f7a827;
          border-bottom: 0.3125rem solid #f7a827;
          border-radius: 0; }
        .groups-wrapper ul.tabs-group li a:hover, .groups-wrapper ul.tabs-group li a:focus {
          outline: 0 !important;
          box-shadow: none !important; }
  .groups-wrapper .access-setting .form-check {
    margin-left: 30px; }
  .groups-wrapper .collapsing,
  .groups-wrapper .collapse {
    -webkit-transition: none !important;
    transition: none !important; }

.access-group-set {
  min-height: 700px;
  background: #ffffff;
  width: 100%;
  overflow: hidden; }
  .access-group-set.access-group-set-add-new {
    min-height: 0; }
    .access-group-set.access-group-set-add-new .items .item .title {
      font-size: 14px;
      font-size: 0.875rem; }
  .access-group-set .items .item {
    width: 33.33333%;
    float: left; }
    .access-group-set .items .item + .item {
      border-left: 1px solid rgba(39, 125, 215, 0.12);
      border-left: 0.0625rem solid rgba(39, 125, 215, 0.12); }
    .access-group-set .items .item .head-content {
      padding: 15px;
      padding: 0.9375rem;
      border-bottom: 1px solid rgba(39, 125, 215, 0.12);
      border-bottom: 0.0625rem solid rgba(39, 125, 215, 0.12); }
      .access-group-set .items .item .head-content .title {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 600; }
      .access-group-set .items .item .head-content a {
        min-width: 125px;
        float: right;
        font-size: 14px;
        font-size: 0.875rem; }
        .access-group-set .items .item .head-content a i {
          margin-right: 10px;
          font-size: 20px;
          font-size: 1.25rem; }
    .access-group-set .items .item .no-value {
      width: 117px;
      width: 7.3125rem;
      height: 117px;
      height: 7.3125rem;
      border-radius: 50%;
      display: inline-block;
      margin-top: 100px;
      background-color: rgba(243, 85, 63, 0.05);
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600;
      text-align: center;
      padding-top: 30px; }
      .access-group-set .items .item .no-value i {
        font-size: 25px;
        font-size: 1.5625rem;
        display: block;
        margin-bottom: 5px; }

.dropdown-menu:not(.tour-dropdown):not(.company-dropdown) a.dropdown-item {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000 !important; }
  .dropdown-menu:not(.tour-dropdown):not(.company-dropdown) a.dropdown-item.active {
    color: #000000 !important; }

a[data-toggle="tooltip"] {
  color: #808ca4 !important;
  vertical-align: middle; }

#tooltip-bottom-left .arrow {
  left: 50px !important;
  left: 3.125rem !important; }

#tooltip-bottom-left .tooltip {
  transform: none !important;
  top: 100% !important;
  left: 0px;
  left: 0rem;
  will-change: transform; }

#tooltip-bottom-left .tooltip-inner {
  width: 300px;
  width: 18.75rem;
  max-width: none; }

.x2 {
  width: 50% !important; }

.add-quick-group .add-new {
  box-shadow: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #277dd7;
  display: flex;
  padding-left: 0; }
  .add-quick-group .add-new i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 10px; }

.add-quick-group .form-group label {
  margin-right: 10px;
  margin-bottom: 0; }

.add-quick-group .form-group input {
  margin-right: 10px; }

.add-quick-group .form-group .add-new-submit {
  margin-right: 10px; }
  .add-quick-group .form-group .add-new-submit i {
    vertical-align: middle; }

.add-quick-group .form-group .remove {
  color: #f3553f;
  font-size: 10px;
  font-size: 0.625rem; }

.tooltip.bs-tooltip-right .tooltip-inner {
  max-width: none;
  width: auto;
  padding: 30px;
  padding: 1.875rem; }

.tooltip-inner {
  padding: 15px;
  padding: 0.9375rem;
  border-radius: 7px;
  border-radius: 0.4375rem;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 13px 0 #E4EDFF;
  opacity: 1; }
  .tooltip-inner .notification {
    text-align: left; }
    .tooltip-inner .notification .icon-text {
      color: #f3553f;
      margin-bottom: 10px; }

.tooltip.show {
  opacity: 1 !important; }

.tool-tip-customer {
  font-family: sofia-pro,sans-serif;
  margin-top: 4px; }
  .tool-tip-customer .text-warning {
    font-size: 19px;
    font-size: 1.1875rem; }
  .tool-tip-customer .tool-tip-title {
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: -15px; }
  .tool-tip-customer .tool-tip-body {
    font-size: 13px;
    font-size: 0.8125rem; }

.tool-tip-body p:nth-child(1) {
  margin-top: -10px; }

.tool-tip-body p:nth-child(2) {
  margin-top: -20px; }

.tool-tip-menu a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 30px;
  line-height: 1.875rem; }

.tool-tip-menu a.resend-invitation, .tool-tip-menu a.edit-email {
  color: #277DD7 !important; }

.tool-tip-menu a.delete-email {
  color: #F3553F !important; }

.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #ffffff; }

.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #ffffff; }

.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #ffffff; }

.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #ffffff; }

.bootstrap-tagsinput {
  box-shadow: 0 0 2px 0 #808ca4;
  border: none;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  color: #808ca4;
  font-size: 15px;
  font-size: 0.9375rem;
  min-height: 80px; }
  .bootstrap-tagsinput .badge {
    background-color: rgba(39, 125, 215, 0.75);
    border-radius: 4px;
    border-radius: 0.25rem;
    border: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 6px;
    padding: 5px 8px 7px 8px;
    padding: 0.3125rem 0.5rem 0.4375rem 0.5rem; }
    .bootstrap-tagsinput .badge [data-role="remove"] {
      float: left;
      margin: 0; }
      .bootstrap-tagsinput .badge [data-role="remove"]:after {
        background: none !important;
        font-size: 14px;
        font-size: 0.875rem;
        padding-left: 0; }

.save-changes {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #f7a827;
  padding-right: 80px;
  overflow: hidden; }
  .save-changes .row {
    width: 100%; }
  .save-changes .form-group {
    position: relative;
    margin-left: 15px;
    vertical-align: middle;
    display: inline-block; }
    .save-changes .form-group.report-action {
      padding: 0 20px 0 45px;
      padding: 0 1.25rem 0 2.8125rem; }
      .save-changes .form-group.report-action i {
        color: #ffffff !important;
        font-size: 18px;
        font-size: 1.125rem; }
      .save-changes .form-group.report-action a {
        color: #ffffff;
        font-size: 14px;
        font-size: 0.875rem; }
      .save-changes .form-group.report-action input[type="submit"] {
        border: none;
        box-shadow: none !important;
        color: #ffffff !important;
        background: transparent !important;
        min-width: 0;
        padding-left: 0; }
    .save-changes .form-group.divide {
      margin-right: 10px;
      margin-left: 15px; }
      .save-changes .form-group.divide:before {
        content: "";
        position: absolute;
        top: -50px;
        top: -3.125rem;
        bottom: 0;
        height: 200px;
        height: 12.5rem;
        opacity: 0.5;
        border: 1px solid #ffffff;
        border: 0.0625rem solid #ffffff; }
    .save-changes .form-group i {
      position: absolute;
      color: #ffffff;
      font-size: 18px;
      font-size: 1.125rem;
      left: 15px;
      left: 0.9375rem;
      top: 0;
      bottom: 0;
      height: 18px;
      height: 1.125rem;
      margin: auto;
      cursor: pointer; }
    .save-changes .form-group.active i, .save-changes .form-group:hover i {
      color: #f7a827; }
    .save-changes .form-group.active input, .save-changes .form-group:hover input {
      color: #f7a827;
      background: #ffffff; }
  .save-changes .btn-submit {
    padding: 20px 0;
    padding: 1.25rem 0; }
    .save-changes .btn-submit input {
      border-radius: 0px;
      border-radius: 0rem;
      float: right;
      cursor: pointer;
      padding: 5px 15px 5px 45px;
      padding: 0.3125rem 0.9375rem 0.3125rem 2.8125rem;
      max-width: none;
      width: auto;
      min-width: 150px;
      color: white;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17) !important;
      background: transparent;
      border: 1px solid #ffffff;
      border: 0.0625rem solid #ffffff;
      font-size: 14px;
      font-size: 0.875rem; }

.ajax_loader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4); }
  .ajax_loader i {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    font-size: 40px;
    font-size: 2.5rem;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    z-index: 99;
    color: #277dd7;
    animation: anim-rotate 2s infinite linear; }

.ajax_loader_inside {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4); }
  .ajax_loader_inside i {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    font-size: 40px;
    font-size: 2.5rem;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    z-index: 99;
    color: #277dd7;
    animation: anim-rotate 2s infinite linear; }

.view_contruction_ajax_loader {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: rgba(228, 237, 255, 0.8);
  color: black; }
  .view_contruction_ajax_loader .content {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    z-index: 99;
    text-align: center; }
    .view_contruction_ajax_loader .content i {
      font-size: 40px;
      font-size: 2.5rem;
      animation: anim-rotate 2s infinite linear; }

.tank-inventory {
  position: relative; }
  .tank-inventory .percent-wrapper {
    overflow: hidden;
    position: relative;
    background: url("../img/tank/tank-empty.png") center center no-repeat;
    background-size: 100% 100%;
    height: 140px;
    height: 8.75rem;
    width: 82px;
    width: 5.125rem;
    border-radius: 25px;
    border-radius: 1.5625rem;
    margin-left: auto;
    margin-right: 0;
    z-index: 1; }
    .tank-inventory .percent-wrapper.no-tracking {
      background: url("../img/tank/tank-no-tracking.png") center center no-repeat;
      background-size: 100% 100%; }
    .tank-inventory .percent-wrapper.percent-0 .tank-inventory-bg {
      height: 0; }
    .tank-inventory .percent-wrapper.percent-0 .percent {
      bottom: 0%; }
    .tank-inventory .percent-wrapper.percent-10 .tank-inventory-bg {
      height: 10%;
      background-size: 100% auto !important; }
    .tank-inventory .percent-wrapper.percent-10 .percent {
      bottom: 10%; }
    .tank-inventory .percent-wrapper.percent-20 .tank-inventory-bg {
      height: 20%; }
    .tank-inventory .percent-wrapper.percent-20 .percent {
      bottom: 20%; }
    .tank-inventory .percent-wrapper.percent-30 .tank-inventory-bg {
      height: 30%; }
    .tank-inventory .percent-wrapper.percent-30 .percent {
      bottom: 30%; }
    .tank-inventory .percent-wrapper.percent-40 .tank-inventory-bg {
      height: 40%; }
    .tank-inventory .percent-wrapper.percent-40 .percent {
      bottom: 40%; }
    .tank-inventory .percent-wrapper.percent-50 .tank-inventory-bg {
      height: 50%; }
    .tank-inventory .percent-wrapper.percent-50 .percent {
      bottom: 50%; }
    .tank-inventory .percent-wrapper.percent-60 .tank-inventory-bg {
      height: 60%; }
    .tank-inventory .percent-wrapper.percent-60 .percent {
      bottom: 60%; }
    .tank-inventory .percent-wrapper.percent-70 .tank-inventory-bg {
      height: 70%; }
    .tank-inventory .percent-wrapper.percent-70 .percent {
      bottom: 70%; }
    .tank-inventory .percent-wrapper.percent-80 .tank-inventory-bg {
      height: 80%; }
    .tank-inventory .percent-wrapper.percent-80 .percent {
      bottom: 80%; }
    .tank-inventory .percent-wrapper.percent-90 .tank-inventory-bg {
      height: 90%; }
    .tank-inventory .percent-wrapper.percent-90 .percent {
      bottom: 90%; }
    .tank-inventory .percent-wrapper.percent-100 .tank-inventory-bg {
      height: 100%; }
    .tank-inventory .percent-wrapper.percent-100 .percent {
      top: 0%; }
    .tank-inventory .percent-wrapper.tank-critical-low-level .tank-inventory-bg {
      background: url(../img/tank/tank-red.png) center center no-repeat; }
    .tank-inventory .percent-wrapper.tank-critical-low-level .percent {
      color: #f3553f; }
    .tank-inventory .percent-wrapper.tank-low-level .tank-inventory-bg {
      background: url(../img/tank/tank-yellow.png) center center no-repeat; }
    .tank-inventory .percent-wrapper.tank-low-level .percent {
      color: #f5a927; }
    .tank-inventory .percent-wrapper.tank-disabled .tank-inventory-bg {
      background: url(../img/tank/tank-gray.png) center center no-repeat; }
    .tank-inventory .percent-wrapper.tank-disabled .percent {
      color: #808ca4; }
    .tank-inventory .percent-wrapper .percent {
      position: absolute;
      right: 105%;
      bottom: 0;
      font-weight: bold;
      font-size: 14px;
      font-size: 0.875rem;
      color: #00d793;
      text-decoration: underline;
      white-space: nowrap; }
  .tank-inventory .tank-inventory-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../img/tank/tank-green.png) 0 bottom no-repeat;
    background-size: 100% 100% !important;
    background-position: 0 bottom !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    z-index: 1; }
  .tank-inventory .tank-oval {
    height: 41px;
    height: 2.5625rem;
    width: 102px;
    width: 6.375rem;
    position: absolute;
    left: -10px;
    left: -0.625rem;
    bottom: -22px;
    bottom: -1.375rem;
    background: url(../img/tank/tank-oval.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 0; }

.wrapper-tank-ct {
  margin-left: auto; }
  .wrapper-tank-ct.percent-0 .percent {
    bottom: 12%; }
  .wrapper-tank-ct.percent-10 .percent {
    bottom: 15%; }
  .wrapper-tank-ct.percent-20 .percent {
    bottom: 26%; }
  .wrapper-tank-ct.percent-30 .percent {
    bottom: 34%; }
  .wrapper-tank-ct.percent-40 .percent {
    bottom: 41%; }
  .wrapper-tank-ct.percent-50 .percent {
    bottom: 50%; }
  .wrapper-tank-ct.percent-60 .percent {
    bottom: 58%; }
  .wrapper-tank-ct.percent-70 .percent {
    bottom: 65%; }
  .wrapper-tank-ct.percent-80 .tank-inventory-bg {
    height: 80%; }
  .wrapper-tank-ct.percent-80 .percent {
    bottom: 80%; }
  .wrapper-tank-ct.percent-90 .percent {
    bottom: 90%; }
  .wrapper-tank-ct.percent-100 .percent {
    top: 7%; }
  .wrapper-tank-ct.tank-critical-low-level .percent {
    color: #f3553f; }
  .wrapper-tank-ct.tank-low-level .percent {
    color: #f5a927; }
  .wrapper-tank-ct.tank-disabled .percent {
    color: #808ca4; }
  .wrapper-tank-ct .percent {
    position: absolute;
    right: 103px;
    right: 6.4375rem;
    bottom: 0;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    color: #00d793;
    text-decoration: underline;
    white-space: nowrap; }

.inventory-level-wrapper .inventory-level-pic {
  width: 18px;
  width: 1.125rem;
  height: 30px;
  height: 1.875rem;
  background: url("../img/tank/icon-tank-normal.png") center center no-repeat;
  background-size: 100% 100% !important;
  overflow: hidden; }
  .inventory-level-wrapper .inventory-level-pic.tank-critical-low-level {
    background: url("../img/tank/icon-tank-red.png") center center no-repeat; }
  .inventory-level-wrapper .inventory-level-pic.tank-low-level {
    background: url("../img/tank/icon-tank-yellow.png") center center no-repeat; }
  .inventory-level-wrapper .inventory-level-pic.tank-disabled {
    background: url("../img/tank/icon-tank-disabled.png") center center no-repeat; }

.inventory-level-wrapper .inventory-level-text {
  font-weight: bold; }

.disabled-custom {
  opacity: 0.65; }

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

.additional-fields {
  margin: 30px 0;
  margin: 1.875rem 0; }
  .additional-fields .item {
    box-shadow: 0 0 2px 0 #808ca4;
    border-radius: 4px;
    border-radius: 0.25rem;
    padding: 8px 15px;
    padding: 0.5rem 0.9375rem;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left; }
    .additional-fields .item .delete i {
      font-size: 12px;
      font-size: 0.75rem; }
    .additional-fields .item .text {
      padding: 0 15px;
      padding: 0 0.9375rem; }
    .additional-fields .item i {
      font-size: 18px;
      font-size: 1.125rem;
      color: #277dd7; }

.tank-shape .cylinder-h {
  background: url(../img/tank/icon-horizontal-cylinder-f.svg) center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 36px 18px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.tank-shape .cylinder-v {
  background: url("../img/tank/icon-vertical-cylinder-f.svg") center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 22px 25px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.tank-shape .rectangular {
  background: url("../img/tank/icon-rectangular-f.svg") center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 22px 30px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.tank-shape .oval-v {
  background: url("../img/tank/icon-vertical-oval-f.svg") center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 22px 25px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.tank-shape .oval-h {
  background: url("../img/tank/icon-horizontal-oval-f.svg") center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 36px 18px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.tank-shape .oval {
  background: url("../img/tank/icon-oval-f.svg") center center no-repeat;
  display: inline-block;
  height: 30px;
  height: 1.875rem;
  width: 40px;
  width: 2.5rem;
  line-height: 18px;
  line-height: 1.125rem;
  background-size: 36px 18px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px; }

.mCS-bar-left.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #277dd7; }

.mCS-bar-left.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000000; }

a,
button,
input[type="submit"] {
  cursor: pointer !important; }

.cloud-box {
  position: relative;
  background: white; }
  .cloud-box i {
    width: 45px;
    width: 2.8125rem;
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    color: #000000; }

.cloud-link {
  position: relative;
  padding-left: 0; }
  .cloud-link i {
    width: 30px;
    width: 1.875rem;
    font-size: 17px;
    font-size: 1.0625rem;
    display: inline-block;
    color: #000000; }
  .cloud-link:before {
    content: "";
    position: absolute;
    width: 30px;
    width: 1.875rem;
    height: 100%;
    left: 0; }
  .cloud-link:after {
    content: "";
    position: absolute;
    width: 19px;
    width: 1.1875rem;
    height: 1px;
    height: 0.0625rem;
    bottom: 50%;
    left: 0; }
  .cloud-link.has-cloud-box {
    padding-left: 30px; }
    .cloud-link.has-cloud-box:before {
      content: "";
      position: absolute;
      width: 30px;
      width: 1.875rem;
      height: 58px;
      height: 3.625rem;
      bottom: 50%;
      left: 0;
      background: url(../img/line-4.png) 10px center no-repeat;
      background-size: 14px 100%; }

.group-has-border {
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  border: 1px solid #cdd2db;
  border: 0.0625rem solid #cdd2db;
  border-radius: 0px;
  border-radius: 0rem;
  background: #f7faff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600; }

.border-icon-wrapper {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  font-size: 8px;
  font-size: 0.5rem;
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  line-height: 1.25rem;
  border-radius: 50%;
  margin-right: 7px;
  padding-top: 1px;
  vertical-align: top; }
  .border-icon-wrapper:before {
    font-size: 8px;
    font-size: 0.5rem; }

.group-has-no-border {
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  border-radius: 0px;
  border-radius: 0rem;
  background: #f7faff;
  font-size: 16px;
  font-size: 1rem; }

.no-tracking-wrapper {
  height: 300px;
  height: 18.75rem; }
  .no-tracking-wrapper i {
    font-size: 30px;
    font-size: 1.875rem; }

.payment-method {
  font-size: 14px;
  font-size: 0.875rem;
  color: #9FB2BF;
  line-height: 14px;
  line-height: 0.875rem;
  font-weight: normal;
  margin-top: 15px; }
  .payment-method p {
    margin-bottom: 10px; }
  .payment-method a {
    color: #277dd7;
    font-size: 12px;
    font-size: 0.75rem; }

table.table {
  font-size: 12px;
  font-size: 0.75rem; }
  table.table thead th {
    border: 0; }

table td {
  border-top: 1px solid #e4edff;
  border-top: 0.0625rem solid #e4edff; }

table tr.disabled td {
  background: #f7faff;
  color: #808ca4; }

table tr td.active-text {
  color: #00d793; }

table tr td.pending-text {
  color: #f5a927; }
  table tr td.pending-text a {
    color: #f5a927; }

.table-items {
  margin-top: 25px;
  box-shadow: 0 0 7px 0 #e4edff;
  border-radius: 0px;
  border-radius: 0rem; }
  .table-items .table-head {
    padding: 20px 30px 20px 15px;
    padding: 1.25rem 1.875rem 1.25rem 0.9375rem; }
    .table-items .table-head strong {
      font-size: 18px;
      font-size: 1.125rem; }
  .table-items .table thead th {
    background: #f7faff; }

.card-header {
  border-bottom: 1px solid #e4edff;
  border-bottom: 0.0625rem solid #e4edff;
  padding: 20px 28px;
  padding: 1.25rem 1.75rem;
  vertical-align: middle; }

.tank-monitor-your-code .img img {
  border-radius: 10px;
  border-radius: 0.625rem; }

.text-wrapper p {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 5px; }

.text-wrapper ul {
  padding-left: 15px; }
  .text-wrapper ul li {
    font-size: 14px;
    font-size: 0.875rem;
    list-style-type: disc; }

.text-wrapper .img {
  margin: 30px 0;
  margin: 1.875rem 0; }

.text-wrapper img {
  max-width: 400px; }

.your-code {
  background-color: #f7faff;
  padding: 15px;
  padding: 0.9375rem;
  border-radius: 0px;
  border-radius: 0rem; }

.configuration-tank-monitor-wrapper {
  padding-bottom: 150px;
  padding-left: 25px; }

.jobber-wrapper .remove-wrapper {
  position: absolute;
  left: 100%;
  top: 3px;
  top: 0.1875rem;
  margin-left: 15px; }

.jobber-wrapper a i {
  font-size: 12px;
  font-size: 0.75rem; }

.lang-text {
  padding-right: 5px;
  text-transform: uppercase; }

.disabled-no-drop {
  cursor: no-drop !important; }
  .disabled-no-drop td {
    cursor: no-drop !important; }
  .disabled-no-drop button.disabled {
    cursor: no-drop !important; }

.alert-display-wrapper {
  border-radius: 0px;
  border-radius: 0rem; }
  .alert-display-wrapper .head {
    padding: 5px;
    padding: 0.3125rem;
    font-size: 14px;
    font-size: 0.875rem; }
    .alert-display-wrapper .head i {
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem;
      border-radius: 50%;
      font-size: 12px;
      font-size: 0.75rem;
      display: inline-block;
      text-align: center;
      line-height: 22px;
      line-height: 1.375rem;
      margin-right: 10px; }
    .alert-display-wrapper .head .meassage {
      background: #ffffff;
      border-radius: 0px;
      border-radius: 0rem;
      padding: 5px;
      padding: 0.3125rem;
      min-width: 190px; }
    .alert-display-wrapper .head.success {
      background: #00d793; }
      .alert-display-wrapper .head.success i {
        background: #00d793;
        color: #ffffff; }
  .alert-display-wrapper .content {
    background-color: rgba(0, 215, 147, 0.05);
    padding: 28px;
    padding: 1.75rem; }
    .alert-display-wrapper .content .title {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 600; }
    .alert-display-wrapper .content .sub-title {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 5px;
      position: relative;
      width: 100%;
      text-align: center; }
      .alert-display-wrapper .content .sub-title i {
        padding: 0 10px;
        padding: 0 0.625rem;
        color: #f7a827;
        font-size: 20px;
        font-size: 1.25rem;
        vertical-align: middle; }
      .alert-display-wrapper .content .sub-title:before {
        content: "";
        position: absolute;
        border-right: 1px dashed #f7a827;
        border-right: 0.0625rem dashed #f7a827;
        border-bottom: 1px dashed #f7a827;
        border-bottom: 0.0625rem dashed #f7a827;
        top: 12px;
        top: 0.75rem;
        width: 28px;
        width: 1.75rem;
        height: 205px;
        height: 12.8125rem;
        left: 100%;
        margin-left: 15px;
        z-index: 1; }
      .alert-display-wrapper .content .sub-title:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 7px solid transparent;
        border-top: 0.4375rem solid transparent;
        border-bottom: 7px solid transparent;
        border-bottom: 0.4375rem solid transparent;
        border-right: 7px solid #f7a827;
        border-right: 0.4375rem solid #f7a827;
        position: absolute;
        right: -21px;
        right: -1.3125rem;
        top: 209px;
        top: 13.0625rem;
        z-index: 1; }
      .alert-display-wrapper .content .sub-title .sub-title-line {
        position: relative;
        display: inline-block;
        width: 100%; }
        .alert-display-wrapper .content .sub-title .sub-title-line:before {
          content: "";
          position: absolute;
          border-top: 1px dashed #f7a827;
          border-top: 0.0625rem dashed #f7a827;
          height: 100%;
          width: 160px;
          width: 10rem;
          top: 12px;
          top: 0.75rem;
          right: -43px;
          right: -2.6875rem;
          margin-left: 15px;
          z-index: 0; }

.icon-has-round {
  height: 25px;
  height: 1.5625rem;
  width: 25px;
  width: 1.5625rem;
  display: flex;
  background: white;
  text-align: center;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }
  .icon-has-round i {
    font-size: 12px;
    font-size: 0.75rem; }
  .icon-has-round.circle {
    border-radius: 50%; }
  .icon-has-round.yellow {
    border: 1px solid #f5a927;
    border: 0.0625rem solid #f5a927; }
    .icon-has-round.yellow i:before {
      color: #f5a927; }

.success-icon {
  position: absolute;
  right: 10px;
  right: 0.625rem;
  top: 10px;
  top: 0.625rem; }

.register-links {
  margin: 30px 0 20px 0;
  margin: 1.875rem 0 1.25rem 0; }
  .register-links .item {
    padding: 0 15px;
    padding: 0 0.9375rem; }
    @media (max-width: 767px) {
      .register-links .item {
        padding: 0 5px;
        padding: 0 0.3125rem; } }
    .register-links .item a:not([data-toggle="tooltip"]) {
      color: #ffffff;
      font-size: 14px;
      font-size: 0.875rem;
      padding: 0 2px;
      padding: 0 0.125rem; }
      .register-links .item a:not([data-toggle="tooltip"]).active, .register-links .item a:not([data-toggle="tooltip"]):hover {
        border-bottom: 2px solid #00d793;
        border-bottom: 0.125rem solid #00d793; }
    .register-links .item a[data-toggle="tooltip"] {
      background: #002e86;
      color: white;
      margin-left: 5px;
      height: 20px;
      height: 1.25rem;
      width: 20px;
      width: 1.25rem;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      line-height: 20px;
      line-height: 1.25rem;
      font-size: 12px;
      font-size: 0.75rem; }
    .register-links .item img {
      width: 52px;
      width: 3.25rem; }

.none-transaction {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.limit-schedule-bar {
  margin-top: 15px; }
  .limit-schedule-bar .activity-summary-list {
    padding-right: 45px;
    position: relative; }
  .limit-schedule-bar .left {
    float: left; }
  .limit-schedule-bar .right {
    float: right; }
  .limit-schedule-bar #progress-limit {
    max-width: 100%;
    width: 100%;
    background-color: #f3f3f5;
    border-radius: 15px;
    border-radius: 0.9375rem;
    overflow: hidden; }
  .limit-schedule-bar #myBar {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    width: 50%;
    height: 20px;
    height: 1.25rem;
    position: relative; }
    .limit-schedule-bar #myBar div {
      text-align: center;
      width: 100%;
      height: 100%;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      padding-left: 3px; }
      .limit-schedule-bar #myBar div span {
        font-size: 10px;
        font-size: 0.625rem;
        color: white;
        min-width: 30px;
        padding: 0 5px;
        padding: 0 0.3125rem;
        border-radius: 7px;
        border-radius: 0.4375rem;
        line-height: 14px;
        line-height: 0.875rem; }
    .limit-schedule-bar #myBar.amount, .limit-schedule-bar #myBar.level-1 {
      background: linear-gradient(214.57deg, #00d793 0%, #4cf68b 100%); }
      .limit-schedule-bar #myBar.amount div span, .limit-schedule-bar #myBar.level-1 div span {
        background-color: rgba(0, 0, 0, 0.6); }
    .limit-schedule-bar #myBar.transaction, .limit-schedule-bar #myBar.level-2 {
      background: linear-gradient(45deg, #fbed30 0%, #ffcc00 100%); }
      .limit-schedule-bar #myBar.transaction div span, .limit-schedule-bar #myBar.level-2 div span {
        background-color: rgba(0, 0, 0, 0.6); }
    .limit-schedule-bar #myBar.dollar, .limit-schedule-bar #myBar.level-3 {
      background: linear-gradient(225deg, #f26c11 0%, #ffbd66 100%); }
      .limit-schedule-bar #myBar.dollar div span, .limit-schedule-bar #myBar.level-3 div span {
        background-color: rgba(0, 0, 0, 0.6); }
    .limit-schedule-bar #myBar.level-4 {
      background: linear-gradient(45deg, #f62b3c 0%, #bd2532 100%); }
      .limit-schedule-bar #myBar.level-4 div span {
        background-color: rgba(0, 0, 0, 0.6); }
  .limit-schedule-bar .reset {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    color: #277dd7; }
  .limit-schedule-bar .title {
    display: block;
    margin-bottom: 10px; }
  .limit-schedule-bar .des {
    display: inline-block;
    max-width: 100%;
    width: 100%; }
  .limit-schedule-bar .capitalize {
    text-transform: capitalize; }

.rotate-180 {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.powered-by-fuelcloud {
  position: absolute;
  bottom: 55px;
  bottom: 3.4375rem;
  left: 0;
  right: 0;
  margin: auto; }
  .powered-by-fuelcloud span {
    font-size: 12px;
    font-size: 0.75rem;
    display: block !important; }
  .powered-by-fuelcloud img {
    width: 70%; }

.is-powered-by-fuelcloud img {
  height: 30px;
  height: 1.875rem; }

@media (max-width: 767px) {
  .is-powered-by-fuelcloud img {
    height: 25px;
    height: 1.5625rem; } }

.is-powered-by-fuelcloud-wrapper {
  background: white;
  padding: 10px;
  padding: 0.625rem;
  border-top: 1px solid #e4edff;
  border-top: 0.0625rem solid #e4edff; }

.navigation-header-corbranding .navbar .navbar-brand {
  padding-right: 0; }

.has-shadow {
  box-shadow: 0 1px 8px 0 #E4EDFF inset; }

.shadow-wrapper {
  box-shadow: 0 0 7px 0 #e4edff;
  border-radius: 0px;
  border-radius: 0rem;
  padding: 15px 25px !important;
  padding: 0.9375rem 1.5625rem !important;
  margin-bottom: 15px; }
  .shadow-wrapper > .row {
    min-height: 80px; }

.none-shadow {
  box-shadow: none !important; }

.credit-wrapper .form-group {
  padding-left: 3px; }
  .credit-wrapper .form-group > .form-check {
    margin-top: 10px; }
  .credit-wrapper .form-group .form-check {
    margin-bottom: 10px; }
    .credit-wrapper .form-group .form-check .credit-remove {
      position: absolute;
      right: 15px;
      right: 0.9375rem;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 28px;
      height: 1.75rem; }
    .credit-wrapper .form-group .form-check .credit-edit {
      position: absolute;
      right: 40px;
      right: 2.5rem;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 28px;
      height: 1.75rem; }
    .credit-wrapper .form-group .form-check .holder-name,
    .credit-wrapper .form-group .form-check .expires,
    .credit-wrapper .form-group .form-check .bank-name {
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: normal;
      margin-bottom: 7px; }
    .credit-wrapper .form-group .form-check .holder-card {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: bold; }
  .credit-wrapper .form-group .is-invalid-messages {
    font-size: 14px;
    font-size: 0.875rem; }

.bg-hafl {
  overflow: hidden; }
  .bg-hafl:before {
    position: absolute;
    background: rgba(205, 210, 219, 0.25);
    width: calc(50% - 15px);
    width: calc(50% - 0.9375rem);
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    z-index: 0;
    height: calc(100% - 80px);
    height: calc(100% - 5rem); }
  .bg-hafl.billing:before {
    background: #FFF; }

.badge-wrapper {
  position: relative;
  padding-left: 35px; }
  .badge-wrapper .badge-number {
    position: absolute;
    left: 0;
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
    background: #000000;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: bold;
    border-radius: 50%;
    vertical-align: middle;
    color: white; }
  .badge-wrapper .content {
    font-size: 14px;
    font-size: 0.875rem; }

.no-card-info {
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  border-radius: 0px;
  border-radius: 0rem;
  background-color: rgba(205, 210, 219, 0.1);
  box-shadow: inset 0px 0px 8px #c9def5;
  margin: 2px;
  margin: 0.125rem;
  color: #808ca4;
  display: inline-block;
  font-weight: 300;
  min-width: 240px; }

.hard-ware-wrapper div.dropdown-menu {
  width: 100%; }
  .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu li {
    box-shadow: 0 1px 1px 0 rgba(205, 210, 219, 0.32); }
  .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item,
  .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item:active {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    position: relative;
    white-space: normal;
    padding-left: 55px; }
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item p,
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item:active p {
      font-weight: normal; }
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item .hardware_type_1,
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item .hardware_type_2,
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item:active .hardware_type_1,
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item:active .hardware_type_2 {
      font-size: 22px;
      font-size: 1.375rem;
      position: absolute;
      left: 15px;
      left: 0.9375rem;
      top: 10px;
      top: 0.625rem;
      bottom: 0;
      margin: auto; }
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item .hardware_type_2,
    .hard-ware-wrapper div.dropdown-menu ul.dropdown-menu a.dropdown-item:active .hardware_type_2 {
      font-size: 22px;
      font-size: 1.375rem; }

.hard-ware-wrapper .filter-option-inner-inner .hardware_type_1,
.hard-ware-wrapper .filter-option-inner-inner .hardware_type_2 {
  font-size: 20px;
  font-size: 1.25rem;
  padding-left: 5px;
  margin-right: 5px;
  vertical-align: middle; }

.check-validate .input-group {
  max-width: none; }

.check-validate .icon-view {
  font-size: 10px;
  font-size: 0.625rem;
  color: #f7a827;
  position: absolute;
  right: 15px;
  right: 0.9375rem;
  top: 16px;
  top: 1rem;
  margin: auto;
  cursor: pointer;
  z-index: 9; }
  .check-validate .icon-view.icon-hide {
    font-size: 12px;
    font-size: 0.75rem;
    z-index: 9; }

.check-validate ul {
  padding: 0;
  display: flex;
  width: 100%;
  margin-top: 5px; }
  .check-validate ul li {
    color: #808ca4;
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    margin: auto; }
    .check-validate ul li:first-child {
      margin-left: 0; }
    .check-validate ul li:last-child {
      margin-left: auto;
      margin-right: 0; }
    .check-validate ul li i {
      font-size: 10px;
      font-size: 0.625rem; }
    .check-validate ul li.pass i {
      color: #00d793; }
    .check-validate ul li.error {
      color: #f3553f; }

#account-setting-page .collapse-close {
  position: absolute;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  top: -28px;
  top: -1.75rem;
  font-weight: 600; }

#account-setting-page .collapse-password {
  width: 300px;
  width: 18.75rem;
  position: relative; }
  #account-setting-page .collapse-password .check-validate {
    position: relative; }
    #account-setting-page .collapse-password .check-validate .input-group {
      max-width: none; }
      #account-setting-page .collapse-password .check-validate .input-group > .form-control {
        min-width: 300px; }
    #account-setting-page .collapse-password .check-validate .is-invalid-messages {
      display: none; }

#raw-update-password a {
  font-size: 12px;
  font-size: 0.75rem; }

.password-wrapper .input-group input {
  border-radius: 0px !important;
  border-radius: 0rem !important; }

.font12 {
  font-size: 12px !important;
  font-size: 0.75rem !important; }

.accounting-btn-wrapper {
  text-align: right;
  margin-right: 20px; }
  .accounting-btn-wrapper .dt-buttons {
    margin-right: 20px;
    margin-left: 15px; }
    .accounting-btn-wrapper .dt-buttons a.btn {
      color: #f7a827 !important; }
  .accounting-btn-wrapper .settings-content {
    display: inline-block;
    vertical-align: middle; }
  .accounting-btn-wrapper .daterangepicker-custom {
    min-width: 0 !important;
    border-radius: 0px;
    border-radius: 0rem; }
    .accounting-btn-wrapper .daterangepicker-custom .custom-text {
      font-size: 14px;
      font-size: 0.875rem;
      background: transparent; }
      .accounting-btn-wrapper .daterangepicker-custom .custom-text:before {
        top: 12px;
        top: 0.75rem; }
      .accounting-btn-wrapper .daterangepicker-custom .custom-text i {
        margin-right: 10px; }

#site-delete-load-modal-btn {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
  color: #277dd7;
  max-width: 245px !important;
  width: 100%;
  display: inline-block; }

.two-factor-authentication .purchase-codes a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 20px 0;
  margin: 1.25rem 0;
  min-width: 135px; }

.two-factor-authentication .second-factor-pin {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600; }
  .two-factor-authentication .second-factor-pin i {
    font-size: 12px;
    font-size: 0.75rem; }

.two-factor-authentication .second-factor-collapse {
  background: #f7faff;
  border-radius: 0px;
  border-radius: 0rem;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  margin-top: 20px; }
  .two-factor-authentication .second-factor-collapse .t-title {
    font-size: 14px;
    font-size: 0.875rem; }
  .two-factor-authentication .second-factor-collapse .t-warning {
    margin: 15px 0;
    margin: 0.9375rem 0;
    font-size: 14px;
    font-size: 0.875rem; }
  .two-factor-authentication .second-factor-collapse .twofa-wrapper {
    max-width: 375px;
    position: relative; }
    .two-factor-authentication .second-factor-collapse .twofa-wrapper input,
    .two-factor-authentication .second-factor-collapse .twofa-wrapper .input-group {
      max-width: 360px !important; }
    .two-factor-authentication .second-factor-collapse .twofa-wrapper input {
      padding-right: 40px; }
    .two-factor-authentication .second-factor-collapse .twofa-wrapper .btn-right-pos {
      position: absolute;
      left: 100%;
      white-space: nowrap;
      top: 9px;
      top: 0.5625rem;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      color: #277dd7; }

.copy-wrapper {
  position: relative; }
  .copy-wrapper .input-group,
  .copy-wrapper .form-group {
    position: relative; }
  .copy-wrapper .copy-input-text {
    position: absolute;
    right: 30px;
    right: 1.875rem;
    top: 11px;
    top: 0.6875rem;
    font-size: 13px;
    font-size: 0.8125rem;
    z-index: 99; }
    .copy-wrapper .copy-input-text i {
      color: #277dd7; }
  .copy-wrapper input {
    padding-right: 40px; }
  .copy-wrapper.no-label input {
    padding-right: 30px; }
  .copy-wrapper.no-label .copy-input-text {
    right: 12px;
    right: 0.75rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 13px;
    height: 0.8125rem; }

.line-wrapper {
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  border-bottom: 1px solid #cdd2db;
  border-bottom: 0.0625rem solid #cdd2db; }

.copy-input-normal-text {
  position: absolute;
  height: 16px;
  height: 1rem;
  bottom: 12px;
  bottom: 0.75rem;
  right: 45px;
  right: 2.8125rem;
  font-size: 13px;
  font-size: 0.8125rem;
  z-index: 99; }
  .copy-input-normal-text i {
    color: #277dd7; }

.reportrange-recurring-wrapper #reportrange_recurring {
  background-color: #277dd7;
  border-radius: 4px;
  border-radius: 0.25rem;
  min-width: 140px;
  color: white;
  padding: 5px 25px 5px 15px;
  padding: 0.3125rem 1.5625rem 0.3125rem 0.9375rem;
  margin-right: 30px;
  position: relative;
  cursor: pointer; }
  .reportrange-recurring-wrapper #reportrange_recurring span {
    font-size: 12px;
    font-size: 0.75rem; }
  .reportrange-recurring-wrapper #reportrange_recurring:before {
    font-family: skyneticon !important;
    content: "\e90c";
    color: white;
    border: none !important;
    position: absolute;
    font-size: 9px !important;
    font-size: 0.5625rem !important;
    margin: auto;
    text-align: center;
    width: 10px;
    width: 0.625rem;
    height: 10px;
    height: 0.625rem;
    right: 10px;
    right: 0.625rem;
    top: 0;
    bottom: 0; }

.reportrange-recurring-wrapper .reportrange-recurring-content.disabled .load-modal label {
  opacity: 0.2;
  pointer-events: none; }
  .reportrange-recurring-wrapper .reportrange-recurring-content.disabled .load-modal label input {
    pointer-events: none; }

.reportrange-recurring-wrapper .send-weekly-wrapper,
.reportrange-recurring-wrapper .send-monthly-wrapper,
.reportrange-recurring-wrapper .send-last_7_days-wrapper,
.reportrange-recurring-wrapper .email-account,
.reportrange-recurring-wrapper .number-email,
.reportrange-recurring-wrapper .send-daily-wrapper {
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  text-decoration: underline; }

.reportrange-recurring-wrapper span.align-middle {
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic; }

.filter-icon-ct {
  display: inline-block;
  margin-top: 4px; }

.recur-datatable {
  font-style: italic;
  font-size: 12px;
  font-size: 0.75rem; }
  .recur-datatable a {
    text-decoration: underline;
    vertical-align: baseline;
    font-size: 12px !important;
    font-size: 0.75rem !important; }

.cursor-pointer {
  cursor: pointer; }

.cursor-alias {
  cursor: alias; }

.cursor-all-scroll {
  cursor: all-scroll; }

.cursor-auto {
  cursor: auto; }

.cursor-cell {
  cursor: cell; }

.cursor-context-menu {
  cursor: context-menu; }

.cursor-col-resize {
  cursor: col-resize; }

.cursor-copy {
  cursor: copy; }

.cursor-crosshair {
  cursor: crosshair; }

.cursor-default {
  cursor: default !important; }

.cursor-e-resize {
  cursor: e-resize; }

.cursor-ew-resize {
  cursor: ew-resize; }

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab; }

.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.cursor-help {
  cursor: help; }

.cursor-move {
  cursor: move; }

.cursor-n-resize {
  cursor: n-resize; }

.cursor-ne-resize {
  cursor: ne-resize; }

.cursor-nesw-resize {
  cursor: nesw-resize; }

.cursor-ns-resize {
  cursor: ns-resize; }

.cursor-nw-resize {
  cursor: nw-resize; }

.cursor-nwse-resize {
  cursor: nwse-resize; }

.cursor-no-drop {
  cursor: no-drop; }

.cursor-none {
  cursor: none; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-progress {
  cursor: progress; }

.cursor-row-resize {
  cursor: row-resize; }

.cursor-s-resize {
  cursor: s-resize; }

.cursor-se-resize {
  cursor: se-resize; }

.cursor-sw-resize {
  cursor: sw-resize; }

.cursor-text {
  cursor: text; }

.cursor-w-resize {
  cursor: w-resize; }

.cursor-wait {
  cursor: wait; }

.cursor-zoom-in {
  cursor: zoom-in; }

.cursor-zoom-out {
  cursor: zoom-out; }

.recurring-used {
  bottom: -30px;
  bottom: -1.875rem; }

.cookie-consent-wrapper .cookie-consent {
  border-radius: 32px;
  border-radius: 2rem;
  background: linear-gradient(311.94deg, #3ae2ff 0%, #5631f3 100%);
  box-shadow: 0 0 7px 0 rgba(73, 126, 248, 0.52);
  text-align: center;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  position: fixed;
  bottom: 13px;
  bottom: 0.8125rem;
  padding: 11px 45px 11px 15px;
  padding: 0.6875rem 2.8125rem 0.6875rem 0.9375rem;
  z-index: 999999;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 30px);
  width: calc(100% - 1.875rem);
  max-width: 1400px; }
  @media (min-width: 1024px) {
    .cookie-consent-wrapper .cookie-consent {
      min-width: 840px; } }
  .cookie-consent-wrapper .cookie-consent .remove-btn i {
    display: inline-block;
    position: absolute;
    right: 30px;
    right: 1.875rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    height: 0.625rem;
    font-size: 10px;
    font-size: 0.625rem; }
  .cookie-consent-wrapper .cookie-consent a {
    color: white; }
    .cookie-consent-wrapper .cookie-consent a.privacy-policy {
      text-decoration: underline; }

.login-form-wrapper {
  background: #FFFFFF;
  border: 0.5px solid #C9DEF5;
  border: 0.03125rem solid #C9DEF5;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(1, 15, 42, 0.5);
  border-radius: 8px;
  border-radius: 0.5rem;
  padding: 35px 28px;
  padding: 2.1875rem 1.75rem;
  width: 315px;
  width: 19.6875rem; }
  .login-form-wrapper input {
    z-index: 1; }
  .login-form-wrapper .is-invalid .is-invalid-messages {
    margin-bottom: -20px;
    margin-top: -10px; }

.integrations-description {
  font-size: 19px !important;
  font-size: 1.1875rem !important;
  font-weight: 300 !important;
  margin-bottom: 30px !important;
  padding: 0px 40px;
  padding: 0rem 2.5rem; }

.img-integration-login-form {
  width: 250px;
  width: 15.625rem; }

.des-header-form-login {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
  margin: 15px 0;
  margin: 0.9375rem 0; }

.btn-padding-large {
  width: 130px !important;
  width: 8.125rem !important;
  padding: 12px 0px !important;
  padding: 0.75rem 0rem !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  margin-top: 17px;
  position: relative; }
  .btn-padding-large.btn-style-1 {
    padding: 8px 0px !important;
    padding: 0.5rem 0rem !important; }

.img-loader-gif-login-button {
  width: 25px;
  width: 1.5625rem;
  position: absolute;
  left: 12px;
  left: 0.75rem;
  top: 7px;
  top: 0.4375rem; }

.input-group-wrapper-username {
  margin-bottom: 20px; }

.input-group-wrapper-password {
  margin-bottom: 25px; }

.row-padding-55 {
  padding: 0px 55px;
  padding: 0rem 3.4375rem; }

.icon-show-hide-pass {
  font-size: 14px;
  font-size: 0.875rem;
  color: #277DD7;
  position: absolute;
  right: 22px;
  right: 1.375rem;
  top: 11px;
  top: 0.6875rem;
  cursor: pointer;
  z-index: 3; }
  .icon-show-hide-pass.icon-icon-view-hide {
    font-size: 19px;
    font-size: 1.1875rem;
    top: 9px;
    top: 0.5625rem; }

.tank-monitor-label-wrapper {
  margin-top: 76px;
  padding-bottom: 15px; }
  .tank-monitor-label-wrapper .tank-monitor-label-inner-wrapper {
    position: relative; }
  .tank-monitor-label-wrapper .tank-monitor-label {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 300; }
  .tank-monitor-label-wrapper .tank-monitor-refresh {
    position: absolute;
    top: 3px;
    top: 0.1875rem;
    right: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #277DD7;
    cursor: pointer; }

.tank-monitor-quantity {
  font-weight: 600;
  font-size: 25px;
  font-size: 1.5625rem;
  color: #002E86; }

.account-info-wrapper {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #808CA4;
  font-weight: 300;
  margin: 0 0 25px 0;
  margin: 0 0 1.5625rem 0;
  padding-top: 25px;
  border-top: 1px solid #808CA4;
  border-top: 0.0625rem solid #808CA4; }

.main-title-logout {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 15px; }

.main-des-logout {
  width: 285px;
  width: 17.8125rem;
  margin: auto; }

.text-caching {
  color: #808CA4;
  margin: 12px 0;
  margin: 0.75rem 0; }

.img-loader-gif {
  width: 55px;
  width: 3.4375rem;
  margin-top: 50px; }

.card-left-col {
  padding: 0px 120px 0px;
  padding: 0rem 7.5rem 0rem;
  margin-top: 65px; }
  .card-left-col .des-div {
    width: 360px;
    width: 22.5rem;
    margin: auto; }

.padding-bot-top-25 {
  padding: 25px 0;
  padding: 1.5625rem 0; }

.card-settings {
  box-shadow: 0 2px 4px rgba(1, 15, 42, 0.5);
  border-radius: .5rem;
  width: fit-content;
  padding: 10px 30px;
  padding: 0.625rem 1.875rem;
  margin: 30px auto 0;
  margin: 1.875rem auto 0;
  background: #F0F0F0 !important; }
  .card-settings input[type="text"] {
    width: 300px !important;
    width: 18.75rem !important; }

@media screen and (min-height: 1000px) {
  .fixed-bottom-el {
    position: fixed !important;
    bottom: 0 !important; } }

.width-90-center {
  width: 90% !important;
  margin: auto; }

.width-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important; }

.border-box-settings {
  box-sizing: border-box;
  border-radius: 8px;
  border-radius: 0.5rem;
  padding: 25px 30px;
  padding: 1.5625rem 1.875rem;
  box-shadow: 0 0 2px 0 #808ca4 !important; }

.reset_filter_link {
  position: absolute;
  left: 38px;
  left: 2.375rem;
  color: #277dd7;
  cursor: pointer;
  background: #FFF;
  min-width: 160px;
  border: none;
  font-weight: 600;
  border-radius: 1.5625rem;
  width: auto;
  padding: 8px;
  padding: 0.5rem;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); }

.text-box-warning {
  border: 1px solid #F3553F;
  border: 0.0625rem solid #F3553F;
  border-radius: 4px;
  border-radius: 0.25rem;
  padding: 5px;
  padding: 0.3125rem;
  text-align: center;
  color: #F3553F;
  font-weight: 300;
  font-style: italic; }

.how-it-work-wrapper {
  background-color: #F0F0F0;
  border-radius: 16px;
  border-radius: 1rem;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem; }
  .how-it-work-wrapper .header {
    color: #808CA4; }
  .how-it-work-wrapper.asset {
    padding: 20px 0 20px 0;
    padding: 1.25rem 0 1.25rem 0; }
  .how-it-work-wrapper .contain-wrapper {
    width: 90%;
    margin: auto; }
  .how-it-work-wrapper .how-it-work-col-left {
    display: inline-block;
    width: 16%;
    text-align: center;
    vertical-align: top; }
    .how-it-work-wrapper .how-it-work-col-left i {
      font-size: 19px;
      font-size: 1.1875rem;
      position: absolute;
      left: 43px;
      left: 2.6875rem; }
  .how-it-work-wrapper .how-it-work-col-right {
    display: inline-block;
    width: 81%; }

.label-radio-with-border-wrapper {
  border: 1px solid #C9DEF5;
  border: 0.0625rem solid #C9DEF5;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 1rem;
  padding: 10px 12px 0px;
  padding: 0.625rem 0.75rem 0rem; }
  .label-radio-with-border-wrapper.active {
    border: 2px solid #277DD7;
    border: 0.125rem solid #277DD7; }
    .label-radio-with-border-wrapper.active .subscription-length-title {
      font-weight: 600 !important; }
  .label-radio-with-border-wrapper.single-label {
    padding: 15px 15px 12px 15px;
    padding: 0.9375rem 0.9375rem 0.75rem 0.9375rem; }

.form-radio-label-general.fix-top-2 .checkmark {
  top: 2px !important;
  top: 0.125rem !important; }

.form-radio-label-general.fix-top-4 .checkmark {
  top: 4px !important;
  top: 0.25rem !important; }

.main-title-logout {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 15px; }

.bg-color-grey {
  background-color: rgba(128, 140, 164, 0.1);
  border-radius: 4px;
  border-radius: 0.25rem;
  padding: 4px 15px;
  padding: 0.25rem 0.9375rem; }

.without-phone-number {
  border: 1px solid #f3553f;
  border: 0.0625rem solid #f3553f;
  border-radius: 4px;
  border-radius: 0.25rem;
  padding: 10px;
  padding: 0.625rem; }

.form-check-label-general input:checked ~ .checkmark.cb-bg-green {
  background-color: #00d793 !important; }
  .form-check-label-general input:checked ~ .checkmark.cb-bg-green.cb-bg-green:after {
    color: #ffffff !important; }

.form-check-label-general.bg-green .checkmark.checkmark-new {
  border: 1px solid #021A49;
  border: 0.0625rem solid #021A49;
  border-radius: 2px;
  border-radius: 0.125rem; }

.main-title-logout {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 15px; }

.main-des-logout {
  width: 285px;
  width: 17.8125rem;
  margin: auto; }

.margin-top-negative-3 {
  margin-top: -3px !important; }

.reconcile_loader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: rgba(240, 240, 240, 0.56);
  backdrop-filter: blur(8px);
  text-align: center; }
  .reconcile_loader .reconcile_inner_loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    height: fit-content;
    width: fit-content;
    z-index: 99;
    background: #FFF;
    border-radius: 16px;
    border-radius: 1rem;
    padding: 110px 20px 20px 20px;
    padding: 6.875rem 1.25rem 1.25rem 1.25rem; }
    .reconcile_loader .reconcile_inner_loader .icon-wrapper {
      position: relative; }
      .reconcile_loader .reconcile_inner_loader .icon-wrapper i {
        position: absolute;
        animation: anim-rotate 2s infinite linear;
        font-size: 80px;
        font-size: 5rem;
        top: -90px;
        top: -5.625rem;
        left: 35%; }
    .reconcile_loader .reconcile_inner_loader .progress-text {
      font-size: 24px;
      font-size: 1.5rem;
      color: #021A49; }
    .reconcile_loader .reconcile_inner_loader .reconcile-des-text {
      font-size: 16px;
      font-size: 1rem;
      font-weight: 300; }

.phone-sign-up-wrapper {
  margin-bottom: 25px;
  position: relative;
  z-index: 10; }
  .phone-sign-up-wrapper .react-tel-input {
    border-bottom: 1px solid rgba(2, 26, 73, 0.5);
    border-bottom: 0.0625rem solid rgba(2, 26, 73, 0.5); }
    .phone-sign-up-wrapper .react-tel-input .form-control {
      box-shadow: none !important;
      border: none !important; }
    .phone-sign-up-wrapper .react-tel-input .flag-dropdown {
      background-color: #FFF !important; }
    .phone-sign-up-wrapper .react-tel-input .special-label {
      display: none !important; }
  .phone-sign-up-wrapper.is-invalid .invalid-feedback {
    display: block !important; }

.sms-cycle-block {
  background: #FFFFFF;
  padding: 16px;
  padding: 1rem;
  border: 1px solid #F0F0F0;
  border: 0.0625rem solid #F0F0F0;
  box-sizing: border-box;
  border-radius: 8px;
  border-radius: 0.5rem; }

.span-hint-input-text {
  display: block;
  position: absolute;
  bottom: -20px;
  bottom: -1.25rem;
  font-size: 11px !important;
  font-size: 0.6875rem !important;
  font-weight: 300;
  font-style: italic !important;
  margin-left: 0px !important; }

@media screen and (max-width: 1600px) {
  .form-inline-input input.form-control {
    max-width: 110px !important; } }

.radius-div-input .is-invalid-messages {
  position: absolute;
  bottom: -40px;
  bottom: -2.5rem;
  width: 275px;
  width: 17.1875rem; }

.form-group .skip-payment-text {
  text-align: left !important;
  margin-top: -25px; }
  .form-group .skip-payment-text:hover {
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important; }

.hint-block {
  text-align: center;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  width: 65%;
  margin-right: 10px;
  margin-left: auto; }

.form-group .button-bg-white {
  color: #277dd7 !important;
  background: #FFF !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17) !important; }

.disable-input-form .form-check-label-general .checkmark {
  pointer-events: none;
  opacity: 0.6 !important; }

.disable-input-form input[type='text'], .disable-input-form textarea {
  box-shadow: none !important;
  padding: 0 !important;
  pointer-events: none !important; }
  .disable-input-form input[type='text'].view-only-input, .disable-input-form textarea.view-only-input {
    box-shadow: 0 0 2px 0 #808ca4 !important;
    padding: 9px 15px !important;
    padding: 0.5625rem 0.9375rem !important;
    opacity: 0.6 !important; }

.disable-input-form .select-option-picker {
  height: auto !important; }
  .disable-input-form .select-option-picker.bootstrap-select > button:after {
    display: none !important; }
  .disable-input-form .select-option-picker button.dropdown-toggle {
    box-shadow: none !important;
    padding: 0 !important;
    pointer-events: none !important;
    height: auto !important; }

.disable-input-form .form-check-radio {
  pointer-events: none !important;
  opacity: 0.6 !important; }

.disable-input-form #company-phone-number-wrapper.disable .react-tel-input input.form-control {
  box-shadow: none !important;
  padding: 0;
  pointer-events: none; }

.disable-input-form #company-phone-number-wrapper.disable .react-tel-input .flag-dropdown {
  display: none !important; }

.card-stats-customer {
  border-radius: 8px;
  border-radius: 0.5rem;
  padding: 10px 20px;
  padding: 0.625rem 1.25rem;
  text-align: center; }

.font-style-italic {
  font-style: italic !important; }

.business-checking-wrapper {
  width: 271px;
  width: 16.9375rem;
  margin: 20px auto auto auto;
  margin: 1.25rem auto auto auto;
  border: 1px solid #F13B22;
  border: 0.0625rem solid #F13B22;
  box-sizing: border-box;
  border-radius: 16px;
  border-radius: 1rem;
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem; }

.switch-button.disabled {
  cursor: no-drop !important; }

.box-shadow-new {
  box-shadow: 0px 2px 4px rgba(1, 15, 42, 0.24) !important; }

.border-radius-100 {
  border-radius: 100px !important;
  border-radius: 6.25rem !important; }

.border-radius-12 {
  border-radius: 12px !important;
  border-radius: 0.75rem !important; }

.border-radius-16 {
  border-radius: 16px !important;
  border-radius: 1rem !important; }

.padding-24-32 {
  padding: 24px 32px !important;
  padding: 1.5rem 2rem !important; }

.border-blue-gray-form-wrapper .form-group input {
  box-shadow: none !important;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5;
  border-radius: 8px !important;
  border-radius: 0.5rem !important; }

.border-blue-gray-form-wrapper .form-group .input-group .input-group-prepend .input-group-text {
  box-shadow: none !important;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5;
  border-radius: 8px 0px 0px 8px;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  font-weight: 600 !important; }

.border-blue-gray-form-wrapper .micro-deposit-wrapper .input-group input {
  box-shadow: none !important;
  border: 2px solid #C9DEF5;
  border: 0.125rem solid #C9DEF5;
  border-left: none !important;
  padding-left: 10px !important;
  border-radius: 0px 8px 8px 0px !important;
  border-radius: 0rem 0.5rem 0.5rem 0rem !important; }

.count-device-for-subscription .item-device:not(:first-child) {
  border-top: 1px solid #C9DEF5;
  border-top: 0.0625rem solid #C9DEF5; }

form .form-group button.btn-style-1.btn-download {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #277dd7 !important;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17) !important;
  min-width: 130px;
  padding: 0.3125rem 0.9375rem; }

.label-description-tab {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  color: #808CA4;
  padding-top: 0.5rem;
  padding-right: 30px; }
  .label-description-tab i {
    font-weight: bold;
    padding-right: 5px; }

#trans-detail-body-ct .entity-position-right {
  width: 480px;
  width: 30rem; }

.white-glove-admin .view-section {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .white-glove-admin .view-section a {
    color: #277dd7; }
  .white-glove-admin .view-section span {
    word-break: break-all; }

#btn-conform-reconcile.bg-green-light:focus {
  background: #00d793 !important;
  color: #ffffff !important; }

.border-orange-2px {
  border: 2px solid #f5a927 !important;
  border: 0.125rem solid #f5a927 !important; }

#btn-reconcile.border-orange-2px {
  box-shadow: none !important; }

#btn-reconcile span {
  position: absolute; }

.otodata-confirm-wrapper {
  width: 55%;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 40px; }
  .otodata-confirm-wrapper .otodata-confirm-info-box {
    border: 3px solid #C9DEF5;
    border: 0.1875rem solid #C9DEF5;
    border-radius: 16px;
    border-radius: 1rem;
    padding: 20px 25px;
    padding: 1.25rem 1.5625rem;
    margin-top: 20px; }
    .otodata-confirm-wrapper .otodata-confirm-info-box .item {
      padding: 20px 10px 0px 10px;
      padding: 1.25rem 0.625rem 0rem 0.625rem; }
      .otodata-confirm-wrapper .otodata-confirm-info-box .item .icon {
        width: 11%; }
      .otodata-confirm-wrapper .otodata-confirm-info-box .item .info {
        width: 75%; }
      .otodata-confirm-wrapper .otodata-confirm-info-box .item .edit-icon {
        float: right;
        cursor: pointer; }
      .otodata-confirm-wrapper .otodata-confirm-info-box .item:first-child {
        border-bottom: 2px solid #C9DEF5;
        border-bottom: 0.125rem solid #C9DEF5;
        padding: 0 10px 20px 10px;
        padding: 0 0.625rem 1.25rem 0.625rem; }

.device-detail-panel .content-information {
  padding: 25px;
  padding: 1.5625rem;
  padding-bottom: 15px;
  margin-right: 0px;
  margin-left: 0px; }
  .device-detail-panel .content-information .col-sm-12 {
    margin-left: 0px; }
  .device-detail-panel .content-information .row-line {
    margin-right: 0px;
    margin-left: 0px;
    border-bottom: 1px solid #C9DEF5;
    border-bottom: 0.0625rem solid #C9DEF5; }
    .device-detail-panel .content-information .row-line > div {
      padding: 0; }
    .device-detail-panel .content-information .row-line .item-value {
      text-align: right;
      font-weight: 600; }
  .device-detail-panel .content-information .left-panel {
    border-right: 1px solid #C9DEF5;
    border-right: 0.0625rem solid #C9DEF5; }
  .device-detail-panel .content-information .right-panel {
    padding-right: 5px; }

.btn.btn-new-design {
  border-radius: 16px;
  border-radius: 1rem;
  background: #0070E0;
  color: #ffffff; }

.transaction-tag {
  padding: 0px 8px 2px 8px;
  padding: 0rem 0.5rem 0.125rem 0.5rem;
  border-radius: 4px;
  border-radius: 0.25rem;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  display: inline-block; }
  .transaction-tag.reconciled {
    background: #00d793; }
  .transaction-tag.adjusted {
    background: #f5a927; }
  .transaction-tag.deleted {
    background: #9FB2BF; }
  .transaction-tag.web-portal {
    background: #070AAD; }
  .transaction-tag.in-process {
    background: #E0F0FF;
    color: #021A49; }
  .transaction-tag.delay-updated {
    background: #FA6937; }

.no-location-img {
  width: 100%;
  height: 102%;
  object-fit: cover;
  object-position: center; }

.no-location-img-network-wrapper {
  text-align: center;
  margin-top: 15px; }
  .no-location-img-network-wrapper .no-location-img-network {
    width: 430px;
    width: 26.875rem; }
  .no-location-img-network-wrapper p {
    color: #808ca4;
    font-weight: 600;
    font-size: 25px;
    font-size: 1.5625rem;
    margin-top: -55px; }

.bs-vertical-wizard {
  padding-bottom: 50px; }
  .bs-vertical-wizard ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .bs-vertical-wizard ul > li {
    display: block;
    position: relative;
    background: white; }
    .bs-vertical-wizard ul > li.current .block .title {
      color: #f7a827;
      font-weight: 600; }
  .bs-vertical-wizard ul > li.current:last-child {
    overflow: hidden; }
    .bs-vertical-wizard ul > li.current:last-child .block {
      padding-bottom: 0; }
      .bs-vertical-wizard ul > li.current:last-child .block:before {
        display: block !important; }
  .bs-vertical-wizard ul > li.current .block .ico {
    background: #f7a827;
    color: #ffffff; }
  .bs-vertical-wizard ul > li > .block {
    display: block;
    padding: 10px 10px 0 40px;
    padding: 0.625rem 0.625rem 0 2.5rem;
    margin-bottom: 50px;
    color: #333c4e;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 400;
    letter-spacing: .8px;
    letter-spacing: 0.05rem; }
    .bs-vertical-wizard ul > li > .block:before {
      content: '';
      position: absolute;
      width: 1px;
      width: 0.0625rem;
      height: 100%;
      background-color: #bdc2ce;
      left: 13px;
      left: 0.8125rem;
      z-index: 3;
      top: 45px;
      top: 2.8125rem; }
    .bs-vertical-wizard ul > li > .block .ico {
      pointer-events: none;
      font-size: 12px;
      font-size: 0.75rem;
      position: absolute;
      top: 8px;
      top: 0.5rem;
      z-index: 4;
      width: 25px;
      width: 1.5625rem;
      height: 25px;
      height: 1.5625rem;
      display: inline-block;
      border-radius: 50%;
      color: #6e7b95;
      font-weight: 600;
      background: #d9dce0;
      left: 1px;
      left: 0.0625rem;
      text-align: center;
      line-height: 25px;
      line-height: 1.5625rem;
      padding-top: 0; }
    .bs-vertical-wizard ul > li > .block .title {
      font-size: 17px;
      font-size: 1.0625rem;
      color: #9FB2BF; }
    .bs-vertical-wizard ul > li > .block .desc {
      display: block;
      color: #000000;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.8;
      letter-spacing: .8px;
      letter-spacing: 0.05rem;
      margin: 20px 0;
      margin: 1.25rem 0; }
  .bs-vertical-wizard ul > li.complete > .block:before {
    background-color: #5cb85c;
    opacity: 1;
    height: calc(100% - 25px);
    height: calc(100% - 1.5625rem);
    bottom: -9px;
    bottom: -0.5625rem; }
  .bs-vertical-wizard ul > li:last-child > .block:before {
    display: none; }
  .bs-vertical-wizard ul > li.complete > a .ico {
    left: 10px;
    left: 0.625rem;
    color: #ffffff; }

.dropzone-wrapper {
  color: #277dd7;
  padding: 10px;
  padding: 0.625rem;
  background: #ffffff;
  border: 1px solid #d9dce0;
  border: 0.0625rem solid #d9dce0;
  margin-top: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-radius: 0.625rem; }
  .dropzone-wrapper .dropzone {
    border: 1px dashed #d9dce0;
    border: 0.0625rem dashed #d9dce0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border-radius: 0.625rem; }
    .dropzone-wrapper .dropzone .dz-preview.dz-processing .dz-progress.full-width {
      width: 490px;
      width: 30.625rem;
      left: 50%;
      margin-left: 0px; }
  .dropzone-wrapper .text {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    margin: 25px 0 30px 0;
    margin: 1.5625rem 0 1.875rem 0; }
  .dropzone-wrapper .icon-cloud {
    color: #f7a827; }
    .dropzone-wrapper .icon-cloud i {
      font-size: 28px;
      font-size: 1.75rem; }

.quantity {
  position: relative;
  display: inline-block; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.quantity input {
  width: 45px;
  width: 2.8125rem;
  height: 28px;
  height: 1.75rem;
  line-height: 1.65;
  float: left;
  display: block;
  margin: 0;
  text-align: center;
  padding: 10px;
  padding: 0.625rem;
  box-shadow: none !important; }

.quantity input:focus {
  outline: 0; }

.quantity-button {
  position: relative;
  cursor: pointer;
  width: 20px;
  width: 1.25rem;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-size: 1.125rem;
  height: 10px;
  height: 0.625rem;
  line-height: 10px;
  line-height: 0.625rem;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  right: -21px;
  right: -1.3125rem;
  color: #277dd7; }

.quantity-button.quantity-down {
  position: absolute;
  height: 50%;
  left: -21px;
  left: -1.3125rem;
  color: #cdd2db; }

.form-group input.btn-link {
  max-width: 100%;
  color: #277dd7; }

.icon-icon-location-star:before {
  color: #f5c06f; }

.black-icon .icon-icon-location-star:before {
  color: #000; }

.bg-ntep-logo {
  background: url("/assets/img/icons/icon-ntep.svg");
  background-position: center center;
  background-size: cover; }

.form-check-radio.rectangle-blue .form-radio-label-general.size-m {
  padding-left: 20px; }
  .form-check-radio.rectangle-blue .form-radio-label-general.size-m .checkmark {
    height: 12px;
    height: 0.75rem;
    width: 12px;
    width: 0.75rem;
    top: 5px;
    top: 0.3125rem;
    box-shadow: 0 0 2px 0 #808ca4; }
  .form-check-radio.rectangle-blue .form-radio-label-general.size-m input:checked ~ .checkmark {
    background-image: url("../img/rectangle-blue.png");
    background-position: center center;
    background-size: cover;
    height: 14px;
    height: 0.875rem;
    width: 14px;
    width: 0.875rem;
    top: 4px;
    top: 0.25rem; }
    .form-check-radio.rectangle-blue .form-radio-label-general.size-m input:checked ~ .checkmark:after {
      display: none; }

.form-check-radio.rectangle-blue .form-radio-label-general.white-uncheck .checkmark {
  background: #ffffff; }
  .form-check-radio.rectangle-blue .form-radio-label-general.white-uncheck .checkmark:hover {
    background: #808ca4; }

.tab-content > .row,
.tab-content .datatable-wrapper > .row {
  background: #ffffff; }

.site-page .datatable-wrapper,
.site-page .configuration-wrapper {
  font-size: 14px;
  font-size: 0.875rem;
  background: #ffffff; }

.site-page .entity-detail-configuration {
  padding: 0px 30px 0px 30px;
  padding: 0rem 1.875rem 0rem 1.875rem; }
  .site-page .entity-detail-configuration .left > .row > div + div {
    border-left: 1px solid #E4EDFF;
    border-left: 0.0625rem solid #E4EDFF; }
  .site-page .entity-detail-configuration .block-wrapper {
    margin-top: 40px;
    padding-bottom: 40px; }

.site-page .tab-content {
  background-color: #ffffff;
  box-shadow: 0 0 7px 0 #E4EDFF; }
  .site-page .tab-content .alert-display-wrapper .head {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
  .site-page .tab-content .alert-display-wrapper .content {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }

.site-page .card {
  background-color: #ffffff;
  border-color: #E4EDFF; }
  .site-page .card .card-header {
    font-size: 14px;
    font-size: 0.875rem; }
  .site-page .card .card-header.big-title {
    padding: 26px;
    padding: 1.625rem;
    font-size: 16px;
    font-size: 1rem; }
  .site-page .card.rounded {
    border-radius: 0px !important;
    border-radius: 0rem !important;
    box-shadow: 0 0 7px 0 #e4edff; }
    .site-page .card.rounded .card-header {
      border-radius: 0; }

.site-page .info-wrapper .card.rounded {
  overflow: hidden; }

.site-page .product-list-wrapper .product-list-contents ul li {
  list-style: disc; }

.site-page .setting-general .setting-general-content .card .card-header button .title i:before {
  vertical-align: middle; }

.site-page .setting-general .setting-general-content .card .card-header button .title i.icon-icon-location-star {
  font-size: 2.2rem;
  margin-right: 5px; }
  .site-page .setting-general .setting-general-content .card .card-header button .title i.icon-icon-location-star:before {
    color: #000000; }

.site-page #site-settings-detail a[data-toggle="tooltip"] {
  color: #021A49; }

.configuration-wrapper .unconfigured a {
  text-decoration: none;
  color: #1461b2; }

.configuration-wrapper .unconfigured .header {
  color: #1461b2;
  box-shadow: 0 0 7px 0 #e4edff; }
  .configuration-wrapper .unconfigured .header:hover, .configuration-wrapper .unconfigured .header:active, .configuration-wrapper .unconfigured .header:focus {
    color: #f02b0f; }
    .configuration-wrapper .unconfigured .header:hover a, .configuration-wrapper .unconfigured .header:active a, .configuration-wrapper .unconfigured .header:focus a {
      color: #f02b0f; }

.configuration-wrapper .unconfigured .body .border {
  border-color: #e4edff !important; }

.device-config-wrapper {
  line-height: 20px;
  line-height: 1.25rem; }
  .device-config-wrapper .wireframe * {
    border: 1px solid #E4EDFF;
    border: 0.0625rem solid #E4EDFF; }
  .device-config-wrapper .device-config-header .title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 25px;
    line-height: 1.5625rem; }
  .device-config-wrapper .config-header {
    background-color: #f7faff; }
  .device-config-wrapper .device-config-body .config-header {
    height: 48px;
    height: 3rem; }
  .device-config-wrapper .device-config-body .config-body .port-config {
    min-height: 80px; }
  .device-config-wrapper .device-config-body .config-body .unuse {
    background: rgba(128, 140, 164, 0.1);
    color: #808ca4; }
  .device-config-wrapper .device-config-body .device-wrapper {
    border: 1px solid #e4edff;
    border: 0.0625rem solid #e4edff; }
    .device-config-wrapper .device-config-body .device-wrapper .ports-wrapper {
      border-left: 1px solid #e4edff;
      border-left: 0.0625rem solid #e4edff; }
    .device-config-wrapper .device-config-body .device-wrapper .port-config {
      border-bottom: 1px solid #e4edff;
      border-bottom: 0.0625rem solid #e4edff; }
      .device-config-wrapper .device-config-body .device-wrapper .port-config:last-child {
        border-bottom: none; }
      .device-config-wrapper .device-config-body .device-wrapper .port-config:not(.unuse) > div {
        border-right: 1px solid #e4edff;
        border-right: 0.0625rem solid #e4edff; }
        .device-config-wrapper .device-config-body .device-wrapper .port-config:not(.unuse) > div:last-child {
          border-right: none; }
    .device-config-wrapper .device-config-body .device-wrapper:last-child {
      border-bottom-left-radius: 0.625rem !important; }
      .device-config-wrapper .device-config-body .device-wrapper:last-child .device-info {
        border-bottom-left-radius: 0.625rem !important;
        overflow: hidden; }
  .device-config-wrapper .device-config-body .table td,
  .device-config-wrapper .device-config-body .table th {
    vertical-align: middle; }
  .device-config-wrapper .device-config-body .table th {
    height: 48px;
    height: 3rem; }
  .device-config-wrapper .device-config-body .table td {
    height: 80px;
    height: 5rem; }

.device-wrapper {
  position: relative; }
  .device-wrapper .device-status {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 14px;
    width: 0.875rem;
    min-height: 40px; }
    .device-wrapper .device-status.disabled-status {
      background: #808ca4; }
    .device-wrapper .device-status.pending-status {
      background: #f5a927;
      white-space: nowrap; }
    .device-wrapper .device-status > span {
      position: absolute;
      -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      font-size: 10px;
      font-size: 0.625rem;
      color: #ffffff;
      top: 50%;
      left: 50%; }
    .device-wrapper .device-status.width-2x {
      width: 24px;
      width: 1.5rem; }

#add-device-accordion .rounded-title-collapse {
  width: 196px;
  width: 12.25rem;
  margin-left: auto;
  margin-right: auto; }

.rounded-title-collapse .head {
  position: relative;
  z-index: 9;
  text-align: center; }
  .rounded-title-collapse .head .d-inline-block {
    width: auto;
    min-width: 150px; }
  .rounded-title-collapse .head .title {
    border-radius: 2rem; }
  .rounded-title-collapse .head .icon-icon-chevron-down {
    font-size: 12px;
    font-size: 0.75rem; }

.rounded-title-collapse .body-wrapper {
  font-size: 15px;
  font-size: 0.9375rem; }
  .rounded-title-collapse .body-wrapper > * {
    padding-top: 1rem; }

.configuration-hardware {
  padding: 40px 0 10px 0;
  padding: 2.5rem 0 0.625rem 0; }
  .configuration-hardware .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    padding-right: 30px; }
  .configuration-hardware .item {
    padding: 0 10px;
    padding: 0 0.625rem; }
    .configuration-hardware .item a {
      color: #f7a827;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 600; }
      .configuration-hardware .item a.active, .configuration-hardware .item a:hover {
        border-bottom: 2px solid #f7a827;
        border-bottom: 0.125rem solid #f7a827; }
    .configuration-hardware .item img {
      max-width: 75px; }
  .configuration-hardware ul {
    margin: 0;
    box-shadow: 0px 0px 8px #c9def5;
    padding: 0;
    border-radius: 0px;
    border-radius: 0rem; }
    .configuration-hardware ul li {
      display: inline-block; }
      .configuration-hardware ul li a {
        color: #808ca4;
        font-size: 16px;
        font-size: 1rem;
        padding: 5px 30px;
        padding: 0.3125rem 1.875rem;
        display: inline-block; }
        .configuration-hardware ul li a.active {
          color: #ffffff;
          background: #f7a827;
          border-radius: 0px;
          border-radius: 0rem; }

.no-tank-monitor {
  padding: 50px 0;
  padding: 3.125rem 0; }
  .no-tank-monitor .img img {
    width: 85px;
    width: 5.3125rem; }
  .no-tank-monitor .title {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 25px;
    line-height: 1.5625rem;
    margin: 20px 0 10px 0;
    margin: 1.25rem 0 0.625rem 0; }
  .no-tank-monitor .sub-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem; }

.border-top-col-list > div:first-child {
  border-top: 1px solid !important;
  border-top: 0.0625rem solid !important; }

#ipad-configuration .ipad-header {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 12px 30px 20px 15px;
  padding: 0.75rem 1.875rem 1.25rem 0.9375rem;
  height: 48px;
  height: 3rem;
  background: #F0F0F0; }

#ipad-configuration .position-relative {
  padding-bottom: 35px; }
  #ipad-configuration .position-relative .ports-wrapper {
    padding-top: 10px; }
    #ipad-configuration .position-relative .ports-wrapper .settings-content {
      min-width: 30px; }
  #ipad-configuration .position-relative table tr {
    border-right: hidden;
    border-left: hidden; }

.ipad-modal-content {
  margin-top: 24px;
  margin-bottom: 40px; }
  .ipad-modal-content .how-it-work-wrapper {
    min-width: 316px;
    width: 50%;
    margin: auto; }
    .ipad-modal-content .how-it-work-wrapper .contain-wrapper {
      width: 80%; }

.modal-lg-custom {
  max-width: 596px; }

.page-billing .card {
  border: none;
  height: 100%;
  border-radius: 8px !important;
  border-radius: 0.5rem !important;
  box-shadow: 0px 2px 4px rgba(1, 15, 42, 0.5);
  min-height: 260px; }
  .page-billing .card .card-header {
    background-color: #f7faff;
    border: none;
    font-weight: 600; }
  .page-billing .card .card-body {
    font-size: 12px;
    font-size: 0.75rem; }
  .page-billing .card table thead th {
    border-bottom: 1px solid #E4EDFF;
    border-bottom: 0.0625rem solid #E4EDFF;
    border-top: none; }
  .page-billing .card table tbody td {
    border-color: #E4EDFF; }
  .page-billing .card .card-custom {
    border: 1px solid #C9DEF5;
    border: 0.0625rem solid #C9DEF5;
    border-radius: 8px;
    border-radius: 0.5rem; }

.page-billing .content-wrapper {
  background: transparent; }

.account-status {
  padding: 5px 10px 8px;
  padding: 0.3125rem 0.625rem 0.5rem;
  margin-left: 10px; }
  .account-status.badge {
    font-size: 0.875rem;
    font-weight: 400; }
    .account-status.badge.verified, .account-status.badge.validated {
      background-color: #00d793; }
    .account-status.badge.new, .account-status.badge.pending {
      background-color: #f5a927; }
    .account-status.badge.errored, .account-status.badge.verification_failed {
      background-color: #f3553f; }

.badge.badge-blue {
  background-color: #021a49;
  color: #FFF; }

.verification-failed .media {
  background-color: #FFFFFF;
  padding: 14px 10px;
  padding: 0.875rem 0.625rem;
  color: #f3553f; }
  .verification-failed .media .media-left .rounded-circle {
    background: #f3553f;
    font-size: 7px;
    font-size: 0.4375rem;
    padding: 2px 3px;
    padding: 0.125rem 0.1875rem;
    color: #FFF;
    margin-top: 5px; }
  .verification-failed .media .media-body a {
    color: #277dd7; }

#card-form-load-modal .btn.remove-payment {
  margin-left: -30px;
  background: transparent; }
  #card-form-load-modal .btn.remove-payment:hover, #card-form-load-modal .btn.remove-payment:focus, #card-form-load-modal .btn.remove-payment:active {
    outline: none;
    box-shadow: none !important; }

.billing-overview-wrapper {
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 #E4EDFF;
  border-radius: 10px;
  border-radius: 0.625rem;
  margin: 50px auto;
  margin: 3.125rem auto;
  padding: 50px 55px;
  padding: 3.125rem 3.4375rem;
  max-width: 80%;
  overflow: hidden; }
  .billing-overview-wrapper .billing-overview-header {
    font-size: 12px;
    font-size: 0.75rem; }
    .billing-overview-wrapper .billing-overview-header .img img {
      width: 111px;
      width: 6.9375rem; }
    .billing-overview-wrapper .billing-overview-header p {
      margin-bottom: 5px; }
  .billing-overview-wrapper .line-wrapper {
    width: 2000%;
    margin: 45px -200px;
    margin: 2.8125rem -12.5rem; }
  .billing-overview-wrapper .paid {
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem; }
    .billing-overview-wrapper .paid i {
      font-size: 16px;
      font-size: 1rem;
      margin-right: 5px; }
    .billing-overview-wrapper .paid .receipt {
      font-size: 16px;
      font-size: 1rem; }
  .billing-overview-wrapper .billing-overview-content .billing-detail {
    font-size: 12px;
    font-size: 0.75rem; }
    .billing-overview-wrapper .billing-overview-content .billing-detail .label-billing {
      margin-right: 10px; }
  .billing-overview-wrapper table.table-custom {
    border-collapse: collapse;
    margin-top: 50px;
    width: 100%; }
    .billing-overview-wrapper table.table-custom td, .billing-overview-wrapper table.table-custom th {
      border: 1px solid #E4EDFF;
      border: 0.0625rem solid #E4EDFF;
      padding: 15px;
      padding: 0.9375rem;
      font-size: 12px;
      font-size: 0.75rem; }
    .billing-overview-wrapper table.table-custom th {
      text-align: left;
      background: #f7faff;
      padding: 15px;
      padding: 0.9375rem; }
    .billing-overview-wrapper table.table-custom td {
      font-size: 12px;
      font-size: 0.75rem; }
      .billing-overview-wrapper table.table-custom td.none-border {
        border: 0; }
      .billing-overview-wrapper table.table-custom td.bg-gray {
        background: #f7faff; }

.report-wrapper {
  padding-bottom: 200px; }
  .report-wrapper .save-changes .row {
    background: transparent; }
  .report-wrapper .row {
    background: #ffffff; }
  .report-wrapper .block {
    min-height: 115px; }
    .report-wrapper .block .h-115 {
      height: 115px;
      height: 7.1875rem; }
    .report-wrapper .block .content-right {
      padding-top: 22px; }
    .report-wrapper .block .form-group {
      margin-bottom: 0; }
    .report-wrapper .block + .block {
      border-top: 1px dashed #000000;
      border-top: 0.0625rem dashed #000000; }
    .report-wrapper .block .custom-pading label {
      display: block;
      width: 100%; }
    .report-wrapper .block .custom-pading > .form-group {
      display: inline-block;
      float: left;
      min-width: 225px;
      padding-right: 15px; }
      .report-wrapper .block .custom-pading > .form-group.w-auto {
        min-width: 0; }
      .report-wrapper .block .custom-pading > .form-group .bootstrap-select {
        max-width: none;
        float: left; }
      .report-wrapper .block .custom-pading > .form-group input {
        max-width: none;
        width: 100%; }
      .report-wrapper .block .custom-pading > .form-group.include-totals {
        min-width: 0;
        margin-top: 35px; }
  .report-wrapper .title-block {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    padding-left: 15px;
    margin-bottom: 0; }
  .report-wrapper .repeat_every label {
    width: 100%;
    display: block; }
  .report-wrapper .repeat_every .form-group {
    display: inline-block;
    float: left;
    min-width: 115px; }
  .report-wrapper .repeat_every .bootstrap-select.btn-group > .dropdown-toggle {
    padding-right: 50px; }
    .report-wrapper .repeat_every .bootstrap-select.btn-group > .dropdown-toggle:before {
      position: absolute;
      z-index: 9;
      right: 0;
      top: 0;
      width: 40px;
      width: 2.5rem;
      background-color: #f2f3f5;
      content: "";
      height: 100%; }
    .report-wrapper .repeat_every .bootstrap-select.btn-group > .dropdown-toggle:after {
      top: 0;
      bottom: 0;
      margin: auto;
      right: 23px;
      right: 1.4375rem; }
  .report-wrapper .repeat_on .form-group {
    display: inline-block;
    float: left;
    min-width: 115px; }
  .report-wrapper .repeat_on .bootstrap-select.btn-group > .dropdown-toggle {
    padding-right: 50px; }
    .report-wrapper .repeat_on .bootstrap-select.btn-group > .dropdown-toggle:before {
      position: absolute;
      z-index: 9;
      right: 0;
      top: 0;
      width: 40px;
      width: 2.5rem;
      background-color: #f2f3f5;
      content: "";
      height: 100%; }
    .report-wrapper .repeat_on .bootstrap-select.btn-group > .dropdown-toggle:after {
      top: 0;
      bottom: 0;
      margin: auto;
      right: 23px;
      right: 1.4375rem; }
  .report-wrapper .send-to {
    margin: 40px 0;
    margin: 2.5rem 0; }
  .report-wrapper .bootstrap-select.btn-group > .dropdown-toggle {
    position: relative;
    overflow: hidden; }
    .report-wrapper .bootstrap-select.btn-group > .dropdown-toggle:after {
      font-size: 10px;
      font-size: 0.625rem;
      height: 10px;
      height: 0.625rem;
      z-index: 99; }
  .report-wrapper span.start-meridiem, .report-wrapper span .end-meridiem {
    display: inline-block; }
  .report-wrapper span.start-hour, .report-wrapper span.start-min, .report-wrapper span.end-hour, .report-wrapper span.end-min {
    display: inline-block; }
    .report-wrapper span.start-hour input[type='text'], .report-wrapper span.start-min input[type='text'], .report-wrapper span.end-hour input[type='text'], .report-wrapper span.end-min input[type='text'] {
      padding: 5px !important;
      padding: 0.3125rem !important;
      border: 0 !important;
      box-shadow: none !important;
      margin: 0;
      font-size: 12px !important;
      font-size: 0.75rem !important;
      max-width: 35px; }
  .report-wrapper span.access-border {
    border-radius: 3.2px;
    border-radius: 0.2rem;
    box-shadow: 0 0 2px 0 #808ca4;
    display: inline-block; }
    .report-wrapper span.access-border .bootstrap-select > button {
      padding: 0 8px;
      padding: 0 0.5rem; }
  .report-wrapper span.access-border {
    margin-top: 21px; }
    .report-wrapper span.access-border .bootstrap-select.btn-group > .dropdown-toggle {
      font-size: 12px;
      font-size: 0.75rem;
      background-color: #f2f3f5 !important;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .report-wrapper span.access-border .start-meridiem .bootstrap-select.btn-group > .dropdown-toggle {
      background-color: #f2f3f5 !important;
      box-shadow: none !important; }
      .report-wrapper span.access-border .start-meridiem .bootstrap-select.btn-group > .dropdown-toggle:before {
        background-color: transparent !important; }
  .report-wrapper .sorted_table thead tr th {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    border-top: 0;
    border-bottom: 1px solid #e4edff;
    border-bottom: 0.0625rem solid #e4edff;
    background: #f7faff; }
  .report-wrapper .sorted_table tbody .filter-header-title {
    display: none; }
  .report-wrapper .sorted_table tbody .daterangepicker-custom {
    margin-left: 0 !important; }
    .report-wrapper .sorted_table tbody .daterangepicker-custom .custom-text {
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important; }
  .report-wrapper .sorted_table tbody .select-filter-table .bootstrap-select {
    background-color: #ffffff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
    border-radius: 4px;
    border-radius: 0.25rem; }
    .report-wrapper .sorted_table tbody .select-filter-table .bootstrap-select .filter-option {
      vertical-align: super;
      text-align: center;
      padding-top: inherit;
      padding-right: inherit;
      padding-bottom: inherit;
      padding-left: inherit; }
    .report-wrapper .sorted_table tbody .select-filter-table .bootstrap-select .form-check-label-general {
      margin: 0; }
  .report-wrapper .sorted_table tbody tr {
    background: #ffffff;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -ms-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s; }
    .report-wrapper .sorted_table tbody tr td {
      border-bottom: 1px solid #e4edff;
      border-bottom: 0.0625rem solid #e4edff;
      vertical-align: middle; }
      .report-wrapper .sorted_table tbody tr td:nth-child(1) {
        width: 20%; }
      .report-wrapper .sorted_table tbody tr td:nth-child(2) {
        width: 10%; }
      .report-wrapper .sorted_table tbody tr td:nth-child(3) {
        width: 20%; }
      .report-wrapper .sorted_table tbody tr td:nth-child(4) {
        width: 20%; }
      .report-wrapper .sorted_table tbody tr td:nth-child(5) {
        width: 20%; }
      .report-wrapper .sorted_table tbody tr td:nth-child(6) {
        width: 10%; }
      .report-wrapper .sorted_table tbody tr td .form-group {
        margin: 0; }
        .report-wrapper .sorted_table tbody tr td .form-group label {
          display: none; }
      .report-wrapper .sorted_table tbody tr td .select-filter-table {
        margin-left: 0 !important; }
        .report-wrapper .sorted_table tbody tr td .select-filter-table .filter-header-title {
          display: none; }
      .report-wrapper .sorted_table tbody tr td .select-option-full {
        width: auto !important; }
        .report-wrapper .sorted_table tbody tr td .select-option-full .bs-actionsbox {
          margin-top: 5px; }
          .report-wrapper .sorted_table tbody tr td .select-option-full .bs-actionsbox button.btn {
            padding: 0 5px 5px 5px;
            padding: 0 0.3125rem 0.3125rem 0.3125rem; }
        .report-wrapper .sorted_table tbody tr td .select-option-full .bs-searchbox input {
          padding: 3px 15px;
          padding: 0.1875rem 0.9375rem; }
        .report-wrapper .sorted_table tbody tr td .select-option-full button.btn.dropdown-toggle {
          font-size: 12px !important;
          font-size: 0.75rem !important;
          font-weight: 600;
          padding: 0 5px 10px 5px;
          padding: 0 0.3125rem 0.625rem 0.3125rem;
          background: #277dd7 !important;
          color: white !important;
          min-width: 33px;
          opacity: 1;
          pointer-events: none;
          cursor: pointer !important; }
          .report-wrapper .sorted_table tbody tr td .select-option-full button.btn.dropdown-toggle:after {
            font-size: 9px !important;
            font-size: 0.5625rem !important;
            color: #277dd7 !important;
            height: 10px;
            height: 0.625rem;
            width: 10px;
            width: 0.625rem;
            left: 0;
            right: 0;
            bottom: 5px;
            bottom: 0.3125rem;
            top: auto;
            margin: auto;
            color: white !important; }
          .report-wrapper .sorted_table tbody tr td .select-option-full button.btn.dropdown-toggle span.filter-option {
            vertical-align: top;
            text-align: center !important; }
        .report-wrapper .sorted_table tbody tr td .select-option-full button.btn.dropdown-toggle.bs-placeholder {
          background: white !important;
          color: #277dd7 !important; }
          .report-wrapper .sorted_table tbody tr td .select-option-full button.btn.dropdown-toggle.bs-placeholder:after {
            color: #277dd7 !important; }
        .report-wrapper .sorted_table tbody tr td .select-option-full .dropdown-menu {
          padding-top: 10px;
          min-width: 180px; }
          .report-wrapper .sorted_table tbody tr td .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item {
            margin-bottom: 8px; }
            .report-wrapper .sorted_table tbody tr td .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item span {
              font-size: 14px;
              font-size: 0.875rem; }
              .report-wrapper .sorted_table tbody tr td .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item span label {
                justify-content: start; }
      .report-wrapper .sorted_table tbody tr td.data-title label {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 600; }
      .report-wrapper .sorted_table tbody tr td.data-format .bootstrap-select {
        box-shadow: 0 0 2px 0 #9FB2BF !important; }
        .report-wrapper .sorted_table tbody tr td.data-format .bootstrap-select .filter-option {
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: normal; }
        .report-wrapper .sorted_table tbody tr td.data-format .bootstrap-select .bs-placeholder {
          color: #cdd2db !important; }
      .report-wrapper .sorted_table tbody tr td.optional-column-title .form-group .input-group input.default-class {
        color: #cdd2db; }
    .report-wrapper .sorted_table tbody tr:hover {
      cursor: move; }
    .report-wrapper .sorted_table tbody tr.ui-sortable-helper {
      -webkit-transition: all ease-in-out 0.1s;
      -moz-transition: all ease-in-out 0.1s;
      -ms-transition: all ease-in-out 0.1s;
      -o-transition: all ease-in-out 0.1s;
      transition: all ease-in-out 0.1s;
      border: 1px solid #e4edff;
      border: 0.0625rem solid #e4edff; }
      .report-wrapper .sorted_table tbody tr.ui-sortable-helper td {
        display: inline-block;
        float: left;
        border: none; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(1) {
          width: 20%;
          padding-right: 0; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(2) {
          width: 10%;
          padding-left: 0;
          padding-right: 0; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(3) {
          width: 20%;
          padding-left: 0;
          padding-right: 0; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(4) {
          width: 20%;
          padding-left: 0;
          padding-right: 0; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(5) {
          width: 20%;
          padding-left: 0;
          padding-right: 0; }
        .report-wrapper .sorted_table tbody tr.ui-sortable-helper td:nth-child(6) {
          width: 10%;
          padding-right: 0; }
    .report-wrapper .sorted_table tbody tr.ui-state-highlight td {
      border-top: 1px solid #277dd7 !important;
      border-top: 0.0625rem solid #277dd7 !important;
      border-bottom: 1px solid #277dd7 !important;
      border-bottom: 0.0625rem solid #277dd7 !important; }
  .report-wrapper .icon-icon-menu {
    color: #9FB2BF; }

#report-accounting {
  width: 100%; }
  #report-accounting table {
    margin: 0;
    border-bottom: 1px solid #e4edff;
    border-bottom: 0.0625rem solid #e4edff; }
    #report-accounting table thead th label {
      margin: 0;
      font-size: 14px;
      font-size: 0.875rem; }
      #report-accounting table thead th label a {
        margin-left: 15px; }
    #report-accounting table tbody {
      background: #ffffff; }
      #report-accounting table tbody tr td {
        border-top: 1px solid #e4edff;
        border-top: 0.0625rem solid #e4edff; }
        #report-accounting table tbody tr td:first-child {
          width: 25%; }
        #report-accounting table tbody tr td .form-group {
          max-width: 260px;
          margin: 0; }
        #report-accounting table tbody tr td div.select-option-picker {
          max-width: 260px;
          border: 1px solid #e4edff;
          border: 0.0625rem solid #e4edff;
          margin-left: 2px; }
        #report-accounting table tbody tr td .title {
          font-size: 15px;
          font-size: 0.9375rem;
          margin-top: 10px;
          text-align: right; }

.accounting-wrapper .accounting-head {
  padding: 50px 30px;
  padding: 3.125rem 1.875rem;
  background: white;
  font-size: 16px;
  font-size: 1rem;
  width: 100%; }
  .accounting-wrapper .accounting-head strong {
    font-size: 18px;
    font-size: 1.125rem; }
    .accounting-wrapper .accounting-head strong.title {
      font-size: 22px;
      font-size: 1.375rem; }

.accounting-wrapper .block {
  border-top: 1px dashed #000000;
  border-top: 0.0625rem dashed #000000;
  border-bottom: 1px dashed #000000;
  border-bottom: 0.0625rem dashed #000000; }

.accounting-wrapper .accounting-more {
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
  padding: 15px 30px 30px 30px;
  padding: 0.9375rem 1.875rem 1.875rem 1.875rem; }

.accounting-wrapper table tr td img {
  max-width: 34px; }

#quickstats-range-picker {
  border-radius: 50px;
  border-radius: 3.125rem;
  color: #277dd7;
  padding: 0.3125rem 1.5625rem 0.3125rem 0.9375rem;
  position: relative;
  cursor: pointer;
  float: right;
  margin-top: -6px; }
  #quickstats-range-picker:before {
    font-family: skyneticon !important;
    content: "\e90c";
    color: #277dd7;
    border: none !important;
    position: absolute;
    font-size: 9px !important;
    font-size: 0.5625rem !important;
    margin: auto;
    text-align: center;
    width: 10px;
    width: 0.625rem;
    height: 10px;
    height: 0.625rem;
    right: 10px;
    right: 0.625rem;
    top: 0;
    bottom: 0; }

.bs-tooltip-right.show {
  z-index: 4000 !important; }

#reportrange_recurring .last-7-days-tooltip {
  display: none; }

.onboarding-wrapper {
  color: #000000;
  text-align: center;
  background: #F7FAFF;
  width: 100%;
  overflow: hidden;
  padding: 0 45px 80px;
  padding: 0 2.8125rem 5rem; }
  .onboarding-wrapper .title {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 600;
    margin: 80px 0 10px 0;
    margin: 5rem 0 0.625rem 0;
    position: relative;
    padding: 0 15px;
    padding: 0 0.9375rem; }
    .onboarding-wrapper .title .onboarding-action-wrapper {
      display: inline-block;
      position: absolute;
      right: 10px;
      right: 0.625rem;
      top: 20px;
      top: 1.25rem; }
      .onboarding-wrapper .title .onboarding-action-wrapper i {
        color: #000000;
        font-size: 18px;
        font-size: 1.125rem; }
      .onboarding-wrapper .title .onboarding-action-wrapper .dropdown .dropdown-menu {
        width: 250px;
        width: 15.625rem; }
        .onboarding-wrapper .title .onboarding-action-wrapper .dropdown .dropdown-menu:before {
          left: auto;
          right: 21px;
          right: 1.3125rem; }
        .onboarding-wrapper .title .onboarding-action-wrapper .dropdown .dropdown-menu a {
          color: #f3553f !important;
          white-space: normal; }
          .onboarding-wrapper .title .onboarding-action-wrapper .dropdown .dropdown-menu a i {
            color: #f3553f;
            font-size: 12px;
            font-size: 0.75rem; }
  .onboarding-wrapper .sub-title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: 80px; }
  .onboarding-wrapper .items {
    display: flex;
    flex-wrap: wrap; }
    .onboarding-wrapper .items .item {
      width: 20%;
      padding: 15px;
      padding: 0.9375rem;
      display: inline-block;
      float: left; }
      .onboarding-wrapper .items .item .item-wrapper {
        background-color: #CCD6DD;
        padding: 30px 15px 95px 15px;
        padding: 1.875rem 0.9375rem 5.9375rem 0.9375rem;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        border-radius: 0.25rem;
        height: 100%;
        position: relative; }
        .onboarding-wrapper .items .item .item-wrapper .icon {
          margin-bottom: 20px;
          margin-top: 10px; }
          .onboarding-wrapper .items .item .item-wrapper .icon i {
            font-size: 25px;
            font-size: 1.5625rem; }
            .onboarding-wrapper .items .item .item-wrapper .icon i:before {
              color: #000000 !important; }
        .onboarding-wrapper .items .item .item-wrapper .title {
          margin: 0;
          font-weight: 600;
          font-size: 20px;
          font-size: 1.25rem; }
          .onboarding-wrapper .items .item .item-wrapper .title i {
            color: #000000; }
        .onboarding-wrapper .items .item .item-wrapper .content {
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: 300;
          margin: 20px 0 0 0;
          margin: 1.25rem 0 0 0; }
          .onboarding-wrapper .items .item .item-wrapper .content.mark-done {
            margin-top: 30px; }
            .onboarding-wrapper .items .item .item-wrapper .content.mark-done i {
              font-size: 45px;
              font-size: 2.8125rem; }
          .onboarding-wrapper .items .item .item-wrapper .content a {
            text-decoration: underline;
            color: #000000; }
        .onboarding-wrapper .items .item .item-wrapper .buttons {
          position: absolute;
          bottom: 35px;
          bottom: 2.1875rem;
          left: 0;
          right: 0;
          margin: auto; }
          .onboarding-wrapper .items .item .item-wrapper .buttons a {
            min-width: 125px; }
      .onboarding-wrapper .items .item.w-100 .item-wrapper {
        padding: 40px 30px;
        padding: 2.5rem 1.875rem; }
        .onboarding-wrapper .items .item.w-100 .item-wrapper .icon {
          margin: 0;
          padding-right: 15px;
          padding-top: 5px; }
        .onboarding-wrapper .items .item.w-100 .item-wrapper .title {
          padding: 0 15px;
          padding: 0 0.9375rem; }
        .onboarding-wrapper .items .item.w-100 .item-wrapper .content {
          margin: auto;
          padding: 0 15px;
          padding: 0 0.9375rem; }
        .onboarding-wrapper .items .item.w-100 .item-wrapper .buttons {
          position: relative;
          bottom: 0;
          margin-left: auto;
          margin-right: 0; }
        .onboarding-wrapper .items .item.w-100 .item-wrapper .img {
          margin: auto;
          min-width: 300px; }
          .onboarding-wrapper .items .item.w-100 .item-wrapper .img img {
            max-width: 130px; }

.dashboard-wrapper {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.87);
  width: 100%;
  overflow: hidden;
  padding: 25px 45px 45px 45px;
  padding: 1.5625rem 2.8125rem 2.8125rem 2.8125rem; }
  .dashboard-wrapper a.email {
    color: #ffffff; }
  .dashboard-wrapper .items {
    display: flex;
    flex-wrap: wrap; }
    .dashboard-wrapper .items .item {
      width: 50%;
      padding: 15px;
      padding: 0.9375rem;
      display: inline-block;
      float: left; }
      .dashboard-wrapper .items .item .item-wrapper {
        background-color: #000000;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        border-radius: 0.25rem;
        height: 100%; }
        .dashboard-wrapper .items .item .item-wrapper .title {
          color: #ffffff;
          font-size: 24px;
          font-size: 1.5rem;
          font-weight: 600;
          padding: 35px;
          padding: 2.1875rem;
          position: relative; }
          .dashboard-wrapper .items .item .item-wrapper .title .title-right {
            float: right; }
          .dashboard-wrapper .items .item .item-wrapper .title .sub-title {
            opacity: 0.75;
            color: #ffffff;
            font-size: 15px;
            font-size: 0.9375rem;
            font-weight: normal; }
            .dashboard-wrapper .items .item .item-wrapper .title .sub-title .font-small {
              font-size: 13px;
              font-size: 0.8125rem; }
        .dashboard-wrapper .items .item .item-wrapper .content {
          border-top: 0.25px solid rgba(255, 255, 255, 0.5);
          border-top: 0.01563rem solid rgba(255, 255, 255, 0.5);
          padding: 35px;
          padding: 2.1875rem; }
          .dashboard-wrapper .items .item .item-wrapper .content.level {
            padding: 0;
            border: 0; }
            .dashboard-wrapper .items .item .item-wrapper .content.level .level-item {
              border-top: 0.25px solid rgba(255, 255, 255, 0.5);
              border-top: 0.01563rem solid rgba(255, 255, 255, 0.5);
              padding: 25px 35px;
              padding: 1.5625rem 2.1875rem;
              width: 100%;
              color: #00d793; }
              .dashboard-wrapper .items .item .item-wrapper .content.level .level-item .icons {
                width: 18px;
                width: 1.125rem;
                height: 30px;
                height: 1.875rem;
                overflow: hidden;
                background: url("../img/tank/icon-tank-normal.png") center center no-repeat;
                background-size: 100% 100% !important;
                margin-right: 30px; }
              .dashboard-wrapper .items .item .item-wrapper .content.level .level-item .number {
                font-size: 35px;
                font-size: 2.1875rem;
                margin-right: 30px; }
              .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-critical-low-level {
                color: #f3553f; }
                .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-critical-low-level .icons {
                  background: url(../img/tank/icon-tank-red.png) center center no-repeat; }
              .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-low-level {
                color: #f5a927; }
                .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-low-level .icons {
                  background: url("../img/tank/icon-tank-yellow.png") center center no-repeat; }
              .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-disabled {
                color: #ffffff; }
                .dashboard-wrapper .items .item .item-wrapper .content.level .level-item.tank-disabled .icons {
                  background: url("../img/tank/icon-tank-disabled.png") center center no-repeat; }
          .dashboard-wrapper .items .item .item-wrapper .content .text {
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 500; }
          .dashboard-wrapper .items .item .item-wrapper .content .buttons {
            margin-top: 40px; }
          .dashboard-wrapper .items .item .item-wrapper .content .action i {
            color: #ffffff; }
          .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper {
            border: 0;
            padding: 0; }
            .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table th {
              border: none;
              opacity: 0.5;
              font-size: 12px;
              font-size: 0.75rem; }
              .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table th:first-child {
                padding-left: 35px; }
              .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table th:last-child {
                padding-left: 35px; }
            .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table td {
              border-top: 0.25px solid rgba(255, 255, 255, 0.5);
              border-top: 0.01563rem solid rgba(255, 255, 255, 0.5);
              font-size: 14px;
              font-size: 0.875rem; }
              .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table td:first-child {
                padding-left: 35px; }
              .dashboard-wrapper .items .item .item-wrapper .content.table-wrapper .table td:last-child {
                padding-left: 35px; }
  .dashboard-wrapper .wrapper-mobile-ad {
    display: flex;
    flex-wrap: nowrap; }
    .dashboard-wrapper .wrapper-mobile-ad .qr-img {
      width: 150px;
      width: 9.375rem;
      height: 150px;
      height: 9.375rem; }
    .dashboard-wrapper .wrapper-mobile-ad .content-app {
      margin-left: 30px; }
    .dashboard-wrapper .wrapper-mobile-ad .content-app p + p {
      margin-top: -10px;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 300; }
    .dashboard-wrapper .wrapper-mobile-ad .app-img {
      display: flex;
      align-content: center;
      gap: 25px;
      margin-top: -7px;
      margin-left: -8px; }
      .dashboard-wrapper .wrapper-mobile-ad .app-img img {
        width: 120px;
        width: 7.5rem; }
        .dashboard-wrapper .wrapper-mobile-ad .app-img img.appstore {
          width: 95px;
          width: 5.9375rem;
          height: auto;
          max-width: unset;
          margin-top: 7px; }
    .dashboard-wrapper .wrapper-mobile-ad .img-area {
      padding-top: 5px; }

.groups-wrapper .title {
  width: 100%; }
  .groups-wrapper .title .label {
    position: relative;
    width: 75%;
    text-align: left !important;
    display: inline-block; }
  .groups-wrapper .title .add-new-entity {
    float: right; }
    .groups-wrapper .title .add-new-entity a.add-new {
      font-size: 14px;
      font-size: 0.875rem;
      color: #fff;
      background: #277dd7;
      border-radius: 20px;
      border-radius: 1.25rem;
      font-weight: 600;
      padding: 5px 25px 5px 10px;
      padding: 0.3125rem 1.5625rem 0.3125rem 0.625rem; }

.qr-code-slide {
  padding: 45px 90px;
  padding: 2.8125rem 5.625rem; }
  .qr-code-slide .title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600; }
  .qr-code-slide .unit {
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
    margin: 15px 0;
    margin: 0.9375rem 0; }
  .qr-code-slide .content {
    font-size: 16px;
    font-size: 1rem; }
  .qr-code-slide .image-small img {
    padding: 10px 0;
    padding: 0.625rem 0; }
  .qr-code-slide .image-big img {
    max-height: 240px; }
  .qr-code-slide .block-right {
    max-height: 240px; }

.qr-code-blocks {
  padding: 45px 90px 200px 90px;
  padding: 2.8125rem 5.625rem 12.5rem 5.625rem;
  background: white; }
  .qr-code-blocks .block {
    box-shadow: 0 1px 8px 0 #E4EDFF;
    border-radius: 0px;
    border-radius: 0rem;
    overflow: hidden; }
    .qr-code-blocks .block .icons {
      padding: 15px;
      padding: 0.9375rem; }
      .qr-code-blocks .block .icons i {
        font-size: 24px;
        font-size: 1.5rem; }
    .qr-code-blocks .block .content {
      padding: 30px;
      padding: 1.875rem;
      min-height: 310px; }
      .qr-code-blocks .block .content .title {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 600; }
      .qr-code-blocks .block .content .des {
        font-size: 14px;
        font-size: 0.875rem; }
      .qr-code-blocks .block .content a.btn {
        min-width: 112px;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 600;
        justify-content: center !important; }
        .qr-code-blocks .block .content a.btn strong {
          font-weight: 600;
          margin-right: 5px; }
        .qr-code-blocks .block .content a.btn i {
          font-weight: 600;
          font-size: 12px;
          font-size: 0.75rem; }
      .qr-code-blocks .block .content .two-factor-off {
        font-size: 14px;
        font-size: 0.875rem; }
        .qr-code-blocks .block .content .two-factor-off strong {
          display: block; }
        .qr-code-blocks .block .content .two-factor-off i {
          font-size: 8px;
          font-size: 0.5rem;
          letter-spacing: -5px;
          letter-spacing: -0.3125rem; }

.order-qr-code-confirm-wrapper {
  font-size: 14px;
  font-size: 0.875rem; }
  .order-qr-code-confirm-wrapper .text-icon {
    font-size: 20px;
    font-size: 1.25rem; }
  .order-qr-code-confirm-wrapper .title {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 15px 0 10px 0;
    margin: 0.9375rem 0 0.625rem 0; }
  .order-qr-code-confirm-wrapper .order-number {
    color: #808ca4;
    margin-bottom: 10px; }

.order-qrcode-update {
  font-size: 14px;
  font-size: 0.875rem; }
  .order-qrcode-update table.table {
    font-size: 14px;
    font-size: 0.875rem; }
  .order-qrcode-update .has-bottom-border {
    border-bottom: 1px solid #cdd2db;
    border-bottom: 0.0625rem solid #cdd2db;
    margin-bottom: 10px;
    padding-bottom: 10px; }

.smart-tank-monitor-modal-wrapper, .device-modal-add-wrapper {
  font-size: 14px;
  font-size: 0.875rem; }
  .smart-tank-monitor-modal-wrapper .title, .device-modal-add-wrapper .title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600; }
  .smart-tank-monitor-modal-wrapper .sub-title, .device-modal-add-wrapper .sub-title {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 15px 0;
    margin: 0.9375rem 0; }
  .smart-tank-monitor-modal-wrapper .smart-login-wrapper, .device-modal-add-wrapper .smart-login-wrapper {
    background: #f7faff;
    padding: 30px 50px 20px 50px;
    padding: 1.875rem 3.125rem 1.25rem 3.125rem;
    border-radius: 10px;
    border-radius: 0.625rem;
    margin-bottom: 15px; }
    .smart-tank-monitor-modal-wrapper .smart-login-wrapper.login-success, .device-modal-add-wrapper .smart-login-wrapper.login-success {
      background-color: rgba(0, 215, 147, 0.1); }
  .smart-tank-monitor-modal-wrapper .login-wrapper, .device-modal-add-wrapper .login-wrapper {
    margin-left: -15px; }
  .smart-tank-monitor-modal-wrapper .checked-login, .device-modal-add-wrapper .checked-login {
    margin-right: 15px;
    font-size: 20px;
    font-size: 1.25rem; }
  .smart-tank-monitor-modal-wrapper .summary-block-wrapper, .device-modal-add-wrapper .summary-block-wrapper {
    margin-top: 20px;
    background-color: #F0F0F0;
    font-size: 12px;
    font-size: 0.75rem;
    border-radius: 16px !important;
    border-radius: 1rem !important;
    border: none !important; }
    .smart-tank-monitor-modal-wrapper .summary-block-wrapper .title-sum, .device-modal-add-wrapper .summary-block-wrapper .title-sum {
      color: #808ca4;
      margin-bottom: 5px;
      display: block;
      text-transform: uppercase; }
    .smart-tank-monitor-modal-wrapper .summary-block-wrapper .inline-cell, .device-modal-add-wrapper .summary-block-wrapper .inline-cell {
      width: fit-content;
      display: inline-block;
      vertical-align: middle; }
    .smart-tank-monitor-modal-wrapper .summary-block-wrapper .line-wrapper, .device-modal-add-wrapper .summary-block-wrapper .line-wrapper {
      border-bottom: 1px solid #808CA4 !important;
      border-bottom: 0.0625rem solid #808CA4 !important; }
  .smart-tank-monitor-modal-wrapper .quantity, .device-modal-add-wrapper .quantity {
    margin-top: -5px; }

.payment-info-wrapper {
  background-color: #F0F0F0;
  padding: 15px 20px !important;
  padding: 0.9375rem 1.25rem !important;
  border-radius: 16px;
  border-radius: 1rem; }

.confirm-tank-data {
  font-size: 14px;
  font-size: 0.875rem; }

.confirm-tank-data-content {
  margin-bottom: 30px;
  margin-top: 15px; }
  .confirm-tank-data-content .sub {
    font-size: 13px;
    font-size: 0.8125rem; }
  .confirm-tank-data-content .content {
    font-size: 12px;
    font-size: 0.75rem; }
  .confirm-tank-data-content table {
    border: 1px solid #edeff3;
    border: 0.0625rem solid #edeff3;
    border-right: 0; }
    .confirm-tank-data-content table tr td {
      border-right: 1px solid #edeff3;
      border-right: 0.0625rem solid #edeff3;
      border-top: 0;
      font-size: 13px;
      font-size: 0.8125rem;
      padding-top: 2px;
      padding-bottom: 2px; }
      .confirm-tank-data-content table tr td.sub-red {
        background: #f3553f;
        color: white !important;
        font-size: 12px;
        font-size: 0.75rem;
        padding-top: 10px;
        padding-bottom: 10px; }
        .confirm-tank-data-content table tr td.sub-red.green {
          background: #00d793; }
      .confirm-tank-data-content table tr td.sub-normal {
        background: #00d793;
        color: white !important;
        font-size: 12px;
        font-size: 0.75rem;
        padding-top: 10px;
        padding-bottom: 10px; }
        .confirm-tank-data-content table tr td.sub-normal.text-disabled {
          background: #808ca4; }
    .confirm-tank-data-content table tr th {
      border-right: 1px solid #edeff3;
      border-right: 0.0625rem solid #edeff3;
      border-bottom: 1px solid #edeff3;
      border-bottom: 0.0625rem solid #edeff3;
      font-size: 14px;
      font-size: 0.875rem;
      background: #f7faff; }
      .confirm-tank-data-content table tr th .form-radio-label-general {
        padding-left: 25px; }

.smartank-account-wrapper .form-group {
  position: relative;
  width: 300px;
  width: 18.75rem; }
  .smartank-account-wrapper .form-group .btn-smartank-account i {
    color: #00d793;
    position: absolute;
    font-size: 12px;
    font-size: 0.75rem;
    right: 15px;
    right: 0.9375rem;
    top: 13px;
    top: 0.8125rem; }
  .smartank-account-wrapper .form-group .btn-smartank-account a {
    position: absolute;
    left: 100%;
    top: 3px;
    top: 0.1875rem;
    margin-left: 20px; }

.color-gray {
  color: #808ca4 !important; }

.icon-cloud-box-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }
  .icon-cloud-box-wrapper .icon-icon-cloudbox {
    font-size: 18px;
    font-size: 1.125rem; }

.item-cloud-box-info {
  display: inline-block; }

.margin-auto {
  margin: auto; }

.skip-payment-text-wrapper .skip-payment-text {
  color: #277DD7;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: left; }

.otodata-monitor-modal-wrapper {
  padding: 18px 20px 20px 20px;
  padding: 1.125rem 1.25rem 1.25rem 1.25rem;
  border-radius: 16px;
  border-radius: 1rem;
  background: #F0F0F0;
  margin: 25px 40px 45px 10px;
  margin: 1.5625rem 2.5rem 2.8125rem 0.625rem; }
  .otodata-monitor-modal-wrapper .title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600; }
  .otodata-monitor-modal-wrapper .description {
    margin-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400; }

.marketing-wrapper .form-group .input-group {
  max-width: unset !important; }

.marketing-wrapper .image-box {
  margin-bottom: 1em !important;
  height: 210px;
  height: 13.125rem;
  background: beige;
  cursor: pointer;
  overflow: hidden; }
  .marketing-wrapper .image-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: none; }

.marketing-wrapper p {
  position: relative;
  top: 45%;
  color: #fff; }

.marketing-wrapper .upload__inputfile {
  width: 0.1px;
  width: 0.00625rem;
  height: 0.1px;
  height: 0.00625rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.marketing-wrapper .upload__btn {
  font-size: 0.875rem;
  color: #fff !important;
  background: #277dd7;
  border-radius: 1rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17) !important;
  min-width: 130px; }
  .marketing-wrapper .upload__btn p {
    text-align: center;
    margin: unset;
    padding: 5px;
    padding: 0.3125rem; }
  .marketing-wrapper .upload__btn:hover {
    cursor: pointer; }

.marketing-wrapper .upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin: 0 -0.625rem; }

.marketing-wrapper .upload__img-box {
  width: 200px;
  width: 12.5rem;
  padding: 0 10px;
  padding: 0 0.625rem;
  border: 1px solid;
  border: 0.0625rem solid;
  border-radius: 1rem;
  margin: 10px;
  margin: 0.625rem; }

.marketing-wrapper .upload__img-close {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  top: 0.625rem;
  right: 10px;
  right: 0.625rem;
  text-align: center;
  line-height: 24px;
  line-height: 1.5rem;
  z-index: 1;
  cursor: pointer; }
  .marketing-wrapper .upload__img-close:after {
    content: '\2716';
    font-size: 14px;
    font-size: 0.875rem;
    color: white; }

.marketing-wrapper .img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  padding-bottom: 100%; }

.marketing-wrapper .dropzone {
  padding: 0 !important; }

.marketing-wrapper .dropzone-image {
  max-width: 300px; }

.marketing-wrapper #dropzone {
  height: 210px;
  height: 13.125rem; }

.marketing-wrapper .btn-style-1 {
  cursor: pointer;
  margin-right: 10px; }

.marketing-wrapper .form-group input {
  max-width: 90% !important; }

.marketing-modal .modal-footer .back {
  background: darkgray; }
  .marketing-modal .modal-footer .back button {
    background: darkgrey !important;
    color: white !important; }

.marketing-modal .modal-footer .confirm button {
  min-width: 90px !important;
  border-radius: 1rem !important; }

.form-cobranding .title-form {
  font-size: 30px;
  font-size: 1.875rem;
  color: #000000;
  margin-bottom: 35px;
  margin-top: 70px; }

.form-cobranding .form-information {
  position: absolute;
  top: 80px;
  top: 5rem;
  width: 220px;
  width: 13.75rem;
  right: 100%;
  padding: 35px;
  padding: 2.1875rem;
  line-height: 25px;
  line-height: 1.5625rem;
  z-index: -1;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 16px;
  font-size: 1rem;
  background: radial-gradient(circle, #233050 0%, #0D0E14 100%);
  color: #ffffff; }
  .form-cobranding .form-information.is-invalid {
    color: #f3553f;
    background: #ffffff;
    font-size: 13px;
    font-size: 0.8125rem; }

.form-cobranding form {
  padding: 50px 55px 35px 55px;
  padding: 3.125rem 3.4375rem 2.1875rem 3.4375rem;
  position: relative;
  border-radius: 0px;
  border-radius: 0rem;
  width: 432px;
  width: 27rem;
  background-color: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 100%; }
  @media (max-width: 767.98px) {
    .form-cobranding form {
      width: auto; } }
  .form-cobranding form .form-group {
    position: relative; }
    .form-cobranding form .form-group input {
      margin: auto;
      padding-left: 0;
      max-width: none;
      box-shadow: none !important;
      border-radius: 0;
      border: 0 !important;
      font-size: 15px;
      font-size: 0.9375rem;
      color: #000000;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
      border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.5) !important; }
      .form-cobranding form .form-group input::placeholder {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5); }
      .form-cobranding form .form-group input::-webkit-input-placeholder {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5); }
      .form-cobranding form .form-group input::-moz-placeholder {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5); }
      .form-cobranding form .form-group input:-ms-input-placeholder {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5); }
      .form-cobranding form .form-group input:-moz-placeholder {
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5); }
      .form-cobranding form .form-group input.is-invalid {
        color: #f3553f;
        border-bottom: 1px solid #f3553f !important;
        border-bottom: 0.0625rem solid #f3553f !important; }
    .form-cobranding form .form-group button[type=submit] {
      background: #f7a827;
      color: #ffffff;
      border: none;
      border-radius: 3px;
      border-radius: 0.1875rem;
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 15px;
      padding-left: 25px;
      padding-right: 25px;
      min-width: 111px; }
      .form-cobranding form .form-group button[type=submit].reset-success {
        background-color: #ffffff;
        color: #f7a827;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17); }
    .form-cobranding form .form-group .is-invalid-messages {
      font-size: 10px;
      font-size: 0.625rem;
      color: #f3553f;
      margin-top: 10px; }
      .form-cobranding form .form-group .is-invalid-messages i {
        margin-right: 5px; }
      .form-cobranding form .form-group .is-invalid-messages.forgot-pass {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 17px;
        line-height: 1.0625rem;
        margin-bottom: 20px !important; }
        .form-cobranding form .form-group .is-invalid-messages.forgot-pass i {
          font-size: 15px;
          font-size: 0.9375rem;
          margin-bottom: 10px; }
    .form-cobranding form .form-group .forgot-pass-success {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 17px;
      line-height: 1.0625rem;
      margin-bottom: 20px !important; }
      .form-cobranding form .form-group .forgot-pass-success i {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-bottom: 10px;
        color: #00d793; }
    .form-cobranding form .form-group a.forgot-pass {
      color: #9FB2BF;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      margin-top: 30px; }
    .form-cobranding form .form-group a[data-toggle=tooltip] {
      font-size: 13px;
      font-size: 0.8125rem;
      color: #000000;
      position: absolute;
      right: 15px;
      right: 0.9375rem;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 14px;
      height: 0.875rem; }
    .form-cobranding form .form-group label.type-head {
      font-size: 17px;
      font-size: 1.0625rem;
      font-weight: 400;
      margin-bottom: 30px;
      margin-left: -30px;
      margin-right: -30px; }

.form-cobranding .form-bottom {
  margin-top: 40px;
  margin-bottom: 50px; }
  .form-cobranding .form-bottom label {
    font-size: 16px;
    font-size: 1rem;
    color: #000000;
    line-height: 21px;
    line-height: 1.3125rem;
    margin-bottom: 20px;
    font-weight: 400; }
  .form-cobranding .form-bottom a.btn {
    border-radius: 3px;
    border-radius: 0.1875rem;
    color: #ffffff;
    border: 1px solid transparent;
    border: 0.0625rem solid transparent;
    font-size: 14px;
    font-size: 0.875rem;
    min-width: 111px;
    padding: 3px 25px 6px 25px;
    padding: 0.1875rem 1.5625rem 0.375rem 1.5625rem;
    font-weight: 600;
    background: #000000; }

.form-cobranding .premium-setup {
  font-size: 17px;
  font-size: 1.0625rem; }
  .form-cobranding .premium-setup img {
    max-width: 40px; }
  .form-cobranding .premium-setup .title {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 20px 0 15px 0;
    padding: 1.25rem 0 0.9375rem 0;
    margin: 0; }

.form-cobranding .is_fill_rite .premium-setup img {
  display: none; }

.form-cobranding .is_fill_rite .premium-setup .title {
  padding-top: 0; }

/* Footer
 ----------------------------------------------------------------------------------------------------*/
/* Global
----------------------------------------------------------------------------------------------------*/
html {
  min-height: 100%; }

body {
  min-height: 100%;
  margin-top: 0;
  font-family: "sofia-pro", sans-serif;
  color: #021A49;
  font-weight: 400; }
  body header, body .container-fluid {
    min-width: 1280px !important; }
  body.no-login {
    background: url("../img/background.jpg") bottom center no-repeat;
    background-size: 100% 100%; }
    body.no-login header, body.no-login .container-fluid {
      min-width: 0 !important; }
    body.no-login .content-wrapper {
      background: none; }
    body.no-login .container-fluid {
      height: 100%; }
      body.no-login .container-fluid .content-wrapper {
        height: 100%;
        align-items: center; }
  body.wrapper-404 {
    background: url("../img/404.jpg") bottom center no-repeat;
    background-size: 100% 100%; }
    body.wrapper-404 header, body.wrapper-404 .container-fluid {
      min-width: 0 !important; }
    body.wrapper-404 .content-404 {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      margin: auto;
      text-align: center;
      height: 280px;
      height: 17.5rem; }
      body.wrapper-404 .content-404 p {
        color: #ffffff;
        margin: 10px 0 30px 0;
        margin: 0.625rem 0 1.875rem 0;
        font-size: 30px;
        font-size: 1.875rem; }
      body.wrapper-404 .content-404 img {
        width: 250px;
        width: 15.625rem; }

.content-right-wrapper {
  padding-left: 170px; }
  .content-right-wrapper.has-collapsed {
    padding-left: 70px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.content-wrapper {
  background-color: rgba(228, 237, 255, 0.26); }

ul li {
  list-style: none; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }

a, button, ul, li {
  outline: 0 !important; }

.element-invisible {
  width: 1px;
  width: 0.0625rem;
  word-wrap: normal;
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  overflow: hidden;
  height: 1px;
  height: 0.0625rem; }

.datatable-wrapper table.datatables-custom tbody tr.low td, .datatable-wrapper table.datatables-custom tbody tr .high td {
  background: #fefae7; }

.datatable-wrapper table.datatables-custom tbody tr.critical_low td, .datatable-wrapper table.datatables-custom tbody tr .critical_high td {
  background: #fff2ea; }

.btn.fc-default {
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 20px;
  border-radius: 1.25rem;
  font-weight: 600;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-wrap: nowrap; }
  .btn.fc-default.btn-primary-blue {
    color: #ffffff;
    background: #277dd7; }
  .btn.fc-default.btn-primary-white {
    color: #277dd7;
    background: #ffffff; }
  .btn.fc-default i {
    margin-right: 8px; }

.text-light-blue {
  color: #277dd7; }

.max-width-176 {
  max-width: 176px; }

.vertical-lr {
  writing-mode: vertical-lr; }
  .vertical-lr .text {
    writing-mode: vertical-lr;
    transform: rotate(180Deg); }

.scroll-content {
  overflow: auto;
  position: relative;
  height: 400px;
  height: 25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dev-test {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  color: #ffffff;
  padding: 5px 15px;
  padding: 0.3125rem 0.9375rem;
  text-align: center;
  background: #f3553f; }

.navigation-header {
  display: flex;
  background: white; }

.autocomplete-suggestions {
  border: 1px solid #e4edff;
  border: 0.0625rem solid #e4edff;
  background: #ffffff;
  overflow: auto;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-size: 0.75rem;
  cursor: pointer; }

.autocomplete-suggestion {
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.autocomplete-selected {
  background: #f8f9fa; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #9FB2BF; }

.autocomplete-group {
  padding: 10px 15px;
  padding: 0.625rem 0.9375rem; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000000;
  border-bottom: 0.0625rem solid #000000; }

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
  .modal-xxl {
    max-width: 1200px; } }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
  /* Styles */
  .modal-xxl {
    max-width: 1000px; } }

@media screen and (min-width: 992px) {
  .modal-xxl {
    max-width: 950px; } }

/* Header
 ----------------------------------------------------------------------------------------------------*/
header .navbar-brand {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000000;
  padding-left: 15px; }
  header .navbar-brand p {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
    text-transform: none; }

header nav.navbar {
  height: 80px;
  height: 5rem;
  z-index: 9; }
  header nav.navbar .navbar-collapse {
    padding-right: 60px; }

.navigation-header .dropdown-toggle:after {
  display: none; }

.navigation-header .dropdown-menu .dropdown-item.active, .navigation-header .dropdown-menu .dropdown-item:hover {
  background: #f8f9fa !important;
  background: none !important; }

.navigation-header .arrow-down {
  font-size: 10px !important;
  font-size: 0.625rem !important;
  display: inline-block;
  position: absolute;
  top: 20px;
  top: 1.25rem;
  margin: auto;
  height: 10px;
  height: 0.625rem;
  padding: 0 10px;
  padding: 0 0.625rem; }

.navigation-header .navbar {
  min-height: 85px;
  background-color: #ffffff;
  padding: 0px;
  padding: 0rem; }
  .navigation-header .navbar .navbar-brand {
    color: #002e86;
    padding-right: 60px;
    margin-right: 0px; }
    .navigation-header .navbar .navbar-brand .fuelcloud-logo {
      margin-left: 1.5rem;
      width: 235px;
      width: 14.6875rem; }
    .navigation-header .navbar .navbar-brand:hover {
      color: #002e86; }
  .navigation-header .navbar .navbar-collapse {
    z-index: 9; }
    .navigation-header .navbar .navbar-collapse .close-icon {
      display: none; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a {
      color: #002e86;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 29px;
      line-height: 1.8125rem;
      margin: 0 5px;
      margin: 0 0.3125rem;
      font-family: "sofia-pro";
      font-weight: 600; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a:hover {
        color: #002e86; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .contant-link a {
      margin-right: 20px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .register {
      margin-left: 20px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .schedule {
      margin-right: 20px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .toggle-event {
      padding-right: 5px;
      margin-right: 15px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .toggle-event.show i {
        transform: rotate(180deg); }
    .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-deepdive {
      margin-left: 15px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-deepdive .deep-dive {
        padding-bottom: 20px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown {
      width: 265px;
      width: 16.5625rem;
      margin-top: 6px;
      border-radius: 9px;
      border-radius: 0.5625rem;
      margin-left: -22px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-toggle {
        font-size: 15px;
        font-size: 0.9375rem; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .overview {
        margin-left: 44px !important; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item {
        margin-left: 30px;
        margin-top: -12px;
        margin-bottom: 9px;
        font-size: 15px;
        font-size: 0.9375rem; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item .fuel-cloud {
          margin-left: -53px;
          margin-top: -19px;
          position: absolute;
          width: 17%; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item:hover, .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item:active, .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item:focus {
          background: transparent;
          color: #002e86; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .start-here {
        opacity: 0.5;
        color: #021A49;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 16px;
        line-height: 1rem;
        margin-left: 30px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .start-title {
        margin-left: 33px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown:before {
        left: 44px;
        left: 2.75rem;
        right: auto; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown hr {
        width: 180px;
        width: 11.25rem; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown {
      width: 225px;
      width: 14.0625rem;
      margin-left: -145px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .company .company-dropdown, .navigation-header .navbar .navbar-collapse .navbar-nav .company .resources-dropdown, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .company-dropdown, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .resources-dropdown {
      border-radius: 12px;
      border-radius: 0.75rem;
      margin-top: 5px;
      padding-top: 20px;
      padding-bottom: 20px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .company .company-drop, .navigation-header .navbar .navbar-collapse .navbar-nav .company .resources-drop, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .company-drop, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .resources-drop {
      color: #002e86;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 23px;
      line-height: 1.4375rem;
      margin-left: 0px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .company .company-drop:hover, .navigation-header .navbar .navbar-collapse .navbar-nav .company .company-drop:active, .navigation-header .navbar .navbar-collapse .navbar-nav .company .company-drop:focus, .navigation-header .navbar .navbar-collapse .navbar-nav .company .resources-drop:hover, .navigation-header .navbar .navbar-collapse .navbar-nav .company .resources-drop:active, .navigation-header .navbar .navbar-collapse .navbar-nav .company .resources-drop:focus, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .company-drop:hover, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .company-drop:active, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .company-drop:focus, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .resources-drop:hover, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .resources-drop:active, .navigation-header .navbar .navbar-collapse .navbar-nav .resources .resources-drop:focus {
        background: transparent;
        color: #002e86; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .login {
      border: 2px solid #002e86;
      border: 0.125rem solid #002e86;
      height: 32px;
      height: 2rem;
      width: 100px;
      width: 6.25rem;
      border-radius: 24px;
      border-radius: 1.5rem;
      margin-right: 13px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .login a {
        padding: 0px 0px 0px 0px;
        padding: 0rem 0rem 0rem 0rem;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 26px;
        line-height: 1.625rem; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .color-button {
      margin-top: 6px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .schedule {
      height: 32px;
      height: 2rem;
      background-color: #002e86;
      border-radius: 18px;
      border-radius: 1.125rem; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .schedule a {
        color: #ffffff;
        text-align: center;
        padding: 0 18px;
        padding: 0 1.125rem;
        line-height: 30px;
        line-height: 1.875rem;
        font-size: 14px;
        font-size: 0.875rem; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .schedule a:hover {
          color: #ffffff; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .language a img {
      margin-top: -7px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox {
      display: block;
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: 1px solid #E8EAEC;
      border-bottom: 0.0625rem solid #E8EAEC;
      padding-bottom: 10px;
      padding-top: 10px; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox input[type="checkbox"]:checked + label:after {
        background: #00d793;
        color: #ffffff;
        content: "\2713";
        text-align: center;
        left: 80%;
        position: absolute;
        height: 25px;
        height: 1.5625rem;
        width: 25px;
        width: 1.5625rem; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox input[type="checkbox"] {
        float: right;
        height: 25px;
        height: 1.5625rem;
        width: 25px;
        width: 1.5625rem; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox input[type="checkbox"]:after {
          border-bottom: 14px solid rgba(0, 0, 0, 0.2);
          border-bottom: 0.875rem solid rgba(0, 0, 0, 0.2);
          border-left: 17px solid transparent;
          border-left: 1.0625rem solid transparent;
          border-right: 20px solid transparent;
          border-right: 1.25rem solid transparent;
          border-bottom-color: #ffffff;
          content: "";
          display: inline-block;
          position: absolute;
          right: 34px;
          right: 2.125rem;
          top: -14px;
          top: -0.875rem; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox input[type="checkbox"]:before {
          border-bottom: 14px solid rgba(0, 0, 0, 0.2);
          border-bottom: 0.875rem solid rgba(0, 0, 0, 0.2);
          border-left: 20px solid transparent;
          border-left: 1.25rem solid transparent;
          border-right: 20px solid transparent;
          border-right: 1.25rem solid transparent;
          content: "";
          display: inline-block;
          position: absolute;
          right: 33px;
          right: 2.0625rem;
          top: -14px;
          top: -0.875rem; }
        .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .checkbox input[type="checkbox"]:hover {
          color: red; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .language .languaage-dropdown .espanol {
      border-bottom: unset; }
  .navigation-header .navbar .prev-next {
    border: 1px solid;
    border: 0.0625rem solid;
    border-radius: 5px;
    border-radius: 0.3125rem;
    border-radius: 16px;
    border-radius: 1rem;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 2px;
    padding-bottom: 2px; }
    .navigation-header .navbar .prev-next:hover {
      text-decoration: none; }
  .navigation-header .navbar .next {
    right: 25px;
    right: 1.5625rem; }
    .navigation-header .navbar .next i {
      margin-left: 10px; }
  .navigation-header .navbar .prev {
    left: 25px;
    left: 1.5625rem; }
    .navigation-header .navbar .prev i {
      margin-right: 10px; }
  .navigation-header .navbar .fa-angle-right, .navigation-header .navbar .fa-angle-left {
    font-size: 14px;
    font-size: 0.875rem; }

@media (min-width: 1024px) and (max-width: 1270px) {
  .navigation-header .navbar .navbar-brand {
    padding-right: 7px; }
    .navigation-header .navbar .navbar-brand .fuelcloud-logo {
      width: 190px;
      width: 11.875rem; }
    .navigation-header .navbar .navbar-brand .fuelcloud-logo {
      margin-left: 0px; }
  .navigation-header .navbar .arrow-down {
    padding-left: 0px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a {
    margin-left: -5px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .start-title {
    margin-left: 38px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .contant-link a {
    margin-right: -10px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .login {
    width: 78px;
    width: 4.875rem; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .schedule {
    margin-right: 0px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .register {
    margin-left: 15px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .navigation-header .navbar .navbar-brand {
    padding-right: 15px; }
    .navigation-header .navbar .navbar-brand .fuelcloud-logo {
      width: 165px;
      width: 10.3125rem;
      margin-top: -8px;
      margin-left: 0px; }
    .navigation-header .navbar .navbar-brand img {
      padding-left: 12px; }
  .navigation-header .navbar .arrow-down {
    display: none; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a {
    padding-left: 0px;
    margin-left: 2px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .login-mobile {
    width: 81px;
    width: 5.0625rem; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .login-mobile a {
      margin-left: 0px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .contant-link a {
    margin-right: 1px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .dropdown-menu {
    margin-left: -25px;
    min-width: 12rem; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item {
      padding-left: 21px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .register {
    margin-left: 0px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .company-dropdown .company-drop {
    padding-bottom: 14px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .resources-dropdown .resources-drop {
    padding-bottom: 14px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .start-title {
    margin-left: 43px !important; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item .fuel-cloud {
    margin-top: -15px;
    margin-left: -60px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .navigation-header .navbar .navbar-brand {
    padding-right: 0px; }
    .navigation-header .navbar .navbar-brand .fuelcloud-logo {
      margin-left: 0px;
      width: 170px;
      width: 10.625rem; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a {
    padding-right: 2px;
    margin-left: 4px; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .nav-item a i {
      display: unset; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .start-title {
    margin-left: 29px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .login {
    width: 78px;
    width: 4.875rem; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .language {
    margin-left: 1rem; }
    .navigation-header .navbar .navbar-collapse .navbar-nav .language a {
      margin-left: 0px; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .schedule a {
    padding: 0px 5px 0px 0px;
    padding: 0rem 0.3125rem 0rem 0rem; }
  .navigation-header .navbar .navbar-collapse .navbar-nav .contant-link a {
    margin-right: 0px; } }

@media (max-width: 767.98px) {
  .navigation-header .navbar {
    padding: 0px;
    padding: 0rem;
    height: 72px;
    height: 4.5rem; }
    .navigation-header .navbar .navbar-brand {
      padding-left: 13px; }
      .navigation-header .navbar .navbar-brand .fuelcloud-logo {
        margin-left: 0px; }
    .navigation-header .navbar .navbar-logo {
      height: 23px;
      height: 1.4375rem; }
    .navigation-header .navbar .navbar-collapse {
      margin-top: -135px; }
      .navigation-header .navbar .navbar-collapse .close-icon {
        display: block; }
        .navigation-header .navbar .navbar-collapse .close-icon img {
          position: absolute;
          top: 30px;
          top: 1.875rem;
          height: 40px;
          height: 2.5rem;
          right: 5%; }
      .navigation-header .navbar .navbar-collapse .navbar-mobile {
        background: url("../image/mobilebackground.png");
        padding-top: 10rem;
        padding-left: 41px;
        margin-top: -29px;
        background-size: cover; }
        .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav {
          margin-top: 3rem; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .system-status {
            padding-bottom: 11rem; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .nav-item {
            border: unset; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .nav-item a {
              color: #ffffff;
              font-weight: 700;
              font-size: rem(24px);
              font-size: rem(1.5rem);
              padding-bottom: 22px; }
              .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .nav-item a img {
                margin-top: -6px;
                padding-right: 15px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .nav-tag a {
            font-size: rem(20px);
            font-size: rem(1.25rem); }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .login {
            height: 42px;
            height: 2.625rem;
            background: #ffffff;
            width: 125px;
            width: 7.8125rem; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .login a {
              color: #002e86 !important;
              line-height: 22px;
              line-height: 1.375rem;
              font-size: 14px;
              font-size: 0.875rem; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .login-mobile {
            margin-top: -43px; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .login-mobile a {
              padding-top: 9px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .register {
            margin-left: 9rem; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .register a {
              padding-top: 8px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .schedule {
            display: none; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .devloper {
            margin-top: 20px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .dropdown-menu {
            background: none;
            border: none; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .tour .tour-dropdown {
            margin-left: -52px; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .tour .tour-dropdown .start-here {
              color: #ffffff;
              opacity: unset;
              font-weight: 600;
              padding-bottom: 20px; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .tour .tour-dropdown .tour-deepdive .dropdown-item {
              margin-top: 5px;
              margin-bottom: 30px;
              padding-bottom: 11px;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 20px;
              line-height: 1.25rem;
              margin-left: 42px; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .tour .tour-dropdown .overview {
              background: #ffffff;
              width: 215px;
              width: 13.4375rem;
              border-radius: 26px;
              border-radius: 1.625rem;
              padding-top: 15px;
              margin-left: 20px;
              padding-bottom: 15px;
              color: black;
              margin-left: 55px !important; }
              .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .tour .tour-dropdown .overview img {
                margin-top: -11px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .mobile-hardware {
            background: #ffffff;
            width: 205px;
            width: 12.8125rem;
            border-radius: 26px;
            border-radius: 1.625rem;
            color: black !important;
            margin-left: 20px;
            font-weight: 500;
            padding: 13px;
            padding: 0.8125rem;
            text-align: center; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .mobile-hardware a {
              padding-top: 12px; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .company-dropdown, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .resources-dropdown, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .company-dropdown, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .resources-dropdown {
            padding-top: 0px;
            padding-bottom: 0px; }
            .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .company-dropdown .company-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .company-dropdown .resources-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .resources-dropdown .company-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .company .resources-dropdown .resources-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .company-dropdown .company-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .company-dropdown .resources-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .resources-dropdown .company-drop, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .resources .resources-dropdown .resources-drop {
              padding-bottom: 22px !important;
              margin-bottom: 20px;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 15px;
              line-height: 0.9375rem; }
          .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .dropdown-menu:after, .navigation-header .navbar .navbar-collapse .navbar-mobile .navbar-nav .dropdown-menu:before {
            display: none; }
        .navigation-header .navbar .navbar-collapse .navbar-mobile .overlay-close {
          background: "assets/images/close.png"; }
      .navigation-header .navbar .navbar-collapse .navbar-nav .tour .tour-dropdown .dropdown-item {
        font-size: 22px;
        font-size: 1.375rem; } }

@media only screen and (min-device-width: 1400px) {
  .navigation-header {
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    display: flex;
    background: white; } }

@media (max-width: 320px) {
  .navigation-header .navbar .navbar-brand {
    padding-left: 0px; }
  .navigation-header .navbar-toggler {
    margin-left: -30px; } }

div.dataTables_wrapper {
  padding: 0;
  position: relative;
  width: 100%;
  background: #ffffff;
  padding-bottom: 70px; }
  div.dataTables_wrapper .top-butons-wrapper {
    width: 100%; }
    div.dataTables_wrapper .top-butons-wrapper .dt-buttons {
      float: right;
      padding: 15px;
      padding: 0.9375rem; }
      div.dataTables_wrapper .top-butons-wrapper .dt-buttons a {
        color: #002e86;
        background: #ffffff;
        border: none; }
  div.dataTables_wrapper .top {
    width: 100%;
    padding: 0px 15px;
    padding: 0rem 0.9375rem;
    border-top: 1px solid #e4edff;
    border-top: 0.0625rem solid #e4edff;
    position: relative; }
  div.dataTables_wrapper .dataTables_filter {
    position: relative;
    width: 275px;
    width: 17.1875rem;
    padding: 15px;
    padding: 0.9375rem;
    text-align: left !important;
    display: inline-block; }
    div.dataTables_wrapper .dataTables_filter label:after {
      content: "\e92a";
      font-family: "skyneticon" !important;
      color: #002e86;
      position: absolute;
      right: 30px;
      right: 1.875rem;
      font-size: 13px;
      font-size: 0.8125rem;
      top: 0;
      bottom: 0;
      height: 20px;
      height: 1.25rem;
      margin: auto; }
    div.dataTables_wrapper .dataTables_filter label input {
      height: 33px;
      height: 2.0625rem;
      width: 275px !important;
      width: 17.1875rem !important;
      border: 1px solid rgba(39, 125, 215, 0.12);
      border: 0.0625rem solid rgba(39, 125, 215, 0.12);
      border-radius: 16.5px;
      border-radius: 1.03125rem;
      background-color: #ffffff;
      color: #002e86;
      font-size: 12px;
      font-size: 0.75rem;
      font-style: italic;
      font-weight: 300;
      box-shadow: 0 0 7px 0 #e4edff;
      padding-right: 30px; }
      div.dataTables_wrapper .dataTables_filter label input::placeholder {
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300; }
      div.dataTables_wrapper .dataTables_filter label input::-webkit-input-placeholder {
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300; }
      div.dataTables_wrapper .dataTables_filter label input::-moz-placeholder {
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300; }
      div.dataTables_wrapper .dataTables_filter label input:-ms-input-placeholder {
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300; }
      div.dataTables_wrapper .dataTables_filter label input:-moz-placeholder {
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300; }
  div.dataTables_wrapper .bottom {
    padding-left: 15px;
    width: 100%;
    display: flex; }
  div.dataTables_wrapper .filter-wrapper {
    display: inline-block;
    width: 100%; }
    div.dataTables_wrapper .filter-wrapper .bootstrap-select {
      border-right: 1px solid #e4edff;
      border-right: 0.0625rem solid #e4edff;
      padding: 0; }
      div.dataTables_wrapper .filter-wrapper .bootstrap-select button {
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 600;
        padding: 15px;
        padding: 0.9375rem; }
        div.dataTables_wrapper .filter-wrapper .bootstrap-select button:after {
          right: 25px;
          right: 1.5625rem;
          font-size: 12px;
          font-size: 0.75rem; }
      div.dataTables_wrapper .filter-wrapper .bootstrap-select:first-child {
        border-left: 1px solid #e4edff;
        border-left: 0.0625rem solid #e4edff; }
    div.dataTables_wrapper .filter-wrapper .form-group {
      display: inline-block;
      padding: 0 15px;
      padding: 0 0.9375rem; }
    div.dataTables_wrapper .filter-wrapper button[type="reset"] {
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      color: #277dd7;
      position: absolute;
      right: 30px;
      right: 1.875rem;
      top: 15px;
      top: 0.9375rem;
      border: none;
      cursor: pointer;
      background: none; }
    div.dataTables_wrapper .filter-wrapper .dt-buttons {
      outline: 0 !important;
      cursor: pointer;
      top: 14px;
      top: 0.875rem; }
      div.dataTables_wrapper .filter-wrapper .dt-buttons:hover, div.dataTables_wrapper .filter-wrapper .dt-buttons:focus, div.dataTables_wrapper .filter-wrapper .dt-buttons.active {
        outline: 0 !important; }
      div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item) {
        background: none;
        color: #f7a827 !important;
        border: none;
        cursor: pointer; }
        div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item).add-button-top-datatable {
          background: #f7a827 !important;
          color: #FFF !important; }
        div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item):hover, div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item):focus, div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item).active {
          background: none;
          border: none;
          outline: 0; }
        div.dataTables_wrapper .filter-wrapper .dt-buttons a:not(.dropdown-item):after {
          display: none; }
    div.dataTables_wrapper .filter-wrapper .inactive-wrapper {
      margin-left: 100px; }
      div.dataTables_wrapper .filter-wrapper .inactive-wrapper .form-check-label-general .checkmark {
        margin-right: 10px; }
  div.dataTables_wrapper .load-datatable {
    cursor: pointer !important; }
    div.dataTables_wrapper .load-datatable .bootstrap-select button {
      pointer-events: none;
      cursor: pointer !important; }
  div.dataTables_wrapper .dataTables_info {
    display: inline-block;
    padding-right: 15px;
    color: #002e86;
    font-size: 12px;
    font-size: 0.75rem;
    position: absolute;
    left: 300px;
    left: 18.75rem;
    top: 13px;
    top: 0.8125rem; }
    div.dataTables_wrapper .dataTables_info .select-info {
      display: none !important; }
  div.dataTables_wrapper .select-info-wrapper {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    padding: 15px 0;
    padding: 0.9375rem 0;
    width: 90%;
    margin: auto;
    display: none; }
  div.dataTables_wrapper .multiple-action-wrapper {
    width: 10%;
    margin-left: auto;
    text-align: right;
    padding-right: 25px; }
    div.dataTables_wrapper .multiple-action-wrapper a.nav-link {
      box-shadow: 0 0 4px 0 #cdd2db;
      padding: 7px 20px;
      padding: 0.4375rem 1.25rem;
      border-radius: 0px;
      border-radius: 0rem;
      margin-bottom: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: baseline;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: baseline;
      -ms-flex-line-pack: center !important;
      align-content: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; }
      div.dataTables_wrapper .multiple-action-wrapper a.nav-link i:after {
        margin-left: 4px;
        font-size: 8px;
        font-size: 0.5rem; }
  div.dataTables_wrapper .dataTables_scroll {
    width: 100%; }
  div.dataTables_wrapper .dataTables_scrollHeadInner,
  div.dataTables_wrapper .dataTable {
    width: 100% !important; }
  div.dataTables_wrapper .form-check {
    justify-content: start; }
    div.dataTables_wrapper .form-check .form-check-label-general {
      padding-left: 5px;
      justify-content: start; }
      div.dataTables_wrapper .form-check .form-check-label-general .checkmark {
        height: 16px;
        height: 1rem;
        width: 16px;
        width: 1rem;
        position: relative;
        top: 0; }
        div.dataTables_wrapper .form-check .form-check-label-general .checkmark:after {
          top: -1px;
          top: -0.0625rem;
          left: 4px;
          left: 0.25rem;
          font-size: 9px;
          font-size: 0.5625rem; }
  div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    padding-top: 8px;
    margin-left: auto; }
  div.dataTables_wrapper div.dataTables_length {
    display: inline-block;
    float: left; }
    div.dataTables_wrapper div.dataTables_length label {
      font-size: 12px;
      font-size: 0.75rem; }
    div.dataTables_wrapper div.dataTables_length select {
      border: none;
      width: 55px;
      width: 3.4375rem; }
      div.dataTables_wrapper div.dataTables_length select option {
        color: #000000;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 600; }

.datatable-wrapper {
  width: 100%;
  background: white;
  min-height: 500px;
  overflow-x: hidden; }
  .datatable-wrapper.datatable-wrapper-empty {
    padding-bottom: 0; }
    .datatable-wrapper.datatable-wrapper-empty .bottom {
      display: none; }
    .datatable-wrapper.datatable-wrapper-empty .dataTables_wrapper {
      padding-bottom: 0; }
      .datatable-wrapper.datatable-wrapper-empty .dataTables_wrapper .table.datatables-custom {
        border: 0 !important; }
  .datatable-wrapper #access_group_driver_datatable thead,
  .datatable-wrapper #access_group_tank_datatable thead,
  .datatable-wrapper #access_group_vehicle_datatable thead {
    display: none; }
  .datatable-wrapper #access_group_driver_datatable tbody tr td,
  .datatable-wrapper #access_group_tank_datatable tbody tr td,
  .datatable-wrapper #access_group_vehicle_datatable tbody tr td {
    text-align: left; }
  .datatable-wrapper .mCSB_container {
    min-height: 500px; }
  .datatable-wrapper table {
    width: 100% !important; }
    .datatable-wrapper table.datatables-custom {
      font-size: 14px;
      font-size: 0.875rem;
      border: none !important;
      border-bottom: 1px solid #e4edff !important;
      border-bottom: 0.0625rem solid #e4edff !important;
      border-collapse: collapse !important;
      margin-bottom: 30px !important;
      margin-top: 0 !important; }
      .datatable-wrapper table.datatables-custom tfoot {
        display: table-header-group; }
        .datatable-wrapper table.datatables-custom tfoot tr th {
          border-top: 1px solid #e4edff;
          border-top: 0.0625rem solid #e4edff;
          border-left: 1px solid #e4edff;
          border-left: 0.0625rem solid #e4edff; }
      .datatable-wrapper table.datatables-custom thead tr th {
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 600;
        vertical-align: middle;
        padding: 0px 15px;
        padding: 0rem 0.9375rem;
        background-color: #f7faff;
        border-top: 1px solid #e4edff;
        border-top: 0.0625rem solid #e4edff;
        border-bottom: 1px solid #e4edff;
        border-bottom: 0.0625rem solid #e4edff;
        outline: 0 !important;
        position: relative;
        min-width: 7px;
        height: 50px;
        height: 3.125rem;
        color: #000000; }
        .datatable-wrapper table.datatables-custom thead tr th .settings-default {
          min-width: 25px;
          position: relative; }
          .datatable-wrapper table.datatables-custom thead tr th .settings-default .optional {
            font-size: 10px;
            font-size: 0.625rem;
            color: #808ca4;
            padding-left: 5px; }
            .datatable-wrapper table.datatables-custom thead tr th .settings-default .optional i {
              margin-right: 5px; }
        .datatable-wrapper table.datatables-custom thead tr th:before, .datatable-wrapper table.datatables-custom thead tr th:after {
          display: none; }
        .datatable-wrapper table.datatables-custom thead tr th.sorting .up-down, .datatable-wrapper table.datatables-custom thead tr th.sorting_asc .up-down, .datatable-wrapper table.datatables-custom thead tr th.sorting_desc .up-down {
          position: relative;
          padding-right: 20px; }
          .datatable-wrapper table.datatables-custom thead tr th.sorting .up-down:after, .datatable-wrapper table.datatables-custom thead tr th.sorting_asc .up-down:after, .datatable-wrapper table.datatables-custom thead tr th.sorting_desc .up-down:after {
            content: "";
            height: 17px;
            height: 1.0625rem;
            width: 9px;
            width: 0.5625rem;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            margin-right: 5px;
            position: absolute;
            right: 0; }
        .datatable-wrapper table.datatables-custom thead tr th.sorting .settings-default-wrapper, .datatable-wrapper table.datatables-custom thead tr th.sorting_asc .settings-default-wrapper, .datatable-wrapper table.datatables-custom thead tr th.sorting_desc .settings-default-wrapper {
          display: flex;
          -ms-flex-line-pack: center !important;
          align-content: center !important;
          -ms-flex-align: center !important;
          align-items: center !important; }
        .datatable-wrapper table.datatables-custom thead tr th .settings-default-wrapper {
          position: relative; }
          .datatable-wrapper table.datatables-custom thead tr th .settings-default-wrapper .settings-default {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: baseline;
            -ms-flex-line-pack: center !important;
            align-content: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
            margin-right: 5px; }
        .datatable-wrapper table.datatables-custom thead tr th.sorting .up-down:after {
          background: url("../img/sorting.png") center center no-repeat;
          background-size: 100% 100%; }
        .datatable-wrapper table.datatables-custom thead tr th.sorting_asc .up-down {
          text-decoration: underline; }
          .datatable-wrapper table.datatables-custom thead tr th.sorting_asc .up-down:after {
            background: url("../img/up.png") center center no-repeat;
            background-size: 100% 100%; }
        .datatable-wrapper table.datatables-custom thead tr th.sorting_desc .up-down {
          text-decoration: underline; }
          .datatable-wrapper table.datatables-custom thead tr th.sorting_desc .up-down:after {
            background: url("../img/down.png") center center no-repeat;
            background-size: 100% 100%; }
        .datatable-wrapper table.datatables-custom thead tr th .settings-header {
          text-align: center; }
          .datatable-wrapper table.datatables-custom thead tr th .settings-header i {
            color: #277dd7;
            font-size: 17px;
            font-size: 1.0625rem; }
        .datatable-wrapper table.datatables-custom thead tr th + th {
          border-left: 1px solid #E4EDFF;
          border-left: 0.0625rem solid #E4EDFF; }
        .datatable-wrapper table.datatables-custom thead tr th .filter-header-title {
          display: inline-block;
          text-transform: capitalize;
          vertical-align: middle; }
        .datatable-wrapper table.datatables-custom thead tr th .select-filter-table {
          display: inline-block; }
        .datatable-wrapper table.datatables-custom thead tr th .select-option-full {
          width: auto !important; }
          .datatable-wrapper table.datatables-custom thead tr th .select-option-full button {
            opacity: 1; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.btn.dropdown-toggle.bs-placeholder {
              color: #277dd7 !important;
              background: white !important; }
              .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.btn.dropdown-toggle.bs-placeholder:after {
                color: #277dd7 !important; }
          .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.dropdown-toggle.btn {
            position: relative;
            text-align: center;
            font-size: 12px !important;
            font-size: 0.75rem !important;
            font-weight: 600;
            color: #277dd7 !important;
            padding: 0 5px 10px 5px;
            padding: 0 0.3125rem 0.625rem 0.3125rem;
            min-width: 27px;
            background: #277dd7 !important;
            color: white !important; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.dropdown-toggle.btn:after {
              color: white !important; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.dropdown-toggle.btn:after {
              font-size: 9px !important;
              font-size: 0.5625rem !important;
              height: 10px;
              height: 0.625rem;
              width: 10px;
              width: 0.625rem;
              left: 0;
              right: 0;
              bottom: 3px;
              bottom: 0.1875rem;
              top: auto;
              margin: auto; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.dropdown-toggle.btn .filter-option {
              vertical-align: middle;
              padding: 0 5px;
              padding: 0 0.3125rem; }
              .datatable-wrapper table.datatables-custom thead tr th .select-option-full button.dropdown-toggle.btn .filter-option .filter-option-inner {
                padding: 0;
                text-align: center; }
          .datatable-wrapper table.datatables-custom thead tr th .select-option-full .bs-actionsbox {
            margin-top: 5px; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full .bs-actionsbox button.btn {
              padding: 5px;
              padding: 0.3125rem;
              display: -webkit-box !important;
              display: -webkit-flex !important;
              display: -ms-flexbox !important;
              display: flex !important;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              align-items: baseline;
              -ms-flex-line-pack: center !important;
              align-content: center !important;
              -ms-flex-align: center !important;
              align-items: center !important;
              -ms-flex-pack: center !important;
              justify-content: center !important; }
          .datatable-wrapper table.datatables-custom thead tr th .select-option-full .bs-searchbox input {
            padding: 3px 15px;
            padding: 0.1875rem 0.9375rem; }
          .datatable-wrapper table.datatables-custom thead tr th .select-option-full .dropdown-menu {
            padding-top: 5px;
            min-width: 180px; }
            .datatable-wrapper table.datatables-custom thead tr th .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item {
              margin-bottom: 8px;
              padding: 5px 15px;
              padding: 0.3125rem 0.9375rem; }
              .datatable-wrapper table.datatables-custom thead tr th .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item span {
                font-size: 14px;
                font-size: 0.875rem; }
                .datatable-wrapper table.datatables-custom thead tr th .select-option-full .dropdown-menu .dropdown-menu.inner a.dropdown-item span label {
                  justify-content: start; }
        .datatable-wrapper table.datatables-custom thead tr th .daterangepicker-custom .custom-text {
          padding: 1px 7px 9px 7px;
          padding: 0.0625rem 0.4375rem 0.5625rem 0.4375rem;
          white-space: nowrap; }
          .datatable-wrapper table.datatables-custom thead tr th .daterangepicker-custom .custom-text:before {
            bottom: 0; }
      .datatable-wrapper table.datatables-custom tbody tr {
        height: 53px;
        height: 3.3125rem; }
        .datatable-wrapper table.datatables-custom tbody tr.selected {
          background: none !important;
          color: #000000; }
        .datatable-wrapper table.datatables-custom tbody tr.tank-critical-low-level {
          background: #feefee !important; }
        .datatable-wrapper table.datatables-custom tbody tr.tank-low-level {
          background: #fffdec !important; }
        .datatable-wrapper table.datatables-custom tbody tr.disabled {
          background-color: #f2f3f6 !important; }
          .datatable-wrapper table.datatables-custom tbody tr.disabled .cloud-box {
            background-color: #f2f3f6 !important; }
          .datatable-wrapper table.datatables-custom tbody tr.disabled.bg-white {
            background: #ffffff !important; }
        .datatable-wrapper table.datatables-custom tbody tr.warning {
          background-color: #fff7f6 !important; }
        .datatable-wrapper table.datatables-custom tbody tr.group td {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 600;
          background-color: rgba(247, 250, 255, 0.5) !important; }
        .datatable-wrapper table.datatables-custom tbody tr td {
          border: none;
          border-top: 1px solid #e4edff;
          border-top: 0.0625rem solid #e4edff;
          background: #ffffff;
          padding: 10px 15px;
          padding: 0.625rem 0.9375rem;
          background: none !important;
          vertical-align: middle;
          font-size: 14px;
          font-size: 0.875rem;
          cursor: pointer;
          color: #000000;
          min-height: 30px; }
          .datatable-wrapper table.datatables-custom tbody tr td.bg-green-active {
            background: rgba(0, 215, 147, 0.08) !important; }
          .datatable-wrapper table.datatables-custom tbody tr td.dataTables_empty {
            cursor: auto; }
          .datatable-wrapper table.datatables-custom tbody tr td a {
            color: #000000; }
          .datatable-wrapper table.datatables-custom tbody tr td a[data-toggle="tooltip"] {
            font-size: 15px;
            font-size: 0.9375rem; }
          .datatable-wrapper table.datatables-custom tbody tr td .number {
            width: 30px;
            width: 1.875rem;
            height: 30px;
            height: 1.875rem;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
            line-height: 30px;
            line-height: 1.875rem;
            vertical-align: middle;
            margin-right: 10px; }
            .datatable-wrapper table.datatables-custom tbody tr td .number i {
              font-size: 17px;
              font-size: 1.0625rem;
              line-height: 30px;
              line-height: 1.875rem; }
          .datatable-wrapper table.datatables-custom tbody tr td .notification {
            color: #f3553f; }
          .datatable-wrapper table.datatables-custom tbody tr td .disabled-status {
            background: #808ca4; }
          .datatable-wrapper table.datatables-custom tbody tr td .pending-status {
            background: #f5a927;
            white-space: nowrap; }
          .datatable-wrapper table.datatables-custom tbody tr td .disabled-status,
          .datatable-wrapper table.datatables-custom tbody tr td .pending-status {
            position: absolute;
            top: 0;
            left: 0;
            height: 100% !important;
            width: 25px;
            width: 1.5625rem;
            min-height: 40px; }
            .datatable-wrapper table.datatables-custom tbody tr td .disabled-status span,
            .datatable-wrapper table.datatables-custom tbody tr td .pending-status span {
              position: absolute;
              -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
              -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
              -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
              -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
              transform: translateX(-50%) translateY(-50%) rotate(-90deg);
              font-size: 10px;
              font-size: 0.625rem;
              color: #ffffff;
              top: 50%;
              left: 50%; }
          .datatable-wrapper table.datatables-custom tbody tr td .alert-status i {
            color: #277dd7;
            font-size: 16px;
            font-size: 1rem; }
          .datatable-wrapper table.datatables-custom tbody tr td.settings-wrapper {
            padding-left: 5px;
            padding-right: 5px; }
            .datatable-wrapper table.datatables-custom tbody tr td.settings-wrapper .settings-general {
              text-align: right; }
              .datatable-wrapper table.datatables-custom tbody tr td.settings-wrapper .settings-general a {
                display: inline-block;
                padding: 0 5px;
                padding: 0 0.3125rem;
                width: auto; }
                .datatable-wrapper table.datatables-custom tbody tr td.settings-wrapper .settings-general a i {
                  font-size: 10px;
                  font-size: 0.625rem; }
          .datatable-wrapper table.datatables-custom tbody tr td .settings-content {
            height: 32px;
            height: 2rem;
            padding-top: 6px; }
        .datatable-wrapper table.datatables-custom tbody tr.yellow-bg {
          background: linear-gradient(17.45deg, #f3553f 0%, #ff7c2e 100%); }
        .datatable-wrapper table.datatables-custom tbody tr.pink-bg {
          background: linear-gradient(17.45deg, #fbed30 0%, #f1c802 100%); }
        .datatable-wrapper table.datatables-custom tbody tr.disabled td {
          background: rgba(128, 140, 164, 0.1);
          color: #808ca4;
          position: relative; }
          .datatable-wrapper table.datatables-custom tbody tr.disabled td a {
            color: #808ca4; }
        .datatable-wrapper table.datatables-custom tbody tr.pending td {
          background: rgba(245, 169, 39, 0.05) !important;
          position: relative; }
          .datatable-wrapper table.datatables-custom tbody tr.pending td .cloud-box {
            background: #fefbf5; }
        .datatable-wrapper table.datatables-custom tbody tr.warning td {
          color: #000000; }
          .datatable-wrapper table.datatables-custom tbody tr.warning td span.red {
            color: #f3553f; }
          .datatable-wrapper table.datatables-custom tbody tr.warning td.notification {
            color: #f3553f !important; }
        .datatable-wrapper table.datatables-custom tbody tr .setting-general a {
          color: #277dd7 !important;
          font-size: 20px;
          font-size: 1.25rem;
          padding: 0;
          padding: 0; }

#drivers_datatable tbody tr td .disabled-status span {
  left: 11px;
  left: 0.6875rem; }

.datatable-top-wrapper {
  width: 100%;
  background: #ffffff;
  text-align: left; }
  .datatable-top-wrapper .dt-buttons {
    float: right;
    padding: 0; }
    .datatable-top-wrapper .dt-buttons a:not(.dropdown-item) {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 32px;
      height: 2rem;
      color: #277dd7;
      background: #ffffff;
      border: none;
      box-shadow: 0 0 4px 0 #cdd2db;
      border-radius: 0px !important;
      border-radius: 0rem !important;
      margin: 0 15px;
      margin: 0 0.9375rem;
      min-width: 85px;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: 600;
      padding: 7px 12px;
      padding: 0.4375rem 0.75rem; }
      .datatable-top-wrapper .dt-buttons a:not(.dropdown-item) span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
        height: 2rem; }
      .datatable-top-wrapper .dt-buttons a:not(.dropdown-item) i {
        font-size: 16px;
        font-size: 1rem;
        margin-right: 5px; }
  .datatable-top-wrapper .dataTables_filter {
    position: relative;
    width: 275px;
    width: 17.1875rem;
    text-align: left !important;
    display: inline-block; }
    .datatable-top-wrapper .dataTables_filter label {
      margin: 0; }
      .datatable-top-wrapper .dataTables_filter label:after {
        content: "\e92a";
        font-family: "skyneticon" !important;
        color: #002e86;
        position: absolute;
        font-size: 13px;
        font-size: 0.8125rem;
        right: 30px;
        right: 1.875rem;
        top: 0;
        bottom: 0;
        height: 20px;
        height: 1.25rem;
        margin: auto; }
      .datatable-top-wrapper .dataTables_filter label input {
        height: 33px;
        height: 2.0625rem;
        width: 275px !important;
        width: 17.1875rem !important;
        border: 1px solid rgba(39, 125, 215, 0.12);
        border: 0.0625rem solid rgba(39, 125, 215, 0.12);
        border-radius: 0px;
        border-radius: 0rem;
        background-color: #ffffff;
        color: #002e86;
        font-size: 12px;
        font-size: 0.75rem;
        font-style: italic;
        font-weight: 300;
        box-shadow: 0 0 7px 0 #e4edff;
        padding-right: 30px; }
        .datatable-top-wrapper .dataTables_filter label input::placeholder {
          color: #002e86;
          font-size: 12px;
          font-size: 0.75rem;
          font-style: italic;
          font-weight: 300; }
        .datatable-top-wrapper .dataTables_filter label input::-webkit-input-placeholder {
          color: #002e86;
          font-size: 12px;
          font-size: 0.75rem;
          font-style: italic;
          font-weight: 300; }
        .datatable-top-wrapper .dataTables_filter label input::-moz-placeholder {
          color: #002e86;
          font-size: 12px;
          font-size: 0.75rem;
          font-style: italic;
          font-weight: 300; }
        .datatable-top-wrapper .dataTables_filter label input:-ms-input-placeholder {
          color: #002e86;
          font-size: 12px;
          font-size: 0.75rem;
          font-style: italic;
          font-weight: 300; }
        .datatable-top-wrapper .dataTables_filter label input:-moz-placeholder {
          color: #002e86;
          font-size: 12px;
          font-size: 0.75rem;
          font-style: italic;
          font-weight: 300; }
  .datatable-top-wrapper .add-new-entity {
    float: right;
    padding-top: 13px; }
    .datatable-top-wrapper .add-new-entity a {
      cursor: pointer; }
      .datatable-top-wrapper .add-new-entity a.add-new {
        font-size: 14px;
        font-size: 0.875rem;
        color: #ffffff;
        background: #000000 !important;
        border-radius: 0px;
        border-radius: 0rem;
        font-weight: 600;
        padding: 5px 25px 5px 10px;
        padding: 0.3125rem 1.5625rem 0.3125rem 0.625rem; }
        .datatable-top-wrapper .add-new-entity a.add-new i {
          margin-right: 10px;
          font-size: 20px;
          font-size: 1.25rem; }

.table-items-normal table.table td,
.table-items-normal table.table th {
  vertical-align: middle;
  border: 1px solid #e4edff;
  border: 0.0625rem solid #e4edff; }

div.dataTables_wrapper {
  padding: 0; }

.new-scrollbar-datatable {
  width: 100%;
  overflow: hidden; }
  .new-scrollbar-datatable.modal-width .dataTables_scrollBody {
    width: 101% !important; }

@-moz-document url-prefix() {
  .new-scrollbar-datatable .dataTables_scrollBody {
    width: 101% !important; }
  .new-scrollbar-datatable.modal-width .dataTables_scrollBody {
    width: 102% !important; } }
  .new-scrollbar-datatable .DTFC_LeftWrapper, .new-scrollbar-datatable .DTFC_RightBodyWrapper {
    top: -30px !important;
    top: -1.875rem !important; }
  .new-scrollbar-datatable .DTFC_LeftHeadWrapper {
    top: 30px !important;
    top: 1.875rem !important; }
  .new-scrollbar-datatable .DTFC_LeftHeadWrapper {
    overflow: inherit !important; }
  .new-scrollbar-datatable .DTFC_RightWrapper {
    right: -1px !important;
    right: -0.0625rem !important; }
  .new-scrollbar-datatable table.datatables-custom tbody tr.selected {
    background: #FFF !important; }
  .new-scrollbar-datatable .DTFC_RightHeadWrapper .filter-header-title {
    width: fit-content;
    margin: auto; }
  .new-scrollbar-datatable .DTFC_LeftHeadWrapper th:last-child {
    border-right: 1px solid #E4EDFF;
    border-right: 0.0625rem solid #E4EDFF; }
  .new-scrollbar-datatable .DTFC_RightHeadWrapper th:first-child {
    border-left: 1px solid #E4EDFF;
    border-left: 0.0625rem solid #E4EDFF; }
  .new-scrollbar-datatable .dataTables_scrollBody::-webkit-scrollbar {
    width: 1px !important;
    width: 0.0625rem !important;
    /* width of the entire scrollbar */ }
  .new-scrollbar-datatable .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #F7FAFF;
    /* color of the tracking area */ }
  .new-scrollbar-datatable .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #277DD7;
    /* color of the scroll thumb */
    border-radius: 20px;
    border-radius: 1.25rem;
    /* roundness of the scroll thumb */
    border: 4px solid #F7FAFF;
    border: 0.25rem solid #F7FAFF;
    /* creates padding around scroll thumb */ }
  .new-scrollbar-datatable .DTFC_LeftBodyLiner {
    overflow-x: hidden !important; }
  .new-scrollbar-datatable .dataTables_scrollBody {
    scrollbar-width: auto;
    /* "auto" or "thin"  */
    scrollbar-color: #277DD7 #F7FAFF;
    /* scroll thumb & track */
    min-height: 350px; }
  .new-scrollbar-datatable .dataTables_scroll .dataTables_scrollHeadInner .select-option-picker {
    z-index: 0 !important; }
  .new-scrollbar-datatable .DTFC_ScrollWrapper {
    min-height: 400px; }
  .new-scrollbar-datatable .settings-content .dropdown-menu {
    max-width: 200px !important; }
    .new-scrollbar-datatable .settings-content .dropdown-menu .dropdown-item {
      max-width: 200px !important;
      overflow: hidden;
      word-break: break-word;
      white-space: normal;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      padding-left: 10px;
      padding-right: 10px; }

.row.content-wrapper {
  background-color: #FFF; }

.vertical-align-middle {
  vertical-align: middle !important; }

.vertical-align-text-bottom {
  vertical-align: text-bottom !important; }

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

.datatable-search-right .dataTables_scrollHeadInner .datatables-custom {
  border-top: 1px solid #E4EDFF !important;
  border-top: 0.0625rem solid #E4EDFF !important; }

.datatable-search-right .top {
  border: none !important; }
  .datatable-search-right .top .dataTables_info {
    display: none !important; }

.datatable-report-summaries .select-option-picker {
  width: 65% !important;
  border-radius: 50px;
  border-radius: 3.125rem;
  box-shadow: 0 0 2px 0 #808ca4 !important; }

.datatable-report-summaries .select-option-picker:hover {
  box-shadow: 0 0 2px 0 #808ca4 !important; }

.datatable-report-summaries #summaries-report-range-time {
  background-color: #fff;
  width: 165px !important;
  width: 10.3125rem !important;
  border-radius: 50px;
  border-radius: 3.125rem;
  color: #277dd7;
  padding: 0.3125rem 1.5625rem 0.3125rem 0.9375rem;
  position: relative;
  cursor: pointer;
  box-shadow: 0px 0px 8px #C9DEF5 !important;
  display: inline-block;
  float: right;
  margin: 13px 15px 0 0;
  margin: 0.8125rem 0.9375rem 0 0; }

.datatable-report-summaries #summaries-report-range-time:before {
  font-family: skyneticon !important;
  content: "\e90c";
  color: #277dd7;
  border: none !important;
  position: absolute;
  font-size: 9px !important;
  font-size: 0.5625rem !important;
  margin: auto;
  text-align: center;
  width: 10px;
  width: 0.625rem;
  height: 10px;
  height: 0.625rem;
  right: 10px;
  right: 0.625rem;
  top: 0;
  bottom: 0; }

.datatable-report-summaries #btn-download-report-summary {
  box-shadow: 0px 0px 8px #C9DEF5;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  padding: 8px 20px;
  padding: 0.5rem 1.25rem; }

.select-option-picker.picker-on-datatable {
  border: 0.5px solid #0070E0 !important;
  border: 0.03125rem solid #0070E0 !important; }
  .select-option-picker.picker-on-datatable button.dropdown-toggle {
    color: #021A49 !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    font-size: 0.875rem !important;
    padding: 6px 6px 6px 10px !important;
    padding: 0.375rem 0.375rem 0.375rem 0.625rem !important;
    width: 100px !important;
    width: 6.25rem !important; }
    .select-option-picker.picker-on-datatable button.dropdown-toggle::after {
      font-size: 10px !important;
      font-size: 0.625rem !important;
      right: 8px !important;
      right: 0.5rem !important;
      top: 9px !important;
      top: 0.5625rem !important; }

.input-on-datatable {
  border: 0.5px solid #808CA4 !important;
  border: 0.03125rem solid #808CA4 !important;
  border-radius: 4px !important;
  border-radius: 0.25rem !important;
  height: 36px !important;
  height: 2.25rem !important;
  padding-left: 10px !important; }
  .input-on-datatable::placeholder {
    color: #808CA4 !important; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  height: 0.5rem;
  margin: 1px 0 0;
  margin: 0.0625rem 0 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  background: #f5f8fa;
  border-top: 1px solid #ddd;
  border-top: 0.0625rem solid #ddd;
  border-bottom: 1px solid #ddd;
  border-bottom: 0.0625rem solid #ddd;
  height: 12px;
  height: 0.75rem;
  display: flex;
  align-content: center; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  visibility: hidden; }

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

.DTFC_RightBodyWrapper {
  top: -30px !important;
  top: -1.875rem !important; }

.datatable-wrapper .DTFC_RightHeadWrapper table.datatables-custom {
  border-left: 1px solid #E4EDFF !important;
  border-left: 0.0625rem solid #E4EDFF !important; }
  .datatable-wrapper .DTFC_RightHeadWrapper table.datatables-custom thead tr th .settings-default {
    display: block !important;
    text-align: center; }

.vertical-align-middle {
  vertical-align: middle !important; }

.DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar {
  width: 10px;
  width: 0.625rem; }

.DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

.DTFC_ScrollWrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border-radius: 0.625rem;
  background-color: #277dd7;
  border: 4px solid #FFF;
  border: 0.25rem solid #FFF; }

.transaction-datatable .dataTables_scrollBody {
  min-height: 300px; }

.cell-with-bg {
  height: 62px;
  height: 3.875rem;
  vertical-align: middle;
  display: inherit;
  padding-left: 15px;
  width: 200px;
  width: 12.5rem; }

.no-max-height .mCustomScrollBox.mCS-bar-left.mCSB_horizontal.mCSB_inside {
  max-height: unset !important; }

.event-info-wrapper {
  padding-left: 53px;
  margin-bottom: 20px;
  margin-top: 20px; }

.table-audit-logs {
  width: 100%; }
  .table-audit-logs tr:first-child.header {
    background: #F0F0F0; }
  .table-audit-logs tr:first-child th:first-child, .table-audit-logs tr:first-child th:last-child, .table-audit-logs tr:first-child td:first-child, .table-audit-logs tr:first-child td:last-child {
    width: 53px;
    width: 3.3125rem; }
  .table-audit-logs tr th:nth-child(2), .table-audit-logs tr td:nth-child(2) {
    width: 210px;
    width: 13.125rem;
    max-width: 210px; }
  .table-audit-logs tr th:nth-child(3), .table-audit-logs tr td:nth-child(3) {
    width: 250px;
    width: 15.625rem;
    max-width: 250px; }
  .table-audit-logs tr.changed {
    background: #E0F0FF; }
  .table-audit-logs tr th, .table-audit-logs tr td {
    padding: 10px;
    padding: 0.625rem;
    border-right: 1px solid #C9DEF5;
    border-right: 0.0625rem solid #C9DEF5; }
    .table-audit-logs tr th:last-child, .table-audit-logs tr td:last-child {
      border-right: none; }
    .table-audit-logs tr th.is_removed, .table-audit-logs tr td.is_removed {
      color: #F13B22;
      font-weight: 600; }
    .table-audit-logs tr th.is_filled, .table-audit-logs tr td.is_filled {
      color: #00D793;
      font-weight: 600; }
  .table-audit-logs tr td:nth-child(1), .table-audit-logs tr td:nth-child(4) {
    border-right: none; }

.has-scroller-wrapper.margin-right-0 .mCSB_container {
  margin-right: 0px !important; }

.no-entry {
  color: #808CA4;
  font-weight: 600; }

.content-top {
  background-color: #fcfdff;
  height: 70px;
  height: 4.375rem;
  box-shadow: 0 1px 8px 0 #e4edff;
  padding: 0 30px;
  padding: 0 1.875rem;
  margin: 0 -15px;
  margin: 0 -0.9375rem; }
  .content-top .title {
    display: flex;
    height: 100%;
    align-items: center;
    font-weight: 600;
    font-size: 24px;
    font-size: 1.5rem; }
    .content-top .title i {
      font-size: 33px;
      font-size: 2.0625rem;
      margin-right: 15px; }
    .content-top .title span {
      font-weight: 600;
      font-size: 24px;
      font-size: 1.5rem;
      height: 33px;
      height: 2.0625rem; }
    .content-top .title .btn-style-1 {
      display: flex;
      align-items: center;
      justify-content: center;
      max-height: 32px; }
      .content-top .title .btn-style-1 i {
        font-size: 17px;
        font-size: 1.0625rem;
        margin-right: 10px;
        color: #f7a827 !important; }
    .content-top .title.device-title i {
      display: none; }
    .content-top .title.device-title img {
      height: 33px;
      height: 2.0625rem;
      margin-right: 15px;
      margin-top: 7px; }

body.no-login {
  background: linear-gradient(134.52deg, #463f3f 0%, black 100%); }

body.wrapper-404 {
  background: url("../img/cobranding/fill-rite/404.jpg") bottom center no-repeat;
  background-size: 100% 100%; }

.form-cobranding .title-form {
  color: #ffffff; }

.form-cobranding form .form-group input {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500; }

.form-cobranding .form-information {
  border-radius: 0px;
  border-radius: 0rem; }

.form-cobranding .form-bottom label {
  font-weight: 500;
  color: white; }

.form-cobranding .form-bottom a.btn {
  background: #ffffff;
  color: #000000; }

.form-cobranding .form-information {
  background: #000000; }

.form-search-header .input-group-text {
  border-radius: 0px;
  border-radius: 0rem; }

.form-search-header button[type=submit] {
  border-radius: 0px;
  border-radius: 0rem; }

.content-top .title i {
  color: #000000 !important; }
  .content-top .title i.icon-icon-location-star:before {
    color: #000000 !important; }

.side-bar-left.collapsed .logo img {
  max-width: 60px; }

.side-bar-left .logo img {
  max-width: 145px; }

.side-bar-left .navbar ul .sub-menu li a i {
  color: #ffffff; }
  .side-bar-left .navbar ul .sub-menu li a i:before {
    color: #ffffff; }

a.btn {
  line-height: 20px;
  line-height: 1.25rem; }

.nav-onboarding {
  background: #BF985F; }

.content-top .title.device-title i {
  display: block; }

.content-top .title.device-title img {
  display: none; }

.navigation-header {
  display: none !important; }

.navigation-header-corbranding {
  display: flex !important;
  background: #fff; }
  @media (max-width: 767.98px) {
    .navigation-header-corbranding {
      padding-top: 5px; }
      .navigation-header-corbranding .navbar {
        height: auto; } }
  .navigation-header-corbranding .navbar-brand {
    color: #f7a827 !important;
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    font-style: italic; }
    .navigation-header-corbranding .navbar-brand img {
      max-height: 55px; }
    @media (max-width: 767.98px) {
      .navigation-header-corbranding .navbar-brand span {
        display: block; } }
  .navigation-header-corbranding .navbar-dark .navbar-nav .nav-link {
    color: #323232; }
    .navigation-header-corbranding .navbar-dark .navbar-nav .nav-link .icon-icon-chevron-down {
      color: #f7a827; }
  .navigation-header-corbranding .container {
    max-width: 1240px; }
  .navigation-header-corbranding .navbar-nav .dropdown .dropdown-menu {
    width: auto;
    right: 0;
    left: auto;
    position: absolute; }
    .navigation-header-corbranding .navbar-nav .dropdown .dropdown-menu:before {
      right: 10px;
      right: 0.625rem;
      left: auto; }

.dropzone-wrapper .dropzone .icon-cloud {
  display: none !important; }

.dropzone-wrapper .dropzone .icon-icon-arrow-up {
  display: none !important; }

.bs-vertical-wizard ul > li > .block .ico {
  padding-top: 1px; }

.no-entities .icon-wrapper .main-icon {
  color: black !important; }

div.dataTables_wrapper .filter-wrapper .dt-buttons a {
  color: #000000 !important; }

.filter-option-inner-inner, .datatable-wrapper table.datatables-custom thead tr th .daterangepicker-custom .custom-text, .datatable-wrapper table.datatables-custom thead tr th .settings-header i {
  color: #000000; }

.datatable-wrapper table.datatables-custom thead tr th .select-option-full button.btn:after, .datatable-wrapper table.datatables-custom thead tr th .daterangepicker-custom .custom-text:before {
  color: #f7a827 !important; }

.form-search-header button[type=submit] {
  background: #000000 !important; }

.transaction-tag.adjusted {
  background: #FA6937; }

.transaction-tag.web-portal {
  background: #000000; }

.dot-reconcile {
  background: #FA6937;
  height: 25px;
  height: 1.5625rem; }

.border-orange-2px {
  border-color: #FA6937 !important; }

/* Page 404
----------------------------------------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: none; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 0;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .inline-element-with-padding {
    padding: 0; }
  /* remove useless content */
  .header,
  .footer,
  .widget-area,
  .breadcrumb,
  .wp-pagenavi {
    display: none !important; }
  /* reset width */
  .content {
    padding: 10px 0 !important;
    padding: 0.625rem 0 !important;
    margin: 10px 0 !important;
    margin: 0.625rem 0 !important;
    width: 100% !important; } }