/* Write your custom CSS here */



/* Custome CSS */
.btn {
  height: 50px;
  line-height: 50px;
  outline: 0px !important;
}

.btn-large {
  height: 50px;
  line-height: 50px;
 
}

  .btn-large:hover {
    height: 50px;
    line-height: 50px;
  }

td.senderHome.widthset[_ngcontent-c11] {
  overflow: visible;
  position:relative;
}

.btn-rounded {
  border-radius: 100px;
}


body {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 300;
}

img {
  max-width: 100%
}

h1, h2, b {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* Typography */
.bold25 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.semibold25 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}

.regular25 {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
}

.bold20 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.semibold20 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}

.regular20 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}

.bold18 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.semibold18 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}

.regular18 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
}

.bold16 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.semibold16 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}

.regular16 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}

.bold14 {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* font-size: 12px; */
  line-height: initial;
  padding-left: 10px;
  padding-right: 10px;
}

.semibold14 {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.regular14 {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

/*.color-purple {
  color: #153cd7;
}*/

.color-green {
  color: #7BD80F;
}





.color-white {
  color: #FFFFFF;
}

.color-black {
  color: #000000;
}

.color-gray {
  color: #9E9E9E;
}

.color-red {
  color: #FF5F73;
}

/* normal colors */
/*.color-white {color: #ffffff}
.color-black{color: #000000;}
.color-gray{color: #9E9E9E;}*/



.row {
  margin-bottom: 0;
}

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

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

.m0 {
  margin: 0 auto !important;
}

.mrg0 {
  margin: 0;
}

.mt5 {
  margin-top: 5px;
}

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

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mt40 {
  margin-top: 40px;
}

.ml10 {
  margin-left: 10px;
}

.mt0 {
  margin-top: 0;
}

.mr5 {
  margin-right: 5px;
}

.mb0 {
  margin-bottom: 0;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px
}

.mt-40 {
  margin-top: -40px
}

.mr15 {
  margin-right: 15px
}

.ml10 {
  margin-left: 10px
}

.ml15 {
  margin-left: 15px;
}

.mt7 {
  margin-top: 7px !important;
}

.m-0 {
  margin: 0 !important
}

.m-10 {
  margin: 10px;
}

.mb30 {
  margin-bottom: 30px;
}

.mr15 {
  margin-right: 15px;
}

.ml10 {
  margin-left: 10px;
}

.mr50 {
  margin-right: 50px;
}

.p0 {
  padding: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}

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

.p30 {
  padding: 30px
}

.p-0 {
  padding: 0 !important
}

.pad10 {
  padding: 10px !important
}

.p20 {
  padding: 10px 20px;
}

.p40 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.pb50 {
  padding-bottom: 50px
}


.pLarge {
  padding: 50px 0;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}



.logo-img {
  height: 18px;
  margin-top: 20px;
}

.whitebox {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  border-radius: 4px;
  position: relative;
}

.shadowBox {
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.10);
}

.relative {
  position: relative;
}

.space15 {
  height: 15px;
  display: block;
}

.submitbtns .btn {
  height: 40px;
  line-height: 40px;
  margin: 6px;
 
}

.submitbtns {
  padding: 15px;
}

.bggray {
  background: #9E9e9e
}

.btn {
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  min-width: fit-content;
}



.btn-ys-center {
  display: block;
  margin: 15px auto;
  max-width: 160px;
}
/* NEW CSS Implementation */
body.no-side-bar {
  padding-top: 0;
}

.top-header-container {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
 
  margin-bottom: 2px;
 
}

  .top-header-container h2 {
    font-size: 18px;
  }

    .top-header-container h2 span {
      margin-right: 8px;
    }


.dark .top-header-container {
  background-color: #333;
}

.headerIcon {
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 20px;
}

  .headerIcon.icon-back {
    margin-right: 20px;
  }

.mn-inner, .top-header-container .container {
  width: 100%;
  padding: 0px 25px 0 85px;
}

.mn-inner {
  padding-top: 20px;
}


.default-form-box > form {
  /* padding-left: 45px;*/
}

.vkv-input {
  position: relative;
  text-align: left;
}

  .vkv-input .icon {
    position: absolute;
    top: 11px;
    left: 15px;
    z-index: 0;
    pointer-events: none;
  }

  .vkv-input label {
    position: absolute;
    top: 13px;
    left: 15px;
    font-size: 12px;
    padding: 0 5px;
   
    border-radius: 2px;
    line-height: 1.2;
    transition: all .2s ease-out;
    pointer-events: none;
  }

  .vkv-input input, .vkv-input select {
    border: solid 1px #BCBCBC;
    border-radius: 5px;
    height: 40px;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
    padding: 5px 20px;
    margin-bottom: 25px;
    font-size: 12px;
    width: 100%;
    /*background: #fff;*/
    outline: 0;
  }

  .vkv-input.full input, .vkv-input.full select {
    width: 100%;
  }

  .vkv-input.with-icon label {
    left: 30px;
    text-transform: capitalize;
  }

input.textuppercase {
  text-transform: uppercase !important;
}

input.textlowercase {
  text-transform: lowercase !important;
}

input.textcapitalize {
  text-transform: capitalize !important;
}

input.textnone {
  text-transform: none !important;
}

.vkv-input.with-icon input, .vkv-input.with-icon select {
  padding-left: 35px;
  border: solid 1px #BCBCBC;
  border-radius: 5px;
  height: 40px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
  text-transform: capitalize;
  margin-bottom: 25px;
  font-size: 12px;
  display: inline-block;
  /*width: 100%;*/
  outline: 0;
}

.vkv-input input:focus + label, .vkv-input input:valid + label, .vkv-input.valid input + label, .vkv-input.error input + label {
  font-size: 10px;
  top: -5px;
}

.absolute-btns.custombtn .btn {
  width: 140px;
}

.vkv-input select:focus ~ label, .vkv-input select:valid ~ label {
  font-size: 10px;
  top: -5px;
}


.dark .vkv-input input, .dark .vkv-input select, .dark .vkv-input label {
  background: #2B2A2A;
  color: #fff;
}

.vkv-input .error-block {
  display: block;
  position: absolute;
  top: 4px;
  right: 25px;
}

.vkv-input.error .error-block .icon-error {
  color: #FF5F73;
  font-size: 20px;
}

.vkv-input.error .error-block {
  display: block;
}

  .vkv-input.error .error-block .msg {
    position: absolute;
    bottom: 37px;
    width: 200px;
    right: -10px;
    margin: auto;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: 5px 20px;
    display: none;
    background: #FF5F73;
  }

  .vkv-input.error .error-block:hover .msg {
    display: block;
  }

  .vkv-input.error .error-block .msg:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 10px;
    bottom: -10px;
    border-top: 10px solid #FF5F73;
  }

.vkv-input.error input {
  border: solid 1px #FF5F73;
}

  .vkv-input.error input:focus {
    border-bottom: 1px solid #FF5F73 !important;
    box-shadow: 0 1px 0 0 #FF5F73 !important;
  }

.vkv-input.error label {
  color: #FF5F73 !important;
}


.button-group {
  padding-top: 20px !important;
  text-align: center;
}

  .button-group button {
    margin: 5px;
    margin-bottom: -20px;
  }

/*
input.boxed-input{
  border: solid 1px #7700FE !important;
  border-radius: 3px !important;
  padding: 16px!important;
  box-sizing: border-box !important;
  height: auto !important;
  margin-bottom: 0;
}
input.boxed-input.small{
  min-width: 55px;
}
*/

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

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


.clear::after {
  content: "";
  clear: both;
  display: table;
}

.default-form-box {
 
  border-radius: 4px;
  padding: 30px;
  position: relative;
  /*padding-bottom: 50px;*/
  margin-bottom: 40px;
  /* box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.10);*/
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
}

  .default-form-box .row > .col {
    padding: 0 0.2rem
  }
/*
.default-form-box .select-wrapper span.caret{
  color: transparent;
  z-index: 100; 
  top:13px;
}
.default-form-box .select-wrapper span.caret:before{
  content: '\e812';
  font-family: "vkv";
  color: #000;
  }*/
.absolute-btns {
  position: absolute;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  left: 0;
  bottom: -20px;
  z-index: 0;
}

.absolute-btns-with-list {
  position: absolute;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center !important;
  -webkit-justify-content: center !important;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  left: 0;
  bottom: -35px;
  z-index: 0;
}

  .absolute-btns .btn {
    margin: 0 5px;
  }

.default-form-box-light {
  background: #fff;
  border-radius: 8px;
  padding: 30px;
  position: relative;
  margin-bottom: 40px;
  box-shadow: 4px 4px 10px 5px rgba(0,0,0,0.10);
}

.agreeCheckbox {
  margin-top: -12px;
  margin-bottom: 40px;
 
}

  .agreeCheckbox label {
   
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding-left: 25px;
  }

  .agreeCheckbox a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
  }

[type="checkbox"].filled-in:not(:checked) + label:after,
[type="checkbox"].filled-in:checked + label:after {
  width: 16px;
  height: 16px;
}


.ys-login-form .agreeCheckbox {
  margin-left: -10px;
}

.money-limit p {
  font-size: 12px;
  margin-top: 10px !important;
}

/* Header */
.header-title {
  color: #000;
}

.nav-right-menu span {
  font-size: 15px;
  display: block;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

span.optbtn {
  font-size: 12px !important;
}

/* Sidebar CSS */
#slide-out {
  display: block;
  
  height: calc(100vh - 60px);
  border-radius: 0px;
  position: fixed;
  width: 60px;
  left: 0px;
  top: 60px;
  /*z-index: 998;*/
  z-index: 1;
  transition: all .3s ease-out;
}

.ys-side-nav > ul {
  margin: 0;
}

.nav-item {
  display: block;
  width: 100%;
  border-left: solid 3px transparent;
  transition: all .3s ease-out;
}

  .nav-item a {
    font-size: 12px;
    padding: 15px 10px;
    display: block;
    transition: all .3s ease-out;
   cursor:pointer;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
  }

  .nav-item span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transition: none;
    width: 30px;
  }

  .nav-item ul {
    padding-left: 30px;
    height: 0;
    overflow: hidden;
  }

span.sentotp2 {
  float: right;
  margin-bottom: 10px;
  font-weight: bold;
  margin-right: 10px;
}

span.otptext {
  display: block;
  margin-bottom: 10px;
}
.nav-item.active ul, .nav-item:hover ul {
    height: 100%;
  }
/*
  .nav-item.active span, .nav-item:hover span, #slide-out.mini-nav:hover .nav-item:hover span, #slide-out.mini-nav:hover .nav-item.active span {
    width: 30px;
    margin-right: 10px;
  }
  */
#slide-out:hover {
  width: 250px !important;
}

#slide-out .nav-item span {
  margin-right: 15px;
  font-size: 16px;
}
/*
  #slide-out .nav-item span:before {
    font-size: 1.2rem;
  }

@media all and (min-width: 768px) {
  #slide-out .nav-item:last-child {
    position: absolute;
    bottom: 0;
  }
}
  */
@media all and (max-width: 768px) {
  #slide-out {
    border-radius: 0;
  }

    #slide-out.mini-nav, #slide-out, #slide-out.mini-nav:hover, #slide-out:hover {
      width: 100% !important;
      left: 0;
      top: 60px;
      height: auto;
    }

  .ys-side-nav ul {
    margin: 0;
    text-align: center;
    padding-right: 70px;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .ys-side-nav > ul > li {
    display: inline-block;
    width: auto;
    text-align: center;
    min-width: 65px;
    border: none;
    vertical-align: middle;
    height: 60px;
    width: 19%;
    border-bottom: solid 2px transparent;
  }

  .ys-side-nav ul li a {
    padding: 2px;
    font-size: 10px;
    white-space: pre-wrap;
    line-height: 1
  }

  .ys-side-nav ul li span {
    display: block;
    width: 30px !important;
    margin: 8px auto !important;
    font-size: 14px;
  }

  .ys-side-nav ul li ul, .ys-side-nav ul li:hover ul {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    border-bottom: solid 1px #2A2A2A;
    background: #f4f4f4;
    padding: 0;
    opacity: 0;
  }

  .ys-side-nav ul li:hover ul, .ys-side-nav ul li.active ul {
    opacity: 1;
  }

  .ys-side-nav ul li ul li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
  }

  #slide-out .nav-item:last-child {
    position: absolute;
    right: 0;
    background: #eaeaea;
    box-shadow: -3px 0px 5px -2px #c1c1c1;
    width: 65px;
  }
}

/* Sign Up - Getting Started Page */
.ys-get-started h1 {
  font-size: 25px;
  margin-bottom: 60px;
}

.ys-get-started h4 {
  font-size: 20px;
}

.ys-signup-container {
  height: calc(100vh - 60px);
}

.ys-note {
  margin-top: 60px;
  color: #551391;
  font-size: 14px;
  display: block;
}

.ys-service-selection-list {
}

  .ys-service-selection-list li {
    width: 22%;
    padding: 15px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    background: #F4F4F4;
    box-shadow: 0 3px 4px 2px rgba(0,0,0,0.20);
    margin: 8px;
    position: relative;
    height: 135px;
  }

    .ys-service-selection-list li span {
      width: 60px;
      height: 60px;
      line-height: 60px;
      display: block;
      position: absolute;
      top: 25px;
      font-size: 50px;
      left: 0;
      right: 0;
      margin: auto;
      pointer-events: none;
    }

.ys-service-checkbox {
  position: relative;
  margin: 0;
}

  .ys-service-checkbox [type="checkbox"].filled-in + label:after {
    border-radius: 50%;
  }

  .ys-service-checkbox label {
    padding-top: 80px;
    position: absolute;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }

  .ys-service-checkbox [type="checkbox"]:not(:checked), .ys-service-checkbox [type="checkbox"]:checked {
    top: 0;
  }

  .ys-service-checkbox [type="checkbox"] + label {
    position: absolute;
  }

  .ys-service-checkbox [type="checkbox"].filled-in:not(:checked) + label:after {
    border-color: transparent;
  }

  .ys-service-checkbox:hover [type="checkbox"].filled-in:not(:checked) + label:after {
    border-color: #7BD80F;
  }

  .ys-service-checkbox [type=checkbox].filled-in:checked + label:after {
    border-color: #7BD80F;
    background: #7BD80F;
  }

/* Fligh Booking Mini Tabs */
ul.mini-tabs {
  display: block;
  box-sizing: unset;
  box-shadow: none;
  width: 100% !important;
  height: auto;
  padding: 20px 0px 0 20px;
  box-sizing: border-box;
  margin-bottom: -30px;
  z-index: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

  ul.mini-tabs li {
    display: inline-block !important;
    height: auto !important;
    margin-right: 10px !important;
    float: none !important;
    width: auto !important;
  }

  ul.mini-tabs .indicator {
    display: none;
  }

  ul.mini-tabs.tabs .tab a {
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background: #f5f5f5;
    padding: 0 20px;
    text-transform: capitalize !important;
  }

    ul.mini-tabs.tabs .tab a.active {
      color: #fff !important;
    }


.vkv-tabs .indicator {
  display: none;
}

.vkv-tabs {
  text-align: center;
  position: relative;
}

  .vkv-tabs .vkv-tabs-nav {
    position: absolute;
    line-height: 40px;
    padding: 0 10px;
    left: -40px;
    width: 40px;
  }

    .vkv-tabs .vkv-tabs-nav.vkv-next {
      right: -40px;
      left: auto;
    }

  .vkv-tabs ul.tabs {
    max-width: 60%;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    background: #eaeaea;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .vkv-tabs .tabs .tab {
    height: 40px;
  }

  .vkv-tabs .tab a {
    border: solid 3px transparent;
    border-radius: 30px;
    color: rgba(0,0,0,0.6);
    text-transform: capitalize;
    font-size: 12px;
    line-height: 35px;
  }



.flex-justify-center {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
}

/* Sign Up - Login Form */
.ys-login-box {
  margin-top: 100px;
 
  height: 500px;
  box-shadow: 4px 4px 10px 5px rgba(0,0,0,0.10);
  border-radius: 8px;
  position: relative;
}

.ys-login-form {
  min-height: 600px;
  max-width: 480px;
  padding: 60px;
  border-radius: 8px;
  color: #fff;
  /*height: calc(100% + 150px);*/
  margin: -75px 0 75px 140px;
  position: relative;
}

  .ys-login-form .thin {
    color: #EAEAEA;
  }

  .ys-login-form.right {
    margin: -75px 100px 75px 0px
  }

  .ys-login-form .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 1.2rem;
    transition: color .2s;
    padding-top: 10px;
    padding-left: 10px;
    left: 0;
    top: 24px;
  }

  .ys-login-form .input-field input:hover, .ys-login-form .input-field input:active, .ys-login-form .input-field input:focus {
  }

  .ys-login-form .input-field .prefix ~ input {
    margin-left: 0;
    padding-left: 3rem;
    font-size: 12px;
    margin-bottom: 10px;
    color: #fff;
    transition: none !important;
  }

  .ys-login-form input:not([type]),
  .ys-login-form input[type=date],
  .ys-login-form input[type=datetime-local],
  .ys-login-form input[type=datetime],
  .ys-login-form input[type=email],
  .ys-login-form input[type=number],
  .ys-login-form input[type=password],
  .ys-login-form input[type=search],
  .ys-login-form input[type=tel],
  .ys-login-form input[type=text],
  .ys-login-form input[type=time],
  .ys-login-form input[type=url],
  .ys-login-form textarea.materialize-textarea {
    border-bottom: solid 1px rgba(255,255,255,0.8);
  }

  .ys-login-form .form-validation-error input[type=date]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=datetime-local]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=email]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=number]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=password]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=search]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=tel]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=text]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=time]:focus:not([readonly]),
  .ys-login-form .form-validation-error input[type=url]:focus:not([readonly]),
  .ys-login-form .form-validation-error textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #FF5F73;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.20);
  }

  .ys-login-form .form-validation-success input[type=date]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=datetime-local]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=email]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=number]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=password]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=search]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=tel]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=text]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=time]:focus:not([readonly]),
  .ys-login-form .form-validation-success input[type=url]:focus:not([readonly]),
  .ys-login-form .form-validation-success textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #7BD80F;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.20);
  }

  .ys-login-form input[type=date]:focus:not([readonly]),
  .ys-login-form input[type=datetime-local]:focus:not([readonly]),
  .ys-login-form input[type=email]:focus:not([readonly]),
  .ys-login-form input[type=number]:focus:not([readonly]),
  .ys-login-form input[type=password]:focus:not([readonly]),
  .ys-login-form input[type=search]:focus:not([readonly]),
  .ys-login-form input[type=tel]:focus:not([readonly]),
  .ys-login-form input[type=text]:focus:not([readonly]),
  .ys-login-form input[type=time]:focus:not([readonly]),
  .ys-login-form input[type=url]:focus:not([readonly]),
  .ys-login-form textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #fff;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.20);
  }

.form-validation {
  position: absolute;
  right: 10px;
  width: 23px;
  height: 23px;
  border: solid 1px #fff;
  border-radius: 50%;
  background: #fff;
  top: 35px;
  font-size: 12px;
  line-height: 21px;
}

  .form-validation.error-icon {
    border-color: #FF5F73 !important;
    text-align: center;
    color: #FF5F73
  }

  .form-validation.success-icon {
    border-color: #7BD80F !important;
    text-align: center;
    color: #7BD80F
  }

  .form-validation.info-icon {
    text-align: center;
    color: black;
  }

  .form-validation .validation-msg {
    position: absolute;
    bottom: 37px;
    width: 150px;
    left: -65px;
    right: 0;
    margin: auto;
    color: #fff;
    border-radius: 8px;
    line-height: 22px;
    display: none;
    padding: 6px;
  }

  .form-validation:hover .validation-msg {
    display: block;
  }

  .form-validation .validation-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
  }

  .form-validation.error-icon .validation-msg {
    background: #FF5F73;
  }

  .form-validation.success-icon .validation-msg {
    background: #7BD80F;
  }

  .form-validation.info-icon .validation-msg {
    background: black;
  }

  .form-validation.error-icon .validation-msg:before {
    border-top: 10px solid #FF5F73;
  }

  .form-validation.success-icon .validation-msg:before {
    border-top: 10px solid #7BD80F;
  }

  .form-validation.info-icon .validation-msg:before {
    border-top: 10px solid black;
  }

