html,
body {
  min-height: 100vh;
  font-family: "fontAwesome", sans-serif;
}
* {
  margin: 0px;
  padding: 0px;
}
*:focus {
  outline: 0px transparent !important;
}
:root {
  --primary-color: rgb(11, 78, 179);
}
@font-face {
  font-family: "fontAwesome";
  src: url("../fontawesome/webfonts/fa-regular-400.eot"); /* IE9 Compat Modes */
  src: url("../fontawesome/webfonts/fa-regular-400.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fontawesome/webfonts/fa-regular-400.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fontawesome/webfonts/fa-regular-400.woff") format("woff"),
    /* Pretty Modern Browsers */
      url("../fontawesome/webfonts/fa-regular-400.ttf") format("truetype"); /* Safari, Android, iOS */
  /*url('fontawesome/webfonts/webfont.svg#svgFontName') format('svg');*/ /* Legacy iOS */
}
/*-------------------------top_bar start-------------------------------------*/
#top_bar {
  width: 100%;
  height: auto;
}
#top_bar > #top_barwapper {
  width: 100%;
  min-height: 2.5vh;
  height: auto;
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
  background-color: #2a3e53;
  margin: 0px auto;
  display: flex;
  flex-direction: row;
}
#top_barwapper > * {
  flex: 1 1 45%;
  text-align: center;
  box-sizing: border-box;
}
#top_barwapper > * + * {
  border-left: 0.0625em solid #f8f8f8;
}
.toptxt1 {
  font-size: 0.9rem;
  font-weight: normal;
  color: #ffffff;
}
/*-------------------------top_bar end--------------------------------*/
/*-------------------------header start--------------------------------*/
.header{
  width:100%;
  min-height:5rem;
  background-color:#fff;
  border-bottom: #e4e4e4 solid 1px;
  }
  .header>.header_warpper{
  width:100%;
  display: flex;
  min-height:5rem;
  }
  .header_warpper>.headcon{padding:0.3125em;}
  .headcon:nth-child(1){flex:0;text-align:center;}
  .headcon:nth-child(2){flex:1 1 80%;text-align:left;}
  #headlogo{
    width:65px;
    height:65px;
  }
  #headlogoside{
  width:auto;
  height:60px;
  }
  #logo_t1{
  font-size:1.4rem;
  padding-top: 0.5125em;
  color:#0c1239;
  font-weight:bold;
  }
  #logo_t2{
  font-size:1rem;
  color:#0c1239;
  font-weight:normal;
  }
  /*-------------------------header end--------------------------------*/
/*-------------------------content start-----------------------------*/
#main_body {
  background-color: #e8ebf0;
  width: 100%;
  box-sizing: border-box;
  float: left;
  min-height: 86.5vh;
}
#main_content {
  display: block;
  width: 80%;
  margin: 0 auto;
  min-height: 86.5vh;
  box-sizing: border-box;
}
/*-------------------------content end--------------------------------*/
#heding_section {
  height: auto;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
/* ------------------------------------------------------- */
#body_section {
  height: auto;
  width: 100%;
  border: #ededed solid 1px;
  background-color: #fff;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
