html, body {
  font-family: 'Montserrat', sans-serif;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  height:auto!important;
}
#topbar img.brand {
  max-height:105px;
}
.hide {
  display: none;
}
/* button in company colours */
.btn-blue {
  border-color: #011e58;
  background-color: #011e58;
  color: #fff;
}
.blue {
  border-color: #1e73bc;
  color: #fff;
}
.btn.btn-blue:hover {
  border-color: #1a2f59;
  background-color: #062d7b;
  color: #fff;
}
.btn-blue:focus {
  box-shadow: 0 0 0 .2rem rgb(28, 57, 117, .25);
}
.bg-blue {
  background-color: #011e58;
  color: #fff;
}
h1#title {
  margin-top: 30px;
}
.container1{
  background-image: url("../img/background.jpg");
  background-repeat: no-repeat;
}
#topbar {
  height:145px;
  background-color:#1C3975;
  padding-top:10px;
  padding-left:0;
}
#topbar span {
  color:#fff;
  margin-top:45px;
  margin-right:50px;
}
#topbar a.btn-light {
  color:#003399;
  text-transform: uppercase;
  margin-left:20px;
}
#topbar #userbox {
  position: absolute;
  top:10px;
  right: 40px;
}
header.quote-header .navbar {
  background:#003399;
  padding:0;
}
header.quote-header .navbar a {
  color:#fff;
  text-transform: uppercase;
}