.ys-login-form .input-field .prefix.active,
.ys-login-form input[type=date]:focus:not([readonly]) + label,
.ys-login-form input[type=datetime-local]:focus:not([readonly]) + label,
.ys-login-form input[type=email]:focus:not([readonly]) + label,
.ys-login-form input[type=number]:focus:not([readonly]) + label,
.ys-login-form input[type=password]:focus:not([readonly]) + label,
.ys-login-form input[type=search]:focus:not([readonly]) + label,
.ys-login-form input[type=tel]:focus:not([readonly]) + label,
.ys-login-form input[type=text]:focus:not([readonly]) + label,
.ys-login-form input[type=time]:focus:not([readonly]) + label,
.ys-login-form input[type=url]:focus:not([readonly]) + label,
.ys-login-form textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #fff;
}

.ys-login-form .input-field label {
 
  font-size: 12px;
}

  .ys-login-form .input-field label a {
    color: inherit;
    font-weight: bold;
    display: inherit;
  }

.ys-login-form .btn {
  margin-top: 20px;
}

.ys-login-form [type="checkbox"].filled-in:not(:checked) + label:after {
  border-color: #fff;
}

.ys-login-form [type="checkbox"].filled-in:checked + label::after {
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
}

.ys-login-form [type="checkbox"].filled-in:checked + label::before {
  border-right: 2px solid #7700FE;
  border-bottom: 2px solid #7700FE;
}

.ys-login-info {
  padding: 25px;
  font-size: 16px;
}

  .ys-login-info h2 {
    font-size: 20px;
   
  }

.ys-login-form .center-align {
  text-align: center;
  width: 100%;
  float: left;
}

.ys-login-form a {
  color: #fff;
  display: block;
}

.ys-login-form.center-align input, .ys-login-form.center-align label {
  text-align: center !important;
  display: block;
  width: 100%;
}

.detectLocationBtn {
  color: #fff;
  padding-left: 12px;
}

.otp-field input {
  font-size: 20px;
  text-align: center;
}

.breadCrumbCircle {
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
  right: 0;
  margin: auto;
}

  .breadCrumbCircle li {
    display: inline-block;
  }

    .breadCrumbCircle li span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #551391;
      display: block;
      margin: 2px;
    }

      .breadCrumbCircle li span.active {
        background: #ffffff;
      }

.onboarding-language-selector {
  position: absolute;
  top: -50px;
  left: 0;
  width: 120px;
}

.onboarding-view-password {
  position: absolute;
  top: 34px;
  right: 35px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  height: 23px;
  width: 23px;
}

 

.password-strength-checker {
  position: absolute;
  top: 4px;
  right: 25px;
}

  .password-strength-checker li {
    margin-bottom: 3px;
    position: relative;
  }

  .password-strength-checker span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    display: block;
  }

  .password-strength-checker div.password-info {
    display: block;
    position: absolute;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    width: 150px;
    top: -25px;
    left: 25px;
    display: none;
    padding: 20px;
    z-index: 111;
  }

  .password-strength-checker li:hover div.password-info {
    display: block;
  }

  .password-strength-checker div.password-info:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -10px;
  }

  .password-strength-checker div.password-info.green:before {
    border-right: 10px solid #4CAF50;
  }

  .password-strength-checker div.password-info.orange:before {
    border-right: 10px solid #ff9800;
  }

  .password-strength-checker div.password-info.red:before {
    border-right: 10px solid #F44336;
  }

  .password-strength-checker div.password-info h3 {
    color: #fff;
    margin: 0;
    font-size: 14px;
  }

  .password-strength-checker div.password-info p {
    font-size: 10px;
  }

.fullwidth-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #EAEAEA;
  z-index: 100000;
  text-align: center;
}

.fullwidth-popup-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 550px;
  margin: auto;
}

  .fullwidth-popup-container img {
    max-width: 500px;
  }

  .fullwidth-popup-container h1 {
    font-size: 48px;
    font-family: 'Montserrat', sans-serif;
  }

.fullwidth-notification {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 100000;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  color:#000;
}

  .fullwidth-notification.active {
    opacity: 1;
    visibility: visible;
  }

.fullwidth-notification-container {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%;
  height: 600px;
  margin: auto;
  padding: 50px;
  box-shadow: 4px 4px 10px 5px rgba(0,0,0,0.10);
  max-width: 450px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
}

  .fullwidth-notification-container .otp-timer {
    margin-top: -20px;
    display: block;
    margin-bottom: 40px;
  }

.notification-title {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 40px;
  margin-top: 0;
  font-weight: 600;
}

.notification-subtitle {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}

.notification-status {
  font-size: 25px;
}

  .notification-status span {
    display: block;
    color: inherit;
  }

  .notification-status.success {
    color: #7BD80F;
    margin: 50px auto;
  }

.notification-amount {
  font-size: 40px;
  font-family: 'Montserrat', sans-serif;
}

.fullwidth-notification-close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  cursor: pointer;
}

.notification-img {
  margin-bottom: 40px;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}

.round1 {
  border-radius: 8px;
}

/* Recharge Module */
.recharge-popup-container h5 {
  font-size: 14px;
  padding: 10px 20px;
}

.recharge-table thead {
  background: #eaeaea;
  border-radius: 0;
}

.table-container {
  background: #fff;
}

.recharge-radio {
  margin: 0;
}

  .recharge-radio li {
    display: inline-block;
  }

.recharge-table th {
  border-color: #ffffff;
  padding: 25px;
}

.recharge-radio [type="radio"]:checked + label {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}

.recharge-radio [type="radio"]:not(:checked) + label,
.recharge-radio [type="radio"]:checked + label {
  margin-right: 20px;
  padding-left: 25px;
}

/*.recharge-plan-table th {
  text-transform: uppercase;
}*/

.recharge-table td {
  border-color: #fafafa;
  padding: 20px;
}

.recharge-table .status {
  font-family: 'Montserrat', sans-serif;
}

.recharge-table .successful {
  color: #7BD80F;
}

.recharge-table .refund {
  color: #FF5F73;
}

.recharge-table .pending {
  color: #F5A623;
}

.recharge-table tr:hover {
  background: rgba(119,0,254,0.1);
}

.recharge-table .pending {
  display: block;
}

.recharge-table .complain-btn {
  display: none;
}

.recharge-table tr:hover .pending {
  display: none;
}

.recharge-table tr:hover .complain-btn {
  display: inline;
  padding: 5px 14px;
  color: #fff;
  border-radius: 21px;
  font-family: 'Montserrat', sans-serif;
}

.recharge-popup-container {
  background: #fff;
  border-radius: 4px;
}

.recharge-tabs {
  margin-bottom: 0;
  font-size:12px;
}

.recharge-footer {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  padding: 20px !important;
  border-top: solid 1px #c1c1c1;
}


/* KYC Module */
.full-height-container {
}

.kyc-doc-required {
  background: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.10);
  padding: 20px;
  margin: 40px auto;
}


.kyc-service-activate {
  border-radius: 8px;
  overflow: hidden;
  max-width: 450px;
  margin: 50px auto;
  background: #fff;
}

  .kyc-service-activate div {
    background: #fff;
    padding: 15px;
    min-width: 225px;
    text-align: center;
    width: 50%;
    border: solid 1px #f4f4f4;
  }

  .kyc-service-activate .dark {
    background: #ddd;
  }

.service-to-activate {
  margin: 0;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

  .service-to-activate small {
    display: block;
    padding-left: 18px;
  }

.kyc-trading-budget, .kyc-business-details {
  max-width: 650px;
  margin: 0 auto;
}

.kyc-personal-details-from {
  max-width: 650px;
  margin: 0 auto;
}

.bd-label {
  margin-right: 20px;
  margin-top: -50px;
}

.kyc-drop-zone p {
  text-align: center !important;
}

.kyc-drop-zone .drop-circle {
  font-size: 100px;
  background: url('../img/drop-circle.png') center center no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  display: block;
  line-height: 100px;
  margin: 20px auto;
}

.kyc-status-bar {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
  margin-bottom: 50px;
}

  .kyc-status-bar:before {
    content: '';
    z-index: -1;
    width: 281px;
    height: 1px;
    background: #e9caff;
    left: 0;
    right: 0;
    top: -16px;
    bottom: 0;
    margin: auto;
    display: block;
    position: absolute;
  }

  .kyc-status-bar li {
    display: inline-block;
    font-weight: bold;
    padding: 0 20px;
  }


/* AEPS Module */
.aeps-tabs {
}

.add-benificery-btn {
  outline: none;
  background: transparent;
  border: none;
  font-size: 16px;
}

  .add-benificery-btn span {
    margin-right: 5px;
  }

.aeps_biometric_driver {
  position: absolute;
  top: 0;
  right: 15px;
  line-height: 40px;
}

  .aeps_biometric_driver span {
    color: #fff;
    background: #c1c1c1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 5px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.29);
  }
/* Flight Module */
.ys-circleIcon {
  position: absolute;
  top: 2px;
  right: -18px;
  padding: 10px;
  z-index: 1;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
  text-align: center;
  color: #fff;
}

  .ys-circleIcon.right {
    right: 165px;
  }

select.select-rounded {
  display: inline-block;
  margin-right: 15px;
  width: auto;
  margin-bottom: 0;
  background: #f4f4f4 !important;
  padding: 3px 10px;
  border-bottom: none;
  box-sizing: border-box;
  border-radius: 100px;
  font-size: 12px;
  -webkit-appearance: none;
  height: auto;
}

.select-rounded:before {
  z-index: 1;
  right: 14px;
  top: 15px;
}

.flightClass .select-rounded input.select-dropdown {
  width: 150px;
}

.pssngrflight .select-rounded input.select-dropdown {
  height: 24px;
  line-height: 24px;
}

.select-inlined {
  display: inline-block;
  position: relative;
  width: 100%;
}

.form-icon {
  position: absolute;
  top: 9px;
  left: 24px;
  z-index: 1;
}

.fullwidth-notification-container .form-icon {
  top: 11px;
  left: 17px;
}

.remove-trip-btn, .add-trip-btn {
  background: transparent;
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 28px;
}

.remove-trip-btn {
  font-size: 15px;
  padding: 6px
}

.add-trip-btn span {
  margin-right: 10px;
}

.select-img-left li img {
  float: left;
  height: 15px;
  width: 15px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 5px;
}

.select-inlined .dropdown-content {
  width: 250px;
  position: absolute;
  top: 37px !important;
  left: 0px;
  opacity: 1;
  display: none;
}

.select-inlined input.select-dropdown {
  background-color: #fff;
  border-radius: 5px;
  height: 40px;
  line-height: 1rem;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
  padding: 5px 20px 5px 40px;
  margin-bottom: 10px !important;
  font-size: 12px;
}

.select-inlined.without input.select-dropdown {
  padding: 5px 20px 5px 20px;
}

.flx {
  display: -webkit-inline-flex;
}

.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 0;
}

.dropdown-content li > a, .dropdown-content li > span {
  padding: 8px 10px;
  font-size: 12px;
  color: #4C4C4C;
}

.pssngrflight .select-wrapper span.caret {
  top: 5px;
  right: 10px
}


[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 0px;
  width: 8px;
  height: 12px;
}

/* FLIGHT - One Way - Search Result Page */
.ys-ow-search-topbar {
  background: #eee;
  padding: 30px 0;
}

  .ys-ow-search-topbar .default-form-box {
    box-shadow: none;
  }

  .ys-ow-search-topbar .select-rounded {
  }

.ys-ow-search-filter {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);
  padding: 5px 0;
}

.ys-ow-search-topbar .default-form-box {
  background: transparent;
  margin-bottom: 0;
}

.ys-ow-search-topbar .absolute-btns {
  position: relative;
}

.ys-filter-selectbox {
  padding: 0 !important
}

.ys-ow-search-filter .select-rounded {
  float: right;
  margin: 10px;
}

.ys-ow-flight-detail {
  position: relative;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}

  .ys-ow-flight-detail .collapsible {
    z-index: 1;
    position: relative;
  }

.ys-filter-title {
  margin: 14px 0 8px;
  font-size: 16px;
  line-height: 1.5;
}

.search-title {
  font-size: 16px;
  font-weight: bold;
}

.search-sort {
  text-align: right;
}

  .search-sort li {
    display: inline-block;
  }

  .search-sort a {
    width: 35px;
    height: 35px;
    margin-left: 5px;
    line-height: 35px;
    text-align: center;
    background: #9e9e9e;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 18px;
  }

.flight-detail-info {
  padding: 20px 0 10px 40px !important;
  align-items: center;
}

.flight-img {
  float: left;
  margin-right: 30px;
  border-radius: 4px;
  width: 56px;
  height: 56px;
}

  .flight-img.without {
    float: none;
  }

.flight-img-div {
  width: 15%;
}

#flt-time {
  font-size: 12px;
  margin-top: 5px;
  margin-right: 10px;
  font-weight: 600;
  font-size: 14px;
}

.flight-detail-info h2 {
  font-size: 14px;
  color: #333;
  display: inline-block;
  margin: 0;
  width: 15%;
  vertical-align: top;
}

.flightAirlineNum {
  font-size: 12px;
  font-weight: 400;
}

.flight-detail-info ul.flight-time {
  display: inline-block;
  width: 55%;
  vertical-align: top;
  margin: 0;
}

.flightLoc {
}

.flightTime {
}

.flight-amount-main {
  display: inline-block;
  width: 15%;
  font-size: 14px;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  vertical-align: top;
}

  .flight-amount-main .icon-rupee {
  }

  .flight-amount-main.incognito {
    display: inline-block;
    width: 20%;
    font-size: 20px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    vertical-align: top;
    color: #7BD80F;
  }

  .flight-amount-main span {
    color: #9E9E9E;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    display: block;
  }

.flight-detail-info ul.flight-time li {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}

.flight-amount-main i {
  display: inline-block;
  vertical-align: middle;
}

.flight-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding-left: 30px;
  margin-bottom: 0;
}

.flight-route {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 30px;
}

.tabs.tab-demo {
  padding: 12px 0;
}

.flight-details-tabs {
  border-right: 1px solid #dddddd;
}

  .flight-details-tabs:last-child {
    border-right: none !important
  }

.fare-details {
  padding-bottom: 10px !important
}

.flight-dtls {
  padding-bottom: 10px !important
}

.refund-type h3 {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #60B400;
  margin-top: 0;
}

.refund-type span {
  color: #9E9E9E;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 12px;
  display: block;
}

.flight-detail-info span {
  display: block;
  color: #999;
}

.check-in-baggage {
  border-right: 1px solid #dddddd;
}

.baggageBox p {
  padding: 7px 5px;
}

.first-flight-baggage {
  font-weight: 600;
  color: #000;
}

.second-flight-baggage {
  font-weight: 600;
  color: #000;
}

.flight-baggage-details {
  font-weight: 500;
  color: #999;
}

.baggage-weight {
  font-weight: 600;
  color: #000;
}

.weight-distribution {
  font-weight: 500;
  color: #999;
}

#baggage-section {
  padding: 25px
}

.baggageBox {
  padding: 0 30px !important
}

#baggage-section h4 {
  margin-top: 0
}

#check-in-flight-baggage1 span {
  display: initial;
  text-transform: uppercase;
}

.first-flight-baggage::after {
  content: "\2013";
}

.second-flight-baggage::after {
  content: "\00b7";
}

.note {
  padding: 10px 30px !important;
  color: #dddddd;
}

  .note p {
    padding: 0
  }

.flight-book-now {
  margin-top: 25px;
}

#book-now {
  margin-left: 30px;
}

.flight-right-icons {
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px #ccc;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 102px;
  line-height: 30px;
  margin: 0;
  padding: 15px 10px;
}

  .flight-right-icons li a {
    font-size: 16px;
    color: #9E9E9E;
  }

.zero-cacellation-accordian {
  background: #fff;
  color: #9E9E9E;
  padding: 5px 30px;
}

  .zero-cacellation-accordian [type="checkbox"] + label {
    font-size: 14px;
    padding-left: 30px;
    height: 20px;
    line-height: 20px;
  }

  .zero-cacellation-accordian label {
    color: #9e9e9e;
  }

  .zero-cacellation-accordian p {
    margin: 0
  }

  .zero-cacellation-accordian .icon-arrow-bottom {
    margin-left: 7px;
  }

.fare-price {
  width: 50%;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

  .fare-price li {
    clear: right;
    width: 100%;
    margin-bottom: 5px;
  }

    .fare-price li.fare-total {
      font-weight: 700;
      font-family: 'Montserrat', sans-serif;
      color: #000;
    }

      .fare-price li.fare-total span {
        color: #000;
      }

  .fare-price li {
    clear: both;
  }

  .fare-price span {
    float: right;
    margin-top: 0;
  }

.fare-details h4 {
  padding-left: 30px
}
/*.fare-details .row {margin-top: 20px !important}*/
.baggage-container, .cancellation-container {
  padding: 30px !important;
  position: relative;
  z-index: 0;
}

  .baggage-container .line, .cancellation-container .line {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 80%;
    background: #c1c1c1;
  }

.baggage-box, .cacellation-box {
  width: 100%;
  display: inline-block;
}

  .baggage-box li {
    height: 30px;
    width: 90%;
  }

  .baggage-box p, .cacellation-box p {
    padding: 0;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 16px;
  }

  .baggage-box li p:last-child, .cacellation-box li p:last-child {
    float: right;
  }

  .baggage-box span, .cacellation-box span {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    margin: 0;
  }

  .cacellation-box:first-child {
    border-right: 1px solid #ddd
  }

.cacellation-box {
  padding: 0 30px !important;
}

#cancelbox {
  padding: 25px
}

.cacellation-box h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin-top: 6px;
}

  .cacellation-box h5 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    display: inline-block;
  }

.cacellation-box .fare-price {
  width: 100%;
}

/* Round Trip Search Result Page */

.ys-rt-flight-detail {
  position: relative;
  border-radius: 4px;
  background: #fff;
}

.flight-detail-info ul {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
}

.rt-flight-detail-main ul {
  align-items: flex-start;
}

.rt-flight-detail-main p {
  margin-top: 0
}

.flight-detail-info li {
  margin-right: 0px;
}

.flight-detail-info .rt-flight-time {
  margin: 0;
}

  .flight-detail-info .rt-flight-time small {
    display: block;
  }

.flight-detail-info .rt-flight-cost {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  color: #60B400;
}

.ys-rt-result {
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}

  .ys-rt-result .top > ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    margin: 0;
    border-bottom: solid 1px #c1c1c1;
    padding: 10px
  }

    .ys-rt-result .top > ul > li {
      padding: 10px;
    }
  /*.ys-rt-result .top > ul > li:last-child{
padding:0; 
}*/
  .ys-rt-result .top p {
    margin: 0;
  }

.ys-rt-result-container ul {
  align-items: flex-start !important;
}

.ys-rt-result .rt-flight-time {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #2A2A2A;
}

  .ys-rt-result .rt-flight-time small {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #9e9d9e;
    display: block;
  }

.ys-rt-result .rt-flight-cost {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #60B400;
}

.ys-rt-result .bottom {
  padding: 0 10px;
  background: #fff;
  color: #9e9e9e;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ys-rt-result [type="radio"]:not(:checked) + label, .ys-rt-result [type="radio"]:checked + label {
  margin-bottom: 15px;
}

.ys-rt-heading h2 {
  font-size: 14px;
}

  .ys-rt-heading h2 span {
    padding: 0 15px;
  }

.ys-rt-heading p {
  font-size: 12px;
  margin-top: 25px;
  margin-right: 5px;
}



.itineraryHeader {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}

  .itineraryHeader ul {
    margin: 0;
    clear: both;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
  }

    .itineraryHeader ul li {
      width: 20%;
      float: left;
      height: 60px;
      line-height: 60px;
      position: relative;
      padding-left: 30px;
    }

      .itineraryHeader ul li.active {
        width: 60%;
      }

      .itineraryHeader ul li a {
        color: #616161;
        font-size: 14px;
      }

      .itineraryHeader ul li.done a {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
      }

      .itineraryHeader ul li.done {
      }

        .itineraryHeader ul li.done:after {
          content: '';
          position: absolute;
          right: 0 height:100%;
          width: 20px;
          background: #fff;
          z-index: 0;
          display: none;
        }

      .itineraryHeader ul li.active a {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
      }

  .itineraryHeader .num {
    color: #fff;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    border: solid 4px #e9caff;
    font-weight: bold;
    margin-right: 10px;
    display: none;
  }

  .itineraryHeader ul li.active .num {
    display: inline-block;
  }

header .nav-wrapper.row {
  margin-bottom: 0;
}