/* ----------------------progressbar--------------------------- */
  /* Progressbar */
  .progressbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin: 2rem 0 4rem;
    z-index:999;
  }
  .progressbar::before,
  .progress {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #dcdcdc;
    z-index: -999;
  }
  .progress {
    background-color: var(--primary-color);
    width: 0%;
    transition: 0.3s;
  }
  .progress-step {
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .progress-step::before {
    counter-increment: step;
    content: counter(step);
  }
  .progress-step {
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: #dcdcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .progress-step::before {
    counter-increment: step;
    content: counter(step);
  }
  .progress-step::after {
    content: attr(data-title);
    position: absolute;
    top: calc(100% + 0.5rem);
    font-size: 14px;
    color: #524125;
    font-weight: bold;
    text-align: center;
  }
  .progress-step-active {
    background-color: var(--primary-color);
    color: #f3f3f3;
  }
/* ----------------------progressbar--------------------------- */
.div_section {
  padding: 5px;
}
.div_section:nth-child(1) {
  padding: 5px 80px;
}
.div_section:nth-child(2) {
  display: flex;
}
.div_section:nth-child(2) > .item_sec2 {
  padding: 5px;
  flex: 1 1 50%;
}
.div_section:nth-child(3) {
  display: flex;
}
/* ----------------select----------------- */
.div_section:nth-child(3) > .form_table {
  padding: 0px;
  flex: 1 1 100%;
  border: #ccc solid 1px;
}
.form_row {
  flex: 1;
  padding:20px;
  display: flex;
  justify-content: space-between;
  border-bottom: #ccc solid 1px;
}
.form_row:nth-child(5) {
  border-bottom:none;
}
.form_row:nth-child(odd) {background-color: #f2f2f2;}
.form_colm1 {
  flex: 1 1 100%;
  padding: 10px;
}
.form_colm2 {
  flex: 1 1 50%;
  padding: 10px;
  margin-right:5%;
}
.form_colm2:nth-child(2) {
  margin-right:0;
}
.form_colm2:nth-child(2) > .time_div {
  border: #ccc solid 1px;
  display: flex;
  padding: 5px;
  flex-wrap: wrap;
  background-color: #fff;
}
.form_colm2:nth-child(2) > .time_div > .time_wap {
  border: #fff solid 5px;
  flex: 1 1 31%;
  display: flex;
  padding: 2px;
  background-color: #fefeef;
}
.form_colm2:nth-child(2) > .time_wap > .time_item:nth-child(1) {
  flex: 1;
}
.form_colm2:nth-child(2) > .time_wap > .time_item:nth-child(2) {
  flex: 1;
}
.form_colm3 {
  flex: 1 1 33%;
  padding: 10px;
  margin-right:5%;
}
.form_colm3:nth-child(3) {
  margin-right:0;
}
.form_colm4 {
  flex: 1 1 25%;
  padding: 10px;
  margin-right:5%;
}
.form_colm4:nth-child(4) {
  margin-right:0;
}
#view{
  display: none;
}
.checkbox{
  border: 1px soild #000;
  display:inline-block;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #665842;
}
#search_tw{
  display: inline;
}
#search_driver{
  display: inline;
}
.times{
  color: #0d8bae;
  font-weight: bold;
  font-size: 13px;
}
.form_colm1 > .div_print > #print_data {
  padding: 5px;
}
.form_colm1 > .div_print > #print_data > .item:nth-child(1) {
  padding: 10px;
}
.form_colm1 > .div_print > #print_data > .item:nth-child(2) {
  border: #665842 solid 5px;
  padding: 10px;
}
ol { 
  list-style: none; 
  counter-reset: num; 
} 

ol li { 
  counter-increment: num; 
} 
ol li::before { 
  content: counter(num) ". "; 
  color: #2b251b;
} 
/* ----------------form----------------- */
.txt_tnot {
  font-size: 24px;
  font-weight: bold;
  color: #665842;
  word-break: break-all;
}
.form_txt {
  padding-top: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #665842;
  word-break: break-all;
}
.font_txt {
  font-size: 15px;
  font-weight: normal;
  color: #8b8479;
}
.forminput {
  width:100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 10px;
}
.formtxtare{
  width:100%;
  font-family: "fontAwesome", sans-serif;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 10px;

}
.submit {
  display: inline-block;
  margin-right: 1px;
  padding:10px 24px;
  font-size: 13px;
  border: 1px solid #194f7c;
  text-decoration: none;
  background-color: #4186be;
  color: #fff;
  border-radius: 1px;
  cursor: pointer;
  transition: background-color 0.5s;
}
.submit:hover {
  background-color: #194f7c;
}
.error {
  color: #f45b5f;
  font-size: 12px;
}
.message {
  color: #ea363c;
  font-weight: bold;
  font-size: 13px;
}
.fa,
.far,
.fas {
  font-size: 14px;
  padding-right: 5px;
}
/* ----------------select----------------- */
select {
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  background-image: none;
  font-family: "fontAwesome", sans-serif;
  color: #564a36;
  font-size:14px;
}
/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select */
.selinput {
  position: relative;
  display: flex;
  margin-top: 6px;
  margin-bottom: 10px;
  width:100%;
  height:auto;
  background: #eeeeee;
  overflow: hidden;
  border-radius:2px;
  box-sizing: border-box;
  border: #ceced1 solid 1px;
}
select {
  flex: 1;
  padding:10px;
  color: #564a36;
  cursor: pointer;
}
/* Arrow */
.selinput::after {
  content: '\25BC';
  position: absolute;
  font-size: 13px;
  top: 0;
  right: 0;
  padding:10px;
  height: 100%;
  background: #eeeeee;
  border-left: #ceced1 solid 1px;
  cursor: pointer;
  pointer-events: none;
  transition: .25s all ease;
}
/* Transition */
.selinput:hover::after {
  color: #f5a48b;
}
/* ----------------select----------------- */
#footer_section {
  height: auto;
  width: 100%;
  text-align: right;
  box-sizing: border-box;
}
/* ------------------------------------------------------- */
.txt_t1 {
  font-size: 18px;
  color: #524125;
  font-weight: bold;
  word-break: break-all;
}
.txt_t2 {
  font-size: 16px;
  font-weight: bold;
  color: #524125;
  word-break: break-all;
}
.txt_t3 {
  font-size: 15px;
  font-weight: bold;
  color: #524125;
  word-break: break-all;
}
.txt_t4 {
  font-size: 14px;
  margin-top: 5px;
  font-weight: normal;
  color: #524125;
  word-break: break-all;
}
#txt_search {
  font-size: 14px;
  font-weight: bold;
  color: #665842;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* --------------------------btns----------------------------  */
