.midcontarea {
      width: 85% !important;
    }

    .main-content {
      max-width: 100% !important;
    }

    .tour-schedule-main-wrapper h1 {
      color: #333333 !important;
      font-weight: bold !important;
      font-size: 30px !important;
    }

    .tour-schedule-page-wrapper {
      background: #f5f5f5;
      padding: 20px;
      border-radius: 24px;
      margin-bottom: 25px;
      .nav-tabs {
        display: flex;
      }
    }

    .tour-schedule-v2-area {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 4%;
    }

    .tour-schedule-v2-area .tour-schedule-v2-area-left {
      width: 42%;
    }

    .tour-schedule-v2-area .tour-schedule-v2-area-right {
      width: 53%;
    }

    .tour-schedule-v2-area .tour-schedule-v2-area-left h3,
    .tour-schedule-v2-area .tour-schedule-v2-area-right h3 {
      text-align: center;
      color: #333333;
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 20px;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title {
      background-color: #172c49 !important;
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
      align-items: center;
      line-height: 30px;
      font-weight: bold;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-title h3 {
      font-size: 18px;
      text-align: left;
      padding-left: 20px !important;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-title {
      padding: 5px 20px 5px 0px;
      text-align: center;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-print a {
      font-size: 15px;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-print i {
      border: none;
      font-size: 19px;
    }

    .tour-schedule-title .tour-print {
      width: 25% !important;
    }

    .tour-schedule-v2-area .tour-schedule-left-box form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-print {
      padding: 5px 0 0 20px !important;
      text-align: left !important;
      width: 30% !important;
    }

    .tour-schedule-v2-area .table-bordered .bg-primary {
      background-color: #5a9ad6 !important;
    }

    .tour-schedule-v2-area .table-bordered .bg-primary .tex-white {
      padding: 12px;
    }

    .tour-schedule-v2-area .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
      border: 2px solid #e9e9e9;
      padding: 20px;
      vertical-align: middle;
      font-size: 15px;
      font-weight: bold;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .table-bordered tr td:nth-child(2) {
      text-align: center;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .table-bordered label {
      text-align: center;
    }

    .tour-schedule-v2-area .tour-schedule-right-box {
      background: #fff;
      padding: 20px;
      border-radius: 24px;
    }

    .tour-schedule-v2-area .tour-schedule-right-box .form-group {
      overflow: hidden;
    }

    .tour-schedule-v2-area .tour-schedule-right-box .form-group .control-label {
      text-align: right;
      padding: 10px 0 0;
      color: #3b3b3b;
      font-size: 12px;
    }

    .tour-schedule-v2-area .tour-schedule-right-box .form-group .control-label span {
      display: block;
    }

    .tour-schedule-v2-area .tour-schedule-right-box #submit {
      border: 0;
      background: none;
      display: block;
      margin: 10px auto;
      text-align: center;
      padding: 14px 30px;
      outline: none;
      color: #fff !important;
      border-radius: 24px;
      transition: 0.25s;
      cursor: pointer;
      background: #172c49;
      max-width: 100%;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      text-transform: uppercase;
      width: 250px;
      font-weight: bold;
    }


    .tour-schedule-v2-area .tour-schedule-right-box textarea.form-control {
      height: auto !important;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .schedule-table-mobile tbody tr td span {
      font-size: 15px;
      display: inline-block;
      padding-left: 10px;
    }

    .tour-schedule-v2-area .tour-schedule-right-box .form-group .form-control {
      border: 0;
      background: #f3f5f7;
      display: block;
      margin: 0px auto;
      text-align: left;
      padding-left: 15px;
      width: 100%;
      outline: none;
      color: #451414;
      border-radius: 24px;
      transition: all 0.25s;
      text-align: left;
      height: 40px;
      margin-bottom: 2px;
    }

    .tour-schedule-right-box h3 {
      margin: 10px 0 20px 0 !important;
      font-size: 22px !important;
    }

    .schedule-table-mobile {
      display: block !important;
      height: 100em;
      overflow: auto;
    }

    .schedule-table-mobile::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      background-color: #f5f5f5;
      border-radius: 5px;
    }

    .schedule-table-mobile::-webkit-scrollbar {
      width: 15px;
      background-color: #f5f5f5;
    }

    .schedule-table-mobile::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #051302;
    }

    .tour-schedule-right-box .tour-form-divider {
      border-top: 1px solid #d7d7d7;
      opacity: 1;
    }

    .tour-sched-client-survey-box {
      border: 1px solid;
      border-radius: 24px;
      padding: 20px;
      margin-top: 35px;
    }

    ul.nav.nav-tabs.clm-row {
      display: flex;
      flex-direction: row !important;
      width: max-content;
      gap: 10px;
      margin: 0 auto;
    }

    .tour-sched-collpase-sec {
      margin-top: 40px;
    }


    .tour-sched-collpase-sec .panel-heading .accordion-toggle:before {
      /* symbol for "opening" panels */
      font-family: 'Glyphicons Halflings';
      /* essential for enabling glyphicon */
      content: "\e114";
      /* adjust as needed, taken from bootstrap.css */
      float: right;
      /* adjust as needed */
      color: #fff;
      /* adjust as needed */
      font-size: 10px;
      display: none;
    }

    .tour-sched-collpase-sec .panel-heading .accordion-toggle.collapsed:before {
      /* symbol for "collapsed" panels */
      content: "\e080";
      /* adjust as needed, taken from bootstrap.css */
    }

    .tour-sched-collpase-sec .panel-title {
      margin: 0;
      padding: 10px;
      background: #172c49;
      font-size: 17px !important;
    }

    .tour-sched-collpase-sec .panel-title>a {
      display: block;
      padding: 10px;
      color: #fff;
    }

    .tour-sched-collpase-sec .panel-title a:focus,
    a:hover {
      text-decoration: none;
    }

    .tour-sched-collpase-sec .panel-default>.panel-heading {
      background-image: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
      background-image: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
      background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
      background-repeat: repeat-x;
      padding: 0;
      margin: 0;
    }

    .tour-schedule-left-box .tour-title a {
      color: #fff;
    }

    .tour-schedule-left-box .tour-title i {
      border: none;
      color: #fff;
    }

    .tour-v2-header-buttons {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      margin: 20px auto;
      width: 75%;
    }

    .tour-v2-header-buttons a {
      background: #93bce6;
      text-align: center;
      line-height: 45px;
      border-radius: 20px;
      color: #172c49;
      padding: 0 10px;
    }

    .tour-v2-header-buttons a:hover {
      cursor: default;
      color: #172c49;
      text-decoration: none !important;
    }

    .tour-v2-header-buttons a:focus {
      outline: none;
      text-decoration: none;
      color: #172c49;
    }

    .tour-v2-header-buttons .tour-divider {
      height: 7px;
      border: 1px solid #93bce6;
      flex-grow: 1;
      background: #93bce6;
    }

    .content-area ul li {
      font-size: 17px !important;
    }

    .tour-sched-active {
      background-color: #172c49 !important;
      color: #fff !important;
      border: 3px solid #93bce6;
      font-weight: bold;
      transition: 0.3s ease;
      font-size: 13px !important;
    }




    .tour-sched-active-boxes-sec {
      box-shadow: 2px 0px 10px -1px rgba(77, 255, 76, 0.7);
      -webkit-box-shadow: 2px 0px 10px -1px rgba(77, 255, 76, 0.7);
      -moz-box-shadow: 2px 0px 10px -1px rgba(77, 255, 76, 0.7);
      border-radius: 24px;
    }

    .tour-schedule-right-box .tour-sched-form-ada-info {
      font-size: 14px !important;
      font-weight: bold;
      text-align: center !important;
    }

    .tour-mobile-steps {
      display: none;
    }

    .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-title {
      width: 70% !important;
    }

    .tour-schedule-v2-area .tour-schedule-left-box form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-print {
      width: 40%;
    }

    .content-area .nav ul.list-inline.tour-dates-header {
      margin: 15px auto !important;
    }

    .tab-content .active {
      background: transparent !important;
    }

    li.active {
      background: transparent !important;
    }

    .nav-tabs>li {
      border-radius: 5px 5px 0px 0px;
      background-color: #93bce6;
      outline: 1px solid #172c49;
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
      transition: ease 0.5s;
    }

    .nav-tabs>li>a {
      color: #000;
      margin-right: 0px !important;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover,
    .nav>li>a:focus,
    .nav>li>a:hover {
      color: #fff !important;
      background-color: #172c49 !important;
    }

    table {
      background-color: #fff !important;
    }

    .col-sm-4 {
      width: 25% !important;
    }

    ul.nav.nav-tabs li {
      margin: 0 auto !important;
    }

    /* this css style will push a bit on the bottom side of the mobile and tablet view port so that it will not be cover other menu */
    #popupButton {
      bottom: 10rem;
      background-color: #172c49 !important;
      color: #fff !important;


    }

    /* this css style will have a fade animation */
    .fade-in-bottom {
      -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
      animation: fade-in-bottom 0.6s cubic-bezier(0.445, 0.050, 0.550, 0.950) both;
    }

    @-webkit-keyframes fade-in-bottom {
      0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
      }
    }

    @keyframes fade-in-bottom {
      0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
      }
    }

    /* Mobile Responsive */

    @media only screen and (max-width: 1199px) {
      .tour-schedule-v2-area .tour-schedule-left-box {
        width: 100%;
      }

      .tour-schedule-v2-area .tour-schedule-right-box {
        width: 100%;
      }

      .schedule-table-mobile {
        height: auto;
      }

      .tour-v2-header-buttons {
        width: 100%;
      }

      .tour-schedule-v2-area .tour-schedule-v2-area-left {
        width: 50%;
      }

      .tour-schedule-v2-area .tour-schedule-v2-area-right {
        width: 45%;
      }

      .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-title {
        padding: 5px 20px 5px 0;
      }
    }



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

      .tour-schedule-right-box .col-sm-8 {
        width: 100% !important;
      }

      .tour-schedule-right-box .col-sm-offset-4 {
        margin-left: 0 !important;
      }


      ul.nav.nav-tabs.clm-row li a {
        padding: 10px !important;
        margin: 0 auto;
        text-align: center;
      }

      .tour-schedule-v2-area .tour-schedule-right-box .form-group {
        text-align: center !important;
      }

      .tour-schedule-v2-area .tour-schedule-right-box .form-group .control-label {
        text-align: center;
        width: 100% !important;
      }


      .tour-v2-header-buttons {
        display: none;
      }

      .tour-schedule-v2-area {
        flex-direction: column;
      }

      .tour-schedule-v2-area .tour-schedule-v2-area-left,
      .tour-schedule-v2-area .tour-schedule-v2-area-right {
        width: 100%;
      }

      .tour-mobile-steps {
        display: block;
        background: #172c49;
        line-height: 50px !important;
        color: #fff !important;
        text-align: center;
        font-size: 20px !important;
        border-radius: 8px;
      }

      .tour-schedule-v2-area .tour-schedule-v2-area-left h3,
      .tour-schedule-v2-area .tour-schedule-v2-area-right h3 {
        display: none;
      }

      .tour-schedule-main-wrapper h4 {
        margin-bottom: 30px !important;
      }

      .content-area.disorder-one.newnav {
        padding: 0 !important;
        margin: 0 auto !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .active:before {
        display: none;
      }

      .tour-schedule-v2-area .tour-schedule-right-box .form-group .control-label {
        text-align: center;
        width: 100%;
      }

      .tour-schedule-v2-area .tour-schedule-right-box .form-group .col-sm-8 {
        width: 100%;
      }

      .main-content .tour-schedule-section form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-title {
        display: block !important;
        width: 60%;
      }

      .tour-schedule-v2-area .tour-schedule-left-box .tour-schedule-title .tour-title {
        width: 100% !important;
        font-size: 1.6rem !important;
      }

      .tour-schedule-v2-area .tour-schedule-left-box form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-print {
        width: 40%;
      }
    }

    @media only screen and (max-width: 475px) {
      .tour-schedule-v2-area .tour-schedule-left-box form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-print {
        width: 100% !important;
        text-align: center !important;
      }

      .main-content .tour-schedule-section form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-title {
        text-align: center;
        width: 100% !important;
      }

      .nav-tabs>li.active>a,
      .nav-tabs>li.active>a:focus,
      .nav-tabs>li.active>a:hover {
        height: 100%;
      }

      .nav-tabs>li {
        width: 30%;
        text-align: center;
      }
    }

    @media only screen and (max-width: 375px) {
      .tour-schedule-v2-area .tour-schedule-right-box #submit {
        width: 100%;
        font-size: 11px;
      }

      .main-content .tour-schedule-section form.form-horizontal .row.tour-schedule-title.primaryBGColor .tour-title {
        text-align: center;
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 320px) {
      .nav>li>a {
        padding: 5px !important;
      }
    }


    .active-select {
      background-color: #172c49 !important;
      transition: ease 0.5s;
    }

    @media only screen and (min-width: 992px) {
      .tour-schedule-right-box .col-sm-offset-4 {
        margin-left: 25% !important;
      }
    }

    @media only screen and (max-width: 820px) {
      .tour-sched-collpase-sec .panel-heading .accordion-toggle:before {
        display: none !important;
      }

    }

    .tour-schedule-right-box span {
      color: #3B3B3B !important;
      font-size: 14px !important;
    }

    .tour-reminderV2 {
      display: none;
    }


    .fade.in {
      opacity: 1 !important;
    }

    .schedule-table-mobile span,#menu2 span {
      color: #000;
    }