body {
  font-family: 'Open Sans', "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 14px;

}

body,
html {
  height: 100%;
}

.body-bg {
  /* The image used
    background: url("../../images/frontend/bodybg.jpg")  no-repeat center center fixed;  */
  /* Full height
    height: 100%;   */
  /* Center and scale the image nicely
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

/* Formatting & alignment */

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

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

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

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

.mt-0 {
  margin-top: 0;
}

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

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

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

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

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

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

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

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.fa-6 {
  margin-right: 6px;
}

.fa-l-6 {
  margin-left: 6px;
}

.pagecontent {}

.clearFloat {
  clear: both;
}

.inner-content {}

.container .brand-logo {
  text-align: center;
  background: #fff;
  width: 60px;
  margin: 10px auto 0;
  border-radius: 134%;
}

/* Header CSS*/
.page-header {
  margin-top: 0;
}

.page-header.navbar-default {
  background-color: #fff;
  padding: 0;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
}

.page-header .navbar-top-links {
  margin-top: 42px;
}


.page-header .welcome-greeting {
  padding: 15px;
  display: block;
}

.page-header .navbar-header .mobile-logo {
  padding: 10px 15px;
}

.page-header .navbar-header .mobile-logo img {
  width: 34px;
}

.navbar-header .header-logo {
  display: block;
  padding: 10px 0;
}

.navbar-header .header-logo img {
  width: auto;
  height: 120px;
  display: block;
}

.navbar-brand {
  width: 55%;
  padding-top: 4px;

}

/* Page cotnent formatting*/

.page-heading h1 {
  text-align: center;
  color: #0072BC;
  font-size: 20px;
  margin-top: 0;
}

.main-section {
  margin-top: 20px;

}

/* Form Common Classes */

.validationAlert {
  margin: 4px 0px;
  color: red;
  font-size: 12px;
}

.form-layout {

  margin: 0 auto;
  /* 	width:55%;
*/
  padding: 0 40px;


}

.form-control {
  border-radius: 5px;
  background: #f9f9f9;
  width: 100%;
  float: none;
}

.form-group {
  margin-bottom: 25px;
}

.termsCheckbox {
  font-size: 16px;
  cursor: pointer;
}

/*
.termsCheckbox input[type="checkbox"]{
  width: 30px;  
  height: 30px; 
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
*/
.messageHolders {
  padding: 10px;
}

.modal-title {
  font-size: 18px;
  float: left;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  float: right;
  color: #000;
  font-size: 40px;
  opacity: 1;
  font-weight: normal;
}

/* Modal vertically formatted to be centered */
.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-body ol {
  margin-left: 20px;

}

.modal-body.scrollable {
  height: 450px;
  overflow-y: scroll;
}


/*Common Formatting */


.card {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 4px 2px #d8d8d8;
  padding: 20px;

}

.btn-card {
  border-radius: 0 0 5px 5px;
  background: #fff;
  box-shadow: 4px 2px #d8d8d8;
  padding: 10px;
  box-sizing: unset;
  margin-top: -10px;
  text-align: center;
  border: 1px solid #d8d8d8;

}

label {
  font-size: 16px;
}

label ul {
  margin-left: 20px;
}

.overlay-form .fa {
  color: #96C0DC;
  font-size: 30px;
  vertical-align: middle;
}

.table tr.thHeadings th {
  background: #85889D;
  color: #fff;
}

.table tr.spchighlight td {
  background: #EDE7D9;
}

/* .table.table-bordered td.text-right {
  font-weight: bold;
} */

/*toggle button code*/

.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}

.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}

.btn-toggle.btn-toggle-wt:before,
.btn-toggle.btn-toggle-wt:after {

  font-size: 16px;

}

.btn-toggle:before {
  content: 'Off';
  left: -4rem;
}

.btn-toggle.btn-toggle-wt:before {
  content: 'kgs';
}

.btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: .5;
}

.btn-toggle.btn-toggle-wt:after {
  content: 'lbs'
}

.btn-toggle>.handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}

.btn-toggle.active {
  transition: background-color 0.25s;
}

.btn-toggle.active>.handle {
  left: 1.6875rem;
  transition: left .25s;
}

.btn-toggle.active:before {
  opacity: .5;
}

.btn-toggle.active:after {
  opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}

.btn-toggle.btn-sm:before {
  text-align: right;
}

.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.btn-toggle.btn-sm.active:before {
  opacity: 0;
}

