#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#wrapper #content-wrapper {
  overflow-x: hidden;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 80px;
}
footer {background-color: #212529;}
a {text-decoration:none!important; color:#d8071b;}
.bg-dark {background: #212529;}
.sidebar {
  width: 90px !important;
  background-color: #212529;
  min-height: calc(100vh - 56px);
}

.sidebar .nav-item:last-child {
  margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link {
  text-align: center;
  padding: 0.75rem 1rem;
  width: 90px;
}

.sidebar .nav-item .nav-link span {
  font-size: 0.65rem;
  display: block;
}

.sidebar .nav-item .dropdown-menu {
  position: absolute !important;
  -webkit-transform: none !important;
  transform: none !important;
  left: calc(90px + 0.5rem) !important;
  margin: 0;
}

.sidebar .nav-item .dropdown-menu.dropup {
  bottom: 0;
  top: auto !important;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}

.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar.toggled {
  width: 0 !important;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sidebar {
    width: 225px !important;
  }
  .sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 1rem;
    width: 225px;
  }
  .sidebar .nav-item .nav-link span {
    font-size: 1rem;
    display: inline;
  }
  .sidebar .nav-item .dropdown-menu {
    position: static !important;
    margin: 0 1rem;
    top: 0;
  }
  .dropdown-menu {background:#333a40;}
  .dropdown-item {color:rgba(255, 255, 255, 0.65);}
  .dropdown-divider {border-top: 1px solid #000000 !important;}
  .dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #535965;
  }

  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: block;

  }
  .sidebar.toggled {
    overflow: visible;
    width: 90px !important;
  }
  .sidebar.toggled .nav-item:last-child {
    margin-bottom: 1rem;
  }
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 1rem;
    width: 90px;

  }
  .sidebar.toggled .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
  }
  .sidebar.toggled .nav-item .dropdown-menu {
    position: absolute !important;
    -webkit-transform: none !important;
    transform: none !important;
    left: calc(90px + 0.5rem) !important;
    margin: 0;

  }
  .sidebar.toggled .nav-item .dropdown-menu.dropup {
    bottom: 0;
    top: auto !important;
  }
  .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
    display: none;
  }
}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  float: right;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
}
.loggedin,a.logout{padding-right:20px}
.form-signin {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;

}
.form-signin-heading {
  text-align:left;
  margin-bottom: 30px;

}
.form-login {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 20px;
}
.form-login-heading {
  text-align:center;
  margin-bottom: 30px;
}
img.userimage {
  margin-left: 10px;
  border-radius: 30px;
}
span.loggedin {
  color: cadetblue;
}
.form-check-input {margin-left:20px;}
.breadcrumb a {color:#f00!important;}
.btn.btn-block.btn-signin {background:#e82f28!important; border:none!important;}
.no-caret ::after {display:none;}
@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.footer-3 {
  background: #212529;
  color: #46484a;
  padding-top: 1rem;
  padding-bottom: .5rem;
padding-left:3rem;
padding-right:3rem; }
  .footer-3 .container-fluid {
    padding: 0; }
  .footer-3 .divider {
    width: 100%;
    height: 1px;
    margin: .5rem 0 1.5rem 0;
    background:#696b6e; }
  .footer-3 .nav-footer {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: left; }
  .footer-3 .nav-footer li {list-style-type: none;}
    .footer-3 .nav-footer .nav-link {
      color: #696b6e; }
    .footer-3 .nav-footer .nav-link:hover {
      color: #d8071b; }
  .footer-3 .social li a {
    background: none;
    border: none; }
.footer-3 h3 {font-size:16px;color:#d8071b; font-family: 'Nunito Sans', sans-serif;}
    .social {
      margin: 0 auto;
      padding: 0; }
.footer-3 a {font-size:14px; color:#696b6e;}
    .social li {
      display: inline-block; }
      .login-container{
          margin-top: 5%;
          margin-bottom: 5%;
      }
      .login-form-1{
          padding: 5%;
          box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
      }
      .login-form-1 h3{
          text-align: center;
          color: #333;
      }
      .login-text{
          padding: 10%;
          background: #f9f9f9;
      		font-size:16px;
      		color:#666666;
      		text-align:center;
          box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
      }
      .login-text h3{
          text-align: center;
          color: #333;
      }
      .login-container form{
          padding: 10%;
      }
      .btnSubmit
      {
          width: 50%;
          border-radius: 1rem;
          padding: 1.5%;
          border: none;
          cursor: pointer;
      }
      .login-form-1 .btnSubmit{
          font-weight: 600;
          color: #fff;
          background-color: #0062cc;
      }
      .login-text .btnSubmit{
          font-weight: 600;
          color: #0062cc;
          background-color: #fff;
      }
      .login-text .ForgetPwd{
          color: #fff;
          font-weight: 600;
          text-decoration: none;
      }
      .login-text img {align:center;}
      .login-form-1 img {align:center;}
      .login-form-1 .ForgetPwd{
          color: #d8071b;
          font-weight: 600;
          text-decoration: none;
      }
      
      .row.dash {
        margin-bottom: 20px;
        font-size: small;
    }
    h4.perfhead {
      font-size: medium;
      text-align: center;
      font-style: oblique;
  }
  /* i+h4.perfhead {
    display: inline-block;
  } */

  .search-box{
    width: 300px;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.search-box input[type="text"]{
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}
.result{
    position: absolute;        
    z-index: 999;
    top: 100%;
    left: 0;
}
.search-box input[type="text"], .result{
    width: 100%;
    box-sizing: border-box;
}
/* Formatting result items */
.result p{
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #CCCCCC;
    border-top: none;
    cursor: pointer;
}
.result p:hover{
    background: #f2f2f2;
}
p.cllabel {
  margin-bottom: 0;
  margin-top: 0;
  text-align: right;
  font-size: initial;
}
input.clfield {
  width: -webkit-fill-available;
}
input.btn.btn-primary.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
input.btn.btn-success.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
input.btn.btn-warning.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
input.btn.btn-danger.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
input#getaddress_input {
  width: 130px !important;
  float: left;
  margin-left: 173px;
}
button#getaddress_button {
  /* float: right !important; */
}
button#getaddress_button.disabled {
  /* float: right !important; */
  max-width: 100px;
}
select#getaddress_dropdown {
  float: right;
  max-width: 300px;
}
div#postcode_lookup {
  width: 100%;
}
.row.response {
  margin-top: 0;
  padding-top: unset;
  margin-bottom: 10px;
  
}
.col-sm-3.buttontag {
  padding: unset;
}
p.prevads {
  text-align: center;
  font-style: oblique;
}
h2.prevads {
  text-align: center;
  font-style: oblique;
}
.col-sm-8.prevaddress {
  background-color: #fff;
  margin-left: 15px;
  max-height: 200px;
  overflow: overlay;
}
a.prevads {
  color: black;
}

a.prevads:hover {
  color: blue;
  background-color: cyan;
}
a.btn.btn-danger.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
a.btn.btn-primary.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
a.btn.btn-success.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
a.btn.btn-warning.claction {
  margin-bottom: 5px;
  font-size: small;
  margin-right: 5px;
  width: 100%;
}
.row.manifesthead {
  border-bottom: black;
  border-bottom-style: groove;
  margin-bottom: 10px;
  font-size: small;
}
p.manifesthead {
  margin: unset;
}

.row.delform {
  margin-bottom: 10px;
}

input#colvol {
  width: 100%;
}

input#colpc {
  width: 100%;
}
input#colldate {
  width: 100%;
}
input#deldate {
  width: 100%;
}
.row.debug {
  max-height: 150px;
  background-color: darkorange;
  overflow: overlay;
  width: 100%;
  padding-left: 20px;
}

.row.vclform {
  margin-bottom: 5px;
}
.vresult {
  background-color: beige;
}

a.btn.btn-danger.vbutton {
  font-size: inherit;
}
.row.quotecontent {
  border-bottom: black;
  border-bottom-style: groove;
  border-top: black;
  border-top-style: groove;
  margin-bottom: 10px;
  font-size: small;
}