.search_btn {
  color: #f5a48b;
  display: inline-block;
  padding: 8px 8px 8px 12px;
  font-size: 13px;
  border: 1px solid #ddd;
  text-decoration: none;
  background-color: #fff;
  transition: background-color 0.5s;
  cursor: pointer;
}
.search_btn:hover {
  background-color: #eee;
  color: #d3542d;
}
/*------------------------footcop------------------------------------------------*/
.footcop{
  width:100%;
  height:auto;
  background-color:#0b172a;
  }
  .footcop>.footcop_warpper{
  width:80%;
  display: flex;
  margin: 0 auto;
  }
  .footcop_warpper>.footcop1{flex: 1 0 200px;text-align:left;padding:0.3125em;}
  .footcop_warpper>.footcop2{flex: 1 0 200px;text-align:right;padding:0.3125em;}
  .cop1{
  font-weight:normal;
  font-size:14px;
  color:#FFFFDF;
  padding-top:0.3125em;
  }
  .coplink {
  text-decoration: none;
  color:#FFFFE8;
  font-weight:normal;
  font-size: 14px;
  }
  .coplink:hover {
  color:#FF9595;
  transition: all .5s ease;
  font-weight:normal;
  }
  /*--------------------footer-----------------------------------*/
/* --------------------------inpout---------------------------  */
/*---------------------------------------------------------*/
@media (max-width: 640px) {
  html{font-size:0.9375rem;}
#top_barwapper {
  flex-wrap: wrap;
}
#top_barwapper > :nth-child(3) {
  border-left: none;
  border-top: 0.0625em solid #f8f8f8;
}
.header>.header_warpper{
  flex-wrap: wrap;
}
.headcon:nth-child(1){flex: 1 1 100%;}
.headcon:nth-child(2){flex: 1 1 100%;text-align:center;}
#main_body {
  display: flex;
  flex-wrap: wrap;
}
#main_content {
  flex: 1 1 100%;
  margin-left: 0;
}
.footcop>.footcop_warpper{
  width:90%;
  flex-wrap: wrap;
}
.footcop_warpper>.footcop1{flex: 1 1 100%;}
.footcop_warpper>.footcop2{flex: 1 1 100%;}
  .div_section:nth-child(2) {
    flex-wrap: wrap;
  }
  .item_sec2:nth-child(1) {
    flex-wrap: wrap;
  }
  .form_row:nth-child(1) {
    flex-wrap: wrap;
  }
  .form_row:nth-child(2) {
    flex-wrap: wrap;
  }
  .form_colm2 {
    margin-right:0;
    flex: 1 1 100%;
  }
  .form_row:nth-child(3) {
    flex-wrap: wrap;
  }
  .form_colm3 {
    margin-right:0;
    flex: 1 1 100%;
  }
  .form_row:nth-child(4) {
    flex-wrap: wrap;
  }
  .form_colm4 {
    margin-right:0;
    flex: 1 1 100%;
  }
  .div_section:nth-child(1) {
    padding: 5px 10px;
  }
  .form_colm2:nth-child(2) > .time_div > .time_wap {
    flex: 1 1 100%;
  }
}
/*-------phone small--------*/
@media (max-width: 480px) {
  html{font-size:1.0625rem;}
  .topbar>.topbar_warpper{flex-wrap: wrap;}
  .topbar_warpper>.top_bar{flex-basis:200px;border: none;}
  .header>.header_warpper{flex-wrap:wrap;}
  .header_warpper>.headcon:nth-child(1){flex:0 0 100%;max-width:100%;padding:0;padding-top:5px ;}
  .header_warpper>.headcon:nth-child(2){flex:0 0 100%;text-align:center;padding:0;}
  .header_warpper>.headcon:nth-child(3){flex:0 0 100%;max-width:100%;padding:0;margin-bottom: 0.3125rem;}
  .footcop>.footcop_warpper{
   flex-direction:column;
  }
  .footcop_warpper>.footcop1{text-align:center;}
  .footcop_warpper>.footcop2{text-align:center;}
  #content > #content_wapper {
    display: flex;
    flex-wrap: wrap;
  }
  .main_container {
    flex: 1 1 50%;
    margin-left: 0px;
    min-height: none;
    height: auto;
  }
}