.ui.popup {padding: 0!important;}
  .dashboard-wrapper {
      background: #d3d4d9;
      margin-top: 78px;
      position: relative;
      /* margin-bottom: 69px; */
      flex: 1;
      /* padding: 16px 0px; */
  }

  /* button {
    color: #FFF;
    background-color: #428BCA;
    border: 1px solid #357EBD;
} */

  .breadcrumb-header {
      background: #bdd8f7;
      margin-bottom: 16px;
      padding: 3px 0px;
      box-shadow: 0px 1px 2px #0000005e;
  }

  .dep-time-picker .ui {
      width: 100%;
  }

  .arr-time-picker .ui {
      width: 100%;
  }

  .breadcrumb-header .breadcrumb {
      margin: 0;
      background: none;
  }

  .breadcrumb-header .breadcrumb .breadcrumb-item {}

  .breadcrumb-header .breadcrumb .breadcrumb-item.active {
      color: #FF5722;
  }

  .breadcrumb-header .breadcrumb .breadcrumb-item a {

      color: #000;
  }

  .main-head {
      /* position: fixed; */
      /* top: 0px; */
      /* width: 100%; */
      /* z-index: 1000; */
      height: 100%;
  }

  .main-head .navbar {
      background: #fff;
  }

  .main-head .navbar .navbar-toggler.open-m {
      margin-right: 7px;
      padding: 0;
      border: none;
      background: #f70909;
      height: 100%;
      width: 54px;
      position: absolute;
      left: -12px;
      border-radius: 0;
      /* color: #fff; */
  }

  .main-head .navbar .navbar-toggler.open-m span {
      font-size: 20px;
      color: #fff;
  }

  .main-head .navbar .navbar-toggler.close-m {
      position: absolute;
      right: -17px;
      width: 36px;
      height: 36px;
      background: #d70808;
      color: #fff;
      /* display: flex; */
      align-items: center;
      border-radius: 24px;
  }

  .main-head .navbar .navbar-brand {
      /* display: block; */
      width: 8%;
      display: block;
      position: relative;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .main-head .navbar .navbar-collapse {}

  .main-head .navbar .navbar-collapse .navbar-nav {
      /* display: none; */
  }

  .main-head .navbar .navbar-collapse .navbar-nav .nav-item {}

  .main-head .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      color: #404040;
      padding: 19px 14px;
  }

 .main-head .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{color: #e41c3f;}

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu {
      border-radius: 0;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li {}

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item {
      font-size: 14px;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item:active {
      background-image: linear-gradient(to right, #ed272b, #d00569);
      color: #fff;
  }

  .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu li .dropdown-item:hover {
      background-image: linear-gradient(to right, #ed272b, #d00569);
      color: #fff;
  }

  .main-head .navbar .navbar-brand img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

  .main-head .navbar .right-bar {
      display: flex;
      margin-left: auto;
      align-items: center;
  }

.main-head .navbar .right-bar .wallet {
      padding: 0 8px;
  }

  .main-head .navbar .right-bar .wallet .inn {
      display: flex;
      align-items: center;
      font-size: 13px;
      color: #000;
  }

  .main-head .navbar .right-bar .wallet .inn i {
      font-size: 19px;
      color: #e62d27;
      margin-right: 4px;
  }

  .main-head .navbar .right-bar .wallet .inn .amt {
      color: #000000;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 0;
      font-weight: 700;
  }
  .main-head .navbar .right-bar .my-wallet {
      display: flex;
      align-items: center;
  }

  .main-head .navbar .right-bar .my-wallet i {
      font-size: 23px;
      margin-right: 7px;
      color: #1b449c;
  }

  .main-head .navbar .right-bar .my-wallet span {}

  .main-head .navbar .right-bar .my-wallet strong {}

  .main-head .navbar .right-bar .my-acc {}

  .main-head .navbar .right-bar .my-acc .btn {
      border: none;
      padding: 0;
      padding: 0 12px;
  }

  .main-head .navbar .right-bar .my-acc .btn:after {
      display: none;
  }

  .main-head .navbar .right-bar .my-acc .btn i {
      font-size: 21px;
      color: #da2021;
  }

  .main-head .navbar .right-bar .my-acc .btn .num-t {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #fb6265;
      color: #ffffff;
      border-radius: 19px;
      font-size: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      font-weight: 700;
      line-height: 19px;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu {
      width: 256px;
      padding: 0;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu:before {
      content: '';
      content: '';
      border-bottom: 20px solid #094060;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      position: absolute;
      top: -11px;
      right: 4px;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu li {
      border-bottom: #cccccc 1px solid;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu li:last-child {
      border: none;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info {
      display: flex;
      align-items: center;
      padding: 8px 8px;
      background: #0a04bc;
      /* background-image: linear-gradient(to right, #282828, #ac0709); */
      background-image: linear-gradient(to right, #135b83, #083d5c);
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .icon {
      width: 35px;
      height: 35px;
      border: navajowhite;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      border-radius: 19px;
      background: #ffffff66;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .icon i {
      font-size: 21px;
      color: #fff;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name {}

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name h4 {
      margin-bottom: 3px;
      font-size: 14px;
      font-weight: 100;
      color: #fff;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .account-info .name p {
      font-size: 12px;
      background: #da2021;
      text-align: center;
      display: inline-block;
      line-height: 0;
      padding: 10px 7px 9px;
      border-radius: 4px;
      color: #fff;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item {

      padding: 4px 12px;

      color: #6d6b6b;

      display: flex;

      align-items: center;

      /* border-bottom: #dbdbdb 1px solid; */

      font-size: 13px;

  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item i {
      margin-right: 8px;
      font-size: 18px;
      color: #da2021;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item:active {
      background: #bdd8f7;
  }

  .main-head .navbar .right-bar .my-acc .dropdown-menu .dropdown-item:hover {
      background: #bdd8f7;
      color: #000;
  }



  .main-head .navbar .right-bar .notification {
      display: flex;
      /* align-items: center; */
  }

  .main-head .navbar .right-bar .notification .btn {
      border: none;
      padding: 0 12px;
  }

  .main-head .navbar .right-bar .notification .btn:after {
      display: none;
  }

  .main-head .navbar .right-bar .notification .btn i {
      font-size: 21px;
      color: #da2021;
  }

  .main-head .navbar .right-bar .notification .btn .num-t {
      position: absolute;
      width: 18px;
      height: 18px;
      background: #0a4060;
      color: #ffffff;
      border-radius: 19px;
      font-size: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      font-weight: 700;
      line-height: 19px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu {
      width: 320px;
      padding: 0;
      margin-top: 14px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu:before {
      content: '';
      content: '';
      border-bottom: 14px solid #d81f1f;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      top: -14px;
      right: 13px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item {

      padding: 4px 12px;

      color: #6d6b6b;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item i {
      margin-right: 8px;
      font-size: 18px;
      color: #7371b6;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item:active {
      background: #bdd8f7;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .dropdown-item:hover {
      background: #bdd8f7;
      color: #000;
  }


  .main-head .navbar .right-bar .notification .dropdown-menu .noti {
      background: #d81f1f;
      display: flex;
      align-items: center;
      padding: 10px 10px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti .count {
      background: #FFC107;
      width: 31px;
      height: 20px;
      color: #000000;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti h4 {
      margin: 0;
      color: #fff;
      font-size: 15px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list {

      display: flex;


  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list {
      /* display: flex; */
      border-bottom: #d9d8d8 1px solid;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child {
      border-bottom: none;
      text-align: center;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item {
      justify-content: center;
      background: #02476c;
      color: #ffffff;
      transition: 0.3s;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item:hover {
      opacity: 0.8;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list:last-child .dropdown-item i {
      color: #2f4f88;
      margin-right: 4px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item {
      display: flex;
      align-items: center;
      /* justify-content: center; */
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user {

      width: 30px;

      height: 30px;

      background: #d2d2d2;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 17px;

      margin-right: 9px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user i {
      margin: 0;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info {
      width: 86%;
      line-height: 15px;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info h4 {
      font-size: 14px;
      margin-bottom: 0px;
      font-weight: 500;
      color: #000;
  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info p {

      font-size: 12px;

      display: block;
      /* or inline-block */

      text-overflow: ellipsis;

      white-space: nowrap;

      word-wrap: break-word;

      overflow: hidden;

      max-height: 4.5em;

      line-height: 1.5em;

      max-width: 93%;

      margin-bottom: 2px;

  }

  .main-head .navbar .right-bar .notification .dropdown-menu .noti-list .dropdown-item .user-info span {

      font-size: 12px;

      font-weight: 600;

      color: #cc6c6c;
  }



  .button-group {
      display: flex;
      column-gap: 6px;
      row-gap: 6px;
      flex-wrap: wrap;
  }

  .button-group button {

padding: 5px 6px;

font-size: 13px;

border: none;

color: #FFF;

border-radius: 4px;

transition: 0.6s;

}
 .button-group button:hover{
    opacity: 0.8;
}

  .button-group button.btn-cl-orange {

      background-image: linear-gradient(to right, #e17e08, #ef8837);

  }

  .button-group button.btn-cl-red {
      background-image: linear-gradient(to right, #d90c0c, #ff3337);
  }

  .button-group button.btn-cl-green {
      background-image: linear-gradient(to right, #1c8e63, #02ab6b);
  }

  .button-group button.btn-cl-blue {

      background-image: linear-gradient(to right, #187ad6, #2899fa);
  }

  .section-content {
      /* border-radius: 15px; */
  }

  .section-content .nav-tabs {}

  .section-content .nav-tabs .nav-item {}

  .section-content .nav-tabs .nav-item .nav-link {
      color: #1c1b1b;
      /* border-radius: 2px; */
      padding: 7px 18px;
  }

  .section-content .nav-tabs .nav-item .nav-link.active {
      background: #125d89;
      color: #fff;
  }





  .section-content.for-form {}

  .section-content.for-form .card {
      padding: 12px 12px;
      border-radius: 0;
  }
.section-content.for-form .card .in-heading {
    padding-bottom: 9px;
}
.section-content.for-form .card .in-heading h3{}

  .section-content.for-form .card .card-body {
      background: #ececec;
      margin-bottom: 12px;
      border: #d6d6d6 1px solid;
  }

  .section-content .section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #ffffff;
      background-image: linear-gradient(to right, #e82828, #ac0709);
      padding: 9px 22px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
  }

  .section-content .section-head .head-title {}

  .section-content .section-head .head-title h3 {
      margin: 0;
      color: #fff;
      font-size: 17px;
      font-weight: 200;
  }

  .section-content .section-head .head-title .action-btn {}

  .section-content .card {
      margin-bottom: 15px;
  }

  .section-content .card .card-body {
      padding: 12px 12px;
  }

  .section-content .section-info {}

  .section-content .section-info h3 {
      font-size: 18px;
      font-weight: 800;
      border-bottom: #bcbcbc 1px solid;
      padding-bottom: 13px;
  }

  .section-content .section-info p {}

  .section-content .table-basic {
      width: 100%;
      border-color: #bcbcbc;
  }

  .section-content .table-basic tbody tr td {
      padding: 4px 7px;
      font-size: 12px;
  }

  .section-content .table-modi {
      width: 100%;
      background: #fff;
      border-color: #dedede;
  }

  .section-content .table-modi thead {}

  .section-content .table-modi thead tr {}

  .section-content .table-modi thead tr th {
      padding: 6px 10px;
      /* background: #000; */
      color: #332f2f;
      font-weight: 500;
      font-size: 13px;
  }

  .section-content .table-modi thead tr:nth-child(1) th {
      background-color: #02476c;
      border-bottom: 0;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1;
      color: #fff;
  }

  .section-content .table-modi tbody {}

  .section-content .table-modi tbody tr th {
      padding: 0px 7px;
      font-size: 12px;
      width: 36%;
  }

  .section-content .table-modi tbody tr td {
      padding: 6px 10px;
      font-size: 13px;
  }

  .section-content .table-modi tbody tr td .info {}
  .section-content .table-modi tbody tr td .info .comment-set{}
  .section-content .table-modi tbody tr td .info .comment-set p{
    white-space: break-spaces;
    font-size: 12px;
    height: 44px;
    overflow: hidden;
    border: #c0c0c0 1px solid;
    border-radius: 4px;
    padding: 2px 4px;
    margin-bottom: 4px;
}
  .section-content .table-modi tbody tr td .info .comment-set i{
    font-size: 12px;
    color: #a41e1e;
    margin-right: 5px;
}

  .section-content .table-modi tbody tr td .info .form-switch {}

  .section-content .table-modi tbody tr td .info .form-switch .form-check-input:checked {
      background-color: #098f21;
      border-color: #098f21;
  }

  .section-content .table-modi tbody tr td .info ul {
      padding: 0;
      margin: 0;
  }

  .section-content .table-modi tbody tr td .info ul li {
      list-style: none;
      /* margin-bottom: 3px; */
      font-size: 12px;
  }
  .section-content .table-modi tbody tr td .info ul li .air-logo {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
 .section-content .table-modi tbody tr td .info ul li .air-logo img{}

  .section-content .table-modi tbody tr td .info ul li .id-btn {
      padding: 1px 8px 0px;
      font-size: 13px;
      background: #0922c2;
      border: none;
      border-radius: 4px;
      color: #fff;
  }

  .section-content .table-modi tbody tr td .info ul li label {
      margin: 0;
      font-weight: 700;
  }

  .section-content .table-modi tbody tr td .info ul li label i {

      font-size: 14px;
  }

  .section-content .table-modi tbody tr td .info ul li span {}


  .section-content .table-modi tbody tr td .info ul li .form-check {
    /* text-align: center; */
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 0 auto; */
    /* text-align: center; */
    /* width: 20px; */
}
.section-content .table-modi tbody tr td .info ul li .form-check .form-check-input{
    width: 16px;
    height: 16px;
    border-color: #ababab;
    margin: 0 auto;
}
  .section-content .table-modi tbody tr td .info.action-bt {
      display: flex;
      gap: 4px;
  }

  .section-content .table-modi tbody tr td .info.action-bt .btn-fnt {
      font-size: 18px;
      /* padding: 2px 5px; */
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .section-content .dropdown-action {
      /* margin-top: 4px; */
  }

  .section-content .dropdown-action .card {
      margin-bottom: 0 !important;
      background: #ececec;
      margin-top: 12px;
  }

  .section-content .dropdown-action .card.cardbody {}

  .section-content .square-section {
      /* display: flex; */
      align-items: center;
      justify-content: space-around;
      /* column-gap: 8px; */
  }

  .section-content .square-section .infototal {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-image: linear-gradient(to right, #022493, #1e4cd0);
      padding: 8px 10px;
      border-radius: 5px;
      width: 100%;
      /* flex-wrap: wrap; */
  }

  .section-content .square-section .infototal.col-blue {

      background-image: linear-gradient(to right, #021f7c, #0037d6);

  }

  .section-content .square-section .infototal.col-orange {

      background-image: linear-gradient(to right, #d99c18, #f4b226);

  }

  .section-content .square-section .infototal.col-green {

      background-image: linear-gradient(to right, #0e9836, #07b93c);

  }

  .section-content .square-section .infototal.col-red {

      background-image: linear-gradient(to right, #b80608, #de1115);

  }

  .section-content .square-section .infototal.col-purple {

      background-image: linear-gradient(to right, #9600ab, #c714dc);
  }

  .section-content .square-section .infototal.col-dark {

      background-image: linear-gradient(to right, #5800ae, #7116fe);
  }

  .section-content .square-section .infototal .icon {}

  .section-content .square-section .infototal .service {
      display: flex;
      align-items: center;
      color: #fff;
  }

  .section-content .square-section .infototal .service i {
      margin-right: 10px;
      width: 30px;
      height: 30px;
      background: #ffffff61;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      border-radius: 22px;
  }

  .section-content .square-section .infototal .service h3 {
      margin: 0;
      font-size: 16px;
  }

  .section-content .square-section .infototal .number {
      color: #fff;
      font-size: 19px;
      font-weight: 600;
  }



  .form-update {}



  .form-update .form-head {

      border-bottom: #b6b6b6 1px solid;

      margin-bottom: 14px;

      /* margin-top: 17px; */
  }

  .form-update .form-head h4 {
      font-weight: 600;
      font-size: 16px;
      color: #0b415e;
      padding-bottom: 14px;
  }

  .form-update .form-head h4 i{

margin-right: 6px;

font-size: 20px;

}

  .form-update .mid-head {

margin-bottom: 0;

/* margin-top: 17px; */

display: flex;

align-items: center;

justify-content: space-between;
}

  .form-update .mid-head h4 {
      font-weight: 600;
      font-size: 16px;
      color: #0b415e;
      /* padding-bottom: 14px; */
      margin: 0;
      display: flex;
      align-items: center;
  }

.form-update .mid-head h4 i{
    margin-right: 6px;
    font-size: 20px;
}

  .form-update .form-group {

margin: 0;

position: relative;

margin-bottom: 4px;

}

  .form-update .form-control {

      height: 34px;

      font-size: 13px;

      font-weight: 400;

      border: #bababa 1px solid;

      border-radius: 4px;

      background: #fff;
  }

  .form-update .form-control-text {

      height: 76px;

      font-size: 13px;

      font-weight: 400;

      border: #bababa 1px solid;

      border-radius: 4px;

      background: #fff;

      width: 100%;

      padding: 8px 16px;
  }

.form-update .form-select {
    height: 34px;
    font-size: 13px;
}
  .form-update .form-check-group {
    display: flex;
    align-items: center;
}

  .form-update .form-check-group .edit-check{

margin-top: 7px;

margin-right: 10px;
}

  .form-update .form-check-group .edit-check a{

display: flex;

align-items: center;
}
 .form-update .form-check-group .edit-check a .text{

font-size: 13px;

font-weight: 400;

margin: 0;

margin-right: 9px;

color: #3c3c3c;
}
 .form-update .form-check-group .edit-check a .mdi{

font-size: 18px;

color: #000;
}
  .form-update .form-check {
      display: inline-flex;
      align-items: center;
      /* line-height: 26px; */
      margin-top: 7px;
      padding-left: 0;
  }

  .form-update .form-check label {
      margin: 0 !important;
      padding-top: 3px;
      /* padding-left: 6px; */
      font-size: 13px;
      color: #3c3c3c;
  }
  .form-update .form-check a {
   
margin-left: 0;
   
font-size: 13px;
   
color: #fc0000;
   
padding-top: 0;
   
display: flex-in;
   
align-items: center;
   
text-decoration: underline;
  }

 .form-update .form-check a span{
    margin-left: 8px;
    padding-top: 2px;
}

  .form-update .form-check .form-check-input {
      height: 16px;
      width: 16px;
      border: #a6a6a6 1px solid;
      margin-left: 0;
      margin-top: 0;
      margin-right: 10px;
  }

  .form-update .form-group .select2 .select2-selection__rendered {
      font-size: 13px;
      font-weight: 500;
      /* background: #ffffff; */
      /* border: none; */
      box-shadow: none;
      /* outline: navajowhite; */
      border-radius: 4px;
      line-height: 32px;
      /* border: #0000002e 1px solid; */
  }

  .form-update .form-group .select2-container--bootstrap4 .select2-selection {
      /* height: 20px !important; */
      /* line-height: 12px; */
      box-shadow: none;
      border: none;
  }

  .form-update .form-group label {
      margin-bottom: 4px;
      font-size: 13px;
      display: flex;
      align-items: center;
      /* line-height: 24px; */
  }

  .form-update .form-group .icon-right.extra-top {
      top: 2px;
  }


  .form-update .form-group .icon-right {

      position: absolute;

      top: 33px;

      right: 7px;

      font-size: 18px;

      color: #3e3e3e;

  }

  .form-update .form-group .icon-right.no-label {

/* position: absolute; */

top: 8px;

/* right: 7px; */

/* font-size: 18px; */

/* color: #3e3e3e; */

}

  .form-update .form-group .icon-left {}

  .form-update .form-submit {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #d8dfee;
      padding: 12px 0px;
      gap: 10px;
      /* margin-top: 20px; */
  }

  .form-update hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid rgb(0 0 0 / 44%);
  }

  .form-update .search-drop {
      border-radius: 4px;
      background-color: #fff;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
      width: 99%;
      position: absolute;
      left: 0;
      /* top: 62px !important; */
      max-height: 298px;
      overflow: hidden;
      z-index: 999;
      /* padding: 4px; */
      transform: inherit !important;
      padding: 0;
  }



  .form-update .search-drop.search-drop-wl {

      top: 36px;

  }

  .form-update .search-drop .searchbar {
      padding: 4px 4px;
  }

  .form-update .search-drop .searchbar i {
      position: absolute;
      font-size: 24px;
      top: 8px;
      left: 12px;
      color: #605f5f
  }

  .form-update .search-drop .searchbar input {
      width: 100%;
      height: 44px;
      font-size: 14px;
      border: 1px solid #cfcfcf;
      /* box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); */
      padding: 0 38px
  }

  .form-update .search-drop .searchbar .clear {
      position: absolute;
      right: 16px;
      top: 16px;
      font-size: 13px;
      text-decoration: none;
      color: #ac8282
  }

  .form-update .search-drop .searchlocation {
      max-height: 300px;
      overflow-y: auto
  }


  .form-update .search-drop .searchlocation .form-check {
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 5px 24px;
  }

  .form-update .search-drop .searchlocation .form-check .form-check-label {
      margin: 0;
      width: 100%;
  }

  .form-update .search-drop h3 {
      margin-bottom: -2px;
      font-size: 15px;
      padding: 7px 11px;
      color: #5d84ac;
      margin-top: 8px
  }

  .form-update .search-drop ul {
      list-style: none;
      padding: 0;
      margin: 0
  }

  .form-update .search-drop ul li {
      display: flex;
      align-items: center;
      cursor: pointer;
      border-bottom: 1px solid #e4e4e4;
      padding: 4px 10px;
  }

  .form-update .search-drop ul li:hover {
      background: #e9f3ff;
  }

  .form-update .search-drop ul li i {
      font-size: 21px;
      color: #da2021;
      margin-right: 5px
  }

  .form-update .search-drop ul li .name {
      font-size: 13px;
      /* font-weight: 600; */
      color: #606060;
  }

  .form-update .search-drop ul li .city {
      font-size: 13px;
      margin: 0
  }

  .form-update .search-drop ul li .name strong {
      font-size: 14px
  }

  .section-content .sidebar-fields {}

  .section-content .sidebar-fields .offcanvas {
      width: 35% !important;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header {
      border-bottom: #b8b8b8 1px solid;
      padding: 9px 13px;
      background: #041956;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header .offcanvas-title {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
  }

  .section-content .sidebar-fields .offcanvas .offcanvas-header .btn-close {

      background: #ffc900;

      opacity: 1;

      color: #ffff;

      line-height: 15px;

      font-size: 18px;

      padding: 6px 5px 3px;
  }

  .popup-set {}

  .popup-set .modal-content {}

  .popup-set .modal-content .modal-header {
      padding: 4px 14px;
      /* background: #000; */
      /* background-image: linear-gradient(to right, #021f7c, #0037d6); */
      background-image: linear-gradient(to right, #e82828, #ac0709);
  }

  .popup-set .modal-content .modal-header .btn-close {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 26px;
      height: 26px;
      background: #ff0707;
      opacity: 1;
      padding: 0;
      line-height: 29px;
      color: #fff;
      border-radius: 23px;
      padding: 0;
  }

  .popup-set .modal-content .modal-header .modal-title {
      margin: 0;
      color: #fff;
      font-size: 18px;
  }

  .popup-set .modal-content .modal-header .modal-title .btn-close {}

  .agent-panel-offer {
      /* padding: 20px 0px; */
      margin-bottom: 28px;
  }

  .popup-set .modal-content .modal-footer {
      padding: 4px 4px;
  }

  .agent-panel-offer .head {
      /* text-align: center; */
      margin-top: 16px;
      margin-bottom: 13px;
  }

  .agent-panel-offer .head h3 {
      font-weight: 800;
      color: #000000;
      font-size: 22px;
  }

  .agent-panel-offer .head p {
      color: #000;
      font-size: 16px;
      margin: 0;
  }

  .agent-panel-offer .offer-block {}

  .form-bottom {
      padding-top: 20px;
  }

  .form-bottom .points {
      color: #fff;
      text-align: center;
      font-size: 18px;
  }

  .form-bottom .points i {}

  .form-bottom .points h4 {}

  .tab-action {}

  .tab-action .nav-tabs {}

  .tab-action .nav-tabs .nav-item {
      width: 100%;
  }

  .tab-action .nav-tabs .nav-item .nav-link {
      color: #000;
      width: 100%;
  }

  .tab-action .nav-tabs .nav-item .nav-link:hover {
      color: #ffffff !important;
      background-image: linear-gradient(to right, #5c81ff, #3d6bff);
  }

  .tab-action .nav-tabs .nav-item .nav-link.active {
      color: #ffffff !important;
      background-image: linear-gradient(to right, #5c81ff, #3d6bff);
  }

  .recent-search {
      padding: 10px 0px;
      margin-bottom: 26px;
  }

  .recent-search .head {}

  .recent-search .head h3 {
      font-weight: 800;
      color: #000000;
      font-size: 22px;
  }

  .recent-search .search-show {
      border: #cccccc 1px solid;
      background: #fff;
      border-radius: 5px;
      padding: 10px 15px;
      position: relative;
      cursor: pointer;
      transition: 0.2s;
  }

  .recent-search .search-show:hover {
      background: #cbdeff;
  }

  .recent-search .search-show .route {
      display: flex;
      align-items: center;
  }

  .recent-search .search-show .route h4 {
      margin: 0;
      font-size: 15px;
      color: #000;
      font-weight: 700;
  }

  .recent-search .search-show .route i {
      padding: 0px 8px;
      font-size: 17px;
  }

  .recent-search .search-show .time {}

  .recent-search .search-show .time span {
      font-size: 13px;
      color: #000;
      font-weight: 600;
  }

  .recent-search .search-show .arrow {
      position: absolute;
      right: 6px;
      top: 25px;
  }

  .recent-search .search-show .arrow i {
      font-size: 18px;
  }

  footer .footer-blue {
      padding-top: 38px;
      background: #1a46a5;
      background-image: linear-gradient(to bottom right, #202095, #051e65);
  }

  footer .footer-blue .right-pay {
      width: 100%;
      display: flex;
      justify-content: right;
      align-items: center
  }

  footer .footer-blue .right-pay span {
      width: 45%
  }

  footer .footer-blue h2 {
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase
  }

  footer .footer-blue .link-block ul {
      padding: 0
  }

  footer .footer-blue .link-block ul li {
      list-style-type: none
  }

  footer .footer-blue .link-block ul li a {
      color: #fff;
      font-size: 13px;
      text-decoration: none
  }

  footer .footer-blue .newsletter p {
      color: #fff;
      font-size: 14px;
      margin-bottom: 7px
  }

  footer .footer-blue .newsletter img {
      width: 22%
  }

  footer .footer-blue .newsletter .form-group {
      width: 100%;
      overflow: hidden;
      margin: 0
  }

  footer .footer-blue .newsletter .form-group .form-control {
      float: left;
      width: 70%;
      border-radius: 0;
      border: 0;
      height: 32px
  }

  footer .footer-blue .newsletter .form-group button {
      float: left;
      border: 0;
      background-color: #ec1c3c;
      color: #fff;
      font-size: 14px;
      padding: 6px 18px
  }

  footer .footer-blue .contact ul {
      margin: 0;
      padding: 0
  }

  footer .footer-blue .contact ul li {
      display: flex;
      align-items: center;
      justify-content: left
  }

  footer .footer-blue .contact ul li span {
      width: 13%;
      margin-right: 10px
  }

  footer .footer-blue .contact ul li a {
      margin: 0;
      padding: 0
  }

  footer .footer-blue .contact p {
      position: relative;
      padding-left: 22px;
      color: #fff;
      font-size: 14px
  }

  footer .footer-blue .contact a {
      display: block;
      color: #fff;
      position: relative;
      padding-left: 27px;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px
  }

  footer .footer-blue .Follow_us ul {
      display: flex;
      padding: 0;
      margin: 0
  }

  footer .footer-blue .Follow_us ul li {
      margin-right: 9px;
      list-style: none;
      background: #fff;
      height: 30px;
      width: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px
  }

  footer .footer-blue .Follow_us ul li a {
      line-height: 0
  }

  footer .footer-blue .Follow_us ul li span {
      font-size: 24px;
      line-height: 2
  }

  footer .footer-blue .contact i {
      position: absolute;
      left: 0;
      font-size: 18px
  }

  footer .footer-blue .Logo_footer {
      width: 40%
  }

  footer .footer-logo {
      background-color: #fff;
      padding: 24px 0 2px
  }

  footer .social-sec {
      background-color: #fff;
      padding: 1px 4px
  }

  footer .social-sec .social-media a {
      color: #ff9000;
      font-size: 22px;
      display: inline-block;
      padding: 7px 6px
  }

  footer .social-sec .right-pay {
      text-align: right
  }

  footer .ita-logo {
      width: 23%;
      margin: 0 auto;
      padding: 9px 0
  }

  footer .copy-sec {
      text-align: center;
      color: #fff;
      padding: 21px 0;
      font-size: 14px;
      background: #0844c5
  }

  footer .copy-sec p {
      margin: 0;
      color: #fff
  }

  .custom-tooltip {
      --bs-tooltip-bg: var(--bs-primary);
  }

  .navbar-toggler {
      border: none;
      padding: 0;
      box-shadow: none !important;
  }

  .toggle-wrap {
      /* padding: 10px; */
      /* position: relative; */
      cursor: pointer;
      /* float: left; */
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .toggle-bar,
  .toggle-bar::before,
  .toggle-bar::after,
  .toggle-wrap.active .toggle-bar,
  .toggle-wrap.active .toggle-bar::before,
  .toggle-wrap.active .toggle-bar::after {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }

  .toggle-bar {
      width: 32px;
      margin: 3px 0;
      position: relative;
      border-top: 3px solid #303030;
      display: block;
  }

  .toggle-bar::before,
  .toggle-bar::after {
      content: "";
      display: block;
      background: #303030;
      height: 3px;
      width: 32px;
      position: absolute;
      top: -11px;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 13%;
      -webkit-transform-origin: 13%;
      transform-origin: 13%;
  }

  .toggle-bar::after {
      top: 6px;
  }

  .toggle-wrap.active .toggle-bar {
      border-top: 6px solid transparent;
  }

  .toggle-wrap.active .toggle-bar::before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .toggle-wrap.active .toggle-bar::after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  .welcome-page {
      position: relative;
  }

  .welcome-page .welcome-in .img-set {}

  .welcome-page .welcome-in .img-set img {}

  .welcome-page .welcome-in .heading {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .welcome-page .welcome-in .heading h3 {
      color: #fff;
      font-size: 45px;
      font-weight: 900;
  }

  .welcome-page .welcome-in .heading p {
      font-size: 21px;
      color: #fff;
  }

  .welcome-page .opacity {

      position: absolute;

      width: 100%;

      height: 100%;

      background: #00000026;
  }

  .form-update .form-text {

      /* height: 34px; */

      font-size: 13px;

      font-weight: 600;

      width: 100%;

      border: #d2d2d2 1px solid;

      border-radius: 4px;

      padding: 3px 4px;

  }



  table tbody tr td .img-set {

      width: 50px;

      height: 50px;
  }


  .layout-footer-fixed .wrapper .main-footer {
      bottom: 0;
      left: 0;
      position: inherit;
      right: 0;
      z-index: 1032;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }


  .add-days ul.days .list-li {
      position: relative;
      /* min-height: 119px; */
      border-left: #f00 3px solid;
      padding: 10px 14px;
      margin-bottom: 18px;
      background-color: #ffffff;
      box-shadow: 0px 1px 4px #00000021;
      border: #d7d7d7 1px solid;
      border-radius: 15px;
  }

  .add-days ul.days .list-li .dayhead {
      background: #e6dddd;
      padding: 9px 9px;
      border-top-left-radius: 13px;
      border-top-right-radius: 13px;
      margin-bottom: 11px;
      background-image: linear-gradient(to right, #ffe2e2, #d5d2f7);
  }

  .add-days ul.days .list-li .dayhead .day-info {}

  .add-days ul.days .list-li .dayhead .day-info h3 {
      font-size: 19px;
      font-weight: 600;
      margin-bottom: 5px;
  }

  .add-days ul.days .list-li .dayhead .day-info p {
      font-size: 13px;
      margin-bottom: 8px;
  }

  .add-days ul.days .list-li .dayhead .day-info span {
      /* background: #ffffff; */
      margin-right: 10px;
      display: inline-flex;
      align-items: center;
  }

  .add-days ul.days .list-li .dayhead .day-info span i {
      /* background: #ffffff; */
      margin-right: 5px;
      color: #ff3e3e;
      font-size: 18px;
  }

  .add-days ul.days .list-li .dayhead .day-action {}

  .add-days ul.days .list-li .addon-service {}

  .add-days ul.days .list-li .addon-service .accordion {}

  .add-days ul.days .list-li .addon-service .accordion .accordion-item {
      border: none;
  }

  .add-days ul.days .list-li .addon-service .accordion .accordion-item .accordion-header {
      margin-bottom: 7px;
      border: none;
  }

  .add-days ul.days .list-li .addon-service .accordion .accordion-item .accordion-header .accordion-button {
      padding: 8px 15px;
      background: #eceef6;
      border-radius: 5px;
      /* background-image: linear-gradient(to right, #dcd2f8, #fff0f0); */
      /* border: none; */
      font-size: 15px;
  }

  .add-days ul.days .list-li .addon-service .accordion .accordion-item .accordion-header .accordion-button i {
      margin-right: 8px;
      color: #3038bb;
      font-size: 16px;
  }


  .select2-container .select2-selection--single {

    height: 34px !important;
 
}

.select2-container--default .select2-search--dropdown .select2-search__field {

    outline: none ;
}

        .flt-date {}

              .flt-date .date-tab {
                background: #ffffff;
                padding: 6px 8px;
                border-radius: 6px;
                border: #c6c2c2 1px solid;
                cursor: pointer;
              }
   .flt-date .date-tab.active {
             border: #ff1616 1px solid;
             }
.flt-date .date-tab.active span {
            color: #e41313;
            }

              .flt-date .date-tab span{    display: block;
    font-size: 13px;
    font-weight: 600;}
              .flt-date .date-tab .day-show {    display: block;
    font-size: 13px;
    font-weight: 600;}

              .flt-date .date-tab .date-show {    display: block;
    font-size: 13px;
    font-weight: 600;}

              .flt-date .owl-nav {
                position: absolute;
                top: 50%;
                width: 100%;
                transform: translateY(-50%);
                pointer-events: none;
                /* allows clicking through empty area */
              }

              /* Left arrow */
              .flt-date .owl-nav .owl-prev {
                position: absolute;
                left: -16px;
                pointer-events: auto;
                top: -32px;
                background-color: #da2021 !important;
                height: 35px;
                display: flex;
                align-items: center;
                color: #fff !important;
              }

              /* Right arrow */
              .flt-date .owl-nav .owl-next {
                position: absolute;
                right: -16px;
                pointer-events: auto;
                top: -32px;
                background-color: #da2021 !important;
                height: 35px;
                display: flex;
                align-items: center;
                color: #fff !important;
              }

              /* Arrow icon style */
              .flt-date .owl-nav img,
              .flt-date .owl-nav i {
                width: 30px;
                height: 30px;
                background: #000;
                color: #fff;
                padding: 8px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
              }


              .select2-container--default .select2-selection--single .select2-selection__arrow b:after{
    /* content: "\f133"; */
    font-family: "Material Design Icons";
    /* font-weight: 400; */
    content: "\F0140";
    /* color: #5d5d5d; */
    font-size: 12px;
    position: absolute;
    top: -5px;
    right: -7px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f078";
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {

border: none;

border-style: none !important;
}

  @media screen and (min-width: 992px) {
      .main-head .navbar {
          padding: 0;
          /* line-height: 3rem; */



          .dropdown-menu {
              line-height: initial;
          }
      }

      .main-head .navbar .navbar-nav .dropdown {
          .dropdown-menu {
              display: none;
          }
      }

      .main-head .navbar .navbar-nav .dropdown,
      .main-head .navbar .navbar-nav .dropend {
          &:hover {
              &>.dropdown-menu {
                  display: block;
              }
          }
      }

      .main-head .navbar .navbar-nav .dropdown {
          &:hover {
              &>.dropdown-menu {
                  margin-top: -.5rem;
              }
          }
      }

      .main-head .navbar .navbar-nav .dropend {
          &:hover {
              &>.dropdown-menu {
                  position: absolute;
                  top: -.5rem;
                  left: 100%;
                  margin-left: 0;
              }
          }
      }
  }


  @media only screen and (max-width: 1024px) {
      .sidebar.active {
          width: 240px;
          
      }

      .sidebar.active~.home_content {
          width: 100% !important;
          left: 0 !important;
      }

      .main-head .navbar .navbar-collapse {
          position: absolute;
          width: 220px;
          /* background-color: #1b449c; */
          background-image: linear-gradient(to right, #135b83, #083d5c);
          top: 0;
          left: -260px;
          transition: 0.5s;
          z-index: 100;
          height: 100vh !important;
          display: block !important;
      }
      .main-head .navbar .navbar-toggler.close-m {

    display: flex;

}
       .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }

      .main-head .navbar .navbar-collapse .navbar-nav {
          display: block;
      }

      .main-head .navbar .navbar-collapse.show {

left: -12px;

z-index: 100;

height: 100vh;

}

      .main-head .navbar .navbar-brand {
          width: 25%;
          display: block;
          padding-left: 48px;
      }

      .main-head .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
          font-size: 13px;
          padding: 8px 14px;
          color: #fff;
      }

      .main-head .navbar .navbar-collapse .navbar-nav .nav-item {
          border-bottom: #b2b2b2 1px solid;
      }

      .main-head .navbar .navbar-collapse.collapsing {}

      .main-head .navbar .navbar-collapse .navbar-nav .dropdown-menu {

          margin: 0;
          padding: 0;
      }
.main-head .navbar .right-bar .wallet

 {
 display: none;
}
  }

  @media only screen and (max-width: 667px) {

      .main-head .navbar .navbar-brand {
          width: 42%;
          display: block;
          padding-left: 48px;
      }
 

  }