.arrow {
  background: url('../img/flight-itenary-arrow.svg') center center no-repeat;
  background-size: cover;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.itineraryHeader ul li.active .arrow {
}

.itSection {
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10), 0 2px 4px 0 rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10), 0 2px 4px 0 rgba(0,0,0,0.10);
  -moz-box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.10), 0 2px 4px 0 rgba(0,0,0,0.10);
  padding: 30px;
  margin: 20px 0;
  margin-bottom: 20px;
}

.fltDisc h2 {
  font-size: 14px;
  color: #333;
  margin-top: 0;
  margin-bottom: 10px;
}

  .fltDisc h2 span {
    font-size: inherit;
    color: inherit;
    padding: 0 20px
  }

.fltDisc p {
  font-size: 12px;
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
}

.fltDisc h3 {
  font-size: 12px;
  color: #9E9E9E;
  margin-top: 0;
  margin-bottom: 0;
}

.fltDisc span.flight-price {
  font-size: 18px;
  color: #7BD80F;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.itnMainHeading {
}

  .itnMainHeading h2 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 18px;
  }

.itSection.depFltBox {
  padding: 0;
}

.depFltHeader {
  padding: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

  .depFltHeader i {
    width: 50px;
    height: 50px;
    font-size: 26px;
    color: #fff;
    background: #17469D;
    border-radius: 2px;
    text-align: center;
    line-height: 50px;
  }

  .depFltHeader h2 {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin-top: 7px;
    margin-bottom: 0;
    float: left;
    width: 15%;
  }

  .depFltHeader span {
    display: block;
    color: #999;
    margin-top: 7px;
  }

  .depFltHeader ul {
    float: left;
    width: 55%;
    margin-top: 10px;
    display: block;
  }

    .depFltHeader ul li {
      font-size: 12px;
      color: #333;
      font-weight: 600;
      margin-top: 7px;
      margin-bottom: 0;
      width: 25%;
      float: left;
      margin-top: 0;
      line-height: 1;
    }

      .depFltHeader ul li span {
        display: block;
        color: #999;
        margin-top: 7px;
      }

  .depFltHeader.active ul {
    display: none;
  }

.depFltbody {
  padding: 20px;
}

  .depFltbody ul {
    position: relative;
    width: 80%;
    margin: 10px auto;
    padding-left: 25px;
    background: url('../img/dot.png')repeat-y;
  }
    /*.depFltbody ul:before{ content: '';position: absolute;top: 0;left: 0;width: 20px;height: 100%;background: #ccc;}*/
    .depFltbody ul li {
      font-size: 12px;
      color: #333;
      font-weight: 600;
      margin-top: 7px;
      margin-bottom: 0;
      position: relative;
    }

      .depFltbody ul li.pin:before {
        content: '';
        position: absolute;
        top: 2px;
        left: -29px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #fff;
      }

.clear {
  clear: both;
}

.depFltbody .duration {
  margin: 20px 0;
  font-weight: 400;
}

.pin span {
  font-weight: 400;
}

  .pin span:before {
    content: '\00b7';
    font-weight: bold;
    font-size: 12px;
    margin: 0 5px;
  }

#trvlr h2 {
  font-size: 14px !important;
}

.trvHeader {
  background: #f4f4f4;
  padding: 10px 20px;
  border-bottom: 0;
}

  .trvHeader p {
    font-size: 14px;
    color: #2A2A2A;
    font-weight: 500;
    margin: 0;
  }

    .trvHeader p span {
      font-size: 12px;
      color: #aaa;
    }

.travelBoxBot {
  background: #fff;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding: 20px;
}

  .travelBoxBot ul {
    margin: 0;
  }

    .travelBoxBot ul li {
      margin-bottom: 12px;
    }

  .travelBoxBot label {
    font-size: 12px !important;
    color: #343A40;
    font-weight: 600;
  }

    .travelBoxBot label span {
      font-weight: 400;
      color: #16001C;
      font-weight: 400;
    }

.depFltBox.travelBox ul {
  margin-bottom: 0;
}

.trbBoxUp {
  width: 19%;
  padding: 0 0 0 20px;
  float: left;
}

.trvbody {
  background: #f4f4f4;
}

.trvbodyRow {
  clear: both;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-bottom: 20px;
}

.trbBox {
  text-align: center;
  line-height: 1;
  background: #fff;
  padding: 20px 0 0;
  min-height: 125px;
}

  .trbBox span {
    font-size: 30px;
  }

  .trbBox h2 {
    font-size: 12px;
    color: #2A2A2A;
    font-weight: 600;
    margin: 10px 0;
  }

  .trbBox p {
    font-size: 12px;
    color: #ccc;
    font-weight: 400;
    padding: 0;
  }

  .trbBox h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 35px;
    display: inline-block;
  }

    .trbBox h3 span {
      font-size: 14px;
      color: #000;
      font-weight: 500;
      padding: 0;
    }

.gstSec {
  padding: 20px;
  background: #F4F4F4;
}

.grab-seat {
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

#fw600 {
  font-weight: 600
}

p.trvTxt {
  font-size: 18px;
  color: #616161;
  font-weight: 500;
  margin-top: 30px;
}

.ffn {
  margin: 30px 0 0 0;
}

.itSecPrior {
}

  .itSecPrior h2 {
    font-size: 16px;
    color: #343A40;
    font-weight: 600;
    width: 20%;
    float: left;
    margin-top: 15px;
  }

  .itSecPrior .itSecPriorRight {
    width: 80%;
    float: left;
  }


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

.meal-container {
  background: #eaeaea;
}

.meal-selector .meal {
  margin: 20px;
  background: #fff;
  padding-bottom: 20px
}

  .meal-selector .meal h2 {
    font-size: 20px;
    padding: 10px;
    margin: 0;
  }

  .meal-selector .meal .input-field {
    margin-top: 0;
    padding-left: 20px;
    border-top: solid 1px #f4f4f4;
  }


.depFltBox.trvAccord ul {
  margin: 0;
  box-shadow: none;
}

.depFltBox.trvAccord li {
  border-radius: 4px
}

.trvAccord .trvHeader {
  background: #fff;
}

.itSect {
  background: #fff;
  padding: 0 20px;
  border-top: 1px solid rgba(0,0,0,0.1);
}

.collapsible-header .right {
  transition: all .3s ease-out;
}

.collapsible-header.active .right {
  transform: rotate(90deg);
}


/* Remitteance */
.remmitance-logedin-sender .container {
  padding: 10px;
}

/*.remmitance-logedin-sender {
  background-color: #fff;
  color: #2a2a2a;
}*/

/*.remmitance-logedin-sender .mr-inner {
    padding: 20px 0;
  }*/

  .remmitance-logedin-sender .flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    margin: 10px 0px;
  }

    .remmitance-logedin-sender .flex > div {
      border-right: solid 1px #2a2a2a;
      padding: 0 30px;
    }

      .remmitance-logedin-sender .flex > div:first-child {
        padding-left: 0;
        margin-left: 85px;
      }

      .remmitance-logedin-sender .flex > div:last-child {
        border-right: none;
        padding-right: 0;
        margin-right: 55px;
      }

    .remmitance-logedin-sender .flex p {
      margin: 0;
      color: #2a2a2a;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
    }

  .remmitance-logedin-sender .kyc-status {
    margin: 0;
  }

    .remmitance-logedin-sender .kyc-status li {
      display: inline-block;
      margin-right: 10px;
    }

    .remmitance-logedin-sender .kyc-status label {
      color: #2a2a2a;
      font-size: 12px;
      padding-left: 25px;
    }

    .remmitance-logedin-sender .kyc-status [type="radio"]:not(:checked) + label::before, [type="radio"]:not(:checked) + label::after,
    .remmitance-logedin-sender .kyc-status [type="radio"].with-gap:checked + label::before {
      border: solid 2px #fff;
    }

    .remmitance-logedin-sender .kyc-status [type="radio"].with-gap:checked + label::after {
      background: #fff;
    }

.remittence-sender-login {
  padding: 50px 0 !important;
}



  .remittence-sender-login .note {
    margin-top: -10px;
    display: block;
    font-size: 14px;
    color: #9e9e9e;
  }

button.btncancel {
  
  font-weight: 700 !important;
  font-size: 12px;
}

button.btnnormal {
  font-weight: 700;
  font-size: 12px;
}



.bank-ifsc-code-unknown {
  position: absolute;
  top: 10px;
  bottom: 20px;
  right: 40px;
  background: transparent;
  border-radius: 14px;
  font-size: 12px;
  line-height: 21px;
  height: 22px;
  color: #e21e25;
  padding: 0 10px;
  cursor: pointer;
}

.input-mini {
  max-width: 120px;
}

.input-max {
}

.input-mini .form-icon {
  top: 10px;
  left: 10px;
}

.input-mini .default-input {
  margin-bottom: 0 !important;
  padding-left: 30px !important;
}

.remittance-beneficiary-table .table {
 
  margin-bottom: 20px;
  overflow: hidden;
}

.transfer-btns {
  text-align: right;
}

  .transfer-btns .btn {
    min-width: 20px;
  }

.remmitance-logedin-sender .mobile-accordian {
  display: none;
}

.remittance-beneficiary-mobile-table {
  display: none;
}

.remittance-beneficiary-table td, .remittance-beneficiary-table th {
  padding: 10px 15px;
  border-radius: 0;
}

.remittance-beneficiary-table th {
  /* background: #EAEAEA;*/
}

.remittance-beneficiary-table .validate {
  /*background: #FF5F73;*/
  border-radius: 100px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  padding: 3px 10px;
  /*color: #fff;*/
  text-transform: uppercase;
  line-height: 18px;
  font-size: 10px;
  cursor: pointer;
}

.remittance-beneficiary-table .validated {
  font-size: 10px;
  /*color: #7BD80F;*/
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  line-height: 18px;
}

.remittance-beneficiary-table .select-wrapper.table-count-dropdown {
  width: 50px;
  /*background: #f2f2f2;*/
  border-radius: 50px;
  padding: 0 15px;
  border-bottom: none;
}

.remittance-beneficiary-table .select-wrapper input.select-dropdown {
  height: 25px;
  margin-bottom: 0;
}

.remittance-beneficiary-table .select-wrapper span.caret {
  color: initial;
  position: absolute;
  right: 8px;
  top: 7px;
  font-size: 8px;
}

.remittance-beneficiary-table .select-wrapper.table-count-dropdown:before {
  content: 'Enteries Shown';
  position: absolute;
  left: -111px;
  top: 3px;
}

.remittance-beneficiary-table .select-wrapper input.select-dropdown {
  border-bottom: none;
}

.remittance-beneficiary-table tr:hover {
  /*  background: #EAEAEA;*/
}

.remittance-beneficiary-table .remittance-id {
  display: block;
}

.remittance-beneficiary-table .delete-user-btn {
  display: none;
  /*color: #FF5F73;*/
  cursor: pointer;
}

/*.remittance-beneficiary-table tr:hover .remittance-id {
  display: none;
}*/

.remittance-beneficiary-table tr:hover .delete-user-btn {
  display: block;
}

.transaction-recipt {
  height: 700px;
  max-width: 700px;
  padding: 0;
  justify-content: flex-start;
}

  .transaction-recipt .header {
    background: #7700FE;
    color: #fff;
    overflow: hidden;
  }

    .transaction-recipt .header h3 {
      margin: 0;
      padding: 60px 0 40px 50px;
    }

  .transaction-recipt .transaction-details {
    margin: 0;
  }

    .transaction-recipt .transaction-details li {
      padding: 20px 50px;
      text-align: left;
    }

    
      .transaction-recipt .transaction-details li.line {
        border-top: solid 1px #DEE2E6;
      }

    .transaction-recipt .transaction-details p {
      font-family: 'Montserrat', sans-serif;
      font-weight: bold;
      margin: 0;
      font-size: 18px;
      line-height: 22px;
    }

      .transaction-recipt .transaction-details p.success {
        color: #7BD80F;
      }

    .transaction-recipt .transaction-details .text-mini {
      font-size: 12px;
      line-height: 22px;
      color: #9e9e9e;
    }

  /*.transaction-recipt:after {
    content: '';
    bottom: -15px;
    position: absolute;
    width: 100%;
    background: url(../img/transaction-stripe.svg) bottom left no-repeat;
    background-size: cover;
    height: 30px;
    left: 0;
  }*/

  

  .transaction-recipt .date {
    margin-top: 70px;
    font-family: 'Montserrat', sans-serif;
  
  }

.booking-payment-summary .collapsible-booking-header {
  background-color: #fff;
  border-bottom: 1px solid #f4f4f4 !important;
}

.payments-container .row {
  margin: 0 !important;
}

.payment-header {
  font-size: 16px;
  font-weight: bold;
  color: #2e2e2e;
}

.payment-vkv-wallet {
  padding: 30px !important;
}

.payment-option-section {
  padding: 20px 30px !important;
  border-bottom: 1px solid #f4f4f4;
}

.vkv-wallet-details h2 {
  font-size: 14px;
  font-weight: 700;
  color: #2e2e2e;
  margin: 0;
  margin-bottom: 20px;
}

.vkv-wallet-details span {
  color: #FF677A;
  font-size: 12px;
  font-weight: 400;
}

.payment-icon {
  font-size: 20px;
  line-height: 20px;
}

#upi {
  border-bottom: none;
}

#wallet-fees {
  margin-left: 20px;
  font-size: 12px;
  color: #666666;
  font-weight: 400;
}

#wallet-info {
  color: #666666;
}

.payment-options h2 {
  font-size: 14px;
  font-weight: 700;
  color: #2e2e2e;
  margin: 0;
  margin-bottom: 10px;
}

.booking-summery h4 {
  font-size: 14px;
  font-weight: 700;
  color: #2e2e2e;
  margin: 0;
  padding: 10px 20px;
}

.booking-summery-detail {
  padding: 5px 20px;
  align-items: center;
}

  .booking-summery-detail p {
    margin: 0;
    font-size: 12px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

.booking-flight-details p {
  margin: 0;
  font-size: 12px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 10px;
}

.booking-summery-detail {
  padding: 15px;
}

  .booking-summery-detail .flight-img-div {
    width: auto;
  }

.booking-icon {
  font-size: 20px;
  margin-left: 10px;
  padding: 3px;
}

.booking-flight-source {
  margin-right: 10px;
}

.booking-flight-destination {
  padding: 5px;
  margin-right: 5px;
}

.collapsible-booking-header {
  background-color: #f4f4f4;
}

.collipsible-booking-body {
  background-color: #f4f4f4;
  padding: 10px;
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 600;
  border-bottom: none;
}

  .collipsible-booking-body p {
    padding: 5px;
    font-size: 10px;
  }

#passenger-seat-no {
  color: #2e2e2e;
  margin-left: auto;
}

#booking-subtotal-amount {
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #2e2e2e;
}

#booking-donate-amount {
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #2e2e2e;
}

#booking-conveinience-amount {
  float: right;
  font-size: 12px;
  font-weight: 700;
  color: #2e2e2e;
}

#booking-total-amount {
  float: right;
  font-size: 16px;
  font-weight: 700;
  color: #7BD80F;
}

#booking-total {
  font-size: 14px;
  font-weight: 600
}

.booking-payment-amount {
  padding: 20px;
  margin: 0
}

.booking-passenger span {
  padding: 2px;
}

.booking-payment-icon {
  float: right;
  color: #aaaaaa;
  margin-left: auto;
}

.booking-right-border {
  margin: 2px 10px;
  width: 1px;
  border: 1px solid #cccccc;
  height: 30px;
}

#customFileUpload a {
  color: #000;
}

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

.collapsible {
  box-shadow: 0 0px 2px 0 rgba(0,0,0,0.10), 0 0px 1px 0 rgba(0,0,0,0.10);
  -webkit-box-shadow: 0 0px 2px 0 rgba(0,0,0,0.10), 0 0px 0px 0 rgba(0,0,0,0.10);
  border-top: none;
  border-left: none;
  border-right: none;
}

.mb-Recharge {
  margin-bottom: 15px !important;
  margin-top: 0px;
  font-size: 20px;
  font-weight: 700;
}

.mob_rchg_plns {
  padding: 0 25px;
}

.defaultLabel {
  margin-top: 10px;
}

.dmt-account {
  background: #fff;
  border-radius: 4px;
}

#wallet-sm .recharge-radio {
  border-bottom: 0;
}

.pay_btn {
  color: #fff;
  border: none;
  font-size: 15px;
  padding: 5px;
  border-radius: 20px;
  width: 90px;
}
/*Remittance AEPS*/
.btn-aeps {
  background: #f4f4f4;
  border: none;
  font-size: 10px;
  font-weight: 600;
  padding: 10px;
  border-radius: 20px;
  margin-right: 10px;
  width: 130px;
}


.aepsDriver {
  position: relative;
  float: right;
  width: 280px;
  height: 48px;
  padding-top: 0px;
}

.Right {
  position: absolute;
  right: 50px;
}

.remmitance-logedin-sender .flex > div:nth-last-child(2) {
  border-right: none;
  padding-right: 0;
}

.brdr-radius {
  border-radius: 4px;
}

.senderHome .vkv-input input {
  margin-bottom: 0px;
}

.kyc_tabs {
  height: 80px;
}
/*Remittance AEPS*/
.vkv-input input.disabled, .vkv-input label.disabled, .vkv-input select.disabled {
  background: #fff;
  text-transform: capitalize;
}

.upload {
  position: absolute;
  top: 10px;
  bottom: 20px;
  right: 10px;
  background: #153cd7;
  border-radius: 14px;
  font-size: 12px;
  line-height: 21px;
  height: 22px;
  color: #fff;
  padding: 0 10px;
  cursor: pointer;
}

.upload-input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kyc-complete-header {
  margin-left: 50px;
}

.new-sender_radio {
  margin-left: 20px;
  margin-bottom: 15px;
}

/*IE 11 resolutions*/
.ie11 .colorSwtcherContainer {
  display: none;
}

.ie11 .vkv-input label {
  position: absolute;
  top: -5px;
}

.ie11 .aepsDriver {
  position: absolute;
  top: 150px;
}

.ie11 .tabs .tab {
  width: 25%;
  min-width: 125px;
  height: 48px !important;
  line-height: 48px !important;
}

.ie11 .aeps_tabs .tab {
  width: 50%;
}

.ie11 .dmt_tabs .tab {
  width: 50%;
  line-height: 75px !important;
}

.ie11 .txtn_tabs .tab, .ie11 .profile_tabs .tab {
  width: 33%;
}

.ie11 .browsePlans_tabs .tab {
  width: 14.25%;
}

.ie11 .close-icon-top {
  position: absolute;
  top: 80px;
}

.ie11 .back_icon {
  position: relative;
  top: 20px;
}

.ie11 .progressNumber {
  right: -10px;
  top: -8px;
}

.ie11 .progress {
  width: 90%;
  top: 5px;
}

.ie11 .admindb-header {
  position: absolute;
  top: -35px;
  left: 30px;
}

/*.ie11 .leaderArrow{top: 25px;}
.ie11 .lbimg{position: relative;top: -45px;left: 10px;}
.ie11 .MemberDetails{position: relative;top: -85px;left: 65px;}*/

.ie11 .remmitance-logedin-sender .flex > div {
  float: left;
}

.ie11 .form-close-icon {
  right: 14px;
  left: auto;
}

.ie11 .teamMemberProfileName {
  position: absolute;
  top: 5px;
  left: 75px;
  text-transform: capitalize;
}

.ie11 .teamMemberProfilePhone {
  position: absolute;
  top: 25px;
  left: 75px;
}

.ie11 #default-report-date {
  float: right;
  margin-top: -35px;
}

.ie11 .paymentAmount {
  position: relative;
  top: -18px;
  right: 0;
}

.ie11 .amw-icon {
  position: relative;
  right: 10px;
}

.ie11 .ys-login-form .agreeCheckbox {
  margin-left: 0;
}

.ie11 .new-sender_radio {
  margin-left: 20px;
  margin-bottom: 15px;
}

.ie11 .addNewBox {
  margin-top: -20px;
  margin-left: 60px;
}

.ie11 .customFileInput {
  height: 95px !important;
}
/*.ie11 .addNewBox{position: relative; top: -65px; left: 50px; }*/
.ie11 .fullwidth-notification-close-btn {
  top: 20px;
  right: 30px;
}

.ie11 .trans_recipt_close {
  top: 40px;
  right: 30px;
}