.btn-toggle.btn-sm.active:after {
  opacity: 1;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}

.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}

.btn-toggle.active {
  background-color: #29b5a8;
}

.btn-toggle.btn-lg {
  margin: 0 5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}

.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}

.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: initial;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}

.btn-toggle.btn-lg:before {
  content: 'Off';
  left: -5rem;
}

.btn-toggle.btn-lg.btn-toggle-wt:before {
  content: 'Kgs';
}

.btn-toggle.btn-lg:after {
  content: 'On';
  right: -5rem;
  opacity: .5;
}

.btn-toggle.btn-lg.btn-toggle-wt:after {
  content: 'LBs';
}

.btn-toggle.btn-lg>.handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left .25s;
}

.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}

.btn-toggle.btn-lg.active>.handle {
  left: 2.8125rem;
  transition: left .25s;
}

.btn-toggle.btn-lg.active:before {
  opacity: .5;
}

.btn-toggle.btn-lg.active:after {
  opacity: 1;
}

.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.6875rem;
  width: 3.875rem;
}

.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}

.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}

.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}

.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}

.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}

.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}

.btn-toggle.btn-sm.btn-toggle-wt:before {
  content: 'kgs';
}

.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: .5;
}

.btn-toggle.btn-sm.btn-toggle-wt:after {
  content: 'lbs';
}

.btn-toggle.btn-sm>.handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left .25s;
}

.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}

.btn-toggle.btn-sm.active>.handle {
  left: 1.6875rem;
  transition: left .25s;
}

.btn-toggle.btn-sm.active:before {
  opacity: .5;
}

.btn-toggle.btn-sm.active:after {
  opacity: 1;
}

.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.4125rem;
  width: 2.325rem;
}

.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}

.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}

.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}

.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}

.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity .25s;
}

.btn-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}

.btn-toggle.btn-xs.btn-toggle-wt:before {
  content: 'kgs';
}

.btn-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: .5;
}

.btn-toggle.btn-xs.btn-toggle-wt:after {
  content: 'lbs';
}

.btn-toggle.btn-xs>.handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left .25s;
}

.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}

.btn-toggle.btn-xs.active>.handle {
  left: 1.125rem;
  transition: left .25s;
}

.btn-toggle.btn-xs.active:before {
  opacity: .5;
}

.btn-toggle.btn-xs.active:after {
  opacity: 1;
}

.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: .75px;
  left: 0.275rem;
  width: 1.55rem;
}

.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}

.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}

.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}

.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}

.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}

.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}

/* Accordian View */

.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #bfe4fc;
}

.panel-default>.panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #d1ebfc;
  border-color: #bfe4fc;
}

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

.panel-title>a {
  display: block;
  padding: 15px;
  text-decoration: none;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bfe4fc;
}






/* Side Navigation */
.userbadge h6 {
  color: #fff;
  font-size: 16px;
  background: #0072bc;
  padding: 10px;
  margin: 0;
}

.userbadge h6 a {
  color: #fff;
  float: right;
  font-size: 30px;
  margin-top: -9px;
}

.menu-card h6 {
  font-size: 16px;
  padding: 5px 0;
  background: #f7f7f7;
  margin: 0;
}

.sidenavBtn {
  display: block;
  background: #4c80c9;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;

  padding: 12px;

}


.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #fff;
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 10px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
  text-align: center;
  border-right: 1px solid #e9e9e9;
}

.sidenav .brand-logo {
  margin: 0 auto 10px;
  width: 230px;
}

/* The navigation menu links */
.sidenav a {
  transition: 0.3s;

}



/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav .menu-card {
  margin: 10px auto;
  text-align: center;
}

.sidenav .menu-card .db_btn_holder {
  border-radius: 100%;
  background: #0072BC;
  color: #fff;
  border: 2px solid;
  width: 60px;
  height: 60px;
  padding: 12px;
  margin: 0 auto;
}

.sidenav .menu-card .db_btn_holder:hover,
.sidenav .menu-card a:hover .db_btn_holder,
.sidenav .menu-card a:hover .db_btn_holder:hover,
.sidenav .menu-card a.active .db_btn_holder {
  background: #F68F2A;
  border-color: #fff;

}

.sidenav .menu-card a.menu-option.active,
.sidenav .menu-card a.menu-option:hover {
  color: #F68F2A;
}

