.text-color{color: #a7a8a9 !important}
.text-color-2{color: #353d9f !important;}
.box {padding: 15px; position: relative; background-color: #ffffff; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; }
.box:hover{ transform: translateY(-10px);  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);}

.box-1 {padding: 15px; position: relative; background-color: #ffffff; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; }



.table td, .table th {padding: .5rem;}




/*==========================================
    :: Loader
==========================================*/
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale( 0.0 ); }
    100% { -webkit-transform: scale( 1.0 ); opacity: 0; }
}
@-moz-keyframes scaleout {
    0% { -moz-transform: scale( 0.0 ); }
    100% { -moz-transform: scale( 1.0 ); opacity: 0; }
}
@keyframes scaleout {
    0% { transform: scale( 0.0 ); } 
    100% { transform: scale( 1.0 ); opacity: 0; }
}
#loader {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #353d9f; z-index: 99999; }
#loader .loader-spinner {width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; -moz-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; }


/*-----------------------------------------
-----------------------------------------*/

.box-menu {position: fixed; width: 390px; }
.box-page-wapper {    width: calc(100% - 390px); float: left;	}

.main-menu {width: 80px; float: left; background: #353d9f; border-radius: 15px; margin: 15px 0; height: calc(100vh - 30px); padding: 15px 0;     overflow: auto;  display: inline-block;}
.main-menu ul li a { width: 80px; display: inline-block; border-radius: 8px; margin: 5px 0; padding: 5px;     color: #fff;}
.main-menu ul li a.main-active .menu-span{background: #02d7ff}
.main-menu ul li a.main-active .menu-text-span{opacity: 1}
.main-menu ul li a .menu-span {background: #5057ac; display: block; height: 40px; width: 40px; position: relative; text-align: center; margin: 0 auto; border-radius: 8px;}
.main-menu ul li a .menu-span .menuicons {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: inline-block; line-height: 40px; }
.main-menu ul li a .menu-text-span{width: 100%;display: inline-block; font-size: 12px;    line-height: normal; opacity: 0.5}

.menu-list{width: calc(100% - 130px); border-radius: 15px; height: calc(100vh - 30px);  border: 1px solid #ddd; overflow: auto; margin: 15px 0 15px 30px;  display: inline-block;}
.menu-list .nav-link {position: relative;}
.menu-list a{color: #a7a8a9 !important;}
.menu-list .nav-link-active{color: #353d9f !important}
.menu-list .nav-link-active:after {content: ""; height: 100%; width: 3px; background: #353d9f; position: absolute; left: 0; top: 0; bottom: 0; }
.menu-list .nav-link.collapsed:before {content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }
.menu-list .nav-link[aria-expanded="true"]:before {content: "\f106"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; }

.header-search {padding: 10px; border: 1px solid #ddd; border-radius: 10px; }

.header-search .search-form {position: relative; }
.header-search .search-form .search-icon {position: absolute; z-index: 9; top: 8px; left: 5px; }
.header-search .search-form input.form-control {padding-left: 32px !important; }
.header-search .dropdown-menu > li a { display: block; font-size: 0.88rem; padding: 0.625rem 1.25rem; background: rgb(204 204 204 / 0.15); color: #202020;}
.header-search .dropdown-menu > li a:hover{background: rgb(204 204 204 / 0.5);}

.notification-icon {position: relative; } 
.notification-number {background: var(--main-background_active); width: 14px; height: 14px; display: inline-block; font-size: 10px; text-align: center; position: absolute; right: -4px; border-radius: 50px; line-height: 14px; top: -4px; font-weight: bold; -webkit-box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); color: var(--main-white_text);}
.notification-icon .dropdown-toggle:after{display:none}

.massage-icon {position: relative;}  
.massage-icon .dropdown-toggle:after{display:none}
.massage-number {background: #353d9f; width: 14px; height: 14px; display: inline-block; font-size: 10px; text-align: center; position: absolute; right: -4px; border-radius: 50px; line-height: 14px; top: -4px; font-weight: bold; -webkit-box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 0 4px 0px rgba(255, 255, 255, 0.75); color: #fff; }

.res_dropdown_header {display: flex; align-items: flex-start; }
.user-info-icon {position: relative;}
.user-icons{position: relative; height: 50px;width: 50px; text-align: center; margin: 0 auto; border-radius: 8px;}
.user-icons img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Balance .user-icons{background: #ecf6fe}
.Credit .user-icons{background: #fdf4ea}
.Points .user-icons{background: #e8f6f3}
 
.toggle-icon{ position: relative; cursor: pointer; }
.toggle-icon span {display: block; background-color: #202020; height: 2px; width: 18px; margin-top: 5px; margin-bottom: 3px; -webkit-transform: rotate(0deg); transform: rotate(0deg); left: 0; opacity: 1; position: relative;}



.wapper-data {width: 100%; display: inline-block; }
.hide-wapper-data .menu-list{display: none;}
.hide-wapper-data .box-page-wapper {width: calc(100% - 100px); float: left; margin-left: 100px; margin-top: 15px; }


.dashboardcontain{display: none;}
.firstshow{display: block;}



.dashboard-task{position: relative;}
.dashboard-task ul li {margin: 10px 0; }
.dashboard-task ul li a{color: #202020; background: rgb(204 204 204 / 12%); display: inline-block; width: 100%; padding: 5px;}
.pending-list li:nth-child(1) a:hover {background: #28a745; color: #fff;}
.pending-list li:nth-child(2) a:hover {background: #ffc107; color: #fff;}
.pending-list li:nth-child(3) a:hover {background: #e83e8c; color: #fff;}
.pending-list li:nth-child(4) a:hover {background: #6f42c1; color: #fff;}
.pending-list li:nth-child(5) a:hover {background: #007bff; color: #fff;}
.pending-list li:nth-child(6) a:hover {background: #dc3545; color: #fff;}
.pending-list li:nth-child(7) a:hover {background: #17a2b8; color: #fff;}
.pending-list li:nth-child(8) a:hover {background: #fd7e14; color: #fff;}

.other-services{height: 472px; overflow-y: auto; overflow-x: hidden;}
.other-services a{margin-bottom: 20px; color: #202020;}

.data-tile-box-a:hover .data-data-tile-box{border: 1px solid #353d9f;}
.data-tile-box-a:hover{color: #353d9f}

.box-Ledger {position: relative;}
.box-Ledger .table td, .box-Ledger .table th {padding: .55rem; vertical-align: top; border-top: 1px solid #dee2e6; font-size: 14px; }

.menuclose{display: none;}

/*.header-marquee{    display: inline-block; width: calc(100% - 180px);}*/
.header-marquee {margin-left: 15px; display: flex; justify-content: flex-start; width: calc(100% - 440px); }
.ProductTBL.table td, .ProductTBL.table th{ font-size: 14px;}
.box-icons-list{margin-bottom: 30px;}



.box-Ticket-btn{position: relative;}
.box-Ticket-btn .box-info-text, .box-Ticket-btn .user-info-icon {width: 50%; }
.box-Ticket-btn .Ticket-btn {background: red; padding: 17px 10px; display: inline-block; width: 100%; text-align: center;border: 2px solid #fff; color: #fff;}
.box-Ticket-btn .Ticket-btn:hover{color: #fff;}


.box-Ticket-btn .box-info-text .Ticket-btn{background:#00aeef; }
.box-Ticket-btn .box-info-text .Ticket-btn:hover{background:#0697ce; }
.box-Ticket-btn .user-info-icon .Ticket-btn{background:#6c8bc6;}
.box-Ticket-btn .user-info-icon .Ticket-btn:hover{background:#5572a9;}

.icons-image figure {background: rgb(167 168 169 / 63%); border-radius: 50%; width: 100px; text-align: center; display: inline-block; margin: 0 auto; position: relative; height: 100px; }
.icons-image figure img.img-fluid {position: absolute; max-width: 70px; max-height: 70px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }


/*03-03-2021 Start*/
.box-allBalance .Ticket-btn {padding: 17px 10px; display: inline-block; width: 100%; text-align: center; border: 2px solid #fff; color: #fff;}
.box-allBalance .box-AddBalance .Ticket-btn {background: #006401;}
.box-allBalance .box-AddBalance .Ticket-btn:hover {background: #003c01;}
.box-allBalance .box-PaymentQue .Ticket-btn {background: #01a0e2;}
.box-allBalance .box-PaymentQue .Ticket-btn:hover {background: #0083b9;}
.box-allBalance .box-RedeemPoints .Ticket-btn {background: #6c8ac6;}
.box-allBalance .box-RedeemPoints .Ticket-btn:hover {background: #4d679a;}
.box-allBalance > div {width: 50%; }

.todayinr .box-todayinr{padding: 17px 10px; display: inline-block; width: 100%; text-align: center; border: 2px solid #fff; color: #000;}
.todayinr .todayinr-first, .todayinr .todayinr-four{background: #d1cde6; }
.todayinr .todayinr-second, .todayinr .todayinr-three{background: #01a0e2;}

.todayinr .todayinr-first:hover, .todayinr .todayinr-four:hover{background: #a7a2c3; }
.todayinr .todayinr-second:hover, .todayinr .todayinr-three:hover{background: #047bad;}

.todayinr p{ margin: 0; color: #202020; font-size: 18px;font-weight: 600;}

/*03-03-2021 End*/


/*grid*/
.grid-1 {display: -ms-grid; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; }
.grid-2 {display: -ms-grid; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; }
.grid-3 {display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; }
.grid-4 {display: -ms-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2rem; }
.grid-5 {display: -ms-grid; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 2rem; }
.grid-6 {display: -ms-grid; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 2rem; }
.br_15{border-radius: 15px !important;}
.overflow-hidden{overflow: hidden !important;}
.box__form_control {display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #495057; background-color: transparent; background-clip: padding-box; border-radius: 0; box-shadow: inset 0 0 0 transparent; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: 0; border-bottom: 1px solid #dddddd; font-size: 18px; }
.form-select:focus{background: transparent; padding: 0; }

.required, .text-red{ color: red }

.text-black{color: #000 !important}
.box__form_control.input-date{background: none !important; font-size: 18px; font-weight: 600; padding-left: 0 !important; }
/*radio btn change start*/
 
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute; left: -9999px; }

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #000; font-weight: normal; padding-top:4px;font-size:medium}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: ''; position: absolute;left: 4px;top: 3px;width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: ''; width: 9px; height: 9px; background: #ff5722; position: absolute;top: 6px; left: 7px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/*radio btn change end*/

.fs_16{font-size: 16px !important;}
.fs_18{font-size: 18px !important;}
.fs_20{font-size: 20px !important;}
.fs_22{font-size: 22px !important;}
.fs_24{font-size: 24px !important;}
.fs_26{font-size: 26px !important;}



/*Button*/
.button {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; padding: 10px 25px; display: inline-block; margin: 0; text-decoration: none; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; border: 1px solid var(--white-color); outline: 0; box-sizing: border-box; color: #fff; position: relative; overflow: hidden; border-radius: 0px; -webkit-border-radius: 0px; background: #ff5722; border-bottom-left-radius: 15px; border-top-right-radius: 15px;    box-shadow: 4px 5px 0px 0px #d2d2d2; -webkit-box-shadow: 4px 5px 0px 0px #d2d2d2; -moz-box-shadow: 4px 5px 0px 0px #d2d2d2;}
.button:hover, .button:active, .button:focus {color: #fff !important; box-shadow: none !important;}
.button:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 1; -webkit-transform: translate(-105%, 0); transform: translate(-105%, 0); background-color: rgba(255, 255, 255, 0.8); }
.button:hover:before {opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.line-height{line-height: normal;}


/*hotel page*/
.grid-box{position: relative; background-color: #ffffff; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px;}
.box__search {position: relative; }
.hotels__grid .hotels__grid_left .grid-box{padding: 15px;background-color: rgb(53 61 159 / 6%);}
.search__icon {padding-left: 35px; background: url(../images/search.png) no-repeat 0px 8px; background-size: 20px; }
.hotels__grid_left input[type="date"] {background: none; padding-left: .75rem; font-size: 18px; font-weight: 600; }
.box__Room .Travellers_option {top: 55px; padding: 30px 30px;}
.box__Room .Travellers_option:after{display: none;}
.box__Room .Travellers_view {display: block; width: 100%; padding: .375rem .75rem; color: #495057; background-color: transparent; background-clip: padding-box; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  height: calc(2.25rem + 2px);  line-height: 1.5; cursor: pointer; border: none; border-bottom: 1px solid #dddddd; font-size: 18px; font-weight: 600;}
.Faq__list{margin-bottom: 30px;}

/*hotel search page*/
.search_Button{margin-top: 20px;}
.white-button {color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid transparent; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; height: 45px; border-radius: 5px; line-height: 43px; }
.white-button:hover, .white-button:active, .white-button:focus {background: #02d7ff; color: #202020; }
.box__Results_search{position: relative;padding: 15px 20px 10px 20px; background: #353d9f; border-radius: 15px; color: #fff;} 
.box__Results_search input[type="date"] {background: transparent; padding-left: .75rem; font-size: 14px; font-weight: normal; color: #fff; background-color: #20288a; border-radius: 5px; border: none;}
.box__Results_search .Travellers_option {min-width: 100%; }
.box__Results_search .Travellers_view {color: #fff;background-color: #20288a; border-radius: 5px; border: none;}
.box__Results_search .form-control {color: #fff; background-color: #20288a; border-radius: 5px; border: none; }
.box__grid-box .grid-box {background-color: rgb(53 61 159 / 6%); border: 2px solid rgb(204 204 204 / 23%); }
.box__grid-box .grid-box:hover {box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 10%); border: 2px solid #ff5722; }
/*Filter top*/
.box__Results__Filter {position: relative; padding: 15px 20px 10px 20px; background: #fff; box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 10%); }
.box__Results__Filter .form-control, .box__Results__Filter span.form-control {height: auto; padding: 3px 5px; border-radius: 5px; font-size: 14px; border: 1px solid #dddddd; text-align: left;}
.rating-tag {padding: 1px 5px; color: #fff; border-radius: 3px; margin-bottom: 5px; display: inline-block; width: 45px; text-align: center; margin-left: 5px;}
.rating-color-4{background: #005d2f}
.rating-color-40{background: #039456}
.rating-color-3{background: #5ea634}
.rating-color-30{background: #f59c01} 
.offertags-list {position: relative; background-color: #ffffff; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; padding: 10px; }
.offertags-text{background: #e9f7ea; padding: 4px 10px; border-radius: 5px; display: inline-block; }
.offertags-text i{color: #299961}
.box__Hotel_ImgThume img{width: 50px;}
.box__Hotel_ImgThume li{margin: 0 !important;}
.box__Hotel_Img {border-radius: 10PX; overflow: hidden; }
.thume-img {position: relative; width: 47px; height: 47px; border-radius: 5px; overflow: hidden; border: 1px solid #d3d3d3; }
.thume-img img{position: absolute; left: 0 ; right: 0; top: 0; bottom: 0; max-width: 47px; max-height: 47px; width: auto; height: auto; margin: auto;}
.viewall-text {z-index: 99; position: absolute; font-size: 13px; bottom: 0; top: 10%; margin: auto; left: 0; right: 0; text-align: center;color: #fff; }
.box__Hotel_ImgThume li.ImgThumeLast a .thume-img:after {content: ""; background: rgb(0 0 0 / 50%); height: 47px; width: 100%; position: absolute; }
.sectioon_room_details p {font-size: 13px; }
.box__star li{margin: 0 !important}
.box__star .star-color{color: #fec100;}
.hotel-review span:nth-child(1){color: #fff; padding: 2px 8px; border-radius: 5px;}
.border-right{border-right: 1px dotted #d1d1d1;}
.offtag{background: red; color: #fff; padding: 3px 5px; border-radius: 5px;}
.offerprice {text-decoration: line-through; font-size: 18px}
.mainprice {font-size: 26px;font-weight: 600;}
.box__property_Login .property_Login_btn {padding: 8px 15px; background: #fffce9; width: 100%; display: inherit; margin-top: 15px; color: #202020; border-radius: 5px; }
.box__property_Login .property_Login_btn:hover{background: #f2ecc6;}
/*Hotel Details*/
.box__Details {position: relative; padding: 15px 20px 10px 20px; background: #fff; box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 10%); }
.box__pagination li a, .box__pagination li span{margin: 0 10px; position: relative; color: #202020}
.box__pagination li a:hover{color: #353d9f;}
.box__pagination li a:after{content: "\f105"; position: absolute; font-family: FontAwesome;  right: -15px; }
.box__pagination li:nth-child(1) a {margin-left: 0;}
.Details__Amenities_title {padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 10px; }
.Details__Amenities{padding: 15px;}
.room__in_out{padding: 15px; border-top: 1px solid rgb(204 204 204 / 23%); }
.BreakFast__Available p{padding: 15px; color: #2bac36;}
.BookingWidget{padding: 15px;    background-color: rgb(53 61 159 / 6%);}
.Best__Details{padding: 15px;}
.Best__Details a{color: #202020}
.Best__Details a h6{color: #353d9f}
.BookingWidget_price{display: flex;}
.BookingWidget__right{margin-left: 15px;}
.Navigation___sticky {background: #343c9d; position: fixed; z-index: 999; top: 0; display: inline-block; width: calc(100% - 404px); box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 10%); padding: 15px 20px; margin-left: -20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.Navigation___sticky.Navigation__Account a {background: rgb(255 255 255 / 100%); }
.Navigationstyles{margin-top: 50px; } 
.Navigation__Account a {position: relative; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 5px; background: rgb(53 61 159 / 6%); display: inline-block; padding: 8px 15px; color: #202020; }
.Navigation__Account a.Navigation___menu_active{ background: #ff5722; color: #fff;}
.Navigation__hide {padding-top: 50px; }
#RoomOptionss{padding-top: 0}
.Navigation_inner {border: 1px solid rgb(204 204 204 / 44%); padding: 15px; border-radius: 10px;}
.Amenities__grid_list ul li p {padding: 0 0 5px 0; }
.Navigationname {border-bottom: 1px solid rgb(204 204 204 / 23%); padding: 5px 0; margin-bottom: 15px; }
.Details__roomcheckInOut{background-color: rgb(53 61 159 / 6%);padding: 15px 15px; border-radius: 15px; margin-top: 15px; margin-bottom: 15px;}
.Cancellation{color: #2bac36;}
.Cancellation svg{fill: #2bac36;}
.Details__roomIncludes {border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; }
.Details__roomtitle p {padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 10px; }
.Details__roomtitleIncludes{padding: 15px;}
.Booking__GuestDetails_title h4 {padding: 10px 0; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 10px; }
.Details__Summary {border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; }
.Details__Summarytitle h4 {padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 0px; }
.Details__Summarydata{padding: 15px;}
.box__Summarydata{display: flex; justify-content: space-between;margin: 15px 0;}
.text-green{color: rgb(24, 161, 96)}
.Code-form{display: flex;}
.promo-code-title{ padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 0px;}
.Code-form{padding: 15px;}


/*Bus*/
.up-down {position: absolute; right: -20px; top: 38px; }
.box__Results__Filter span.form-control{cursor: pointer;}

.box__bus__Results_search input[type="date"] {background-image: none; padding-left: 15px; }
.box__bus__Results_search input.form-control {color: #fff; background-color: #20288a; border-radius: 5px; border: none; }
.box__bus__Results_search {background: #353d9f; display: flex; flex-wrap: wrap; width: 100%; align-items: flex-end; position: relative; padding: 15px 20px 20px 20px; border-radius: 15px; color: #fff; }
.box__bus__Results_from_to{ display: flex; flex-flow: row wrap; width: 60%; padding-right: 10px; position: relative; align-items: flex-end;}
.box__bus__Results_date{display: flex; flex-flow: column wrap; width: 20%;   padding-left: 1.5rem; position: relative;}
.box__bus__Results_button{ display: flex; flex-flow: column wrap; width: 20%; padding-left: 2rem; position: relative;}
.box__bus__Results_from {display: flex; flex-flow: column wrap; width: 45%; position: relative; }
.box__bus__Results_sweech {width: 10%; position: relative; padding-right: 1rem; padding-left: 1rem; -webkit-box-align: center; align-items: center; top: -8px; }
.box__bus__Results_to {display: flex; flex-flow: column wrap; width: 45%; position: relative; }
/*bus list*/
.box__bus_listing_list {padding: 15px 0 15px 0; border-bottom: 2px solid rgb(204 204 204 / 23%); }
.bus-review span.rating-color-4{color: #fff;padding: 2px 8px; border-radius: 3px;}
.bus__duration_line{width: 100%; display: inline-flex; padding: 0.3rem; position: relative;}
.duration_line_dots_first{display: inline-flex; width: 5px; height: 6px; background-color: rgb(255 87 34); border-radius: 50%; position: absolute; top: 2px;}
.duration_line_dots_line{display: inline-flex; border: 0.5px solid rgb(255 87 34); width: 100%; margin-bottom: 2px;}
.duration_line_dots_last{display: inline-flex; width: 5px; height: 6px; background-color: rgb(255 87 34); border-radius: 50%; position: absolute; top: 2px; right: 0px;}
.box__bus_time{ display: flex; flex-flow: row wrap; width: 100%;}
.box__bus_time_first {display: flex; flex-flow: column wrap; width: 30%; }
.box__bus_time_duration {display: flex; flex-flow: column wrap; width: 30%; text-align: center;}
.box__bus_time_second {display: flex; flex-flow: column wrap; width: 40%; position: relative; padding-left: 2rem; }
.bus__ArrivalDatetxtPara{    color: rgb(119, 119, 119); font-size: 1.2rem; line-height: 1.6em; position: absolute; top: -1.7rem;}
.box__bus_amount{display: flex; flex-flow: column wrap; padding-right: 2.5rem; align-items: flex-end;    width: 100%;} 
.box__bus_price{ display: flex; flex-flow: column wrap; width: 100%;}
.box__bus_price_data{display: flex;  -webkit-box-pack: end; justify-content: flex-end;} 
.box__bus_select_seat{display: flex; flex-flow: column wrap;justify-content: flex-end;text-align: right;}
.bus__policy {display: flex; flex-wrap: wrap; width: 100%; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: flex-end; padding: 5px 0; }
/*Bus Details*/
.bus__box_details_data{display: none;}
.bus__details_data_show{display: block;}
.bus__box_details a {position: relative; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 5px; background: rgb(53 61 159 / 6%); display: inline-block; padding: 8px 15px; color: #202020; }
.bus__box_details a.box_details_active {background: #ff5722; color: #fff; }
.Bus__Amenities__grid {display: inline-block; width: 100%; }
.Bus__Amenities__grid .Amenities__grid_list ul li {width: 33.33%; display: inline-block; margin: 0 !important; float: left; }
.Bus__Amenities__Photos {display: inline-block; width: 100%; }
.Bus__Amenities__Photos .Amenities__grid_list ul li { display: inline-block; margin: 0 !important; float: left; }
.bus__Points p {line-height: normal; }
.bus__Points ul {max-height: 250px; overflow: auto; }
.bus__Points ul li {border-bottom: 2px solid rgb(204 204 204 / 23%); padding-bottom: 10px; margin-bottom: 10px; }
.bus__Points ul li:nth-last-child(1){border-bottom: 0px solid rgb(204 204 204 / 23%); padding-bottom: 0px; margin-bottom: 00px; }
.bus__selected_seat{display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 0px;}

/*services*/
.Information_bg{background: rgb(255, 242, 229);}
.box__services_data{display: none;}
.box__services_data_show{display: block;}
.services__grid_left {position: relative; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; background-color: rgb(53 61 159 / 6%); padding: 15px; }
.box__services_tabs a {position: relative; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 5px; background: rgb(53 61 159 / 6%); display: inline-block; padding: 8px 15px; color: #202020; }
.box__services_tabs a.box__services_tabs_active {background: #ff5722; color: #fff; }
.ExportToExcel{color: #202020;}



/*Flight*/
.box__flight__Results_search input[type="date"] {background-image: none; padding-left: 15px; }
.box__flight__Results_search input.form-control {color: #fff; background-color: #20288a; border-radius: 5px; border: none; }
.box__flight__Results_search {background: #353d9f; display: flex; flex-wrap: wrap; width: 100%; align-items: flex-end; position: relative; padding: 15px 20px 20px 20px; border-radius: 15px; color: #fff; }
.box__flight__Results_from_to{ display: flex; flex-flow: row wrap; width: 35%; padding-right: 15px; position: relative; align-items: flex-end;}
.box__flight__Results_date {display: flex; flex-flow: row wrap; width: 35%; position: relative; align-items: flex-end; padding-right: 15px;}
.box__flight__Results_Traveller {display: flex; flex-flow: row wrap; width: 20%; padding-left: 0; position: relative; padding-right: 15px; align-items: flex-end; }
.box__flight__Results_Traveller .spnTravelSection {width: 100%; }
.box__flight__Results_Traveller .select_Travellers .Travellers_view {background: #20288a; color: #fff; border: none; border-radius: 5px; }
.box__flight__Results_Traveller .select_Travellers .Travellers_option {min-width: 100%; }
.box__flight__Results_button{ display: flex; flex-flow: column wrap; width: 10%; position: relative; }
.box__flight__Results_from {display: flex; flex-flow: column wrap; width: 45%; position: relative; }
.box__flight__Results_sweech {width: 10%; position: relative; padding-right: 0; padding-left: 3px; -webkit-box-align: center; align-items: center; top: -8px; }
.box__flight__Results_to {display: flex; flex-flow: column wrap; width: 45%; position: relative; }

.box__flight__Results_Departure {display: flex; flex-flow: column wrap; width: 50%; position: relative; padding-right: 15px; }
.box__flight__Results_Return {display: flex; flex-flow: column wrap; width: 50%; position: relative; }

.box__flight__Results_radio{    display: flex; flex-flow: row wrap; width: 100%; position: relative; align-items: flex-end;}
.flight-icon {border-radius: 1px; border: 1px solid #e9e9ee; height: 35px; width: 35px; }
.flight_Views{cursor: pointer;}

 
.box__flight_returns {display: flex; width: 100%; flex-flow: row; }
.flight_return_left {width: calc(50% - 15px); margin-right: 15px; } 
.flight_return_right {width: calc(50% - 15px); margin-left: 15px; }
.return_list {display: flex; flex-flow: row wrap; width: 100%; }
.return_from_to {width: 70%; position: relative;}
.return_pricecheck {width: 30%; position: relative;}


.return_list .box__bus_time_first {display: flex; flex-flow: column wrap; width: 30%; }
.return_list .box__bus_time_second {display: flex; flex-flow: column wrap; width: 30%; position: relative; padding-left: 3rem; }


.radio_price {text-align: right; padding-right: 35px; } 
.return_list [type="radio"]:checked + label, .return_list [type="radio"]:not(:checked) + label{padding-left: 0;}
.return_list [type="radio"]:checked + label:after, .return_list  [type="radio"]:not(:checked) + label:after {right: -23px; left: auto; }
.return_list  [type="radio"]:checked + label:before, .return_list  [type="radio"]:not(:checked) + label:before {right: -26px; left: auto; border: 1px solid #ff5722;}


.flight__selected___sticky{background: #343c9d; position: fixed; z-index: 999; top: 0; display: inline-block; width: calc(100% - 404px); box-shadow: 0px 0px 55px 0px rgb(0 0 0 / 10%); padding: 15px 20px; margin-left: -20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}


.return-selected__Account {display: flex; flex-flow: row wrap; width: 100%; align-items: center; justify-content: space-between; background: rgb(53 61 159 / 15%); padding: 8px 10px; margin-top: 15px; border-radius: 15px; border: 2px solid #353d9f; }
.flight-return-selected .Navigation___sticky {width: calc(100% - 405px) !important; color: #fff; background: #343c9d; margin: 0; border-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.return__departure {display: flex; flex-flow: row wrap; width: 33.33%; align-items: center; justify-content: space-between; padding: 0 30px 0 00px; }
.return__return {display: flex; flex-flow: row wrap; width: 33.33%; align-items: center;justify-content: space-between; padding: 0 30px 0 00px; }
.return__both-price {display: flex; flex-flow: row wrap; width: 33.33%; align-items: end; justify-content: flex-end; }
.return-selected__Account .mainprice {font-size: 18px; font-weight: 600; }

.return-time h6 {font-size: 18px; font-weight: 600; margin: 0; }





.box_money_steps {background-color: rgb(53 61 159 / 6%); transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; position: relative;}
.box_money_title {padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 50%); }
.box_money_title a{color: #202020;}
.box_money_data {padding: 15px; position: relative; height: 85%;}

.money_table .table td, .money_table .table th {padding: 5px; border: none; }
.Wallet_btn {background: #ff57222e; padding: 5px 15px; display: inline-block; color: #202020; border-radius: 4px; border: 1px solid #ff5722; text-align: center; }
.Wallet_btn:hover{color: #202020;}

.cover {background: #ff57222e; padding: 5px 15px; display: inline-block; color: #202020; border-radius: 4px; border: 1px solid #ff5722; text-align: center; }

.Beneficiary_list {position: relative; display: inline-block; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px; }
.Beneficiary_list_radio {width: 30px; float: left; display: inline-block; }
.Beneficiary_list_text {float: left; width: calc(100% - 30px); }
.Beneficiary_list_text ul li a{color: #202020; font-size: 11px;}
.box_money_height {height: 420px; overflow: auto; }

.bottom_btn{ position: absolute; bottom: -20px; width: 92%; }
.bottom_btn a { background: green; padding: 7px 15px; display: inline-block; width: 100%; text-align: center; color: #fff; border-radius: 5px; }



.box_success_alert {display: none; position: fixed; right: 30px; bottom: 0; }



.Transfer-btns a {background: #ff57222e; padding: 5px 15px; display: inline-block; color: #202020; border-radius: 4px; border: 1px solid #ff5722; text-align: center; }


.box__add_balance_data{display: none;}
.balance__details_data_show{display: block;}
.box__add_balance a {position: relative; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 5px; background: rgb(53 61 159 / 6%); display: inline-block; padding: 8px 15px; color: #202020; }
.box__add_balance a.box_details_active {background: #ff5722; color: #fff; }
.page_add_balance .alert-danger {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.page_add_balance .alert-danger a{color: #721c24;}
.balance_area {border: 1px solid rgb(204 204 204 / 44%); padding: 15px; border-radius: 10px; }

.update-btn{background: #ff57222e; padding: 5px 15px; display: inline-block; color: #202020; border-radius: 4px; border: 1px solid #ff5722; text-align: center;}
.update-btn:hover{background: #ff5722;}

.box_offline_search{border: 1px solid rgb(204 204 204 / 44%); padding: 15px; border-radius: 10px;}
.offline_search_title{border-bottom: 1px solid rgb(204 204 204 / 44%); margin-bottom: 10px;}


.service_package_list {position: relative; background-color: rgb(53 61 159 / 6%); transition: ease all 0.5s; border: 2px solid rgb(204 204 204 / 23%); border-radius: 10px;}
.service_package_title {background: #353d9f; color: #fff; text-align: center; padding: 15px;border-top-left-radius: 10px; border-top-right-radius: 10px; min-height: 90px;}
.service_package_data {padding: 15px; }


.flightmain_title {padding: 15px; border-bottom: 1px solid rgb(204 204 204 / 23%); margin-bottom: 0px; }
.flight-booking {padding: 15px; }
.flightbook-details {border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; padding: 15px; }
.filght-Col {-webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; display: flex; }
.flightimg {align-items: flex-start; width: 13%; display: flex; flex-direction: column; }
.flightfromname {display: flex; flex-direction: column; width: 31%; margin-left: 25px; }
.flighttime {display: flex; flex-direction: column; width: 25%; text-align: center; padding-right: 20px; padding-left: 10px; }
.flighttoname{ display: flex; flex-direction: column; padding-left: 10px; width: 31%;}



span.drop {height: 12px; width: 2px; background: #202020; margin-right: 25px; position: relative; transform: translate(10px, 0px); }
span.drop:after {content: ""; height: 2px; width: 12px; background: #202020; margin-right: 15px; position: absolute; left: -5px; top: 5px; }

.ariaexpanded span.drop {background: transparent; }
.ariaexpanded.collapsed span.drop{background: #202020; }
.ariaexpanded {cursor: pointer;}
.filterbacltotop a {position: relative; background-color: #f3f3f9; color: #202020; transition: ease all 0.5s; border: 1px solid rgb(204 204 204 / 23%); border-radius: 10px; display: inline-block; width: 100%; padding: 15px; margin-top: 20px; text-transform: capitalize; text-align: center; }

.inner-search{position: relative;}
.inner-search input{padding: 5px 30px 5px 5px ;}
.inner-search i {position: absolute; right: 5px; top: 10px; }
.controlactive {background: #ff5722; color: #fff; }

.Selectyourseat {display: flex; flex-flow: row wrap; padding: 0px 0px 0.5rem; -webkit-box-align: center; align-items: center; }
.Selectyourseat > div{display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; padding-right: 2rem; margin-bottom: 0.5rem;}
.Selectyourseat > div > span:nth-child(1) {width: 12px; height: 12px; border-radius: 0.3rem; border: 1px solid rgb(151, 151, 151); background: rgb(216, 216, 216); margin-right: 5px; }


@media(max-width: 1199px){ 
	.other-services{margin-top: 15px; height: auto;}
}

@media(max-width: 991px){ 
	.menuclose{display: block;}
	.user-info-data{margin: 10px 0;}
	.menu-list{display: none;}
	.box-menu {width: 80px;     z-index: 99;}
	.box-page-wapper {width: calc(100% - 100px); margin-left: 100px; }	
	.hide-wapper-data .menu-list {display: block; position: fixed; background: #fff; z-index: 999999999999; left: 70px; }

	.grid-5 {display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; }
	.grid-6 {display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; }
} 

@media(max-width: 767px){  
	.grid-5 {display: -ms-grid; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } 
	.search_Button {margin-top: 0; margin-bottom: 20px; }
} 







/*My Css*/

.select { /* style your select */
	font-family: 'Courier New' !important;
}

	.select option { /* style your options */
		font-family: 'times new roman' !important;
	}

.errorClass {
	/* font-weight: bold;*/
	color: red;

}