.ie11 .reportTable table th {
  border-radius: 0px;
}

.ie11 .flight-amount-main {
  float: right;
}

.ie11 .fare-price {
  float: left;
}

.ie11 .flight-detail-info .rt-flight-time {
  float: left;
}

.ie11 .flight-detail-info .rt-flight-cost {
  position: relative;
  bottom: 15px;
}

.ie11 .flight_rt {
  float: left;
}

.ie11 .flight-right-icons {
  height: 82px;
}

.ie11 .srno {
  float: left;
}

.ie11 .lbimg {
  float: left;
  margin-right: 20px;
}

.ie11 .leaderArrow {
  top: 30px;
}

.ie11 .newEnroll_Icon {
  float: left;
}

.ie11 .newEnroll_heading {
  float: left;
  margin-top: 15px !important;
}

.ie11 .newEnroll_close {
  float: right;
}

.ie11 .enroll_txt {
  float: left;
}

.ie11 .neimg {
  float: right;
}

.ie11 .progressNumberPopup span {
  float: right;
  position: relative;
  bottom: 20px;
  left: 20px;
}

.ie11 .booking-flight-source {
  position: relative;
  float: left;
  top: 5px;
}

.ie11 .booking-flight-details .booking-icon, .booking-flight-destination, .booking-right-border {
  float: left;
}

.ie11 .fltstops {
  font-size: 10px;
  position: relative;
  top: 15px;
  right: 55px;
}

.ie11 .-booking-flight-type {
  margin-bottom: 20px;
}

/*IE 11 resolutions*/

@media only screen and (min-width : 1824px) {

  .remmitance-logedin-sender .flex > div:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 300px;
  }
}

@media all and (max-width:1440px) {

  .ys-login-form {
    padding: 30px;
    margin: -50px 0 50px 120px;
  }

  .onboarding-language-selector {
    left: auto;
    right: 0;
  }
}

@media (min-width: 993px) {
}

@media all and (max-width:768px) {

  .mn-inner, .top-header-container .container {
    padding: 0 20px;
  }

  .mn-inner {
    padding-top: 20px;
  }

  .navbar-fixed {
    height: 0;
  }

    .navbar-fixed nav {
      top: 0;
    }

  .mn-header.navbar-fixed nav .nav-wrapper {
    padding: 0;
  }

  .nav-right-menu {
    margin-right: 0;
  }

  body {
    padding-top: 120px;
  }

    body.onboarding {
      padding-top: 60px;
    }

  .ys-service-selection-list li {
    width: 30%
  }

  .ys-login-box {
    margin-top: 100px;
  }

  .ys-login-form {
    padding: 30px;
    margin: -50px 0 50px 20px;
  }

  .ys-login-info {
    padding: 30px;
  }

  .vkv-tabs ul.tabs {
    max-width: 80%;
  }
}

@media all and (max-width:600px) {
  .fixed-customer-care {
    display: none;
  }

  .mt40 {
    margin-top: 15px;
  }

  .ys-service-selection-list li {
    width: 40%
  }

  .ys-login-box {
    background: transparent;
    margin-top: 0;
    box-shadow: none;
  }

  .ys-login-form {
    padding: 20px;
    margin: 0;
    height: 100%;
    min-height: auto;
  }

  .ys-login-info {
    padding: 30px;
  }

  .row .col {
    width: 100%;
  }

  .default-form-box {
    padding: 10px;
    padding-bottom: 30px;
  }

  body.onboarding {
    padding-top: 100px;
  }

  .onboarding-language-selector {
    left: 0.7rem;
  }

  .btn {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }

  .vkv-tabs {
    overflow: hidden;
  }

    .vkv-tabs ul.tabs {
      white-space: nowrap;
      overflow: visible;
    }

    .vkv-tabs .tabs .tab {
      min-width: 100%;
    }

    .vkv-tabs > .tabs:before {
      content: '';
      background: #EAEAEA;
      width: 100%;
      display: block;
      position: absolute;
      height: 40px;
      z-index: -1;
      left: -40px;
      width: calc(100% + 80px);
      top: 0px;
      height: 40px;
      border-radius: inherit;
      box-shadow: 0 1px 2px rgba(0,0,0,.15);
    }

  .password-strength-checker div.password-info {
    display: none;
  }

  .remmitance-logedin-sender .flex {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

    .remmitance-logedin-sender .flex > div {
      border-right: none;
      width: 100%;
      padding: 10px 0;
    }

    .remmitance-logedin-sender .flex .remmitance-logedin-sender .flex .remmitance-head {
      float: left;
    }

    .remmitance-logedin-sender .flex p,
    .remmitance-logedin-sender .flex .kyc-status {
      float: right
    }

  .remmitance-logedin-sender .kyc-status li {
    margin-right: 0;
  }

  .remmitance-logedin-sender .kyc-status label {
    padding-left: 25px;
  }

  .transaction-recipt {
    height: 535px;
  }

    .transaction-recipt .transaction-details li {
      padding: 0;
    }

    .transaction-recipt .header .left, .transaction-recipt .header .right {
      width: 100%;
      text-align: center;
      margin: 0;
    }

    .transaction-recipt .header {
      padding: 20px;
      margin-top: 0;
    }

      .transaction-recipt .header h3 {
        padding: 0;
      }

    .transaction-recipt .date {
      margin: 0;
    }

    .transaction-recipt .transaction-details li > div {
      min-width: 160px;
      padding: 5px 10px;
      float: left !important;
    }

    .transaction-recipt .transaction-details p {
      font-size: 14px;
    }


  body.sign-up-onboard {
    padding-top: 50px;
    padding-bottom: 20px;
  }

    body.sign-up-onboard .ys-signup-container {
      width: 100%;
    }

  .ys-signup-container .col.s12 {
  }

  .ys-get-started h1, .ys-get-started h5, .ys-get-started .ys-note {
    padding: 0 10px;
  }

  .ys-service-checkbox label {
    font-size: 12px;
    line-height: 1.2;
  }

  .remittance-beneficiary-table {
    display: none;
  }

  .remittance-beneficiary-mobile-table {
    display: block;
  }

    .remittance-beneficiary-mobile-table .right {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
    }

    .remittance-beneficiary-mobile-table li {
      background: #fff;
      border-bottom: solid 1px #c1c1c1;
      padding: 10px;
    }

    .remittance-beneficiary-mobile-table .right span {
      margin: 0 10px;
    }

    .remittance-beneficiary-mobile-table .right .input-mini span {
      margin: 0;
    }

    .remittance-beneficiary-mobile-table .status.icon-pending {
      color: #FF5F73;
    }

    .remittance-beneficiary-mobile-table .status.icon-success-1 {
      color: #7BD80F;
    }

    .remittance-beneficiary-mobile-table .status.icon-unsuccessful {
      color: #FF5F73;
    }

    .remittance-beneficiary-mobile-table .icon-delete {
      color: #FF5F73;
    }

  .remmitance-logedin-sender .mobile-accordian {
    display: block;
    background: #8600ff;
    padding: 15px;
  }

    .remmitance-logedin-sender .mobile-accordian .icon-logout {
      font-size: 16px;
      margin: 0;
      padding-top: 8px;
      display: block;
    }

  .remittance-beneficiary-mobile-table .pay-icon {
    position: absolute;
    right: 10px;
    color: #7700FE;
    top: 10px;
  }

  .remmitance-logedin-sender .mn-inner {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .remmitance-logedin-sender .flex > div {
    border-bottom: solid 1px #8600ff;
    padding: 10px !important;
  }

  /* KYC */
  .full-height-container {
    height: auto;
    -webkit-justify-content: top;
    justify-content: top;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .kyc-service-activate {
    margin: 10px;
  }

    .kyc-service-activate div {
      min-width: auto;
      padding: 10px;
    }

  .kyc-doc-required {
    margin: 10px auto;
  }

  .kyc-status-bar {
    display: none;
  }
}

.fixed-customer-care {
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 50%;
  background: #7700FE;
  color: #fff;
  z-index: 10000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.29);
}

/* Profile Module */

/* Account */
.accntleft-icons {
  position: absolute;
  float: left;
  margin-left: 8px;
  margin-top: 10px;
}

.accntright-icons {
  position: relative;
  float: right;
  margin-right: 2px;
  margin-top: -40px;
}

.accntright-2-icons {
  position: relative;
  float: right;
  margin-right: 15px;
  margin-top: -40px;
}

.rst-pswd h4 {
  font-size: 18px;
  text-align: center;
}

.reset-password-section {
  display: none;
}

#bnkdtlsAccnt {
  margin-bottom: -18px;
}

/*.bnkdtls td {
  padding-left: 15px;
}*/

/*.bnkdtls th {
  padding-left: 15px;
  border-radius: 0;
  color: #333;
}
*/

#busnsdtls {
  margin-bottom: -50px;
}

/* Account */
.ptb15 {
  padding: 15px 0;
}

.profile-sidebar {
 
  width: 370px;
  height: auto;
  float: right;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  top: 0px;
  right: 0;
  position: fixed;
  height: 100%;
  z-index: 998;
}

ul.profile-setting {
  height: calc(100vh - 253px);
  overflow-y: auto;
  overflow-x: hidden;
}

.profile-sidebar .col {
  width: 100%;
}

.profile-padding {
  padding: 20px 10px;
}

.profile-img {
  border-radius: 50%;
  float: left;
  vertical-align: middle;
  margin-right: 10px;
  width: 60px;
  height: 60px;
 
}

.user-details {
  line-height: 25px;
  padding: 10px 0;
}



.wallet-balance h5, .credit-limit h5, .wallet-balance p, .credit-limit p {
  margin-left: 50px !important;
}

.wallet-balance p, .credit-limit p {
  line-height: 30px;
}

.wallet-balance, .credit-limit {
  position: relative;
  padding: 15px 0;
 
}

  .wallet-balance .icon-wallet-1:before, .credit-limit .icon-money-limit:before {
    position: absolute;
    margin-top: 29px;
    margin-left: 9px;
    font-size: 16px;
  }


.profile-setting p {
  margin: 0;
}

.profile-setting span {
  margin-right: 22px;
  font-size: 16px;
  vertical-align: middle;
}

.profile-setting li {
  
  color: #2a2a2a;
  padding-left: 22px;
  font-size: 14px;
  padding: 15px 0 15px 22px;
  cursor: pointer;
}

.profile-setting .active {
  background-color: rgba(216,216,216,0.3);
}

.profile-setting > li:last-child {
  
  font-weight: 500 !important;
 
}

.profile-sidebar .switch {
  position: absolute;
  right: 15px;
  top: 100px;
}

.account-tabs .tabs {
  box-shadow: none;
  background-color: transparent;
}

.account-tabs a {
  text-transform: none;
 
  text-transform: capitalize !important;
}

.account-heading {
  font-size: 16px;
  font-weight: bold;
}

.details-tabs {
 
  font-size: 12px;
}

/*.last-tab {
  border-right: none;
}*/
.waves-effect {
  z-index: 0;
}

.myAccount .default-form-box {
  padding: 30px 60px;
}

td, th {
  font-size: 12px;
  
}
td {
  text-align: center;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.myAccount label {
  color: #2a2a2a;
  font-weight: 600;
  margin-left: 10px;
  line-height: 38px;
}

.btn-myAccnt {
  max-width: fit-content;
}


.largeBox input {
  max-width: 320px;
  margin-bottom: 0 !important;
  padding-left: 20px !important
}

/* Default Header 
.profile_header-container {background: #ffffff}
.profile_header-wrapper {padding: 0 160px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); height: 56px; position: relative;}
.profile_header-wrapper .valign-wrapper{ height: 56px}
.profile_header-wrapper[type="tabs"] {background: #fafafa; position: unset}
.profile-header span[type="profile-header"] {color: #7700fe;}
.profile-container {padding: 25px 160px !important;}
.profile-section--header {color: #2A2A2A; text-transform: capitalize;}
.profile-header {font-weight: bold; font-size: 18px;}
.profile-header .headerIcon{ margin-right: 16px;}
.profile_header-wrapper.largeBox .profile-header {height: auto;padding: 40px 60px}
.profile_header-wrapper.largeBox {height: auto; }

*/


/* Team Management */
.teamBoxContainer {
  padding: 0 20px 0 0;
}

.teamBox {
  border-radius: 8px;
 
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  min-height: 200px;
  margin-bottom: 1.5rem;
}

.teamBoxTopBar {
  padding: 8px 8px 2px;
}

  .teamBoxTopBar span {
    font-size: 8px
  }

.icon-status {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

  .icon-status.online {
    background: #7bd80f;
  }

  .icon-status.offline {
    background: #ff5f73;
  }

.teamMemberProfilePic {
  border-radius: 50%;
  height: 48px;
  width: 48px;
 
  margin-right: 16px
}

.teamMemberProfile {
  padding: 0 16px 16px;
}

.teamMemberProfileInfo {
  display: grid;
}

.teamMemberProfileName {
  font-weight: 600;
 
  font-size: 14px;
  text-transform: capitalize;
}


.teamMemberEarning {
  padding: 12px 16px;
 
  font-size: 14px;
 
}

  .teamMemberEarning p {
    margin: 0
  }

.teamMemberEarningValue {
  font-weight: 600;
  float: right;
  min-width: 32px;
}

.teamMemberEarningTxn {
  margin-bottom: 8px !important
}

.viewDashboardLink {
  padding: 12px 16px
}

.teamMemberVD {
  font-weight: 600;
  font-size: 14px;
  margin: 0
}

.teamBox.addNew {
  background: transparent;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px dashed #cccccc;
}

.addNewBox {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  border: 1px dashed #cccccc;
  margin: auto;
  cursor: pointer;
  margin-bottom: 10px
}

  .addNewBox span {
    font-size: 40px;
    line-height: 72px
  }

/* Add Team Member */

#memberDetails {
 
  padding-right: 20px !important;
}

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

.servicesAccess td, .servicesAccess th {
  padding: 8px 6px;
}

.addTeamForm .absolute-btns {
  bottom: -30px
}

/* Search Transaction */
.txnIDText {
  color: #2A2A2A;
  margin-right: 20px
}

.default-form-box[for="searchTxn"] {
  padding: 30px 60px
}

.default-up-icons {
  position: relative;
  float: right;
  margin-right: 7px;
  bottom: 47px;
  color: #7700FE;
}

.default-dn-icons {
  position: relative;
  float: right;
  margin-right: -12px;
  bottom: 33px;
  color: #7700FE;
}


.reportTable {
  padding: 0 0 40px;
  background: #fff;
  position: relative;
}
select.selectdriver.darktheme {
  background: #ececec !important;
}
  .reportTable table {
  
    font-size: 12px;
  }

/*.reportTable table tr:first-child {
      background: #eaeaea
    }*/

/*.reportTable table tr td:first-child, .reportTable table tr th:first-child {
      padding-left: 20px
    }

.recharge-plan-table table tr td:first-child, .recharge-plan-table table tr th:first-child {
  padding-left: 20px
}*/

.topControls .left a {
  font-size: 14px;
  margin-bottom: 20px;
}

.icon-large {
  font-size: 20px;
  margin-right: 10px;
}

#sortModal {
  z-index: 1;
  width: 240px;
  margin-left: auto;
  margin-right: 0;
  right: 160px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1), 0 2px 4px 0 rgba(0,0,0,0.1)
}

.customFile {
  width: 0.1px !important;
  height: 0.1px !important;
  padding: 0 !important;
}

.customFileInput {
  height: auto !important;
  padding: 10px 20px !important;
  margin-right: 50px;
  border: solid 1px #7700FE;
}

  .customFileInput .addNewBox {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .customFileInput a {
    line-height: 1
  }


/* 30-11-2018*/
.money-wallet-box li {
  text-align: left;
  margin-bottom: 10px
}


.banking-icon::after {
  content: '0xe815';
}

.add-to-money-container [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
  border: 2px solid #7700fe
}

.add-to-money-container .recharge-radio [type="radio"]:not(:checked) + label:hover {
  font-weight: 600
}

.bank-transfer-deposit-table .select-wrapper span.caret {
  right: 88px;
  z-index: 1;
  top: 13px;
  color: #7700fe
}

.cancel-btn, .add-btn {
  float: none;
  display: inline-block;
  margin-top: 66px
}


  .add-bank-details input:hover, .add-bank-details select:hover {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2) !important
  }

  .add-bank-details input:focus {
    border-bottom: none !important
  }

/*3-12-18*/
.profile-container .ys-daterange, .profile-container .select-inlined input.select-dropdown {
  padding: 5px 20px 5px 25px !important;
}

.travel-calendar-container [type="radio"]:not(:checked) + label:before, .travel-calendar-container [type="radio"]:not(:checked) + label:after {
  border: 2px solid #7700FE;
}

.travel-calendar-container label {
  color: #2a2a2a;
  line-height: 40px;
}

.travel-calendar-container input {
  color: #2a2a2a;
}

.travel-calendar-container .select-wrapper span.caret {
  right: 15px;
  z-index: 1;
  top: 13px;
  color: #7700fe;
}

.travel-calendar-table {
  background-color: #eaeaea;
  margin-bottom: 30px;
  padding-bottom: 50px !important;
}

/* 5-12-18 */

.default-sidebar-subnav {
  background-color: #fafafa;
}

.default-subnav-icon {
  float: right;
}


/*07-12-18*/

/*Agent Dashboard*/
.agent-dashboard-container h5 {
  font-size: 14px;
 
  font-weight: 600;
  margin: 0px;
  line-height: 25px;
}




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


.prodeals-collapse {
  padding: 10px 20px;
}

.leaderboardTable ul {
  margin: 0;
}

.leaderboardTable li:last-child {
  border-radius: 8px;
}

.LeaderboardHeadingPadding {
  padding: 15px 20px;
}

.leaderboardTable ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  padding: 10px 15px;
}

  .leaderboardTable ul li p {
    margin-right: 15px;
   
  }

.agent-dashboard-container .determinate {
  width: 70%;
}



.dashboard-box {
 
  border-radius: 8px;
  padding: 15px 20px;
  margin-bottom: 8px;
}

.flexbox {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
}

.agent-dashboard-container .icon-file, .agent-dashboard-container .icon-sender, .agent-dashboard-container .icon-goal {
  font-size: 27px;
  /* color: #7700FE;*/
  margin-right: 10px;
}

.height200 {
  height: 200px;
}

.serviceIntro {
  margin-bottom: 40px;
}

.leaderArrow {
  position: absolute;
  right: 40px;
}

.targetSection {
  margin: 5px 0;
}

.proDealContent {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
 
}

.collapsible-header {
  border-bottom: 1 !important;
}

.promotionalDealsSection li:last-child {
  border-radius: 8px;
  border-bottom: none;
}

.promotionalAccordion {
  box-shadow: none;
  border-top: none;
  border-right: none;
  border-left: none;
}

  .promotionalAccordion h6 {
    font-size: 12px;
    font-weight: 600;
   
  }

  .promotionalAccordion .collapsible-header {
    padding: 0px 20px;
  }

    .promotionalAccordion .collapsible-header > div {
      line-height: 20px;
      padding: 10px 0;
    }

.filter-dropdown {
  position: absolute;
  right: 30px;
  top: 0;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  box-shadow: 0 1px 0px 1px #ddd;
  border-radius: 50px;
  background: #eaeaea;
  display:none;
}
.filterBox {
  display: none;
}
.filter-dropdown input.select-dropdown {
  height: 2rem !important;
  width: 70%;
}

  .filter-dropdown .select-rounded span.caret {
    right: 70px;
    top: 8px;
  }

.filterBox {
  width: 230px;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0 1px 8px 6px rgba(0, 0, 0, 0.06);
  z-index: 1;
}

  .filterBox ul {
    margin: 0;
    font-size: 12px;
    text-align: left;
  }

  .filterBox [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    font-size: 12px;
  }

  .filterBox li .icon-arrow-top:before {
    margin-right: 15px;
    margin-left: 10px;
  }

  .filterBox li {
    padding: 10px 15px;
  }

.compareUserCheckbox {
  box-shadow: none;
  border: none;
}

  .compareUserCheckbox li {
    padding: 0;
    border: none;
  }

  .compareUserCheckbox .collapsible-header {
  
    padding: 0 10px;
  }

  .compareUserCheckbox [type="checkbox"] + label {
    font-size: 12px;
    line-height: 17px;
    margin-left: 10px;
    margin: 5px;
  }
/* .compareUserCheckbox [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after{width: 15px;height: 15px;border:2px solid #7700fe;} */
.filterBox .collapsible-body {
  border-bottom: none;
  margin-top: 5px;
  padding-left: 10px;
}