.sidenav .menu-card .menu-option {
  font-size: 14px;
  display: block;
  color: #0072BC;
  margin-top: 10px;
}

.sidenav .menu-card .db_btn_holder img {
  width: 30px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
}


.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.changemenuicon .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.changemenuicon .bar2 {
  opacity: 0;
}

.changemenuicon .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/*CSS Returm By Me */

.modal-color-header {
  background-color: #337ab7;
}

.font-white {
  color: #fff;
}

.modal-header-h4 {
  vertical-align: bottom;
  line-height: 2;
}

.modal-color-header .close {
  color: #fff;
}

/*Custom Checkbox*/
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
  background-color: #0072BC;
  border-color: #0072BC;
}

.round input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

/*Custom Checkbox Ends*/

/*Dropdown*/
.selectdiv {
  position: relative;
}

.selectdiv:after {
  content: '\f078';
  font: normal normal normal 14px/1 FontAwesome;
  color: #9d9d9d;
  right: 5px;
  top: 0px;
  padding: 15px 15px 0px 15px;
  position: absolute;
  pointer-events: none;

}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 45px;
  padding: 0px 10px;
  line-height: 1.75;
  color: #9d9d9d;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  background-color: #f1f3f6;
  border: none;
  border-radius: 0;
}

.empty {
  border-radius: 0 !important;
}

/*dropdown Ends*/

.modal-dropdown {
  margin-top: 10px;
}

.border-gray {
  border: 1px solid #f1f3f6;
}

.row-adjust {
  margin: 0;
  padding: 5px;
}

.booking_label {
  padding: 5px;
  font-weight: normal;
}

.bg-gray {
  background-color: #f1f3f6;
  margin-top: 10px;
}

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

.br-25 {
  border-radius: 25px;
}

.bg-gray label {
  color: #9d9d9d;
}

.div-12 {
  padding: 15px;
  border: 1px solid #ddd;
}

.div-2 {
  padding: 10px;
  /*  border:1px solid #ddd;*/
  min-height: 65px;
}

.div-10 {
  padding: 10px;
  /*  border:1px solid #ddd;*/
  min-height: 65px;
}

.t-head {
  background-color: #85889D;
  color: white
}

.td-bold {
  font-weight: bold;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0
}


/*Border Start*/
/*.bor-tbrl {border:1px solid #ddd;}
.bor-trb { border:1px solid #ddd; border-left: 0; }
.bor-lbr { border:1px solid #ddd; border-top: 0; }
.bor-br { border:1px solid #ddd; border-top: 0; border-left: 0; }*/

.booking_label.form-control {
  background: none;
  border: none;
  box-shadow: none;
  padding: 5px;
}

.padd-5 {
  padding: 5px;
}

.color-999 {
  color: #999 !important;
}

select:invalid {
  color: gray;
}

/*Select Box1 CSS starts */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 5px;
  font-size: 15px;
}