header.quote-header .dropdown-menu a {
  color:#333;
}
header.quote-header .navbar-expand-lg .navbar-nav li a.nav-link {
  border-right:1px solid #fff;
  padding: 17px 30px;
}
.navbar-dark .navbar-nav .nav-link {
  color:#fff;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  background-color: #0829ce;
}
.trucks {
  margin-bottom: 17px;
  border: 2px solid #808080;
  border-radius: 5px;
  width: 210px;
}
  footer {
    background-color:#011E58;
    padding-top:40px;
    font-size: 15px;
  }

  footer a {
    color:#fff;
  }

  footer a:hover {
    text-decoration:underline;
    color:#fff;
  }

  footer li {
    padding-bottom: 7px;
  }

  footer .socialicons li {
    display:inline-block;
  }

  footer .socialicons img {
    border-radius: 5px;
    margin-left: 5px;
  }

  footer i.fab {
    display: inline-block;
    border-radius: 60px;
    padding: 0.3em 0.3em;
    border:1px solid #fff;
    text-align: center;
    width: 1.7em;
  }

  footer p.text-center {
    width:100%;
    color:#ccc;
    border-top:1px solid #ccc;
    padding:20px 0;
  }

  h1,h2,h3,h4,h5,h6 {
    color:#002894;
  }

  h1,h2 {
    font-size:2rem;
    margin-bottom:1.5rem;
  }
  h2 {
    font-size:1.6rem;
    margin-bottom:1.5rem;
  }
  main {
    padding-top:50px;
    min-height:50%;
    margin-bottom:50px;
  }
  /* menu */
  #menu-bar {
    background-image: linear-gradient(to top, #001570, #021f7c, #052989, #063495, #073ea2);
  }

  #menu-bar ul {
    margin: auto;
  }

  #menu-bar ul li a {
    padding: 10px;
    min-width: 160px;
  }

  #menu-bar .nav-pills .nav-link.active,
  #menu-bar .nav-pills .show>.nav-link {
    background-image: linear-gradient(to top, #053395, #0140a0, #004dab, #0459b5, #0e66bf);
  }

  #menu-bar .nav-pills .nav-link {
    border-radius: unset;
  }

  #menu-bar .nav-fill .nav-item {
    border-right: 1px solid rgba(246, 246, 246, 0.2);
    display: flex;
  }

  #menu-bar .nav-fill .nav-item:last-child {
    border-right: none;
  }

  #login-mail {
    color: #fff;
    margin-right: 0;
  }

  #button-log-in-out {
    width: 120px;
  }
  /* end menu */

  /* Content */
  #main-content {
    margin: 0;
    padding: 0;
  }
  /* */
  header .bg-dark {
    background-color: #1C3975;
  }

  #topbar #logged {
    position: relative;
    top: 0;
    right: 0;
  }
  #logged a.btn-light {
    margin-left: 0;
  }
  #viewjob {
    position:fixed;
    bottom:30px;
    right:30px;
    z-index: 100;
  }
  .bold {
    font-weight: bold;
  }
  .box-volume {
    position: absolute;
    right: 20px;
  }
  .non-editable main button, .non-editable main a.btn {
    display:none !important;
  }
  @media (max-width:576px) {
    footer {
      text-align: center;
    }
    .backoffice-logo {
      width: 266px;
      margin-top: 10px;
    }
  }
  @media (min-width: 768px) {
    .dl-horizontal dt {
      float: left;
      width: 160px;
      overflow: hidden;
      clear: left;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dl-horizontal dd {
      margin-left: 180px;
    }
    .dl-horizontal {
      overflow: hidden;
    }
    .dl-horizontal dd:before,
    .dl-horizontal dd:after {
      display: table;
      content: " ";
    }
    .dl-horizontal dd:after {
      clear:both;
    }
  }
  @media (max-width: 850px) {
    #topbar span {
      display:none;
    }
  }
  @media print {
    header, footer, .access-restricted {
      display: none;
    }
    main {
      padding: 0!important;
      margin: 0!important;
    }
  }
  .modal-header {
    background:rgba(0,0,0,.03)
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
  .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0073bb;
  }
  .card-header .date-time {
    text-transform: uppercase;
    font-weight: 700;
  }
  .cnpBillingCheckoutWrapper {position:relative;}
  .cnpBillingCheckoutHeader {width:100%;border-bottom: 1px solid #c0c0c0;margin-bottom:10px;}
  .cnpBillingCheckoutLeft {width:240px;margin-left: 5px;margin-bottom: 10px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
  .cnpBillingCheckoutRight {width:50%;margin-left: 5px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
  .cnpBillingCheckoutOrange {font-size:110%;color: rgb(255, 60, 22);font-weight:bold;}
  div.wpwl-wrapper, div.wpwl-label, div.wpwl-sup-wrapper { width: 100% }
  div.wpwl-group-expiry, div.wpwl-group-brand { width: 30%; float:left }
  div.wpwl-group-cvv { width: 68%; float:left; margin-left:2% }
  div.wpwl-group-cardHolder, div.wpwl-sup-wrapper-street1, div.wpwl-group-expiry { clear:both }
  div.wpwl-sup-wrapper-street1 { padding-top: 1px }
  div.wpwl-wrapper-brand { width: auto }
  div.wpwl-sup-wrapper-state, div.wpwl-sup-wrapper-city { width:32%;float:left;margin-right:2% }
  div.wpwl-sup-wrapper-postcode { width:32%;float:left }
  div.wpwl-sup-wrapper-country { width: 66% }
  div.wpwl-wrapper-brand, div.wpwl-label-brand, div.wpwl-brand { display: none;}
  div.wpwl-group-cardNumber { width:60%; float:left; font-size: 20px;  }
  div.wpwl-group-brand { width:35%; float:left; margin-top:28px }
  div.wpwl-brand-custom  { margin: 0px -7px; background-image: url("https://oppwa.com/v1/paymentWidgets/img/brand.png") }
  .wpwl-button-pay {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
  }
  .wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active {
    background-color: #000080;
    border-color: #000080;
    opacity: 0.9;
  }
  .wpwl-button-pay[disabled], .wpwl-button-pay[disabled]:hover, .wpwl-button-pay[disabled]:focus, .wpwl-button-pay[disabled]:active {
    background-color: #0e528c;;
    border-color: #0e528c;
  }
  div.wpwl-group-brand {
    margin-top: 41px;
    margin-left: 10px;
  }
  .wpwl-brand-VISA {
    width: 65px;
    height: 24px;
  }
  .wpwl-wrapper > .wpwl-icon {
    top: 4px;
  }
  .text-bold {
    font-weight: bold;
  }
  .pay-option-block {
    padding: 15px;
    font-family: 'Merriweather', serif;
  }
  .pay-option-block:hover ,label:hover {
    cursor: pointer;
  }
  .pay-option-block.cc, .pay-option-block.snap {
    background-color: #f2f2f2;
    font-weight: bold;
    height: 65px;
    width: 200px;
  }
  #title {
    color: #1c3975;
  }
  .banner-v1 {
    padding: 135px 0;
    position: relative;
    background-size: cover;
    -moz-background-size: cover;
    background-color: #d2d1d1;
    max-width: 100%;
    margin-top: 0;
  }
  .banner-v1 h1 {
    font-size: 3rem;
    color: #fff;
    font-weight: bold;
    margin: 0 !important;
  }
  .copyright-txt {
    font-size: 13px;
    color: #fff;
    margin-left: 14px;
  }
  .bg-blue-zodiac {
    background-color: #182a4a;
    color: #fff;
    font-weight: bold;
  }
  .calendar-table .current-date {
    font-size: 23px;
  }
  .move-details-box {
    background-color: #ebebeb;
  }
  .w-165 {
    padding: 10px !important;
    width: 165px !important;
  }
  .w-180 {
    padding: 10px !important;
    width: 180px !important;
  }
  .btn-gray {
    background-color: #808080;
    color: #fff;
  }
  .btn-light-blue {
    color: #fff;
    background-color: #66abdb;
  }
  .btn-light-blue:hover {
    color: #fff;
    background-color: #3f94d0;
  }
  #payment-options #eft-box, #payment-options #visa-box {
    border: 2px solid #808080;
    width: 366px;
    height: 115px;
    padding: 15px;
    border-radius: 5px;
  }
  #eft-box, #visa-box:hover{
    cursor: pointer;
  }
  #payment-options .eft-logo{
    width: 90px;
    height: auto;
    margin-left: 50px;
    margin-top: 10px;
  }
  #payment-options .visa-logo{
    width: 90px;
    height: auto;
    margin-left: 34px;
    margin-top: 10px;
  }
  #payment-options .magic-radio + label::before {
    width: 23px;
    height: 23px;
    top: 28px;
    left: -127px;
    border: 1px solid #262525 !important;
  }
  #payment-options .magic-radio + label::after {
    top: 37px;
    left: -121px;
    width: 11px;
    height: 11px;
    background: #1e73bc;
  }
  #payment-options .magic-radio + label {
    padding-left: 14px;
  }
  #terms-section .magic-radio + label::before {
    width: 23px;
    height: 23px;
    border: 1px solid #262525 !important;
  }
  #terms-section .magic-radio + label::after {
    top: 9px;
    left: 6px;
    width: 11px;
    height: 11px;
  }
  #terms-section .magic-radio + label {
    padding-left: 30px;
    font-size: 21px;
  }
  .trucks .btn-group-toggle {
    background-color: #dfdfdf;
    padding: 7px;
  }
  .no-card-payment-txt {
    position: relative;
    top: 14px;
    width: 488px;
    max-width: 100%;
    font-size: 14px !important;
  }
  .p-10 {padding: 10px;}
  .route-page .form-group {
    position: relative;
  }
  .route-page .fa-dot-circle {
    position: absolute;
    padding: 10px;
    left: 52px;
    min-width: 40px;
    color: #b2b2b2;
  }
  .non-editable .route-page .fa-dot-circle {
    position: absolute;
    left: 27px;
  }
  .route-page .fa-map-marker-alt {
    position: absolute; 
    min-width: 40px; 
    color: #1e73bc;
    right: 447px;
    padding-top: 9px;
    font-size: 20px;
  }
  .socialicons {
    position: relative;
    left: -44px;
    margin-bottom: 0;
  }
  .btn-next-wrap .btn { border-radius: 0 !important;}
  .text-dark-blue {color: #182a4a;}
  .btn-dark-blue {
    color: #fff; 
    background: #182a4a; 
    border-color:#182a4a;
  }
  footer #facebook-icon {
    position: relative;
    left: -6px;
    top: -1px;
  }
  .footer-tc {
    position: relative;
    top: -4px;
  }
  .font-weight-600 {font-weight: 600 !important;}
  #topbar img.brand {
    max-height: 95px;
    position: relative;
    left: 51px;
    top: 12px;
  }
  .hide {
    display: none;
  }
  /* button in company colours */
  .btn-blue {
    border-color: #0073bb;
    background-color: #0073bb;
    color: #fff;
  }
  .navy-blue {
    border-color: #000080;
    background-color: #000080;
    color: #fff;
  }
  .btn.btn-blue:hover {
    border-color: #0c5ca2;
    background-color: #0c5ca2;
    color: #fff;
  }
  .btn-blue:focus {
    box-shadow: 0 0 0 .2rem rgb(28, 57, 117, .25);
  }
  .bg-blue {
    background-color: #1e73bc;
    color: #fff;
  }
  .bg-gray {
    background-color: #a7a9ac;
    color: #fff;
  }
  .title {
    color: #0073bb;
  }

  footer, #topbar {
    background-color: #182a4a;
  } 
  /***Menu***/
  #menu-bar {
    background: #fff !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    height: 70px;
  }
  #menu-bar ul li a {
    color: #a6a3a3;
    font-weight: 800;
    font-size: 20px;
  }
  #menu-bar .nav-fill .nav-item .brd-right {
    border-right: 3px solid #b3aba8;
  }
  #menu-bar .nav-pills .nav-link.active, #menu-bar .nav-pills .show > .nav-link{
    background: #fff;
    color: #1e73bc;
  }
  #menu-bar ul li a {
    padding: 0;
  }
  h1, h2, h3, h4, h5, h6{
    color: #1e73bc;
  }
  .wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active {
    background-color: #1e73bc;
    border-color: #1e73bc;
    opacity: 0.9;
  }
  .wpwl-button-pay[disabled], .wpwl-button-pay[disabled]:hover, .wpwl-button-pay[disabled]:focus, .wpwl-button-pay[disabled]:active {
    background-color: #0e528c;;
    border-color: #0e528c;
  }
  .title,.text-blue {
    color: #1e73bc;
    font-weight: bolder;
  }
  #payment .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1c3975;
  }

  #visa-mcard{
    width: 85px;
  }

  .pay-option-block #snapscan-logo{
    width: 30px;
  }
    .fa.fa-angle-right {
      font-size: 22px;
      position: relative;
      top: 3px;
      color: #a7a9ac;
    }
    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
      border: 1px solid #333;
    }

    .dark-gray {
      background-color: #808080;
      padding: 8px 70px;
      color: #fff;
    }
    .btn-primary {
      color: #fff;
      background-color: #1e73bc;
      border-color: #1e73bc;
      font-weight: bold;
    }
    .mt-n20 {
      margin-top: -20px;
    }
    .bg-lightgray {
      background-color: #f1f1f1;
    }
    #nav {
      color: #fff;
      display: flex;
      justify-content: space-between;
      float: right;
    }
    #nav .main-menu {
      display: flex;
      list-style: none;
      line-height: 23px;
      position: absolute;
      top: 93px;
      right: 64px;
    }
    #nav .main-menu .close-menu {
      font-size: 2rem;
      display: none;
      cursor: pointer;
    }
    #nav .main-menu li {
      border-left: 2px solid #fff;
    }
   #nav .main-menu  li:first-child {
      border-left: none;
    }
    #nav .main-menu li a {
      display: inline-block;
      line-height: 23px;
      padding: 0px 20px;
      text-decoration: none;
      color: #fff;
      font-size: 25px;
      font-weight: bolder;
    }
    #nav .main-menu li .active, #nav .main-menu li a:hover {
      background: none;
      color: #1e73bc;
    }
    #nav .open-menu {
      font-size: 2rem;
      margin: 20px;
      display: none;
      cursor: pointer;
    }
  .select2-container .select2-choice {
    border: 2px solid #808080 !important;
    height: 30px !important;
    line-height: 30px !important;
  }
  .select2-container .select2-choice .select2-arrow {
    border-left: 0 !important;
    border-radius: 0 !important;
  }
  .footer-tc li {padding-bottom: 0 !important;}
  .fa-phone {
    transform: rotate(92deg);
  }
  .whatsapp-icon {width: 22px;}
  .alert-warning-custom {
    color: #132a4d;
    background-color: #bfdcf0;
    border-color: #bfdcf0;
    font-size: 18px;
  }
  .txt-blue {color: #1e73bc;}
  .select2-container .select2-choice .select2-arrow b {
      background: url(../img/sort_desc.png) no-repeat 0 1px !important;
      margin: 4px -2px;
  }
  .select2-container .select2-choice .select2-arrow {
    background: unset !important;
    background-image: none !important;
   } 
   .font-weight-semi-bold {
    font-weight: 600 !important;
   }
  .bg-dark-blue{
    background-color: #182a4a;
    color: #fff;
  }
  @media only screen and (max-width : 767px){
    #nav {
      background: #182a4a;
    }
    #nav .main-menu {
      position: fixed;
      top: 22px;
      right: 39px;
      z-index: 10;
      flex-direction: column;
      background: #1e73bc;
      transition: top 1s ease;
      width: 208px;
      border-radius: 6px;
      padding: 20px;
      display: none;
    }
    #nav .main-menu li {
      border-left: 0 !important;
    }
    #nav .main-menu li  {border-bottom: 1px solid #fff;}
    #nav .main-menu li a {width: 100%;}
    #nav .main-menu li a, #nav .main-menu li {
      font-size: 18px;
      font-weight: 600;
    }
    #nav .main-menu li.active {
      font-weight: 800;
      display: none;
    }
    #nav .main-menu li .active {
      color: #fff;
      font-weight: 800;
      border: 2px solid #fff !important;
      margin-top: -2px;
      margin-bottom: -2px;
    }
    #nav .main-menu li a:hover {color: #fff; font-weight: 800;}
    #nav .main-menu .close-menu {
      display: block;
      position: absolute;
      top: 0px;
      right: -19px;
      background-color: #1e73bc;
      border-radius: 4px;
      padding: 5px;

    }
    #nav .open-menu {
      display: block;
      top: 10px;
      position: absolute;
      right: 20px;
      padding: 1px 10px;
      border-radius: 7px;
      -webkit-border-radius: 7px; 
      -moz-border-radius: 7px; 
      background-color: #1e73bc;
    }
    #nav .main-menu li a {
      padding: 10px;
    }
    #nav .main-menu li a:hover {
      background: none;
    }
    #topbar #userbox {
      position: absolute;
      top: 70px;
      right: 40px;
    }
    .hide-on-sm {display: none !important;}
    .mobile-nav li:last-of-type {
      border-bottom:0 !important;
    }
  }