.filters li:nth-child(3) {
  padding: 0;
}

.ProfileImg {
  width: 60px;
  height: 60px;
}

  .ProfileImg img {
    border-radius: 50%;
  }


.progressNumber {
  position: absolute;
  right: -35px;
  top: 25px;
}

.dashboard-box .icon-check {
  position: absolute;
  right: 80px;
  top: 27px;
  font-size: 18px;
}

/*.admin-id-specific label:before{margin-left: 15px;}*/
/*.admin-id-specific label{padding-left: 40px!important;}*/
.icon-searchtransactions, .admin-search-icon {
  margin-right: 10px;
}
/*Admin Dashboard*/

/* 31st Dec 2018 */
[type="checkbox"] + label {
  height: 20px;
  line-height: 20px;
}

.ht50 {
  height: 50px
}

/*one-way-search-filter*/
.filter_header {
  background: #7700FE;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 20px !important;
  align-items: center;
}

  .filter_header .icon-close {
    float: right;
  }

.priBtn {
  background: #7700FE;
  color: #FFFFFF;
  font-size: 12px;
  height: auto;
  line-height: initial;
  padding: 15px 20px;
}

.filter-container {
  max-width: 350px;
  display: block;
  margin: 0 auto;
}

  .filter-container > div {
    background: #fff;
  }

.w6 {
  font-weight: 600;
}

.d-block {
  display: block !important;
}

.tc-dark {
  color: #2a2a2a !important
}

.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.align-items-center {
  align-items: center;
}


[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
  border: 2px solid #7700FE;
}

.mob-popup {
  width: 94%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.filter_header {
  background: #7700FE;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 10px;
  align-items: center
}

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

.filter_header .icon-close {
  font-size: 10px;
  margin-left: auto
}

.stops-select-form form div {
  margin-bottom: 10px
}

.form_radio:last-child {
  margin-bottom: 0
}

.form_radio label {
  color: #2a2a2a;
  font-size: 12px !important
}

.form_radio input[checked] + label {
  font-weight: 600
}

.connect_airport_title {
  border-top: 1px solid #f4f4f4
}

#connect_airport--expanded {
  display: none;
}

.connect_airport.expanded .connect_airport_title {
  background: #f4f4f4
}

.connect_airport.expanded #connect_airport--expanded {
  display: block;
  transition: all 1s ease-out;
}

#layover-title {
  font-size: 14px
}

#connecting_airports--title {
  font-size: 14px;
  color: #2A2A2A;
  padding: 15px 10px;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  margin: 0
}

#connecting_airports {
  display: none
}

.connect_airport.expanded + #connecting_airports {
  display: block;
  transition: all 1s ease-out;
}

.connecting_airports--list [type="checkbox"] + label {
  line-height: 16px;
}

.airport_city {
  color: #2a2a2a
}

.airport_code {
  margin-left: 5px;
  color: #9e9e9e;
  font-weight: 600;
  font-size: 10px
}
/*one way seating selected*/
.passengerList {
  border-bottom: 1px solid #cccccc;
}

.grandTotal {
  background: #eaeaea;
  padding: 15px 10px;
  margin-bottom: 15px
}

/*one-way-sort*/
.sort_header {
  background: #FFFFF;
  color: #2A2A2A;
  border-radius: 8px 8px 0 0;
  align-items: center;
  border-bottom: 1px solid #f4f4f4
}

  .sort_header .icon-close {
    font-size: 10px;
    margin-left: auto
  }

.sort-title {
  font-size: 14px;
  color: #7700fe
}

.sortBy .icon-check {
  display: none;
  color: #7700FE;
  margin-left: auto;
}

.sortBy .selected {
  font-weight: 600;
  background: #dddddd
}

  .sortBy .selected .icon-check {
    display: block
  }

.sortTypes {
  padding: 10px
}

/*15/01/2019*/

.profile-sidebar:before {
  content: '';
  position: fixed;
  top: 0;
  left: auto;
  width: 100%;
  height: 100%;
  background: rgba(44, 39, 39, 0.8);
  z-index: -1;
  right: 370px;
}

.btn-confirm {
  margin-right: 10px;
}
/*Activity Details*/
.inner-padding1 {
  padding: 0 20px;
}

.activity-container {
  width: 400px;
  height: 428px;
  padding: 0;
}

.activity-title {
  background-color: #7700fe;
  width: 100%;
  text-align: left;
  padding: 22px 20px;
  margin: 0;
}

.titleSection {
  margin-top: -1px;
}

  .titleSection .icon-close {
    color: #fff;
    margin-top: -40px;
    margin-right: 15px;
  }


.dashboard-link {
  border-top: 1px solid #eaeaea;
  text-align: left;
  padding: 15px 20px;
}

  .dashboard-link .icon-arrow-right {
    position: absolute;
    right: 15px;
  }

.activity-details .icon-rupee-new {
  font-size: 8px;
  margin-right: 5px;
}

.border-bottom .icon-rupee-new {
  margin-right: 5px;
  font-size: 14px;
}

.w-100 {
  width: 100%;
}

.inner-padding {
  padding: 0 20px;
}


.notification-popup .notification-title {
  margin-top: 10px;
}

.notification-popup .inner-padding {
  padding: 15px 0;
}

.notification-popup p {
  margin: 0;
}

.notification-popup {
  height: 450px
}

  .notification-popup .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
  }

.credit-section {
  margin: 20px 0;
}
/*Flight Booster Popup Ends*/
/*Complete KYC Process*/
.kyc-container .back-icon {
  margin-top: 25px;
  font-size: 20px;
}

.termsText {
  border-bottom: 2px solid #9e9e9e;
  font-weight: 600;
}

.kyc-container .kyc-doc-required {
  color: #2a2a2a;
}

  .kyc-container .kyc-doc-required h2 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px !important;
  }

.kyc-container {
  padding-left: 240px;
  width: 100%;
}

.kycpadng {
  padding: 0 50px !important;
}

.kycIntro {
  padding: 20px 100px !important;
}
/*Complete KYC Process Ends*/
/*Admin Dashboard*/
.admin-arrow-bottom-desk {
  margin-left: 20px;
}

.admin-arrow-bottom-mob {
  margin-left: 10px;
}
/*Admin Dashboard Ends*/
/*Heatmap Details*/
.heatmap-container {
  padding-left: 270px;
}

.heatmap-section {
  background-color: #fff;
  border-radius: 8px;
  margin: 20px;
  padding: 10px;
  color: #2a2a2a;
}

.heatmapHeading {
  color: #2a2a2a;
}

.heatmap-section .back-icon {
  font-size: 20px;
}

.heatmap-container .filter-dropdown {
  right: 10px;
  height: 30px;
  line-height: 30px;
  position: unset
}

  .heatmap-container .filter-dropdown .select-wrapper input.select-dropdown {
    height: 2rem;
    width: 125px;
  }

  .heatmap-container .filter-dropdown .select-rounded span.caret {
    top: 7px;
  }

.heatmap-popup {
  width: 300px;
  background-color: #fff;
  box-shadow: 0 1px 8px 6px rgba(0, 0, 0, 0.06);
  padding: 20px;
  border-radius: 8px;
  margin: 0 auto;
  position: relative;
  top: -60vh;
}

.alertDetails {
  margin-bottom: 30px;
}
/*Heatmap Details Ends*/

/*Low Crate Balance Popup*/
.notification-popup {
  height: 450px
}

  .notification-popup .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
  }


  .notification-popup .notification-title {
    margin-top: 20px !important;
    line-height: 1.2;
  }

  .notification-popup .inner-padding {
    padding: 15px 0;
    color: #000;
  }

    .notification-popup .inner-padding span {
      margin-right: 10px;
    }

  .notification-popup p {
    margin: 0;
    color: #000;
  }

.credit-section {
  margin: 20px 0;
}

.icon2 {
  font-size: 30px;
  /*color: #153cd7;*/
}

.icon-low-crate {
  font-size: 50px;
}
/*Low Crate Balance Popup Ends*/

/*Admin New Enrollment*/
.enrollment-container {
  padding: 0;
  height: 332px;
  color: #2a2a2a;
}

img.imgCss.pop_up_img {
  width: 60px;
}

.enrollment-container .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.enrollment-container .ProfileImg img {
  border-radius: 50%;
}

.target-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px !important;
}

  .target-heading h1 {
    margin-left: 0 !important;
    color: #fff;
  }

.targetSection {
  margin-left: 0 !important;
  width: 100%;
  background-color: #7700fe;
}

.enrollmentcntnt {
  float: right;
}

.target-heading .icon-reports {
  margin-right: 10px;
  font-size: 30px;
}


.ProfileImg {
  width: 45px;
  height: 45px;
}

.progressNumberPopup {
  padding-bottom: 8px;
  padding-left: 10px;
}

.enrollmentDetails {
  border-bottom: 1px solid #dee2e6;
}

  .enrollmentDetails:last-child {
    border-bottom: none;
  }

  .enrollmentDetails p {
    margin-top: 10px !important;
  }
/*Admin New Enrollment Ends*/

/*Admin Service Packs*/
.kyc-container .back-icon {
  margin-top: 25px;
  font-size: 20px;
}

.summarySection, .servicePackSection .pack {
  background-color: #fff;
}

.summarySection {
  margin-bottom: 30px;
}

  .summarySection .icon {
    margin-right: 10px;
  }

  .summarySection .col {
    padding: 15px;
  }

    .summarySection .col:last-child {
      border-left: 1px solid #eaeaea;
    }

  .summarySection .icon-edit:before {
    position: absolute;
    top: 10px;
    right: 10px;
  }

.service-pack-container {
  color: #2a2a2a;
}

  .service-pack-container .d-flex {
    display: flex;
  }

.servicePackSection {
  margin-top: 0px;
  padding-left: 15px;
}

  .servicePackSection .pack {
    padding: 20px 0;
    border-radius: 8px;
    margin-left: 10px;
  }

  .servicePackSection .col:first-child .pack {
    margin-left: 0;
  }



.servicePackSection .inner-padding {
  padding: 15px 0;
}

.pack .icon2 {
  font-size: 30px;
  
}
/*Admin Service Packs Ends*/

/*Admin Target Assignment*/
.target-assignment-container {
  padding: 0px;
  height: 365px;
}

.assignmentTable > .col {
  padding: 0;
}

.assignmentTable .process, .assignmentTable p {
  margin: 0
}

.assignmentTable th {
  width: 50%;
}

.assignmentTable th, .assignmentTable td {
  border: 1px solid #dee2e6;
  padding: 10px 20px;
  color: #2a2a2a;
}

.target-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px !important;
}

  .target-heading h1 {
    margin-left: 0 !important;
    color: #fff;
  }

.agent-dashboard-container .targetSection {
  margin-left: 0 !important;
  width: 100%;
  border-radius: 0;
  padding: 10px;
}

.target-heading .icon-reports {
  margin-right: 10px;
  font-size: 30px;
}

.viewAssignmentSection {
  margin-left: 0 !important;
  width: 100%;
  padding: 15px;
  text-align: left;
  margin-bottom: 15px !important;
}

  .viewAssignmentSection a {
    color: #2a2a2a;
  }

.target-assignment-container .progressNumberPopup {
  margin-top: -25px;
}

.assignmentTable .progress {
  width: 80%;
}

.assignmentTable b {
  margin-left: 5px;
}
/*Admin Target Assignment Ends*/

/*Profile*/
.profile-user-details h5 {
  text-transform: uppercase;
}

.profile-user-details p {
  color: #616161 !important;
}

.profile-icns {
  font-size: 14px;
  margin-right: 3px;
}

.accntsect-icns {
  font-size: 28px;
}

.accntsct {
  float: right;
  margin-top: -33px;
  font-size: 16px;
}
/*Profile Ends*/
/*Multi City Search*/
.ms-flight-detail-info-container:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 90%;
  width: 1px;
  background: #dddddd;
}

.ys-ms-flight-detail {
  background: #fff;
}

.ms-flight-detail-info {
  width: 100%;
  padding: 20px 0 20px 40px;
  display: flex;
  align-items: center;
}

  .ms-flight-detail-info.row div img {
    border-radius: 4px
  }

  .ms-flight-detail-info > div {
    padding-right: 10px;
    vertical-align: top;
  }

  .ms-flight-detail-info .ms-flight-time {
    display: table;
    width: 100%;
  }

  .ms-flight-detail-info .ms-flight-stops {
    width: 80%;
    display: table;
    margin: 0 auto;
    z-index: 0;
    position: relative;
  }

.ms-price-book-box {
  padding: 60px 0
}

.ms-flight-detail-info .ms-flight-stops:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #dddddd;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.ms-flight-detail-info .ms-flight-time li, .ms-flight-detail-info .ms-flight-stops li {
  display: table-cell;
}

  .ms-flight-detail-info .ms-flight-time li:last-child,
  .ms-flight-detail-info .ms-flight-stops li:last-child {
    text-align: right;
  }

.ms-flight-detail-info .ms-flight-time span {
  display: block;
  color: #2e2e2e
}

.ms-flight-detail-info .ms-flight-stops li span {
  background: #fff;
  padding: 0 10px;
}

.flight-location {
  padding-left: 30px;
  margin-bottom: 0;
}

.flight-change-time {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  z-index: 0;
}

  .flight-change-time span {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    padding: 0 10px;
  }

  .flight-change-time:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1500px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: #7700FE;
    z-index: -1;
  }
/*Multi City Search Ends*/
/*Traveller UI*/
p.trvTxt {
  font-size: 16px;
}
/*Traveller UI Ends*/

/*Remittance eKYC*/
.dropzone {
  margin: 10px auto;
  border: solid 1px #7700FE !important;
  padding: 10px;
}
/*Remittance eKYC Ends*/
/*Remittance registration*/
.submit-btns {
  padding: 15px;
}
/*Remittance registration Ends*/

/*Module Deposit*/
.icon-aeps-alert {
  font-size: 150px;
  color: #FF5F73;
  text-align: center;
  line-height: 20px;
  padding: 50px;
}
/*Module Deposit Ends*/
/*Remittance User Dark Modules*/
.status p {
  font-size: 18px;
  color: #7700FE;
}

.money-limit p {
  font-size: 16px;
  padding-left: 30px;
}
/*Remittance User Dark Modules Ends*/

/*15-1-19 AMi*/
/*mobile recharge plans*/
.recharge-tabs {
  width: 100%
}

/*mobile recharge*/
.form-close-icon {
  right: 14px;
  left: unset;
}

/*recharge-successful*/
.recharge-container {
  height: 450px;
}

.recharge-title {
  font-size: 28px;
  font-weight: 700;
}

.recharge-success {
  font-size: 54px;
}

.recharge-container .success {
  font-size: 18px;
  font-weight: 700;
  margin: 10px auto;
}

.recharge-container .notification-amount {
  font-size: 28px;
  color: #2a2a2a;
}

.recharge-container .icon-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

/*flight booster popup*/
.flight-booster-container .icon-take-off-1 {
  font-size: 30px;
}

.flight-booster-container .notification-title {
  margin-top: 20px;
}

.flight-booster-container .inner-padding {
  padding: 15px 0;
}

.flight-booster-container p {
  margin: 0;
}

.credit-section {
  margin: 20px 0;
}

.flight-booster-container .icon-close {
  position: absolute;
  top: 25px;
  right: 20px;
}




  .comontable thead tr td {
    color: #000;
  }


/* profile-add-money-to-wallet.php */
.money-wallet-box .select-wrapper span.caret {
  z-index: 1;
  top: 10px;
  right: 10px;
}

.paymentAmount {
  margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
}




ul.tabs {
  width: 100%
}

.pgHeading {
  font-weight: 700;
  margin: 20px 0;
  line-height: 1.4;
}

/*.account {
  background-color: #fff;
}*/

.account label {
  font-size: 1.3rem;
}

.btn-ys-center {
  display: block;
  margin: 0 auto;
  margin-bottom: -35px;
}

.profile-header .icon-close:before {
  position: absolute;
  top: 16px;
  right: 128px;
}

.profile-container .ys-daterange, .profile-container .select-inlined input.select-dropdown {
  padding: 5px 20px 5px 20px !important;
}

.cancel-btn, .add-btn {
  float: none;
  display: inline-block;
  margin-top: 66px;
}

.add-bank-details {
  padding-bottom: 15px;
 
}

  .add-bank-details input:hover, .add-bank-details select:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) !important;
  }

  .add-bank-details input:focus {
    border-bottom: none !important;
  }


/*.payment-heading  .icon-rupee {position: absolute; top: 8px; }*/



.add-to-money-container [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
  border: 2px solid #7700fe;
}
/*.add-to-money-container .recharge-radio {text-align: left; margin-left: 373px; }*/
/*.add-to-money-container .recharge-radio li {margin-right: 78px; }*/
.add-to-money-container .recharge-radio [type="radio"]:not(:checked) + label:hover {
  font-weight: 600;
}
/*.bank-transfer-deposit-table input,.bank-transfer-deposit-table select,.bank-transfer-deposit-table .dropdown-content {margin-left: -70px!important; }*/
.bank-transfer-deposit-table .select-wrapper span.caret {
  right: 88px;
  z-index: 1;
  top: 13px;
  color: #7700fe;
}


/* profile help center raise ticket*/
.help-center-ticket label {
  color: #2a2a2a;
  font-weight: 600;
  margin-left: 10px;
  line-height: 38px;
}

.hc-vkvClick.default-form-box {
  background: #fff;
  padding: 0;
}

.hc-vkvClick h3 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 0;
  color: #2a2a2a
}

.hc-vkvClick p {
  font-size: 14px;
}

.hc-vkvClick a {
  font-size: 12px;
  color: #7700FE;
}

.hc-vkvClick hr {
  border-color: #f4f4f4;
}

.usingVKV {
  padding: 30px !important;
}

  .usingVKV:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
  }


/* help-faq */

.ys-login-form.wthut {
  max-height: 450px;
  max-width: 400px;
  margin-top: 90px !important;
  margin: auto;
}



.add-to-money-container .remittance-beneficiary-table {
  color: #2a2a2a;
}

.flight-markup-table {
  display: block;
  margin-bottom: 40px;
}

#mod_flights {
  padding: 0 !important
}

#domestic-flights.p0 {
  padding: 0 0 40px 0 !important
}

#international-flights.p0 {
  padding: 0 0 40px 0 !important
}

.aepsDriver.selectbox {
  width: 180px
}

/*Profile Setting - Refferal Code*/
.rc-h3 {
  text-align: center;
  text-transform: uppercase;
}

.referral-code-box {
 
  text-align: center;
}

  .referral-code-box p {
    margin: 0;

    line-height: 1.5;
  }

.rc-invite_code {
  border: 2px solid #FF5F73;
  padding: 21px 43px;
  font-weight: 600;
}

.rc-SHowInviteCode {
  border-bottom: 1px solid #FF5F73;
}

.rc-invite_code_details p {
  text-align: center;
}
/*Profile Setting - Refferal Code Ends*/
/*Profile Setting - Custom Setting*/

.customSettingsPadding {
  margin-right: 15px;
  cursor: pointer;
}

  .customSettingsPadding.bluetheme {
    color: #153cd7;
   
  }
  .customSettingsPadding.greentheme {
    color: #4CD964;
  }

  .customSettingsPadding.orrangetheme {
    color: #FF9500;
  
  }
  .customSettingsPadding.Pinktheme {
    color: #FF2D55;
   
  }
  .customSettingsPadding.Purpletheme {
    color: #7700FE;
   
  }
  .customSettingsPadding.redtheme {
    color: #FF3B30;
   
  }

nav .nav-wrapper i {
  font-size: 22px;
  color: #3a3a3a;
}

.customSetting {
 
  padding: 10px 30px !important;
}

.custom-settings-box .col:first-child, .custom-settings-box .col:last-child {
  border-bottom: none;
}

.custom-settings-box .switch {
  float: right;
  margin-top: -67px;
  margin-right: 90px;
}

.setting-box {
  position: absolute;
  right: 15px !important;
  background-color: #000;
  z-index: 1;
  color: #fff;
  top: 15px;
  border-radius: 10px;
}

  .setting-box li {
    padding: 10px 30px;
  }

.theme-icon, .color-icon {
  position: relative;
  font-size: 28px;
  float: right;
}
/*Profile Setting - Custom Setting Ends*/