input[type=text] {
  background-color: transparent;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/*Select Box CSS ends*/

.width-100 {
  width: 100%;
}

.chosen-container-single .chosen-single {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.chosen-container {
  padding: 5px;
}


.r1 {
  position: relative;
  padding: 0
}

.r1::before {
  position: absolute;
  content: "";
  border: 1px solid #ddd;
  width: 100%;
  bottom: 0;
  border-top: 0;
  left: 0
}

.div-2 {
  position: relative;
  /* width: auto; */
}

.div-2:nth-child(1)::before {
  border-left: 1px solid #ddd;
}

.div-2::before {
  position: absolute;
  content: "";
  border: 1px solid #ddd;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 0;
  border-top: 0;
}

.bookNowButton {
  position: relative;
}

.btn-email {
  position: relative;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

/* auto complete*/
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* login section */



.login-bg {
  background-image: url("../../images/frontend/login-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: luminosity;
  padding-top: 60px;

}

.login-bg2 {
  background-image: url("../../images/frontend/login-stripe.png");
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 110px;
  background-repeat: repeat;
  height: 54px;
  background-size: 324px;
  background-position: center;
  padding: 0 10%;
}

.img-logo {
  /* margin: -50px auto 0; */
  text-align: center;
  /* width: 64%; */
  margin: 90px auto 20px;
}

.img-logo img {
  width: 300px;
}

.img-ship {
  margin-top: 100px;
  width: 100%;
}

.img-plane {
  width: 100%;
}

.login_main {
  width: 400px;
  margin: 0 auto;

}


.form-input-holder {
  border-radius: 8px;
  background: #fff;
  padding: 5px 15px;
  margin-bottom: 20px;

}

.form-input-holder .fa {
  font-size: 32px;
  color: #bfbdbd;
  margin-top: 3px;
}

.login_form {
  margin: 20px 0;
}

.login_input {
  border: none;
  color: #323336;
  font-size: 14px;
  margin: 0;
  outline: 0;
  width: 100%;
  padding: 10px;
  background-color: #f1f1f1 !important;
  /*For Login Page > Input type > Bg*/
}

.li2 {
  width: 40px;
}

.login_main .btn.btn-primary,
.login_main .btn.btn-warning {
  border-radius: 50px;
  width: 65% !important;
  margin: 0 auto;
  line-height: 30px;
}

.forgot {
  text-align: center;
  padding: 5% 0;
}

.authBottomlinks {
  text-align: center;
}

/* Dashboard Formatting */
.main-section.dashboard {
  width: 40%;
  margin: 0 auto;
}

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


.dashboard h5 {
  font-size: 20px;
  text-align: center;
  padding: 10px;
}

.dashboard .db_btn_holder {
  border-radius: 100%;
  background: #0072BC;
  color: #fff;
  width: 80px;
  height: 80px;
  padding: 20px;
  margin: 0 auto;
}

.dashboard .db_btn_holder .fa {
  font-size: 40px;
}

.dashboard .menu-option {
  font-size: 18px;
  font-weight: bold;
  display: block;
  color: #F7941E;
  margin-top: 10px;
}


/* DDPU Result Formatting*/

.result-layout {
  /*margin: 0 auto;
    padding: 0 40px; 
	width:75%;*/
}

.result-layout .row {
  margin-top: 5px;
  margin-bottom: 5px;
}

.tariffConfirm {
  text-align: center;
  font-size: 18px;
}

.orangeText {
  color: #f18924;
}


.card-width {
  margin: 0 auto;
  width: 700px;
}

.ct__back {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.btn-mt-10 {
  margin-top: 10px;
}





@media (max-width:767px) {
  .page-header .navbar-header {
    float: left;
  }

  .page-header .navbar-top-links.navbar-right {
    float: right;
    margin-bottom: 0;
    margin-top: 8px;
  }

  .page-header .navbar-top-links {
    margin-top: 0;
  }

  .greeting-xs-wrapper {
    max-width: 330px;
    width: 100%;
    margin: 0 auto 30px;
  }

  .login-bg2 {
    height: 35px;
    background-size: 200px;
  }

  .img-ship {
    margin-top: 80px;

  }

  .img-logo img {
    width: 100%;
  }

  .login_main {
    width: 320px;
  }


  .main-section.dashboard {
    width: 80%;
  }

  .card-width {
    width: 330px;
    margin: 0 auto;
    margin-bottom: 15px;

  }

  .form-layout {
    padding: 0;
  }

}

@media (max-width:320px) {
  .login_main {
    width: 300px;
  }

  .card-width {
    width: 285px;
    margin: 0 auto;
    margin-bottom: 10px;

  }

}

@media (min-width:960px) and (max-width: 1024px) {

  /*.bookNowButton {
    margin-bottom: 5px;
  }*/
  .mailNowButton {
    margin-top: 5px;
  }
}

.padr-3 {
  padding-right: 3px;
}

.padl-0 {
  padding-left: 0;
}

.padl-0 .mailNowButton img {
  width: 30px;
}

.quotation-table .quotation-content {
  font-size: 13px;
}

.dashboard-section .easy-menu {
  text-align: center;
}

.dashboard-section .easy-menu a {
  text-decoration: none;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.dashboard-section .easy-menu .db_btn_holder {
  border-radius: 100%;
  background: #0072BC;
  color: #fff;
  border: 2px solid;
  width: 60px;
  height: 60px;
  padding: 12px;
  margin: 0 auto;
}

.dashboard-section .easy-menu .db_btn_holder img {
  width: 30px;
}

.dashboard-section .easy-menu .title {
  font-size: 14px;
  display: block;
  color: #0072BC;
}

.dashboard-section .easy-menu:hover .title {
  color: #F68F2A;
}

.dashboard-section .easy-menu:hover .db_btn_holder {
  background: #F68F2A;
  border-color: #fff;
}

/* loader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 999;
}

.preloader-ir {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
  display: block;
  height: 38px;
  width: 38px;
}