/*Profile Setting - Service Setting*/
.service-setting .col {
 
  padding: 18px 30px !important;
}

 
/*.service-setting .col:nth-child(even) {background-color: #eaeaea; font-weight: 600;}*/
/*Profile Setting - Service Setting Ends*/

/*Profile Commission Report*/
#default-report-date {
  color: #2A2A2A;
  font-size: 14px;
}
/*Profile Commission Report Ends*/
/*Profile Wallet Summary - Wallet Summary*/
.tp-Section {
  margin-bottom: 50px;
}

.wallet-summary_header .icon-rupee:before {
  position: absolute;
  color: #7BD80F;
}

.wallet-summary_header .ys-rt-flight-detail {
  box-shadow: none;
  border-radius: none;
  background-color: transparent;
}

.wallet-summary_header .flight-book-now {
  margin-top: 15px;
  margin-left: 15px;
}

.wallet-summary-details .icon-rupee-2:before {
  position: absolute;
  top: 13px;
  left: 10px;
  color: #616161;
  font-size: 14px;
}

.wallet-summary-details .btn {
  font-size: 14px;
}

.wallet-summary-details input.boxed-input {
  padding: 16px 35px !important;
}

.wallet-summary_header .default-input.outlined:focus {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important;
  color: #2a2a2a;
}

.wallet-summary-details input.boxed-input::-webkit-input-placeholder {
  color: #9e9e9e;
}

.wallet-summary-tab ul li.tab a {
  color: #2a2a2a;
  font-weight: normal;
}

.wallet-summary-container .wallet-summary-account {
  padding: 0 !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.wallet-summary-container .wallet-summary-table th, .wallet-summary-container .wallet-summary-table td {
  padding: 15px 34px;
}

.wallet-summary-container .wallet-summary-table tr:first-child {
  background-color: #eaeaea;
  color: #2a2a2a;
}

.wallet-summary-container .wallet-summary-table span {
  font-weight: 600;
  color: #2a2a2a;
}

.wallet-summary-container .successful, .wallet-summary-container .rejected, .wallet-summary-container .pending {
  font-size: 14px;
}

/*.withdraw-money-table tr:hover {
  background-color: #eaeaea;
}*/

.successful {
  color: #7BD80F !important;
  font-size: 14px;
}

.rejected {
  color: #FF5F73 !important;
  font-size: 14px;
}

.refund {
  color: #FF5F73 !important;
  font-size: 14px;
}

.pending {
  color: #FFD300 !important;
  font-size: 14px;
}

#walletsummaryForm {
  background-color: #fff;
}

.profilewalletSummary-tr {
  border-bottom: 1px;
}
/*Profile Wallet Summary - Wallet Summary Ends*/

/*Profile Wallet Summary - Withdraw Money*/
.AddbankDetails {
  margin-left: 24px;
  padding-bottom: 10px;
}

.wdr {
  padding: 30px 13px !important;
  border-top: 1px solid #cccccc;
}

.wdrtxt .icon-rupee-2:before {
  position: absolute;
  top: 13px;
  left: 25px;
  color: #616161;
  font-size: 14px;
}

.withdraw-money-table td {
  color: #2a2a2a;
}
/*Profile Wallet Summary - Withdraw Money Ends*/

/*Profile Wallet Summary - Balance Alert*/
.bank-transfer-deposit-table .select-wrapper span.caret {
  right: 13px;
  z-index: 1;
  top: 13px;
  color: #7700fe;
}

.bank-transfer-deposit-table .default-input, .bank-transfer-deposit-table .select-inlined input.select-dropdown {
  padding: 5px 20px 5px 20px;
}
/*Profile Wallet Summary - Balance Alert Ends*/

/*Profile Wallet Summary*/
.yurwalletbalnce {
  border-right: 1px solid #cccccc;
}

.walletbalanceAmount {
  margin-left: 18px;
  line-height: 15px;
}

.walletBalance {
  margin-top: 20px;
  margin-left: 35px;
}

.EnterAMOut {
  width: 100%;
  position: relative;
}
/*Profile Wallet Summary Ends*/

.paymentGateway_header {
  padding: 30px 55px !important;
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.10);
}

.profilereportsection label {
  color: #2a2a2a;
  font-weight: 600;
  margin-left: 10px;
  line-height: 39px;
}

.profile-report-btn {
  display: none;
}

.abd_section {
  padding-bottom: 20px !important
}

.mfows_icons {
  float: right;
  right: 18px;
  position: relative;
}

.cancellation_penaltiesSection {
  font-size: 9px;
  color: #2a2a2a;
}

.Zero_CancellationSection {
  font-size: 12px;
}

.zero-cacellation-accordianSection {
  padding: 8px 0 8px 10px !important;
}

.flightFareSection {
  right: 12px;
  position: absolute;
}

/*Admin Heatmap Details*/
.heatmap-section > .row > div {
  padding: 10px 10px 30px
}

.heatmap-section .icon-down {
  margin-left: 10px;
  font-size: 7px;
  position: relative;
  top: -2px;
}

.filter-dropdown .hide-on-med-and-up {
  font-size: 7px;
}

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

.navbar-fixed {
  height: 60px !important;
}

.PaYment_gaTeway_Radio span {
  margin-right: 10px;
}

#terms_label {
  line-height: unset;
}

.activity-tabs .tabs {
  box-shadow: none;
  background-color: transparent;
}

.activity-tabs li.active a {
  font-weight: 600
}

.activity-tabs a {
  text-transform: none;
  color: #2A2A2A !important;
}




@media (max-width: 576px) {
}

/*Custom CSS For Large Device view ony*/
@media (max-width: 1440px) {
  .ys-login-info {
    padding: 30px;
  }

  #icon-detect-LOcation {
    margin-right: 30px;
  }
  /*.onboarding-view-password{top: 5px;right: 60px;}*/
  .ys-note {
    padding: 15px !important;
    margin-top: 0;
  }
}

/*Custom CSS For Meduim Device view ony*/
@media (max-width: 1024px) {
  .ys-login-info {
    padding: 20px !important;
  }

  #icon-detect-LOcation {
    margin-right: 25px;
  }

  .onboarding-view-password {
    top: 5px;
    right: 30px;
  }

  .ys-note {
    padding: 15px !important;
    margin-top: 0;
  }

  .profile-container {
    padding: 25px 10px !important;
  }

  .myAccount .default-form-box {
    padding: 30px 20px;
  }
}

/*Custom CSS For Tablet Device view ony*/
@media (max-width: 768px) {
  body {
    padding-top: 65px;
  }


  .ys-login-info {
    padding: 20px;
  }

  #icon-detect-LOcation {
    margin-right: 25px;
  }

  .onboarding-view-password {
    top: 5px;
    right: 30px;
  }

  .ys-note {
    padding: 15px !important;
    margin-top: 0;
  }

  .meal-selector .meal {
    margin: 20px 10px !important;
    padding: 0;
  }

  .myAccount .default-form-box {
    padding: 30px 10px;
  }

  .profile-container {
    padding: 25px 10px !important;
  }

  .payment-heading {
    padding: 30px 15px !important;
  }

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

  .agent-dashboard-container {
    padding-left: 20px;
    margin-top: 40px;
  }

  .Recharge-tab-view {
    margin-top: 70px !important;
  }

  .remmitance-logedin-sender {
    margin-top: 60px !important;
  }

  .remittance-tab-view {
  }

  .profile_header-wrapper {
    padding: 0 40px !important;
  }

  .theme-icon, .color-icon {
    right: 250px !important;
  }

  .leaderArrow {
    top: 40px;
    right: 30px;
  }

  .dashboard-box .icon-check {
    right: 15px;
    top: 20px;
    font-size: 12px;
  }

  .rupee-icon {
    top: 12px;
    left: 14px;
    position: absolute;
    z-index: 5;
  }

  .email-icon {
    top: 12px;
    left: 14px;
    position: absolute;
    z-index: 5;
  }

  /*Admin Heatmap Details*/
  .heatmap-container {
    padding-left: 0;
    margin-top: 65px;
  }
  /*Dashboard Sidebar*/
  .profile-sidebar .switch {
    top: 150px;
  }

  .profile-sidebar {
    margin-top: 55px;
  }

  [type="radio"]:not(:checked) + label[radao] {
    padding-left: 10px !important;
  }
}

/*one-way-search-filter*/
.filter_header {
  background: #7700FE;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 20px !important;
  align-items: center;
}

  .filter_header .icon-close {
    float: right;
  }

.priBtn {
  background: #7700FE;
  color: #FFFFFF;
  font-size: 12px;
  height: auto;
  line-height: initial;
  padding: 15px 20px;
}

.filter-container {
  max-width: 350px;
  display: block;
  margin: 0 auto;
}

  .filter-container > div {
    background: #fff;
  }

.w6 {
  font-weight: 600;
}

.d-block {
  display: block !important;
}

.tc-dark {
  color: #2a2a2a !important
}

.d-flex {
  display: flex
}

.align-items-center {
  align-items: center;
}

.ml-auto {
  margin-left: auto;
}

.m-0 {
  margin: 0 !important
}

.m-10 {
  margin: 10px;
}

.p-0 {
  padding: 0 !important
}

.pad10 {
  padding: 10px !important
}

[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
  border: 2px solid #7700FE;
}

.mob-popup {
  width: 94%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.filter_header {
  background: #7700FE;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 10px;
  align-items: center
}

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

.filter_header .icon-close {
  font-size: 10px;
  margin-left: auto
}

.stops-select-form form div {
  margin-bottom: 10px
}

.form_radio:last-child {
  margin-bottom: 0
}

.form_radio label {
  color: #2a2a2a;
  font-size: 12px !important
}

.form_radio input[checked] + label {
  font-weight: 600
}

.connect_airport_title {
  border-top: 1px solid #f4f4f4
}

#connect_airport--expanded {
  display: none;
}

.connect_airport.expanded .connect_airport_title {
  background: #f4f4f4
}

.connect_airport.expanded #connect_airport--expanded {
  display: block;
  transition: all 1s ease-out;
}

#layover-title {
  font-size: 14px
}

#connecting_airports--title {
  font-size: 14px;
  color: #2A2A2A;
  padding: 15px 10px;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  margin: 0
}

#connecting_airports {
  display: none
}

.connect_airport.expanded + #connecting_airports {
  display: block;
  transition: all 1s ease-out;
}

.connecting_airports--list [type="checkbox"] + label {
  line-height: 16px;
}

.airport_city {
  color: #2a2a2a
}

.airport_code {
  margin-left: 5px;
  color: #9e9e9e;
  font-weight: 600;
  font-size: 10px
}
/*one way seating selected*/
.passengerList {
  border-bottom: 1px solid #cccccc;
}

.grandTotal {
  background: #eaeaea;
  padding: 15px 10px;
  margin-bottom: 15px
}

/*one-way-sort*/
.sort_header {
  background: #FFFFF;
  color: #2A2A2A;
  border-radius: 8px 8px 0 0;
  align-items: center;
  border-bottom: 1px solid #f4f4f4
}

  .sort_header .icon-close {
    font-size: 10px;
    margin-left: auto
  }

.sort-title {
  font-size: 14px;
  color: #7700fe
}

.sortBy .icon-check {
  display: none;
  color: #7700FE;
  margin-left: auto;
}

.sortBy .selected {
  font-weight: 600;
  background: #dddddd
}

  .sortBy .selected .icon-check {
    display: block
  }

.sortTypes {
  padding: 10px
}

/* custom CSS for mobile only view */
@media (max-width: 576px) {
  .container {
    width: 96%
  }
  /*setting default container size for mobile devices*/
  .row {
    margin: auto !important;
  }

    .row .col {
      padding: 0
    }

  .vkv-tabs {
    padding: 0 20px !important;
  }

  #vkvflighttabs .tabs .tab {
    padding: 0;
  }

  .flightDetailTabs ul.tabs {
    padding: 14px 0;
    width: 100%
  }

  .flightDetailTabs .tabs li.tab {
    border-right: 1px solid #c4c4c4;
    height: auto !important;
    line-height: 20px !important
  }

  .flightDetailTabs li.tab:last-child {
    border-right: none !important
  }

  .flightDetailTabs li.tab[details_type="cancellation"] {
    border-right: none !important
  }

  .flightDetailTabs .tabs .tab a {
    font-size: 10px;
    letter-spacing: 0.2px;
    text-transform: none;
    color: #9e9e9e !important;
    text-transform: capitalize !important;
  }

    .flightDetailTabs .tabs .tab a.active {
      font-weight: 600;
      color: #2a2a2a !important
    }

  .flightDetailTab {
    padding: 10px !important;
  }

  [type="checkbox"].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 7px;
    height: 11px;
  }

  .select-rounded input.select-dropdown {
    background: #f4f4f4;
    font-size: 11px;
  }

  .ys-circleIcon {
    top: 36px;
    right: 20px;
    color: #ffffff;
    transform: rotate(90deg);
  }

  .select-wrapper input.select-dropdown {
    height: 2.25rem;
  }

  .default-form-box .select-wrapper span.caret {
    top: 9px;
  }

  .select-rounded input.select-dropdown {
    padding: 0 12px;
  }

  .select-wrapper.select-inlined input.select-dropdown, .ys-daterange {
    height: 3rem !important;
  }

  .form-icon {
    top: 10px;
    font-size: 14px;
    left: 12px
  }

  /*one-way-search*/
  .sortType {
    display: inline-flex;
    padding: 0 !important
  }

    .sortType .select-rounded {
      float: none;
      margin: 8px 10px 8px 0;
    }

  .select-wrapper input.select-dropdown {
    height: 2.0rem;
  }

  .sortType span.caret {
    right: 7px;
    top: 6px;
    font-size: 9px
  }

  .flight-type span {
    font-size: 14px
  }

  .ys-ow-search-header .col.s12 {
    padding: 10px 4px;
  }

  .ys-ow-search-result-flight {
    padding: 0 !important
  }

  .ys-ow-flight-detail {
    border-radius: 3px;
  }

  .modify-search {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 5px;
  }

  .modify_icon {
    background: #9E9E9E;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    display: block;
    font-size: 10px;
  }

  .flight-detail-info.flightDetailInfo {
    padding: 10px !important;
    display: inline-flex;
  }

  .flight-detail-info {
    padding: 0 !important;
  }

  .flight-img {
    padding-right: 0;
    width: 36px;
    border-radius: 3px;
    height: 36px;
    margin-right: 8px !important
  }

  .flight-time {
    display: inline-grid;
    margin-left: 8px
  }

  .flight-time-1 {
    display: inline-flex;
  }

  .flight-time-2 {
    display: inline-flex;
  }

    .flight-time-1 span, .flight-time-2 span {
      margin-top: 0px;
    }

    .flight-time-2 span {
      font-size: 10px;
      color: #9e9e9e !important;
    }

      .flight-time-2 span:not(:last-child)::after {
        content: ' \00B7 ';
        margin-right: 2px
      }

  .depart-time, .arrive-time {
    font-weight: 600;
    color: #2a2a2a !important;
  }

  .depart-loc, .arrive-loc {
    font-size: 10px;
    color: #9e9e9e !important;
    top: -3px;
    position: relative;
  }

  .flight-time-horz-seperater {
    width: 15px;
    height: 2px;
    background: #cccccc;
    position: relative;
    margin: 8px;
  }

  .flight-fare {
    display: inline-grid;
  }

    .flight-fare .icon-rupee {
      margin-right: 4px;
      vertical-align: middle;
    }

  .flight-fare-1 span {
    font-size: 12px;
    color: #000000 !important;
    font-weight: 800;
    display: inline-flex;
    margin-top: 0px;
  }

  .flight-fare-2 {
    font-size: 10px;
    color: #9e9e9e !important;
    display: inline-flex;
    margin-top: 2px
  }

    .flight-fare-2 span {
      margin-top: 1px;
      line-height: 1;
    }

  .flight-type {
    float: right;
    border-left: 2px solid #eaeaea;
    padding-left: 12px;
    margin-left: 12px;
    position: relative;
  }

    .flight-type span {
      vertical-align: middle;
      margin-top: 0;
    }

  .icon-lite-fare {
    margin-top: 3px !important
  }

  .flight-details-expand {
    border: none;
    border-radius: 0 0 5px 5px;
  }

    .flight-details-expand .collapsible-header {
      border-bottom: none;
      border-radius: 0 0 5px 5px;
    }

  [type="checkbox"] + label {
    padding-left: 30px;
    line-height: 15px;
  }

  .zero-cacellation-accordian {
    padding: 0;
  }

  .collapsible-header {
    min-height: auto;
    line-height: normal;
  }

  .flight-detail-info.expanded {
    padding: 0 !important;
  }

  div[type="flight-desc"] {
    margin-bottom: 10px;
    font-weight: 600;
    color: #2a2a2a
  }

    div[type="flight-desc"] span {
      margin-right: 2px;
    }

  .flight-detail-info h2 {
    font-size: 12px;
    line-height: 12px;
    width: auto;
    margin-right: 30px
  }

    .flight-detail-info h2 span {
      font-size: 10px;
      color: #9e9e9e;
    }

  .flight-detail-info ul.flight-time {
    width: auto;
  }

    .flight-detail-info ul.flight-time li {
      width: auto;
      vertical-align: top;
      line-height: 12px;
      font-weight: 600;
      color: #2a2a2a;
      margin-right: 24px;
    }

  .flight-detail-info.expanded span {
    margin-top: 4px;
    font-weight: 400;
  }

  .flight-detail-info.fare-details-box {
    padding: 0 !important
  }

  .fare-price {
    margin-left: 16px;
    width: auto;
  }

  .flight-detail-info.fare-details-box li {
    margin-bottom: 1px;
    line-height: 15px;
  }

  .flight-detail-info.fare-details-box span {
    margin-top: 0px;
    margin-left: 12px;
  }

  .fare-price li.fare-total {
    margin-top: 2px
  }

    .fare-price li.fare-total span {
      font-weight: 700
    }

  .refund-type {
    padding-left: 16px !important;
  }

    .refund-type h3 {
      font-size: 12px;
      font-weight: 600;
      margin-top: 0;
    }

    .refund-type span {
      font-size: 12px;
      margin-top: 2px;
    }

  .checkinBag, .cancelBox {
    border-right: 2px solid #c8c8c8;
  }

  .baggage-box, .cancellation-box {
    padding: 5px 0;
  }

    .baggage-box ul.d-block, .cancellation-box ul.d-block {
      padding: 5px 5px 5px 15px
    }

      .baggage-box ul.d-block li, .cancellation-box ul.d-block li {
        display: inline-flex;
        font-size: 10px;
        line-height: 20px;
        height: auto
      }

  li[type="title"] {
    font-size: 12px !important;
    color: #2a2a2a;
  }

  .baggage-box li span, .cancellation-box li span {
    margin-right: 5px
  }

  .baggage-box span, .cancellation-box span {
    margin-top: 0;
  }

  /*Price Alert Notification*/
  #priceAlert.modal {
    border-radius: 10px;
    width: 90%
  }

  .priceAlertImg span {
    font-size: 6rem
  }

  .priceAlertText {
    font-size: 12px;
    color: #2a2a2a;
    margin-bottom: 20px
  }

    .priceAlertText h2 {
      font-size: 22px;
    }

  .modal-close {
    font-size: 36px;
    color: #9e9e9e;
    padding: 0;
    float: right;
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1
  }

  .priBtn {
    background: #7700FE;
    color: #FFFFFF;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }

  /*one-way-itinerary*/
  .itSect {
    padding: 0 12px;
  }

  .itineraryHeader ul {
    border: none;
  }

    .itineraryHeader ul li {
      height: 48px;
      width: 28%;
      line-height: 48px;
      padding-left: 10px;
    }

      .itineraryHeader ul li.active {
        width: 44%;
      }

  .itineraryHeader .num {
    width: 30px;
    height: 30px;
    line-height: 24px;
  }

  .itineraryHeader ul li a {
    font-size: 12px;
  }

  .itSection {
    border-radius: 4px;
    padding: 10px 12px;
    margin: 20px 0;
  }

  .fltDisc h2 {
    font-size: 12px;
    margin-bottom: 5px
  }

    .fltDisc h2 span {
      padding: 0 10px;
    }

  .fltDisc p {
    font-size: 10px;
  }

  .fltDisc h3 {
    font-size: 12px;
    display: none
  }

  .fltDisc span.flight-price {
    font-size: 14px;
  }

  .fltDisc {
    margin-bottom: 24px;
  }

  .btn {
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    padding: 0 20px;
  }

  .itnMainHeading h2 {
    font-size: 12px;
    margin-top: 16px
  }

  .depFltBox {
    margin-top: 12px
  }

  .depFltHeader {
    padding: 10px;
  }

    .depFltHeader h2 {
      font-size: 12px;
      margin-top: 6px;
      margin-bottom: 0;
      margin-right: 24px;
      float: none;
      width: auto;
      line-height: 1
    }

    .depFltHeader span {
      margin-top: 2px;
      font-size: 10px;
      font-weight: 400;
    }

  .collapsible-header .right {
    margin-left: auto;
  }

  .depFltHeader ul {
    width: auto;
    margin-top: 6px
  }

    .depFltHeader ul li {
      font-size: 12px;
      width: auto;
      margin-right: 24px;
    }

  .depFltHeader span {
    margin-top: 2px !important;
  }

  .depFltbody {
    padding: 10px !important;
  }

    .depFltbody ul {
      margin: 0 10px;
      width: auto
    }

      .depFltbody ul li {
        font-size: 10px;
      }

    .depFltbody .duration {
      margin: 10px 0;
    }

  .depFltFooter {
    padding: 10px;
    font-size: 10px
  }

  .depFltBox.travelBox ul {
    border: none;
  }

  .trvHeader {
    padding: 10px;
    border-bottom: 0;
  }

    .trvHeader p {
      font-size: 12px;
      font-weight: 600
    }

      .trvHeader p span {
        font-size: 10px;
      }

  .travelBoxBot {
    padding: 10px
  }

    .travelBoxBot label {
      height: auto;
      font-size: 12px !important;
      line-height: 1.1 !important;
      padding-left: 30px;
    }

    .travelBoxBot ul li {
      margin-bottom: 6px;
    }

  [type="radio"] + label:before, [type="radio"] + label:after {
    margin-top: 0px;
  }

  .trbBoxUp {
    display: inline-block;
    min-width: 300px;
    float: none;
    vertical-align: top;
  }

  .trbBox {
    padding: 20px
  }

    .trbBox span {
      font-size: 40px;
    }

    .trbBox h2 {
      font-size: 14px;
    }

    .trbBox p {
      font-size: 12px;
    }

  .trvbodyRow {
    display: block;
    white-space: nowrap;
    overflow: scroll;
    padding-right: 15px;
    margin: 0;
    padding-bottom: 10px;
  }

  .trbBox h3 {
    font-size: 20px
  }

  .trvContainer {
    margin-top: 40px
  }

  .itSecPrior .itSecPriorRight {
    width: auto;
  }

  .itSecPrior h2 {
    margin: 0;
    font-size: 12px;
    width: auto;
    margin-top: 0.75rem;
  }

  input.boxed-input {
    padding: 6px 10px !important;
    height: 40px !important
  }

  .input-field {
    margin-top: 0.25rem;
    padding-right: 0.25rem !important;
  }

  input.boxed-input.small {
    padding: 6px 10px !important;
    min-width: inherit
  }

  .itSecPriorRight [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    height: auto;
    line-height: normal
  }

    [type="radio"]:checked + label[radeo] {
      line-height: unset;
    }

  .gstSec {
    padding: 12px;
  }

  input {
    font-size: 12px !important;
  }

  .meal-selector .meal {
    margin: 10px;
    background: #fff;
    padding-bottom: 10px;
  }

    .meal-selector .meal h2 {
      font-size: 12px;
    }

    .meal-selector .meal .input-field {
      margin-top: 0;
      padding-left: 10px;
    }

  /* Flight Payment */
  .payments-container {
    padding: 10px 0;
  }

  .bold25 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2
  }

  .whitebox {
    padding: 10px;
    background: #ffffff;
    border-radius: 4px;
    margin: 10px 0
  }

  .tripDetails {
    padding-bottom: 10px
  }

  .filghtSummary img {
    margin-left: 0
  }

  #wallet-fees {
    margin-left: 5px;
  }

  #booking-info {
    color: #666666;
  }

  .payment-header {
    font-size: 13px;
  }

  .collapsible-booking-header {
    line-height: 40px;
  }

  .payment-options h2 {
    margin-bottom: 5px;
  }

  .vkv-wallet-details h2 {
    margin-bottom: 5px;
  }

  .payment-vkv-wallet {
    padding: 10px !important;
  }

  .payment-option-section {
    padding: 15px 10px !important;
  }

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

  .flx-swipe {
    display: flex;
    flex-direction: column-reverse;
  }

  .booking-summary-header {
    height: 40px;
    margin-left: 5px;
  }

  .flight-img-div {
    width: 40%;
  }

  .booking-summery-detail p {
    margin-left: 5px;
  }

  .booking-flight-source {
    margin-right: 0
  }

  .booking-right-border {
    margin: 2px 5px;
    height: 40px;
  }

  .whitebox {
    padding: 0
  }

  .booking-flight-destination {
    padding: 0;
  }

  .booking-flight-details p span {
    font-size: 12px !important;
  }

  .booking-summery h4 {
    padding: 10px;
  }

  /*02-12-2018*/
  /*Account personal details*/
  body {
    padding-top: 65px;
  }

  .profile-container {
    padding: 0px !important;
  }

  .myAccount .default-form-box {
    padding: 20px 8px;
  }

  .myAccount label {
    margin-left: 0px;
    font-weight: 400;
  }

  .profile_header-wrapper {
    padding: 0 20px !important;
  }

  .hideOnMobile {
    display: none;
  }
  /*Account reset pasword */
  .accntleft-icons {
    margin-top: 10px;
    margin-left: 5px;
  }
  /*mywallet*/
  .amountField {
    margin-left: 0 !important;
  }

  .wallet-summary-tab .account-tabs {
    width: 100% !important;
  }

  .wallet-summary-container .wallet-summary-table th, .wallet-summary-container .wallet-summary-table td {
    padding: 10px !important;
  }

  .balanceAlertForm {
    background-color: #fff !important;
    border-radius: 0 !important;
  }

  .bank-transfer-deposit-table .icon-email, .bank-transfer-deposit-table .rupee-icon {
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 14px;
    z-index: 1;
    color: #616161;
  }

  .bank-transfer-deposit-table .default-input, .bank-transfer-deposit-table .select-inlined input.select-dropdown {
    padding: 5px 20px 5px 40px !important
  }

  .hideOnDesktop {
    display: block !important;
  }

  .balanceAlert {
    background-color: #fff;
  }

  .wdrbtn button {
    float: none !important;
    height: 50px;
  }

  /*Team Management*/
  .flex-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .teamBox {
    min-height: 130px;
    border-radius: 0;
  }

  .teamMemberEarning {
    display: flex;
    border-bottom: none;
    padding-left: 80px;
  }

  .teamMemberProfile {
    border-bottom: none;
    padding: 16px;
  }

  .teamMemberEarningText {
    margin-right: 10px;
  }

  .dashboard-icon {
    position: absolute;
    right: 20px;
    bottom: 55px;
  }

  .viewDashboardLink {
    padding: 0;
  }

  .icon-status-mobile {
    position: absolute;
    left: 55px;
    bottom: 23px;
  }
  /* Add Team Member */
  .addTeamContainer {
    margin-top: 10px
  }

  .addTeamTop {
    border-radius: 0;
    padding: 20px !important;
  }

  .addTeam-topRadio {
    display: grid;
    margin: 0;
  }

    .addTeam-topRadio li {
      margin-bottom: 10px;
    }

  .addTeamForm .default-form-box {
    padding: 20px !important;
  }

  #memberDetails {
    border-right: none;
    padding-right: 0 !important;
    padding-bottom: 40px;
  }

  .accessServices {
    padding: 0 !important;
    margin: 0;
  }

  /*Flight Markup Service*/
  .domestic-flights-mobile-table {
    background-color: #fafafa;
  }

  .service-setting .domestic-flights-mobile-table .col {
    padding: 6px 10px !important;
    border-bottom: none;
    line-height: 33px
  }

  .domestic-flights-mobile-table .form-icon {
    top: 4px;
  }

  /*Flight Calender*/
  .travel-calendar-table {
    padding: 20px 10px !important;
  }

  /*AddMoneyToWallet*/
  .payment-heading {
    padding: 20px 8px !important;
  }

  .payment-gateway-margin {
    margin-right: 20px;
    margin-left: 10px;
  }

  .add-to-money-container [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after {
    margin-top: 4px;
  }

  /*Profile-searchtxn*/
  .default-form-box[for="searchTxn"] {
    padding: 25px 5px;
  }

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

  .profile_header-wrapper.largeBox .profile-header {
    padding: 20px 0
  }

  .txnIDText {
    margin-right: 10px;
  }

  .profile-header {
    font-size: 12px;
  }
  /*04-12-2018 */
  .addNewBox span {
    line-height: 40px;
  }

  .addNewBox {
    height: 45px;
    width: 45px;
  }

  .money-wallet-box label {
    margin-left: 0;
  }

  .mn-inner {
    margin-top: 0;
  }

  .profile-sidebar {
    width: 280px;
    margin-top: 60px;
  }

  .user-details {
    padding: 10px 0;
  }

    .user-details h5 {
      font-size: 12px !important;
    }

    .user-details p {
      font-size: 10px !important;
    }

  .profile-padding {
    padding: 10px 8px;
  }

  .ptb15 {
    padding: 10px 0;
  }

  .profile-setting li {
    padding: 15px 0 15px 10px;
  }

    .profile-setting li:nth-child(8) {
      padding-bottom: 10px;
    }

  .profile-sidebar .switch {
    top: 140px;
    right: 0px;
  }

  .profile-img {
    width: 40px;
    height: 40px;
    margin-top: 5px;
  }

  .profileFormBoxField {
    padding: 0 !important;
  }
  /*Profile Settings - Custom Settings*/
  .custom-settings-box .settingsHeading {
    font-size: 12px;
    font-weight: normal;
  }

  .custom-settings-box .theme-icon, .custom-settings-box .color-icon {
    bottom: 23px;
    right: 15px;
  }

  .custom-settings-box .switch {
    margin-top: -45px !important;
    margin-right: -25px !important;
  }

  .custom-settings-box .customSetting {
    padding: 20px 30px !important;
  }

    .custom-settings-box .customSetting:last-child {
      padding-bottom: 50px !important;
    }

  /*05-12-18*/
  .HeadermAin {
    background-color: #eaeaea;
    text-align: center;
    color: #2e2e2e;
  }

  .ReportHeader li {
    list-style: none;
    width: 22%;
  }

    .ReportHeader li:last-child {
      width: 12%;
    }

  .ReportHeader ul {
    display: flex;
    padding: 10px;
    margin: 0
  }

  .ReportsubHeader ul {
    display: flex;
    padding: 10px;
    margin: 0;
  }

  .ReportsubHeader li {
    list-style: none;
    width: 22%;
    color: #2e2e2e;
  }

    .ReportsubHeader li:last-child {
      width: 12%;
    }

  .ReportsubHeader {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .ReportData {
    padding: 10px;
    display: block;
    background-color: #fff;
    text-align: left;
    border-top: 1px solid #cccccc;
  }

  .hdr p {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
  }

  .sbhdr h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    color: #2e2e2e;
  }

  /*06-12-18 Nishant*/
  [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    font-size: 12px;
  }

  [type="radio"] + label:before, [type="radio"] + label:after {
    margin: 5px;
    width: 15px;
    height: 15px;
  }

  .domestic-flights-mobile-table {
    padding-bottom: 30px !important;
  }

  .HeadermAin {
    background-color: #eaeaea;
    text-align: center;
  }

  .ReportHeader li {
    list-style: none;
    width: 22%;
  }

    .ReportHeader li:last-child {
      width: 12%;
    }

  .ReportHeader ul {
    display: flex;
    padding: 10px;
    margin: 0
  }

  .ReportsubHeader ul {
    display: flex;
    padding: 10px;
    margin: 0;
  }

  .ReportsubHeader li {
    list-style: none;
    width: 22%;
  }

    .ReportsubHeader li:last-child {
      width: 12%;
    }

  .ReportsubHeader {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .ReportData {
    padding: 10px;
    display: block;
    background-color: #fff;
    text-align: left;
    border-top: 1px solid #cccccc;
  }

  .hdr p {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
  }

  .sbhdr h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    color: #2e2e2e;
  }

  .tblgrid {
    padding: 8px 0;
  }

  .mobile-view {
    margin-top: 10px !important;
    background: #fff;
  }

    .mobile-view .col {
      padding: 5px;
    }

    .mobile-view li {
      padding: 5px 0; /* text-align: center; */
    }

  .dark .mobile-view {
    background: #424242
  }

  #bd-edit-icon {
    color: #7700fe;
  }

  #bd-delete-icon {
    color: #ff5f73;
  }

  .bank-Details-ICons {
    height: 75px;
    font-size: 14px;
  }

  .RaisetIcketHeadermAin {
    background-color: #eaeaea;
  }

  .RaisetIcketHeader li {
    list-style: none;
    width: 23%;
  }

    .RaisetIcketHeader li:last-child {
      width: 8%;
    }

  .RaisetIcketHeader ul {
    display: flex;
    padding: 10px;
    margin: 0
  }

  .RaisetIcketsubHeader ul {
    display: flex;
    padding: 10px;
    margin: 0;
  }

  .RaisetIcketsubHeader li {
    list-style: none;
    width: 23%;
  }

    .RaisetIcketsubHeader li:nth-child(4) {
      padding-left: 15px;
    }

    .RaisetIcketsubHeader li:last-child {
      width: 8%;
    }

  .RaisetIcketsubHeader {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .RaisetIcketData {
    padding: 10px;
    display: block;
    background-color: #fff;
    text-align: left;
    border-top: 1px solid #cccccc;
  }

  .RaisetIcketSubHeadermAin #Raiseunsuccessful {
    color: #ff5f73;
  }

  .RaisetIcketSubHeadermAin #Raisesuccess {
    color: #7bd80f;
  }

  .RaisetIcketSubHeadermAin #Raisepending {
    color: #f5a623;
  }

  .topControls .left a {
    margin-bottom: 0;
    margin-left: 10px;
  }

  .topControls {
    margin-top: 10px;
  }

  /*6-12-18 Ami*/
  /*Agent Dashboard*/
  .agent-dashboard-container, .heatmap-container {
    padding-left: 0 !important;
    padding-top: 70px !important;
    margin-right: 0;
  }

    .agent-dashboard-container h5, .agent-dashboard-container p, .promotionalAccordion h6 {
      font-size: 10px !important;
    }

  .flexbox {
    display: block !important;
    text-align: center;
  }

  .agent-dashboard-container .icon-file, .agent-dashboard-container .icon-sender, .agent-dashboard-container .icon-goal {
    margin-right: 0 !important;
  }

  .agent-dashboard-container .collapsible-header .right {
    margin-top: 20px;
  }

  .promotionalAccordion {
    margin: 0;
  }

  .LeaderboardHeading {
    padding: 15px;
  }

  .agent-dashboard-container .vkv-tabs .tabs .tab {
    min-width: 20%;
    width: 25%;
  }

  .center-btn {
    text-align: center;
  }

  .targetDetails .col:first-child .dashboard-box, .processDetails .col:first-child .dashboard-box {
    margin-left: 5px !important;
  }

  .targetDetails .col:last-child .dashboard-box {
    margin-right: 5px !important;
  }

  .targetSection {
    padding: 10px;
  }

  .agent-dashboard-container .vkv-tabs ul.tabs {
    margin: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .agent-dashboard-container .vkv-tabs {
    padding: 0 10px !important;
    height: 80px;
    overflow: visible;
  }

  .filter-dropdown {
    position: relative;
    top: 10px !important;
    right: 0;
    margin-left: auto;
    width: 110px;
    height: 24px;
    line-height: 24px;
  }

  .agent-dashboard-container .vkv-tabs > .tabs:before {
    content: none;
  }

  /*Admin KYC Process*/
  .kyc-container .kycHeading {
    font-size: 12px !important;
  }

  .kycHeading h2 {
    font-size: 12px !important;
    margin-left: 30px;
    text-align: left;
  }

  .kyc-container p {
    font-size: 10px;
    margin: 0 !important;
  }

  .kyc-container .kyc-doc-required span {
    font-size: 60px;
  }

  .kyc-container .kyc-doc-required h2 {
    font-size: 14px !important;
  }

  .kycIntro {
    margin: 20px auto;
    padding: 0px 10px !important;
  }

  .kyc-container .profile_header-wrapper {
    box-shadow: none !important;
    background-color: #fff !important;
    margin-top: 40px !important;
  }

  /*Admin New Enrollment Popup*/
  .enrollment-container {
    height: 315px !important;
  }

  .ProfileImg {
    width: 40px !important;
    height: 40px !important;
  }

  .enrollmentTable .left {
    padding: 10px 20px;
  }

  .enrollmentTable p {
    margin-bottom: 0;
  }

  .enrollment-container .d-flex {
    padding: 20px;
  }

  /*Admin Low Crate Balance Popup*/
  .flight-booster-container {
    height: 350px;
  }

  .notification-title {
    margin-bottom: 15px;
  }

  .credit-section {
    margin: 0 !important;
  }

  /*Admin Service Pack*/
  .summarySection {
    margin-bottom: 10px !important;
    border-radius: 8px;
    margin-top: 60px !important;
  }

    .summarySection .col {
      padding: 7px !important;
    }

    .summarySection p {
      margin-top: 0 !important;
      margin-bottom: 10px !important;
      height: 28px;
    }

  .servicePackSection .pack {
    margin-bottom: 10px;
  }

  .servicePackSection .col:nth-child(odd) .pack {
    margin-left: 0;
  }

  .servicePackSection .col:nth-child(even) .pack {
    margin-left: 10px;
  }

  .servicePackHeading {
    margin-top: 20px;
  }

  .kyc-container .back-icon {
    margin-top: 27px !important;
  }

  /*Admin Heatmap Analysis*/
  .heatmapHeading {
    margin: 0;
    font-size: 12px;
  }

  .heatmap-container .filter-dropdown {
    top: 30px !important;
    right: 0 !important;
  }
 
  .heatmap-section .back-icon, .kyc-container .back-icon {
    line-height: 12px;
    font-size: 15px !important;
  }

  .heatmap-section {
    margin: 5px !important;
  }

  .heatmap-popup {
    width: 300px !important;
    top: -20vh !important;
  }

    .heatmap-popup button {
      margin-bottom: 10px;
    }

  /*Admin Activity Details*/
  .activity-container {
    width: 350px !important;
  }

    .activity-title, .activity-container p, .activity-container a {
      font-size: 12px;
    }

  .titleSection .icon-close {
    font-size: 10px !important;
  }

  /*Recharge Popup*/
  .recharge-container .recharge-title {
    font-size: 20px !important;
  }

  .target-assignment-container {
    height: 350px !important;
  }

  /*07-12-2018*/
  /*Wallet Summary Module*/
  .wallet-summary-details .flight-detail-info ul {
    display: block;
    text-align: center;
  }

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

  .wallet-summary_header .icon-rupee:before {
    left: 130px;
  }

  .wallet-summary-details .flight-detail-info .col:first-child {
    border-right: none !important;
  }

  .summaryTableMobile {
    padding-bottom: 0;
    margin: 8px;
    border-radius: 8px;
  }

    .summaryTableMobile .RaisetIcketsubHeader {
      margin-bottom: 0;
    }

  .creditWarning {
    font-size: 8px;
    display: block;
    font-weight: normal;
    color: #2a2a2a;
  }

  .summaryTableMobile .RaisetIcketsubHeader li {
    width: 30%;
    font-size: 10px;
    text-align: center;
  }

  .RaisetIcketsubHeader li:last-child {
    width: 10%;
  }

  .absoluteBtnMobile {
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center !important;
    flex-wrap: wrap;
    width: 100%;
    left: 0;
    bottom: -15px;
  }

  .wallet-summary-container {
    margin-top: 40px;
  }

  .wallet-summary_header .flight-book-now {
    margin-left: 0 !important;
    font-size: 12px !important;
  }

  /*Withdraw Money Module*/
  .withdrawTableMobile form {
    background-color: transparent;
  }

  .withdrawTableMobile .bankName, .withdrawTableMobile .ventureName {
    display: block;
  }

  .withdrawTableMobile .col {
    margin-bottom: 5px;
    background-color: #fff;
    font-size: 12px;
  }

  .withdrawTableMobile label {
    color: #2a2a2a;
    font-weight: 600;
    line-height: 20px !important;
  }

  .withdrawTableMobile .ventureName {
    font-weight: normal;
    font-size: 10px;
  }

  .withdrawTableMobile .add-trip-btn {
    font-size: 12px;
    font-weight: 600;
  }
  /*.withdrawTableMobile [type="radio"]+label:before, [type="radio"]+label:after{top:18px;}
  [type="radio"]+label[radeo]:after{top:unset;}*/
  .withdrawTableMobile [type="radio"]:checked + label {
    line-height: 25px;
  }

  .withdrawTableMobile .icon-add-input:before {
    font-size: 20px;
    vertical-align: middle;
  }

  .wdrBtnSection {
    width: 350px !important;
    margin: 10px 5px !important;
    padding: 20px 0 35px 0 !important;
    border-radius: 8px;
  }

    .wdrBtnSection .icon-rupee-2:before {
      position: absolute;
      top: 32px;
      left: 15px;
    }

  .withdrawDetails {
    padding: 10px 0;
  }

  .filterBox {
    width: 100%;
  }

  .compareUserCheckbox .collapsible-header {
    padding: 10px 5px;
  }

  .collapsible-body {
    display: block;
  }

  .Recharge-mobile-view {
    margin-top: 60px;
  }

  .recharge-plan-table table tr td:first-child, .recharge-plan-table table tr th:first-child {
    padding-left: 10px;
  }

  .recharge-plan-table th {
    padding: 10px 5px;
  }

  .recharge-plan-table td {
    padding: 10px 5px;
  }

  .admin-search-icon {
    margin-right: 10px;
  }

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

  /*10-12-18*/
  .mblplntbs {
    margin: 10px 0;
  }

  .rechgPlnsHedng {
    padding: 10px;
  }

  .rchgPlnsInpt {
    padding: 10px !important;
  }

  .recharge-plan-icon {
    position: absolute;
    top: 60px;
    left: 20px;
    font-size: 14px;
  }

  .recharge-plan-mobileSection h4 {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
  }

  .recharge-plan-mobileSection .default-form-box {
    background-color: #fff;
  }

  .recharge-planIcon.icon-rupee-new {
    font-size: 12px;
    margin-right: 3px;
  }

  #talkTIme {
    font-size: 14px;
    font-weight: 700;
  }

  #regTT {
    font-size: 12px;
    font-weight: 600;
  }

  #validtie {
    font-size: 10px;
    color: #aeaeae;
  }

  .rechargBrsPlns {
    padding: 10px !important;
    border-top: 1px solid #aeaeae;
  }

  .rechargBrsAmnt {
    font-size: 14px;
    font-weight: 700;
  }

  .recharge-plan-mobileSection {
    margin-bottom: 50px;
  }

  .rchg-tbl-mbl-view .rchgmblsubHeader {
    border-bottom: 0 !important;
    margin-bottom: 0;
  }

  .rchgTableMobile {
    padding-bottom: 0;
    border-radius: 8px;
  }

  .rchgmblHeadermAin {
    background-color: #eaeaea;
  }

  .rchgmblHeader li {
    list-style: none;
    width: 29%;
  }

    .rchgmblHeader li:last-child {
      width: 13%;
    }

  .rchgmblHeader ul {
    display: flex;
    padding: 10px;
    margin: 0
  }

  .rchgmblsubHeader ul {
    display: flex;
    padding: 10px;
    margin: 0;
  }

  .rchgmblsubHeader li {
    list-style: none;
    width: 29%;
  }

    .rchgmblsubHeader li:last-child {
      width: 13%;
    }

  .rchgmblsubHeader {
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 5px;
    font-weight: bold;
  }

  .rchgmblData {
    padding: 10px;
    display: block;
    background-color: #fff;
    text-align: left;
    border-top: 1px solid #cccccc;
  }

  .rchgmblSubHeadermAin #Raiseunsuccessful {
    color: #ff5f73;
  }

  .rchgmblSubHeadermAin #Raisesuccess {
    color: #7bd80f;
  }

  .rchgmblSubHeadermAin #Raisepending {
    color: #f5a623;
  }

  #trnsId {
    font-size: 10px;
    color: #aeaeae;
  }

  #trnstme {
    font-size: 10px;
    color: #aeaeae;
  }

  /*18/12/18*/
  .onboarding-language-selector {
    margin-top: 17px;
  }

  #icon-detect-LOcation {
    margin-right: 25px;
  }

  /*19/12/18*/
  .agreeCheckbox {
    margin-top: -5px;
  }

  .onboarding-view-password {
    top: 5px;
    right: 30px;
  }

  .select-rounded span.caret {
    right: 20px;
    top: 7px;
  }

  .ys-note {
    padding: 15px !important;
    margin-top: 0;
  }

  /*15/01/2019*/
  /*Mobile Fight Booking*/
  .fixed-customer-care {
    position: fixed;
    bottom: 40px;
    right: 40px;
    border-radius: 50%;
    background: #7700FE;
    color: #fff;
    z-index: 10000;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.29);
  }

  .mfb-indicator {
    right: 0px;
    left: 0px;
  }
  /*Mobile Fight Booking Ends*/
  /*Mobile Fight One Way Itinerary*/
  .mobile-delay-detls {
    float: right;
    color: #FF5F73;
  }
  /*Mobile Fight One Way Itinerary Ends*/
  /*Mobile Fight One Way Search Filters*/
  .layover-subtitles {
    font-size: 10px;
  }

  .layover-titles {
    margin: 0;
    line-height: 1
  }

  .mbl-switch {
    float: right;
  }

  .mbl-popup {
    margin-top: 50px;
  }

  .pasngrcnt {
    font-size: 10px;
    margin: 6px 0;
  }

  .pasngrnmesectn {
    display: inline-grid;
  }

  .mbl-passenger-name {
    font-size: 12px;
    color: #2a2a2a;
  }

  .mbl-passenger-seatNo {
    line-height: 1.4;
    font-size: 10px;
    color: #616161;
  }

  .mbl-passenger-fare {
    margin-right: 16px;
    margin-left: auto;
    color: #7700FE;
  }

  .mbl-pasngr-icons {
    margin-right: 4px;
  }

  .mbl-passengerCount {
    font-size: 10px;
    margin: 6px 0;
  }

  .mbl-grandTotal-sectn {
    color: #7700Fe;
    margin-left: auto;
    margin-right: 28px;
  }

  .mbl-grandTotal-icons {
    margin-right: 5px;
  }

  .mbl-prcd-btn {
    margin-bottom: 15px;
  }
  /*Mobile Fight One Way Search Filters Ends*/
  /*Mobile Fight One Way Search*/
  .fixed-customer-care {
    position: fixed;
    bottom: 40px;
    right: 40px;
    border-radius: 50%;
    background: #7700FE;
    color: #fff;
    z-index: 10000;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.29);
  }

  .offers-sectn {
    padding: 10px;
  }
  /*Mobile Fight One Way Search Ends*/
  /*Mobile Fight One Way Sort*/
  .mbl-flt-btn {
    margin-bottom: 15px;
  }
  /*Mobile Fight One Way Sort Ends*/
  /*Mobile Fight One Way Travellers*/
  .mbl-gendr-sectn {
    padding: 10px 0 6px;
  }

  .trviconsectn {
    margin-top: 1px;
  }

  .mbl-itSecPriorRight-sectn {
    margin-top: 6px;
  }

  .trvlrnme {
    color: #FF5F73;
    line-height: 12px;
    font-size: 10px;
    padding: 0;
    margin-bottom: 10px;
  }

  .mbl_itSecPriorRight_cntdtls {
    margin-top: 5px;
  }

  .mbl-mob_no {
    font-size: 10px;
    padding-left: 6px;
    line-height: 1.2;
  }

  .NOtesectn {
    font-size: 10px;
    line-height: 1.2;
    padding: 0;
  }
  /*Mobile Fight One Way Travellers Ends*/
  /*Mobile Multicity Result*/
  .modify_icon {
    float: right;
  }

  .mbl-multicity-headerSectn {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  /*Mobile Multicity Result Ends*/
  /*Mobile Notification Popup*/
  .mbl_notificn-icons {
    color: #FF5F73;
  }

  .modal-content {
    padding: 40px;
  }

  .modal {
    display: block;
  }
  /*Mobile Notification Popup Ends*/
  /*Mobile GST Report*/
  .profile-header .icon-close:before {
    position: absolute;
    top: 23px;
    right: 45px;
  }
  /*Mobile GST Report Ends*/

  .select-rounded {
    display: inline-block;
    margin-right: 10px;
  }


  /* css file ami.css */
  .ys-ow-search-result {
    padding-bottom: 20px;
  }

  .departing-flights {
    color: #2A2A2A;
    font-weight: 600;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 10px;
  }

  .multicity-flight-details {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
  }

  .total-fare {
    border-bottom: 2px solid #EAEAEA;
  }

  .total-fare-heading h4 {
    margin: 0;
    padding: 0;
    color: #2A2A2A;
    width: 50%;
  }

  .fare-charges {
    display: inline-flex;
    margin-top: -18px;
  }

    .fare-charges ul {
      display: flex;
    }

    .fare-charges .charge1 {
      font-size: 10px;
      color: #9E9E9E;
      margin-right: 10px;
      line-height: 27px;
    }

    .fare-charges .charge2 {
      font-size: 14px;
      color: #93DF3A !important;
      padding-top: 3px;
    }

  .charge3 {
    line-height: 27px;
  }

  .charge1 .icon-rupee, .charge2 .icon-rupee {
    margin-right: 4px;
  }

  .flight-img {
    margin-left: 5px;
    float: none;
  }

  .flight-timing {
    margin-bottom: 10px;
  }

  .flight {
    position: relative;
    padding: 10px 0 10px 0;
  }

  .flight-duration {
    height: 70px;
  }

  .flight1-details, .flight2-details, .flight3-details {
    display: inline-flex;
    position: absolute;
    left: 53px;
    bottom: 30px;
    color: #2a2a2a;
  }

  .flight-time-horz-seperater1 {
    width: 100px;
    height: 2px;
    background: #cccccc;
    margin: 8px;
  }

  .depart-date, .arrive-date {
    font-weight: 700;
  }

  .flight-number {
    font-size: 9px;
    color: #C7C7C7;
    position: absolute;
    left: 54px;
    bottom: 1px;
  }

  .cancellation {
    background-color: #9E9E9E;
    padding: 9px;
    position: relative;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

    .cancellation label {
      color: #fff;
      font-size: 12px;
    }

      .cancellation label small {
        color: #000;
        font-size: 8px;
        display: block;
        line-height: 1.6;
      }

  .flight-result2, .flight-result3 {
    margin-top: 15px;
  }

  .depart-place {
    position: absolute;
    left: 51px;
    font-size: 10px;
    line-height: 1.2;
  }

  .arrive-place {
    position: absolute;
    left: 198px;
    font-size: 10px;
    line-height: 1.2;
  }

  .flight-route {
    background-color: #9E9E9E;
    padding-bottom: 6px;
    padding-top: 55px;
    padding-left: 0 !important;
    font-size: 12px;
  }

  .bold12 {
    font-size: 12px;
    font-weight: 600;
    color: #2A2A2A;
  }

  .route {
    background-color: #fff;
    padding: 12px 5px;
    margin-bottom: 6px;
    border-radius: 4px;
    display: inline-flex;
    width: 195px;
  }

  .icon-location {
    margin-right: 5px;
  }

  .route-city-name {
    margin: 0;
    padding: 0;
    padding: 2px 4px 4px 4px;
  }

  .route-cal {
    background-color: #fff;
    padding: 12px 8px;
    border-radius: 4px;
    width: 143px;
  }

  .flight-details-tabs .tabs .tab {
    text-transform: none;
    padding: 10px;
    line-height: 25px !important;
  }

    .flight-details-tabs .tabs .tab a {
      color: #D3D3D3;
      font-size: 10px;
      text-transform: capitalize !important;
    }

    .flight-details-tabs .tabs .tab .active {
      color: #000;
      font-weight: 600;
    }

  .modify-search::before {
    color: #000;
  }

  .modify-search {
    vertical-align: middle;
    color: #2A2A2A;
  }

  .top_icon {
    background: #9E9E9E;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    padding: 7px 8px;
    font-size: 8px;
  }

  .route-details .route1, .route-details .route2 {
    display: inline-flex;
    padding: 10px 0 10px 0;
  }

  .route-details .route-city-name {
    padding: 2px 9px 0 9px;
  }

  .flight-route-table {
    display: inline-flex;
  }

    .flight-route-table .span-details {
      position: absolute;
      font-size: 10px;
      margin-left: 10px;
    }

    .flight-route-table h5 {
      margin: 0;
      margin-bottom: 5px;
      width: 50px;
      margin-top: -15px;
      margin-left: 8px;
    }

  .time-change-notice p {
    font-size: 10px;
    font-weight: 600;
    color: #7802FE;
  }

  .flight-plane-horz-seperater1 {
    width: 30px;
    height: 2px;
    background: #E6E6E6;
    position: absolute;
    margin-top: 6px;
    left: 0;
  }

  .flight-plane-horz-seperater2 {
    width: 30px;
    height: 2px;
    background: #E6E6E6;
    position: absolute;
    margin-top: -18px;
    right: 0;
  }

  .flight-warning p {
    font-size: 10px;
    color: #F05C6B;
    padding-left: 10px;
    padding-bottom: 10px;
  }

  .dplace-name {
    left: 2px;
    line-height: 1;
  }

  .aplace-name {
    left: 62px;
  }

  .round-trip-heading h3 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #2A2A2A;
  }

  .other-flight-details .depart-route, .other-flight-details .arrive-route {
    background-color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }

  .other-flight-details .depart-route {
    margin-right: 4px;
  }

  .depart-route-details div, .arrive-route-details div {
    padding: 10px;
    border-bottom: 2px solid #E6E6E6;
  }

  .depart-route-details .icon-departure:before, .arrive-route-details .icon-departure:before, .depart-route-details .icon-arrival:before,
  .arrive-route-details .icon-arrival:before {
    margin-right: 5px;
  }

  .individual-price {
    position: absolute;
    bottom: -33px;
    right: -8px;
  }

    .individual-price .icon-rupee:before {
      left: -13px;
      top: 6px;
      line-height: 20px;
    }

  .other-flight-details .depart-route {
    border-bottom: 1px solid #E6E6E6;
  }

  .flight-duration-details {
    bottom: 43px;
  }

  .flight-details-expandable .collapsible {
    margin-bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .flightname {
    font-size: 6px;
    position: absolute;
    left: 20px;
    color: #9E9E9E;
  }

  .individual-price .icon-rupee {
    margin-right: 3px;
  }

  .multicity-flight-header .col {
    padding: 0 !important;
  }

  .total-fare-multicity {
    padding: 15px;
    border-bottom: 1px solid #F4F4F4;
  }

    .total-fare-multicity .fare-charges {
      margin-top: -32px;
    }

  .interchange_icon .ys-circleIcon {
    right: 15px;
    top: 27px;
  }

  .mobile-flight-booking-container .default-form-box .select-wrapper span.caret {
    top: 7px;
    right: 10px;
  }

  .flight-heading h3 {
    margin: 0 !important;
  }

  .flight-booking .form-icon {
    left: 12px !important;
  }

  .flight-booking .add-trip-btn {
    line-height: 30px;
  }

    .flight-booking .add-trip-btn small {
      font-size: 14px;
      vertical-align: middle;
      font-weight: 600;
    }

  .flight-heading .icon-close {
    position: absolute;
    right: 0;
    top: 0;
  }

  .flight-details-expandable .icon-arrow-right:before, .flight-details-expandable .icon-arrow-bottom:before {
    position: absolute;
    right: 20px;
    margin-top: 14px;
    color: #EAEAEA;
    z-index: 1;
  }

  .round-trip-search-filter {
    margin-top: 55px;
  }

  .mobile-flight-one-way-search-container .icon-search {
    margin-right: 10px;
  }

  .mobile-flight-one-way-search-container .default-form-box .select-wrapper span.caret {
    top: 7px;
  }

  .mobile-flight-one-way-search-container {
    margin-top: 65px;
  }

    .mobile-flight-one-way-search-container .vkv-tabs ul.tabs {
      margin: 0;
      width: 100% !important;
      height: auto;
      max-width: 100%;
      background-color: #fff;
    }

    .mobile-flight-one-way-search-container .vkv-tabs {
      padding: 0 10px !important;
      overflow: visible;
    }

      .mobile-flight-one-way-search-container .vkv-tabs > .tabs:before {
        content: none;
      }

      .mobile-flight-one-way-search-container .vkv-tabs .tabs .tab {
        min-width: 30%;
        height: 35px;
      }

      .mobile-flight-one-way-search-container .vkv-tabs a.active {
        background-color: #E4CCFF;
      }

      .mobile-flight-one-way-search-container .vkv-tabs .tab a {
        line-height: 30px;
      }

    .mobile-flight-one-way-search-container .btn {
      font-size: 12px;
    }

  .mealPrice {
    float: none !important;
  }

  .cancellation_penaltiesSection {
    font-size: 9px;
    color: #2a2a2a;
  }

  .Zero_CancellationSection {
    font-size: 12px;
  }

  .zcaSection {
    padding: 8px 0 8px 10px !important;
  }

  .flightFareSection {
    right: 12px;
    position: absolute;
  }

  .flightDetailInfo {
    display: flex;
  }

  .mfows-fdSection {
    padding: 10px;
  }

  .kycPROcessBtn {
    padding: 10px;
    margin-bottom: 20px;
  }

  .target-heading {
    padding: 5px !important;
  }

  .kyc-container {
    padding-right: 10px !important;
  }

  .kycpadng {
    padding: 2px !important;
  }

  #sortModal {
    display: none;
  }
}




/*new css*/

.input-field.cmninput label {
  position: relative;
  width: 100%;
  float: left;
  top: 0;
  transition: none !important;
  margin-bottom: 5px;
}


  .input-field.cmninput label.active {
    transform: none !important;
  }

.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, .btn-large:disabled, .btn-floating:disabled, .btn[disabled], [disabled].btn-large, .btn-large[disabled], .btn-floating[disabled] {
  box-shadow: none;
  cursor: default;
}


  .btn.disabled:hover, .disabled.btn-large:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover, .btn[disabled]:hover, [disabled].btn-large:hover, .btn-large[disabled]:hover, .btn-floating[disabled]:hover {
    box-shadow: none;
    cursor: default;
  }






/*
::placeholder {
  color: red !important;
}

::placeholder {
  color: green;
  opacity: 1; 
}

:-ms-input-placeholder {
  color: green;
}

::-ms-input-placeholder {
  color: green;
}*/



/*css*/

/*rajesh*/
span.lettersunderline {
  width: 35px;
  height: 2px;
  
  display: block;
  margin-left: 25px;
  position: relative;
  margin-top: 2px;
}

.comonformboxtop {
  margin-top: 0px;
  margin-bottom: 22px;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
  border-radius: 4px;
}

.navbar-fixed {
  z-index: 998 !important;
}


span.text_msg {
  margin-bottom: 10px;
  color: #000;
}

#options-select option:hover {
  background-color: Red !important;
}
span.bold14.color-white {
color:#fff;

}
.picker__table thead {
background:#fff !important;

}
.picker__table tbody {
  background: #fff !important;
}
img.logintest-img {
  width: 50% !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}

.ys-login-box.test-box {
  background: #fff;
  width: 96%;
  left: 2%;
}

.ys-login-form.test-form {
  padding: 30px;
  margin: -50px 0 50px 33px;
}

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

table.print-table tbody {
 
  background: #fff !important;
  color: #000 !important;
}

.grecaptcha-badge {
 visibility:hidden !important;
 display:none !important
}

.mrqtxt {
  margin-bottom: -6px;
  font-size: 14px;
  font-weight: bold;
  margin-left: -3px;
  margin-right: -51%;
}

.red-blinker {
  font-size: 21px;
  padding-top: 3px;
  color: #ff5733;
  -webkit-animation: .5s cubic-bezier(.5,0,1,1) infinite alternate blinker;
  animation: .5s cubic-bezier(.5,0,1,1) infinite alternate blinker;
}

.noteMsg {
  font-size: 14px;
  margin-left:2px;
}


.nowrapcss {
white-space:nowrap;
}

.howtouse {
  list-style-type: square !important;
}
.howtouseMargin {
margin-left:35px !important;
}

.cal-right .cal-total-wrap .cal-total-eq .eq-val {
  text-align: center !important;
}

.cusom_div .icon_section .icon_text {
  width: 66% !important;
}
/*end*/