/*#region -----------------Landing Page ---------------------------------*/
.landing-page-new {
    font-family: 'BwModelica';
}

.landing-page-new .header {
    padding-bottom: 8px;
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    padding-top: 4px;
}

.landing-page-new .header .logo {
    margin-top: 15px;
}

.landing-page-new .header .pro-navigation {
    width: auto;
    margin-top: 10px;
    float: right;
    display: block;
}

.landing-page-new .header .pro-navigation.main-home-links {
    float: left;
}

.landing-page-new .header .pro-navigation .btn-register {
    padding: 7px 25px 5px;
    line-height: normal;
    border-radius: 16px;
    margin-top: 5px;
    background-color: transparent;
    color: #A20090;
    font-weight: 200;
    border: 1px solid #fff;
    font-size: 14px;
}

.landing-page-new .header .pro-navigation .btn-register:hover {
    border: 1px solid #A20090;

}

.landing-page-new .header .pro-navigation .btn-register a {
    color: #A20090;
}

.landing-page-new .header .pro-navigation li.btn-signin {
    padding: 7px 25px 5px;
    line-height: normal;
    border-radius: 16px;
    font-size: 14px;
    border: 0;
    background-color: #ff005e;
    border: 1px solid #ff005e;
    margin-top: 5px;
    margin-left: 7px;
}

.landing-page-new .header .pro-navigation .btn-signin a {
    color: #fff;
}

.landing-page-new .header .pro-navigation .btn-signin a:hover {
    color: #fff;
}

.landing-page-new .header .pro-navigation li {
    display: inline-block;
    margin-left: 20px;
}

.landing-page-new .header .pro-navigation li a {
    font-size: 16px;
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    display: block;
    color: #fff;
}

/* .landing-page-new .header .pro-navigation li a:hover {
    color: #ff005e;
} */

.landing-page-new .social_landing_page {
    padding: 80px 0 0 0;
}

.landing-page-new .ecosystems {
    background: rgba(0, 0, 0, 0) url(../img/banner-background.jpg) repeat scroll 0 0/100% 100% !important;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.landing-page-new .pro-plan-main-block {
    background-color: #fff;
    padding: 90px 0px;
}

.box-shadow-common {
    box-shadow: rgb(221, 221, 221, 0.5) 0px 0px 27px 2px;
}

.landing-page-new .go-digital .medium-circles {
    width: 40%;
    padding-bottom: 40%;
    border-radius: 50%;
    position: absolute;
    top: -95px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #fff;
}

.landing-page-new .go-digital .medium-circles img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 50%
}

.landing-page-new .crm-itineraries .itinerary-circles {
    width: 90px;
    padding-bottom: 90px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 50px;
    background-color: #fff;
}

.landing-page-new .crm-itineraries .itinerary-circles img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 50%
}

.landing-page-new .crm-itineraries .crm-section {
    margin-top: 90px;
}

.landing-page-new .crm-itineraries .section-boxes {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px;
    margin-bottom: 50px;
}

.landing-page-new .crm-itineraries .section-boxes .crm-title {
    margin-bottom: 0;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: 1px;
}

.landing-page-new .crm-itineraries .section-boxes .crm-subtitle {
    margin-top: 10px;
    font-size: 30px;
    line-height: 44px;
}

.landing-page-new .crm-itineraries .section-boxes .crm-desc {
    font-size: 24px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.landing-page-new .go-digital .grey-box {
    min-height: 400px;
    background-color: #f2f2f2;
    border-radius: 3px;
    padding-top: 90px;
}

.landing-page-new .go-digital .grey-box .box-title {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.landing-page-new .go-digital .grey-box .box-desc {
    font-size: 23px;
    line-height: 32px;
    text-align: center;
}

.landing-page-new .section-details .vertical-bar {
    width: 15px;
    height: 505px;
    /* background: linear-gradient(165deg, #ff005e 45%, #be007e 100%); */
}

.landing-page-new .section-details .vertical-circles {
    width: 50px;
    padding-bottom: 50px;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-bottom: 50px;
}

.landing-page-new .section-details .vertical-circles img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 52%
}

.landing-page-new .section-details .font-icon-cogwheel {
    height: 90px;
    width: 90px;
    line-height: 95px;
    display: inline-block;
    text-align: center
}

.landing-page-new .section-details .vertical-listing {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 90px;
}

.landing-page-new .section-details .vertical-listing .section-container {
    margin-bottom: 50px;
}

.landing-page-new .section-details .vertical-listing .wrapper {
    margin-left: 50px;
    padding-left: 30px;
}

.landing-page-new .section-details .vertical-listing .wrapper .title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 25px;
}

.landing-page-new .section-details .vertical-listing .wrapper .desc {
    font-size: 16px;
}

.landing-page-new .section-details .vertical-listing .font-icon-cogwheel {
    height: 50px;
    width: 50px;
    line-height: 55px;
    text-align: center
}

.landing-page-new .client-itinerary-section .itinerary-circles {
    margin-bottom: 50px;
}

.landing-page-new .client-itinerary-section .itinerary-img {
    margin-top: 60px;
}

.landing-page-new .organize-section {
    padding: 50px 102px;
    margin-top: 20px;
}

.landing-page-new .organize-section .title {
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 66px;
    text-align: center;
}

.landing-page-new .organize-section .desc {
    font-size: 32px;
    text-align: center;
    line-height: 45px;
    margin-bottom: 50px;
    padding: 0 80px;
}

.landing-page-new .organize-section .organize-tyre {
    margin-bottom: 250px;
}

.landing-page-new .organize-section .organize-tyre .inner-tyre {
    width: 50%;
    border-radius: 50%;
    padding-bottom: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landing-page-new .organize-section .organize-tyre .tyres {
    position: absolute
}

.landing-page-new .organize-section .organize-tyre .tyres .tyre-title {
    font-size: 23px;
    position: relative;
}

.landing-page-new .organize-section .organize-tyre .tyres .tyre-circle {
    width: 90px;
    padding-bottom: 90px;
    border-radius: 50%;
    position: relative;
    float: left;
}

.landing-page-new .organize-section .organize-tyre .tyres .tyre-circle img {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 52%
}

.landing-page-new .organize-section .foot-free-trial {
    margin-top: 100px;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
}

.landing-page-new .organize-section .btn-groups {
    text-align: center;
    margin: 20px 0 35px 0;
}

.landing-page-new .organize-section .btn-groups .start-btn {
    font-weight: bold;
    border-radius: 30px;
    padding: 15px 50px;
    font-size: 30px;
    letter-spacing: 1;
    background-color: #A20090;
    color: #fff;
}

.landing-page-new .pricing-block {
    padding: 60px 110px;
    background-color: #f2f2f2;
}

.landing-page-new .pricing-block .title {
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 66px;
    text-align: center;
}

.landing-page-new .pricing-block .sub-title {
    font-size: 32px;
    text-align: center;
}

.landing-page-new .pricing-block .desc {
    margin-bottom: 0;
    text-align: center;
    font-size: 25px;
    color: #666;
}

.landing-page-new .pricing-block .basic_pack .popular-circle {
    width: 50%;
    border-radius: 50%;
    background: linear-gradient(165deg, rgb(255, 0, 94) 45%, rgb(190, 0, 126) 100%);
    padding-bottom: 15%;
    top: -80px;
    right: 10px;
    z-index: 3;
    padding-top: 15%;
    font-size: 18px;
    font-weight: bold
}

.landing-page-new .pricing-block .basic_pack .basic-pack-wrapper {
    min-height: 300px
}

/*.landing-page-new .pricing-block .pricing-plans{
     position: relative;
    padding-top: 100px;
    display: flex;
    overflow: hidden;
}*/
.landing-page-new .pricing-block .pricing-plans .pricing-container {
    overflow-x: auto;
    overflow-y: hidden;
}

.landing-page-new .pricing-block .pricing-plans .pricing-wrapper {
    height: 600px;
    display: flex;
    padding-top: 100px;
    /* width: 1000px; */
}

.landing-page-new .pricing-block .pricing-plans .price-sections {
    flex: 1 1 0;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin: 0 5px;
}

.landing-page-new .pricing-block .pricing-plans .btn-groups {
    position: relative;
    padding: 20px;
    /* bottom: 0;
    left: -8px;
    right: -14px; */
    background-color: rgb(242, 242, 242);
    z-index: 9;
    box-shadow: rgb(204 204 204 / 43%) 0px -14px 16px -5px;
    text-align: center;
    line-height: 40px;
}

.landing-page-new .pricing-block .pricing-plans .show-features {
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 10px 150px;
    cursor: pointer;
}

.landing-page-new .pricing-block .price-section .plan-name {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 34px;
    display: block;
}

.landing-page-new .pricing-block .price-section .plan-price {
    letter-spacing: 1.5px;
    font-size: 50px;
    display: block;
}

.landing-page-new .pricing-block .price-section .plan-desc {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
}

.landing-page-new .pricing-block .price-section .short-desc {
    font-size: 25px;
    margin-top: 10px;
}

.landing-page-new .pricing-block .price-section .plan-desc .plan-duration {
    margin-bottom: 10px;
    color: #000;
}

.landing-page-new .pricing-block .price-section .subscribe-wrapper {
    position: absolute;
    margin: 31px 0 15px;
    bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}

.landing-page-new .pricing-block .price-section .subscribe-wrapper a {
    color: #000;
}

.landing-page-new .pricing-block .price-section .subscribe-wrapper .arrow-line {
    margin-bottom: 4px;
    background-color: #000;
    padding: 2px 10px 0px;
    display: inline-block;
}

.landing-page-new .pricing-block .price-section .subscribe-wrapper .arrow.right {
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: black;
    border-image: initial;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin: 0px 0px 1px -12px;
}

.landing-page-new .pricing-block .price-section .price-info {
    list-style-type: disc;
    padding-left: 15px;
    line-height: 35px;
}

.landing-page-new .pricing-block .price-info li {
    font-size: 14px;
    color: #000;
    line-height: 35px;
}

.landing-page-new .pricing-block .price-section .popular-circle {
    position: absolute;
    text-align: center;
    color: #fff;
    line-height: 24px;
    width: 105px;
    border-radius: 50%;
    background: linear-gradient(165deg, #ff005e 45%, #be007e);
    padding-bottom: 15%;
    top: -104px;
    right: -10px;
    z-index: 3;
    padding-top: 15%;
    font-size: 18px;
    font-weight: 700;
    height: 105px;
}

.landing-page-new .pricing-block .price-section .popular-circle .text-top {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 4;
}

.landing-page-new .price-section.basic-pack-wrapper {
    min-height: 300px;
}

/* .newsletter-signup .pro-home-sign-up .arrow-right {
    border-width: 0 1px 1px 0;
    border-style: solid;
    padding: 13px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 15px 0px 1px -29px
}
.newsletter-signup .pro-home-sign-up .arrow-line {
    padding: 1px 30px 0;
}
.footer-section .copyright-text {
    text-align: left;
}*/
.landing-page-new .fp-tableCell {
    padding-top: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.landing-page-new .main-home-block {
    padding: 50px 0 0;
    margin-top: 50px;
    position: relative;
}

.landing-page-new .main-home-block h1 {
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 60px;
    line-height: 70px;
}

.landing-page-new .main-home-block .banner-left h4 {
    margin-bottom: 40px;
    font-size: 24px;
    margin-top: 30px;
    line-height: 40px;
}

.landing-page-new .main-home-block .signup-free-btn {
    padding: 15px 30px;
    font-size: 20px;
    letter-spacing: 1px;
    background-color: #ff005e;
    color: #ffffff;
    border-radius: 30px;
}

.landing-page-new .newsletter {
    background: linear-gradient(165deg, #ff005e 45%, #be007e 100%);
    padding: 115px;
}

.landing-page-new .newsletter .title {
    display: inline;
    font-size: 28px;
}

.landing-page-new .newsletter .btn-groups .btn-newsletter {
    font-size: 30px;
}

.landing-page-new .request-demo {
    padding: 60px 0;
}

.landing-page-new .request-demo .title {
    color: #A20090;
    font-size: 40px;
    padding-top: 50px;
}

.landing-page-new .request-demo .sub-title {
    margin-bottom: 50px;
    color: #A20090;
    font-size: 35px;
    font-weight: bold;
}

.landing-page-new .request-demo .btn-groups {
    line-height: 60px;
}

.landing-page-new .request-demo .btn-groups .demo-btn {
    padding: 20px 40px 15px;
    color: #A20090;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid;
    letter-spacing: 3px;
}

.landing-page-new .request-demo .telecaller {
    width: 120px;
    height: 120px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    float: right;
    text-align: center;
    border-radius: 100px;
}

.landing-page-new .main-home-block .request-demo-link {
    color: #000;
    padding-left: 10px;
    font-size: 16px;
    margin-right: 10px;
}

.landing-page-new .main-home-block .arrow-line {
    margin-bottom: 4px;
    padding: 1px 10px 0px;
    display: inline-block;
    background: #000;
}

.landing-page-new .main-home-block .arrow.right {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-image: initial;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    margin: 0px 0px 1px -12px;
    color: #000;
}

.landing-page-new .main-home-block .banner-img img {
    margin-bottom: 80px;
}

.landing-page-new .pro-plan-main-block .section-title {
    margin-bottom: 0;
    text-align: center;
    font-size: 66px;
    font-weight: bold;
}

.landing-page-new .pro-plan-main-block .sub-title {
    text-align: center;
    font-size: 32px;
    margin-top: 30px;
    line-height: 1.4;
}

.landing-page-new .pro-plan-main-block .sub-title1 {
    text-align: center;
    font-size: 32px;
    margin-top: 30px;
    color: #646464;
    margin-bottom: 90px;
}

.landing-page-new .pro-plan-main-block .go-digital {
    position: relative;
    padding: 0 10px;
    text-align: center;
    margin-top: 100px;
}

.landing-page-new .our-partners {
    background-color: #f2f2f2;
    padding-top: 80px;
}

.landing-page-new .our-partners .title {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
    font-size: 56px;
    font-weight: bold;
}

.landing-page-new .our-partners .partners-logo {
    margin-top: 100px;
    margin-bottom: 100px;
    justify-content: center;
    align-items: center;
}

.landing-page-new .our-partners .partners-logo img {
    padding: 0 20px;
}

.landing-page-new .footer-section {
    padding-top: 90px;
}

.landing-page-new .footer-section .plnt-new-footer {
    list-style: none;
    padding: 0;
}

.landing-page-new .footer-section .plnt-new-footer li {
    margin-bottom: 10px;
}

.landing-page-new .footer-section .plnt-new-footer li a {
    font-size: 18px;
}

.landing-page-new .footer-section .plnt-new-footer .heading {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.landing-page-new .footer-section .sponsors {
    margin-top: 100px;
}

.landing-page-new .footer-section .sponsors ul {
    list-style: none;
    padding: 0;
    display: flex;
}

.landing-page-new .footer-section .sponsors ul li {
    background-color: #f7f7f7;
    margin-right: 5px;
}

.landing-page-new .footer-section .sponsors ul li img {
    padding: 10px;
    margin: 0 auto;
}

.landing-page-new .footer-section .footer-logo {
    width: 30%;
    margin-bottom: 60px;
}

.landing-page-new .footer-section .copyright-text {
    color: #666666;
    font-size: 18px;
    padding: 50px 0;
    margin: 0;
}

.landing-page-new .testimonial-section {
    background-color: #ffffff;
    padding: 2rem 0;
}

.landing-page-new .testimonial-section .testimonial-text {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 1rem;
    text-align: justify;
}

.landing-page-new .testimonial-section .testimonial-author {
    font-size: 1rem;
    color: #555555;
    font-weight: bold;
}

.landing-page-new .testimonial-section img {
    border-radius: 50%;
    max-width: 200px;
    height: auto;
}


/*#endregion */

/*#region -----------------Sign Up Popup ------------------------------*/
.sign-up-pop-up {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.sign-up-pop-up .pop-up-header {
    background-color: #a6a6a6;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
}

.sign-up-pop-up .sign-up-logo {
    margin-top: 8px;
    display: block;
    padding-left: 15px;
}

.sign-up-pop-up .sign-up-logo img {
    width: 175px;
}

.sign-up-pop-up .sign-in-pop {
    margin-top: 15px;
}

.sign-up-pop-up .sign-in-pop a {
    font-size: 16px;
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    color: #ffffff;
}

.sign-up-pop-up .sign-in-pop span {
    font-size: 23px;
    color: #ffffff;
    cursor: pointer;
}

.sign-up-pop-up .popup-body {
    background-color: #ffffff;
    margin-top: 30px;
    padding-bottom: 30px;
    padding-top: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sign-up-pop-up .popup-body .title {
    font-size: 24px;
    font-family: "interstate-light", sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 0px;
    line-height: 24px;
    text-align: center;
}

.sign-up-pop-up .popup-body .subtitle {
    font-size: 20px;
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    color: #ff005e;
    padding-top: 10px;
    margin-bottom: 15px;
    display: block;
}

.sign-up-pop-up .popup-body .cmpny-slct-section {
    justify-content: center;
}

.sign-up-pop-up .popup-body .cmpny-slct-section .pop-up-links {
    margin: 0px;
    margin-top: 15px;
    padding: 25px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    list-style: none;
    position: relative;
}

.sign-up-pop-up .popup-body .cmpny-slct-section .sign-up-free-stricker {
    position: absolute;
    top: -30px;
    right: 0px;
}

.sign-up-pop-up .pop-up-links li img {
    width: 64px;
    float: right;
}

.sign-up-pop-up .pop-up-links li span {
    font-size: 18px;
    /* font-family: "interstate-bold", sans-serif; */
    color: #ff005e;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
}

.sign-up-pop-up .pop-up-links li a {
    font-size: 16px;
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 10px;
    background-color: #f2f2f2;
    margin-bottom: 1px;
    line-height: 18px;
    display: block;
}

.sign-up-pop-up .pop-up-links li a:hover {
    background-color: #ffe5ef;
    color: #000000;
}

/*#endregion */

/*#region------------------Sign Up Page--------------------------------*/
.signup-page .signup-wrapper {
    margin: 70px auto 0;
    max-width: 700px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 27px 2px #ddd;
    border-radius: 4px;
}

.signup-page .signup-wrapper .page-offer {
    /* font-family: "interstate-bold", sans-serif; */
    font-weight: normal;
    font-size: 30px;
    color: #ff005e;
    text-align: center;
    margin-bottom: 20px;
    line-height: 35px;
}

.signup-page .signup-wrapper .page-title {
    font-size: 26px;
    text-align: center;
    margin-bottom: 35px;
}

.signup-page .signup-wrapper .password-eye i {
    position: absolute;
    right: 12px;
    top: 17px;
    cursor: pointer;
    font-size: 14px;
}

/*#endregion*/

/*#region -----------------Sign In --------------------------------------*/
.login-page .signin-wrapper {
    margin: 70px auto 0;
    max-width: 500px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 27px 2px #ddd;
    border-radius: 20px;
}

.login-page .title {
    margin: 10px 0 35px;
    font-size: 28px;
    text-align: center;
}

.login-page .password-eye i {
    position: absolute;
    right: 12px;
    top: 17px;
    cursor: pointer;
    font-size: 14px;
}


.login-page .login-links {
    margin-top: 10px;
    text-align: center;
}

.login-page .login-links a {
    font-size: 12px;
    font-weight: 400;
    font-family: "interstate-light";
}

.login-page .login-links a:hover{
    color: #A20090;
}

.login-page .signin-wrapper .login-page-btn{
    text-align: center;
}

.login-page .signin-wrapper .custom-checkbox{
    padding-left: 25px;
}

.login-page .signin-wrapper .custom-checkbox label{
    font-size: 12px;
}

.login-page .login-links .signup-link {
    border-right: 1px solid rgb(221, 221, 221);
    padding-right: 10px;
    margin-right: 10px;
}

.login-page .login-links .resend-link {
    margin-top: 15px;
    font-size: 12px;
    font-weight: 400;
}

.login-page .login-links .resend-link a {
    color: #A20090;
}

.signup-footer {
    padding: 0 15px;
    margin: 55px 0 30px 0;
}

.signup-footer ul {
    display: table;
    margin: 0 auto;
    padding: 0;
    float: none;
    text-align: center;
    list-style: none;
}

.signup-footer ul li {
    float: left;
    margin-right: 25px;
    text-align: center;
}

.signup-footer ul li a {
    font-size: 13px;
    color: #b8b8b8;
    font-family: "interstate-light", sans-serif;
}

.signup-footer .copyright {
    color: #b8b8b8;
    font-size: 13px;
    font-family: "interstate-light", sans-serif;
    text-align: center;
    margin: 15px 0 0 0;
}

/*#endregion */

/*#region -----------------Create Your Profile ---------------------------*/
.onboarding_page .profile_header h2 {
    font-size: 28px;
    padding-bottom: 15px;
    line-height: 30px;
    color: #ff005e;
    text-align: center;
    margin-bottom: 0px;
}

.onboarding_page .profile_header h2:before,
.onboarding_page .profile_header h2:after {
    content: "";
    display: block;
    width: 35px;
    height: 10px;
    margin: 10px 10px 0;
    background-repeat: no-repeat;
    background-size: 30px;
}

.onboarding_page .profile_header h2:before {
    background-image: url(/static/img/title-dot-left-img.png);
    display: inline-block;
}

.onboarding_page .profile_header h2:after {
    background-image: url(/static/img/title-dot-left-img.png);
    display: inline-block;
}

.onboarding_page .profile_header .fillout_nav {
    font-size: 28px;
    line-height: 30px;
    color: #737373;
    padding: 20px;
    background-color: #f7f7f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.onboarding_page .profile_header .gardiant_block {
    background: #ff005e;
    background: -moz-linear-gradient(-45deg, #ff005e 51%, #b2337d 100%);
    background: -webkit-linear-gradient(-45deg, #ff005e 51%, #b2337d 100%);
    background: linear-gradient(135deg, #ff005e 51%, #b2337d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff005e", endColorstr="#b2337d", GradientType=1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 25px;
    margin-bottom: 40px;
}

.onboarding_page .profile_header .gardiant_block p {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    width: 80%;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    margin: auto;
}

.onboarding_page .large_add_btn {
    padding: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #f7f7f7;
    color: #999999;
    display: block;
}

.onboarding_page .large_add_btn:hover {
    background-color: #999999;
    color: #ffffff;
}

.onboarding_page .large_add_btn .has_value {
    border-radius: 15px;
    padding: 3px 8px;
    margin-left: 5px;
    background-color: #f0f0f0;
    font-size: 14px;
    line-height: 12px;
    border: 1px solid #d9d9d9;
    color: #666666;
}

.add_destinations_modal .detinations_lists li {
    position: relative;
    padding: 3px 5px;
    margin: 0 15px 5px 0;
}

.add_destinations_modal .detinations_lists li .trip_action_booking {
    position: absolute;
    top: -15px;
    right: -11px;
    border-radius: 100%;
    box-shadow: rgb(221 221 221) 0px 0px 6px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: #fff;
}

.add_destinations_modal .detinations_lists li:hover .trip_action_booking {
    display: block;
}

/*#endregion*/

/*#region -----------------Dashboard-------------------------------------*/
.accept-cookie-btn {
    background-color: #ff005e;
    border-color: #ff005e;
    /* font-family: "interstate-bold", sans-serif; */
    font-size: 14px;
    padding: 6px 20px 2px;
    line-height: 20px;
    font-weight: normal;
    min-width: 105px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 25px;
}

.main_notify {
    overflow: auto;
}

/* .notify_bg_layer{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.35);
    display: none;
} */
.create-template-popup .insert-personalisation .dropdown {
    text-align: right;
    margin-top: -18px;
}

.create-template-popup .insert-personalisation .dropdown-item {
    font-size: 14px;
    cursor: pointer;
}

.create-template-popup .insert-personalisation .dropdown-toggle:after {
    display: none;
}

.create-template-popup .insert-personalisation .insert-personal-link {
    font-size: 12px;
    text-decoration: underline;
}

.create-template-popup .modal-body .upload_icon {
    display: table;
    width: 100%;
    /* background-color: #f2f2f2; */
    /* height: 120px; */
    text-align: center;
    margin-top: 20px;
}

.create-template-popup .modal-body .upload_icon .upload-template-text {
    color: #005eff;
    border-radius: 0px;
    background-color: #ffffff;
    width: auto;
    height: auto;
    line-height: 18px;
    font-size: 12px;
    float: left;
    padding: 3px;
    margin: 6px;
}

.create-template-popup .modal-body .upload_icon .add-photo-wrapper {
    padding-top: 37px;
}

.create-template-popup .modal-body .upload_icon .add-photo-wrapper i {
    color: #999999;
    font-size: 30px;
}

.create-template-popup .modal-body .upload_icon .add-photo-wrapper span {
    color: #999999;
    font-size: 12px;
}

/*--------------------------Dashboard-----------------------*/
.dashboard-page .loggedin-user {
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.dashboard-page .loggedin-user img {
    float: left;
}

.dashboard-page .loggedin-user .user-details {
    padding-left: 60px;
}

.dashboard-page .loggedin-user .welcome-text {
    font-size: 12px;
    color: #666;
    /* font-family: "interstate-bold", sans-serif; */
}

.dashboard-page .checklist-listing-by-task .tasks-block {
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
}

.dashboard-page .tasks-block .section-title {
    font-size: 18px;
    /* font-family: "interstate-bold", sans-serif; */
    display: inline-block;
}

.dashboard-page .reminder-link {
    margin-left: 20px;
    font-size: 12px;
    color: #A20090;
}

/* .dashboard-page .btn-light .filter-option-inner-inner{
    padding-left: 0 !important;
} */

/* .dashboard-page .dashboard-filter .btn-light .filter-option-inner-inner{
    padding-left: 12px !important;
} */

.tasks-block .tasks-filter {
    float: right;
    list-style: none;
    padding: 0;
}

.tasks-block .tasks-filter li {
    line-height: 12px;
    background-color: #f7f7f7;
    padding: 9px 10px;
    color: #000000;
    text-transform: normal;
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    margin-left: 3px;
}

.tasks-block .tasks-filter li.active_black {
    background-color: #000000;
    color: #ffffff;
}

.tasks-block .tasks-filter li:hover {
    background-color: #e8e8e8;
}

.tasks-block .tasks-filter li.active_black:hover {
    background-color: #000000;
    color: #ffffff;
}

.tasks-block .section-head .full-screen-icon {
    margin-left: 20px;
    margin-top: 5px;
    cursor: pointer;
}

.dashboard-page .view-search {
    clear: both
}

.dashboard-page .view-search .view-data {
    display: inline-block;
}

.dashboard-page .view-search .view-data .title {
    font-size: 14px;
    margin: 5px 5px 0 0;
    display: inline-block;
}

.dashboard-page .view-search .view-data .custom-select {
    display: inline-block;
    width: 70px;
}

/* .dashboard-page .view-search .view-data .custom-select .bootstrap-select{
    width: 100%;
} */
/* .dashboard-page .view-search .view-data .custom-select .bootstrap-select .dropdown-toggle{
    line-height: 24px;
    padding: 0;
} */
.dashboard-page .tasks-block .hide-complete {
    float: right;
    margin: 5px 10px 0 0;
}

.dashboard-page .filters-search {
    clear: both;
    margin-top: 40px;
}

.pie-checklist-task-completed {
    border: 1px solid #c9f4db;
    background: #f0fcf5;
}

.pie-checklist-task-normal {
    border: 1px solid #c9f4db;
    background: #f0fcf5;
}

.pie-checklist-task-overdue {
    border: 1px solid #c9f4db;
    background: #f0fcf5;
}

.checklist_task_table tr {
    background: #ffffff;
}

.checklist_task_table tr td {
    padding: 5px 8px !important;
    line-height: normal !important;
}

.checklist_task_table tr.due {
    background: #ffffff;
}

.checklist_task_table tr.due td {
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

.checklist_task_table tr.due td:first-child {
    border-left: 1px solid #f0f0f0;
}

.checklist_task_table tr.due td:last-child {
    border-right: 1px solid #f0f0f0;
}

.checklist_task_table tr.overdue {
    background: #fff7fa;
}

.checklist_task_table tr.overdue td {
    background: #fff7fa;
    border-bottom: 1px solid #ffd9e7;
    border-top: 1px solid #ffd9e7;
}

.checklist_task_table tr.overdue td:first-child {
    border-left: 1px solid #ffd9e7;
}

.checklist_task_table tr.overdue td:last-child {
    border-right: 1px solid #ffd9e7;
    text-align: center;
}

.checklist_task_table tr.completed {
    background: #f0fcf5;
}

.checklist_task_table tr.completed td {
    background: #f0fcf5;
    border-bottom: 1px solid #c9f4db;
    border-top: 1px solid #c9f4db;
}

.checklist_task_table tr.completed td:first-child {
    border-left: 1px solid #c9f4db;
}

.checklist_task_table tr.completed td:last-child {
    border-right: 1px solid #c9f4db;
}

.checklist_task_table tr.pending {
    background: #f0f0f0;
}

.checklist_task_table tr.pending td {
    background: #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

.checklist_task_table tr.pending td:first-child {
    border-left: 1px solid #f0f0f0;
}

.checklist_task_table tr.pending td:last-child {
    border-right: 1px solid #f0f0f0;
}

.checklist_task_table .no-border-head th {
    border: 0;
}

.checklist_task_table .checkbox-green {
    top: 2px;
}

.checklist_task_table .task-title-text-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.checklist_task_table .task-description-text-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.checklist_task_table .checklist-title-text-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
}

.checklist_task_table .trip-title-text-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
}

/* .checklist_task_table .dataTables_wrapper .col-sm-12{
    overflow: auto;
    height: 520px;
} */
.update-task-modal .assigned-tasks .heading {
    font-size: 16px;
    /* font-family: "interstate-bold", sans-serif; */
    margin-top: 25px;
}

.update-task-modal .assigned-tasks .custom-checkbox {
    font-size: 14px;
}

.auto_send_reminder_timings .reminder-settings .heading {
    font-size: 16px;
    /* font-family: "interstate-bold", sans-serif; */
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
    margin-top: 50px;
}

.timepicker,
.timepicker .display-time {
    /* width: 10em; */
}

.timepicker .time-picker {
    width: 100%;
}

.vue__time-picker.time-picker input.display-time {
    font-size: 16px;
    min-height: 50px;
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    color: #000000;
    margin: 0;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 8px;
    /* border: 1px solid #f0f0f0 !important; */
    /* border: 1px solid gray !important; */
    padding: 0 0.75rem;
    background-color: #fff !important;
    width: 100% !important;
}

.vue__time-picker.time-picker input.display-time::placeholder {
    color: #000;
}

.vue__time-picker.time-picker input.display-time:focus {
    border-color: #A20090 !important;
}

.vue__time-picker .dropdown ul li:not([disabled]).active{
    background-color: #A20090 !important;
}

.auto_send_reminder_timings .reminder-settings .delete-lineitem {
    position: absolute;
    right: 0;
    padding-top: 15px;
    width: auto;
    cursor: pointer;
}

/* .auto_send_reminder_timings .reminder-settings .add-reminders{
    font-size: 12px;
    color: #ff005e;
    cursor: pointer;
} */
.dashboard-page .status-sections {
    margin-bottom: 20px;
}

.dashboard-page .status-sections .section-title {
    margin: 20px 0 10px 0;
}

.status-sections .section-title .heading {
    font-size: 16px;
    /* font-family: "interstate-bold", sans-serif; */
}

.status-sections .section-title .goto-trips-link {
    font-size: 14px;
    color: #666;
    float: right;
}

.status-sections .status-wrapper {
    padding: 15px;
    border-radius: 4px;
    background-color: #fff;
}

.status-sections .status-wrapper .status-filter {
    margin-bottom: 30px;
}

.status-sections .status-wrapper .status-filter .sub-title {
    font-size: 16px;
}

.dashboard-page .pills {
    float: right;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.dashboard-page .pills li {
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #f7f7f7;
    color: #000000;
    text-align: center;
    display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    margin-left: 10px;
}

.dashboard-page .pills.small-pills li {
    padding: 9px 10px;
    line-height: 16px;
    font-size: 13px;
    margin-left: 3px;
    cursor: pointer;
}

.dashboard-page .pills li.disabled {
    opacity: .4;
    cursor: not-allowed;
}

.dashboard-page .pills li.active_black {
    background-color: #000;
    color: #fff;
    font-weight: 700;
}

.status-sections .status-wrapper .sub-sections {
    float: none;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.status-sections .status-wrapper .sub-sections li {
    display: inline-block;
    background-color: #f7f7f7;
    color: #666666;
    padding: 5px 0 20px 10px;
    width: 150px;
    margin-right: 15px;
    font-size: 16px;
}

.status-sections .status-wrapper .sub-sections li .status-count {
    font-size: 28px;
    text-align: center;
    padding: 5px 0;
    line-height: 35px;
    color: #000;
    display: block;
}

.status-sections .status-wrapper .sub-sections::-webkit-scrollbar {
    display: none;
}

.profile-section .status-wrapper {
    background: transparent;
    padding: 0;
}

.profile-section .status-wrapper .sub-sections li {
    background-color: #fff;
    border-radius: 2px;
}

.reminders-section {
    padding: 15px;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 20px;
}

.reminders-section .section-title {
    margin-bottom: 20px;
}

.reminders-section .section-title i {
    cursor: pointer;
}

.reminders-section .pills {
    margin-right: 15px;
}

.reminders-section .view-search {
    margin-bottom: 20px;
}

.reminders-section .reminder-category {
    margin-bottom: 15px;
    padding: 0;
}

.reminders-section .reminder-category li {
    cursor: pointer;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f7f7f7;
    color: #000000;
    margin-right: 3px;
    text-align: center;
    display: inline-block;
    padding: 12px;
}

.reminders-section .reminder-category li.active {
    background-color: #666666;
    color: #ffffff;
}

.reminders-section .reminders-links {
    margin-bottom: 20px;
}

.reminders-section .reminders-links a {
    font-size: 12px;
    color: #A20090;
    margin-right: 20px;
    display: inline-block;
}

.reminders-section .table-subtitle {
    font-size: 14px;
    /* font-family: "interstate-bold", sans-serif; */
    margin-bottom: 0;
}

.invoice-reminders .filter-allbtn {
    padding: 0.657rem 0.75rem;
    border: 1px solid #f0f0f0;
    min-height: 48px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    float: left;
}

.invoice-reminders .filter-allbtn i {
    font-size: 20px;
    margin-right: 5px;
    line-height: 24px;
    float: left;
}

.invoice-payment-reminder {
    margin-top: 20px;
}

.invoice-payment-reminder .desc {
    font-size: 15px;
    color: #000;
}

.sales-dashboard {
    margin-top: 30px;
}

.sales-dashboard .imp-note {
    color: #666;
    font-size: 12px;
}

.sales-report {
    margin-top: 30px;
}

.sales-report .heading {
    font-size: 22px;
    /* font-family: "interstate-bold", sans-serif; */
    margin-bottom: 10px;
}

.sales-report .sales-section {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
}

.sales-report .sales-section .section-title {
    min-height: 50px;
    font-size: 18px;
    display: block;
}

.sales-report .sales-section.set-goal .section-title {
    margin: 0 10px;
}

.sales-report .sales-section .section-title i {
    cursor: pointer;
}

.sales-report .sales-section .section-title .set_goal {
    font-size: 12px;
    color: #b2b2b2;
    cursor: pointer;
}

.sales-report .sales-section .sales-container {
    background-color: #f7f7f7;
    padding: 10px;
}

.sales-report .sales-section.set-goal .sales-container {
    position: relative;
    margin: 0 10px;
}

.sales-report .sales-section.set-goal .sales-container i {
    position: absolute;
    right: -20px;
    top: 38%;
    font-size: 27px;
}

.sales-report .sales-section.set-goal .sales-container .sales-bifurcation label {
    width: 80px;
}

.sales-report .sales-section .sales-currency {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
    display: block;
}

.sales-report .sales-section .sale-amount {
    font-size: 27px;
    color: #000;
}

.sales-report .sales-section .sales-container .expected-profit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.sales-report .sales-section .sales-container .expected-profit .profit-advisor {
    color: #999;
}

.sales-report .sales-section .sales-container .expected-profit-amt {
    font-size: 27px;
    color: #000;
}

.sales-report .sales-section .sales-container .expected-profit-amt .expected-profit-perc {
    font-size: 23px;
    color: #b2b2b2;
    padding-left: 5px;
}

.sales-report .sales-section .sales-container .partner-commission {
    font-size: 14px;
    padding: 4px 0 0;
    display: block;
    color: #818a91;
}

.sales-report .sales-section .sales-container .hover-piechart {
    background-color: #fff;
    font-size: 11px;
    display: none;
    border: 1px solid #eee9e9;
    padding: 19px;
    width: 450px;
    -webkit-box-shadow: 0 0 10px 0 rgba(218, 218, 218, 1);
    box-shadow: 0 0 10px 0 rgba(218, 218, 218, 1);
    position: absolute;
    top: 30px;
    right: -15px;
    z-index: 1;
    text-align: left;
}

.sales-report .sales-section .sales-container .piechart-info:hover .hover-piechart {
    display: block;
}

.sales-report .sales-section .sales-container .piechart-info:hover .hover-piechart::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 2;
    top: -5px;
    right: 15px;
    box-sizing: border-box;
    border: 7px solid #202020;
    border-color: transparent transparent #fff #fff;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    box-shadow: -3px 3px 3px 0 rgba(218, 218, 218, .5);
    -webkit-box-shadow: -3px 3px 3px 0 rgba(218, 218, 218, .5);
    transform: rotate(-135deg);
    -webkit-transform: rotate(135deg);
}

.clientInvoice-filter-drawer .overlay.filter_bg_layer {
    z-index: 10;
}

.clientInvoice-filter-drawer .main_filter_wrapper {
    position: fixed;
    right: 0;
    top: 0;
    padding: 20px;
    z-index: 99;
    background-color: #fff;
    width: 400px;
    height: 100%;
    overflow: auto;
}

.activityloadingbar {
    position: absolute;
    display: none;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    z-index: 999;
    height: 65px;
    width: 65px;
}

.clientInvoice-filter-drawer .close-icon {
    font-size: 16px;
    cursor: pointer;
    float: right;
}

.clientInvoice-filter-drawer .drawer-header {
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
    overflow: hidden;
    margin-bottom: 20px;
}

.clientInvoice-filter-drawer .heading {
    font-size: 20px;
    /* font-family: "interstate-bold", sans-serif; */
    color: #000;
    float: left;
    margin-bottom: 0;
}

.clientInvoice-filter-drawer .no-filter {
    font-size: 12px;
    text-align: center;
    color: #666;
}

.clientInvoice-filter-drawer .filter-subtitle {
    font-size: 14px;
    /* font-family: "interstate-bold", sans-serif; */
    display: block;
}

.clientInvoice-filter-drawer .payment-due-date .vdp-datepicker__calendar {
    right: 0;
}

.notifications-contact .heading {
    /* font-family: "interstate-bold", sans-serif; */
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.notifications-contact .team-card {
    display: flex;
    align-items: center;
}

.notifications-contact .team-card .cell-photo {
    width: 45px;
}

.notifications-contact .team-card .cell-photo img {
    border-radius: 100%;
}

.notifications-contact .team-card .user-card {
    padding-left: 15px;
}

.notifications-contact .traveler-notification {
    margin-bottom: 12px;
}

.invoice-reminder-timings-modal .reminder-settings .heading {
    font-size: 16px;
    /* font-family: "interstate-bold", sans-serif; */
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
    margin-top: 50px;
}

.toggle-full-screen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 999;
    height: 100%;
    overflow: auto;
    max-width: 100%;
    margin: 0;
    padding: 15px;
}

.modal-dialog-fullscreen {
    max-width: 95%;
    display: block;
}

/* .toggle-full-screen .rotate-180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
} */
.sales-report-modal .modal-head {
    text-align: right;
    padding: 20px;
    margin-right: 20px;
}

.sales-report-modal .heading {
    font-size: 18px;
    /* font-family: "interstate-bold", sans-serif; */
    color: #000;
    margin: 20px 0;
}

.sales-report-modal .heading i {
    font-size: 16px;
    padding: 10px;
    border-radius: 100%;
    cursor: pointer;
}

.sales-report-modal .heading i:hover {
    background: #e8e8e8;
}

.sales-report-modal .expected_profit_pie_chart {
    background-color: #f7f7f7;
    padding: 10px;
    margin: 20px 0;
}

/*end*/
/*#endregion*/

/*#region -----------------Trips Page ---------------------------------*/
.selectAdvisorDiv .dropdown-menu .bs-actionsbox .bs-select-all {
    display: none;
}

.selectAdvisorDiv .dropdown-menu .bs-actionsbox .bs-deselect-all {
    width: 100%;
}

.trip-name-long-and-truncated {
    float: left;
    display: block;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-bg {
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
}

.trips-page .section-title {
    /* font-size: 18px; */
    /* font-family: "interstate-bold", sans-serif; */
    display: inline-block;
    font-weight: 500;
}

.trips-page .section-head {
    padding-bottom: 20px;
}

.trips-page .section-head .full-screen-icon {
    margin-left: 20px;
    margin-top: 7px;
    cursor: pointer;
}

.trips-page .section-head .upload-icon {
    font-size: 18px;
    cursor: pointer;
    float: left;
    margin: 7px 10px 0 8px;
}

.trips-page .section-head .btn-primary {
    font-family: "interstate-light", sans-serif;
    padding: 9px 10px;
    line-height: 14px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: capitalize;
    border: 0
}

.trips-page .tasks-block .tasks-filter {
    float: none;
}

.trips-page .tasks-block .tasks-filter li.active_black {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}

.trips-page .booking-list-block {
    margin-bottom: 15px;
}

.trips-page .traveler-information-block .booking-list-block li {
    display: inline-block;
    background-color: #f7f7f7;
    color: #000000;
    text-align: center;
    padding: 8px 10px;
    font-size: 14px;
    margin: 0 3px 3px 0;
    border-radius: 4px;
    cursor: pointer;
}

.trips-page .traveler-information-block .booking-list-block li:hover {
    background-color: #e8e8e8;
}

.trips-page .traveler-information-block .booking-list-block li .count {
    border-radius: 45%;
    font-size: 10px;
    background-color: #bfbfbf;
    color: #ffffff;
    padding: 0px 4px;
    display: inline-block;
    line-height: 13px;
    margin-left: 6px;
    margin-top: 6px;
}

.trips-page .booking-list-block .trip-types {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    scroll-behavior: smooth;
    padding: 0;
}

.trips-page .booking-list-block .trip-types li {
    cursor: pointer;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #f7f7f7;
    color: #000000;
    text-align: center;
    display: inline-block;
    padding: 8px 10px;
    text-transform: capitalize;
    margin-right: 10px;
}

.trips-page .booking-list-block .trip-types li.active {
    background-color: #000;
    font-weight: 700;
    color: #ffffff;
}

.trips-page .booking-list-block .trip-types li .count {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 10px;
    background-color: #bfbfbf;
    color: #ffffff;
    padding: 1px 4px;
    line-height: 13px;
    margin-top: 3px;
    float: right;
    margin-left: 6px;
    font-weight: bold;
}

.trips-page .booking-list-block .trip-types li.active .count {
    color: #666;
    background-color: #ffffff;
}

.trips-page .booking-list-block .trip_status_options {
    width: 16%;
}

.trips-page .booking-list-block .trip_status_options .vs--searchable .vs__dropdown-toggle {
    padding: 0.36rem 0.75rem !important;
}

.trips-page .trip-list-section .plus_tag {
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #fff;
    margin: 0 3px 3px 0;
}

.trips-page .trip-list-section .plus_tag i {
    font-size: 13px;
}

.trips-page .trip-list-section .crm_pill_wrapper,
.trip-tag-popover .crm_pill_wrapper {
    border-radius: 3px;
    font-size: 12px;
    background-color: #e8e8e8;
    padding: 3px 5px;
    line-height: 17px;
    margin: 0 3px 3px 0;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.trips-page .trip-list-section .crm_pill_wrapper .pie_tag_delete,
.trip-tag-popover .crm_pill_wrapper .pie_tag_delete {
    text-align: center;
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    top: -15px;
    right: -5px;
    box-shadow: 0px 0px 6px #ddd;
    z-index: 99;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    cursor: pointer;
}

.trips-page .trip-list-section .crm_pill_wrapper:hover .pie_tag_delete,
.trip-tag-popover .crm_pill_wrapper:hover .pie_tag_delete {
    display: block !important;
}

.trips-page .trip-list-section .tag-count,
.trip-tag-popover .tag-count {
    border-radius: 3px;
    font-size: 12px;
    background-color: #A20090;
    padding: 3px 5px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    line-height: 18px;
}

.trip-tag-popover .tag-count a {
    color: #fff;
}

.trips-page .trip-list-section .sm-label-txt {
    padding: 3px 7px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.trips-page .trip-list-section .trip-destinations-long-and-truncated {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trip-tag-popover .close-popover {
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: 5px;
    cursor: pointer;
}

.trip-tag-popover ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

.trips_planner_popover ul {
    list-style: none;
    padding: 0;
    margin: 0 -16px;
    width: 135px;
}

.trips_planner_popover ul li a {
    color: #000000;
    white-space: nowrap;
    font-size: 14px;
    padding: 5px 15px;
    display: block;
    cursor: pointer;
}

.trips_planner_popover ul li a:hover {
    background-color: #e8e8e8;
}

.trips_planner_popover ul li a.color-blue-grey {
    color: #6c7a86;
}

.trips_planner_popover ul li a i {
    margin-right: 7px;
}

.trips_planner_popover ul li .copy-form {
    color: #5f9ea0;
}

.tagtrip-modal .typeahead-result ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tagtrip-modal .typeahead-result ul li a {
    font-size: 14px;
    color: #000;
    padding: 6px;
    display: block;
}

.tagtrip-modal .typeahead-result ul li.active a {
    background-color: #b2b2b2;
}

.tagtrip-modal .typeahead-result ul li a:hover {
    background-color: #b2b2b2;
}

.copy-trip-modal .accordion-item .accordion-header .accordion-button.collapsed:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
}

.copy-trip-modal .accordion-item .accordion-header .accordion-button:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
}

.copy-trip-modal .trip-copy-section {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-radius: 3px;
}

.copy-trip-modal .trip-copy-section .panel-heading,
.copy-trip-modal .trip-copy-section .accordion-header {
    padding: 10px 0;
}

.copy-trip-modal .edit-trip-header {
    margin-bottom: 0;
    padding: 5px 10px;
    background: #fff;
    position: relative;
    z-index: 9;
}

.copy-trip-modal .section-box .pie-flex-input{
    min-height: 42px;
}

.copy-trip-edit {
    overflow: auto;
    max-height: 470px;
}

.copy-trip-edit .edit-trip-info {
    padding: 25px 0;
}

.copy-trip-edit .pop-head,
.trip_create_page .pop-head {
    padding: 0;
    font-size: 16px;
}

.copy-trip-edit .pop-head span {
    font-size: 13px;
    display: block;
}

.copy-trip-edit .display-logo img {
    border: 1px solid lightgray;
}

.copy-trip-edit .text-muted,
.trip_create_page .text-muted,
.create-template-popup .text-muted {
    font-size: 11px;
}

.copy-trip-edit .request-info-block-inner .pop-head {
    font-size: 18px;
}

.trip_create_page .section-box {
    padding: 15px 10px 0 10px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
}

.trip_create_page .label {
    font-size: 12px;
}

.traveler-information-block .btntray .btn {
    font-family: "interstate-light", sans-serif;
    text-transform: capitalize;
    line-height: 20px;
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
}

.travReportsByTrip-modal .modal-header {
    flex-wrap: wrap;
}

.travReportsByTrip-modal .modal-head {
    flex: 1 1 50%;
    line-height: 14px;
}

.travReportsByTrip-modal .modal-head .modal-title {
    font-weight: bold;
    font-size: 16px;
}

.travReportsByTrip-modal .modal-head .markup_text {
    font-size: 13px;
}

.travReportsByTrip-modal .btn-groups {
    flex: 1 1 100%;
    text-align: right;
}

.travReportsByTrip-modal .vgt-table thead th,
.travReportsByTrip-modal table.vgt-table td {
    white-space: nowrap;
    font-size: 13px;
}

.tripsImport-modal .csv-upload-file {
    display: block;
    font-size: 12px;
    padding: 8px 12px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

.tripsImport-modal .small_text {
    font-size: 14px;
    margin-top: 15px;
}

.tripsImport-modal .small_text a:hover{
    color: #A20090;
}

.tripsImport-modal .vue-csv-mapping thead {
    background: #f6f8fa;
}

.tripsImport-modal .vue-csv-mapping select {
    width: auto;
    min-width: 400px;
    background-color: #f7f7f7;
    font-size: 12px;
    min-height: 40px;
}

.tripsImport-modal .vue-csv-mapping .reset-text {
    margin: 10px 0 0 30px;
    font-size: 13px;
    color: rgb(0, 130, 198);
    cursor: pointer;
}

.trips-page .trip-list-section .accordion-inner i {
    display: none;
}

.newInstitution-modal .add-individual-header {
    align-items: self-start;
}

.newInstitution-modal .add-individual-header .ind-pop-up-header-actions {
    /* padding-top: 12px; */
    padding-right: 10px;
    text-align: right;
}

.newInstitution-modal .add-individual-header .ind-pop-up-header-actions .btn {
    font-family: "interstate-light", sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    padding: 3px 15px 2px;
    margin-bottom: 3px;
}

.newInstitution-modal .add-individual-header .copy-form {
    position: absolute;
    right: 4px;
    z-index: 9;
    top: 0;
    padding: 15px;
    cursor: pointer;
}

.newInstitution-modal .modal-title {
    font-size: 18px;
    padding-top: 12px;
}

.newInstitution-modal .add-institution-header .copy-form {
    position: absolute;
    right: 4px;
    z-index: 9;
    top: 0;
    padding: 15px;
    cursor: pointer;
}

/* .newInstitution-modal .planner_page_cover{
    background: url('/static/img/BG-1.jpg') no-repeat;
    min-height: 100px;
    background-size: cover;
    background-position: center center;
    margin-top: 30px;
    padding-top: 42px;
} */
.newInstitution-modal .planner_page_cover>img {
    width: 100%;
    border-radius: 4px;
    height: 180px;
    object-position: center center;
    object-fit: cover;
}

.newInstitution-modal .edit-profile-header {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.newInstitution-modal .edit-profile-header .profile-photo {
    font-size: 58px;
    text-align: center;
    display: block;
    height: 100%;
    line-height: 100px;
    border-radius: 100%;
    background: #fff;
    box-shadow: rgb(221 221 221) 0px 2px 7px 1px;
}

.newInstitution-modal .edit-profile-header .profile-image {
    width: 100%;
    text-align: center;
    display: block;
    height: 100%;
    border-radius: 0;
    object-fit: contain;
    padding: 3px;
}

.createIndividualModal .edit-profile-header {
    border-radius: 0;
}

.createIndividualModal .profile-phone-dropdown .vue-tel-input {
    border: 0;
}

.createIndividualModal .profile-phone-dropdown .vue-tel-input:focus,
.createIndividualModal .profile-phone-dropdown .vue-tel-input:focus-within {
    box-shadow: none !important;
    border: none !important;
}

.createIndividualModal .profile-phone-dropdown .dropdown ul {
    z-index: 9;
}

/* .createIndividualModal .edit-profile-header {
    box-shadow: none;
} */
/* .createIndividualModal .edit-profile-header .profile-photo{
    border-radius: 0;
    box-shadow: 0px 2px 7px 1px #ddd;
} */
.newInstitution-modal .edit_individual_wrapper {
    box-shadow: 0px 10px 14px 2px rgb(222 222 222 / 41%);
    background: #ffffff;
    display: table;
    margin: auto;
    min-width: 65%;
    padding: 72px 10px 10px;
    border-radius: 4px;
    position: relative;
    z-index: 9;
    margin-top: -80px;
}

.newInstitution-modal .edit_individual_wrapper .balance-credits {
    font-size: 15px;
    margin: 2px 0;
}

.newInstitution-modal .edit_individual_wrapper .profile-name {
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px 0;
}

.newInstitution-modal .edit_individual_wrapper .profile-account-no {
    font-size: 15px;
    color: #999;
    margin: 5px 0;
    text-align: center;
    display: block;
}

.newInstitution-modal .edit-profile-header .profile-pic-wrapper {
    position: relative;
}

.newInstitution-modal .edit-profile-header .profile-pic-wrapper i {
    font-size: 14px;
    background: rgba(255, 255, 255, 0.4);
    width: 28px;
    color: #000000;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    right: 0;
    text-align: center;
}

.newInstitution-modal .edit-profile-header .profile-pic-wrapper i:hover {
    background-color: #fff;
}

.newInstitution-modal .edit_individual_wrapper .tag_pills {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 20px;
}

/* .newInstitution-modal .edit_individual_wrapper .tag_pills li{
    color: #666666;
    font-size: 10px;
    background-color: #f7f7f7;
    padding: 4px 7px;
    line-height: 12px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
} */
.newInstitution-modal .edit_individual_wrapper .tag_pills li.more-tags {
    background-color: #ff005e;
    color: #fff;
}

.newInstitution-modal .edit_individual_wrapper .cat-pills {
    text-align: center;
    margin-top: 8px;
}

.newInstitution-modal .edit_individual_wrapper .cat-pills .md_pills {
    padding: 8px 10px;
    color: #ffffff;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 4px;
    cursor: pointer;
}

.newInstitution-modal .edit_individual_wrapper .cat-pills .md_pills.green_pills {
    background-color: #00C853;
}

.newInstitution-modal .edit_individual_wrapper .cat-pills .md_pills.nav-link.active {
    background-color: #00C853;
    color: #fff;
}

.newInstitution-modal .edit_individual_wrapper .cat-pills .md_pills.gray_light_pills {
    background-color: #f7f7f7;
    color: #000000;
}

.newInstitution-modal .edit_individual_wrapper .inner-wrapper {
    min-height: 50px;
}

.newInstitution-modal .edit_individual_wrapper .balance-wrapper {
    position: absolute;
    top: 10px;
}

.newInstitution-modal .planner_page_cover .created-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #fff;
}

/* .newInstitution-modal .individual-panels{
    padding-top: 130px;
} */
.newInstitution-modal .accordion-panels .section-boxes {
    margin-bottom: 15px;
}

.newInstitution-modal .accordion-panels .section-boxes .section-head {
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    font-weight: 500;
}

.newInstitution-modal .accordion-panels .small-text {
    font-size: 11px;
    color: #666;
}

.newInstitution-modal .accordion-panels .bs-searchbox .form-control {
    min-height: auto;
    padding: 8px 12px;
    box-sizing: border-box;
}

.newInstitution-modal .accordion-panels .billing-info-sec {
    flex: 1;
    display: flex;
}

.newInstitution-modal .accordion-panels .billing-text {
    flex: 1;
}

.newInstitution-modal .accordion-panels .billing-checkbox {
    margin-right: 20px;
    margin-top: 8px;
}

.newInstitution-modal .accordion-panels .card-listing .listing-block {
    margin: 10px 0;
    padding: 0.75rem 0 0.75rem 1.375rem;
    border: 1px solid #b2b2b2;
    background: #fff !important;
}

.newInstitution-modal .border-box {
    border-radius: 16px;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #d9d9d9;
}

.newInstitution-modal .border-box .address-head {
    display: flex;
    justify-content: space-between;
}

.newInstitution-modal .border-box .address-title {
    font-size: 15px;
    color: #666666;
    margin-bottom: 15px;
}

.profile_preference .preference-title {
    /* font-family: "interstate-bold", sans-serif; */
    font-size: 18px;
    color: #666666;
    margin-bottom: 10px;
}

.profile_preference .preference-sections {
    margin-bottom: 20px;
}

.profile_preference .preference-subtitle {
    font-size: 17px;
    color: #666666;
    margin-bottom: 5px;
    display: block;
}

.profile_preference .preference-blocks {
    list-style: none;
    padding: 0;
    margin: 0;
}

.profile_preference .preference-blocks li {
    display: inline-block;
}

.profile_preference .view-more-pref {
    font-size: 12px;
    margin-left: 10px;
    color: #ff005e;
    cursor: pointer;
}

.profile_preference .preference-pills {
    border: 1px solid #999;
    color: #999;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 10px 10px 0;
    font-size: 16px;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 22px;
}

.profile_preference .preference-pills:hover {
    background-color: #e8e8e8;
}

.profile_preference .preference-blocks input[type=checkbox] {
    display: none;
}

.profile_preference .preference-blocks input[type=checkbox]:checked+label {
    background-color: #000;
    color: #fff;
}

.profile_preference .preference-blocks input[type=checkbox]+label:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.profile_preference .preference-blocks input[type=checkbox]:checked+label:before {
    content: "\f00c";
    width: 13px;
    padding: 2px 6px 2px 2px;
    margin-right: 5px;
    display: inline-block;
}

.profile_preference .preference-pills .rating-icon {
    font-size: 18px;
    margin-right: 2px;
}

.create-template-popup-modal .listing-items .title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    color: gray;
}

.create-template-popup-modal .listing-items ul {
    list-style: none;
    padding: 0;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.create-template-popup-modal .listing-items ul li {
    padding: 8px;
    cursor: pointer;
}

.create-template-popup-modal .listing-items ul li:hover {
    background-color: #000;
    color: #fff;
    padding: 8px;
}

.trip_create_page .create-individual-trip .head-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.trip_create_page .create-individual-trip .host-agency-split .label,
.trip_create_page .create-individual-trip .commission-split .label,
.trip_create_page .create-individual-trip .working-advisor-split .label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 90%; */
    padding: 20px 0 3px 0;
}

.trip_create_page .link-text {
    font-size: 12px;
    color: #ff005e;
    cursor: pointer;
    padding: 0 0 8px;
    display: block;
}

.trip_create_page .create-individual-trip .commission-split .small-text,
.trip_create_page .create-individual-trip .small-text {
    color: #818a91;
    font-size: 12px;
    display: block;
    padding-bottom: 10px;
}

/* .trip_create_page .create-individual-trip .working-advisor-split .add-link{
    font-size: 12px;
    color: #ff005e;
    cursor: pointer;
} */
.trip_create_page .create-individual-trip .working-advisor-split .line-item-wrapper {
    display: flex;
}

.trip_create_page .create-individual-trip .working-advisor-split .line-item-wrapper .line-item {
    flex: 1;
    padding-right: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
}

.trip_create_page .create-individual-trip .trip_interest {
    height: 2.6px;
    min-height: 48px;
}

.trip_create_page .exchange-rate {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 10px 4px 10px;
}

.trip_create_page .exchange-rate label {
    font-size: 12px;
    color: #005eff;
}

.trip_create_page .rate-calculation label {
    font-size: 12px;
    margin-top: 5px;
}

.trip_create_page .rate-calculation .rate-box {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 16px;
    text-align: right;
    padding: 5px 4px 0 0;
    width: 110px;
}

.modal-help-videos {
    /* flex: 1; */
    position: relative;
}

.desktop_text {
    display: block;
}

.mobile_text,
.mobile-leftmenu {
    display: none !important;
}

.modal-help-videos .head {
    font-size: 14px;
    color: #005eff;
    text-align: right;
    /* padding-right: 30px; */
    cursor: pointer;
    padding: 12px 0;
    display: block;
}

.modal-help-videos .popover-box {
    /* display: inline-block;
    top: 35px;
    z-index: 9; */
    width: 400px;
    /* right: 0;
    position: absolute; */
    border: 0;
    padding: 0;
}

.modal-help-videos .popover-arrow {
    top: -21px;
    border-width: 11px;
    border-color: transparent;
    border-bottom-color: #fff;
    right: 50px;
    border-style: solid;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.modal-help-videos .popover-arrow:after {
    content: "";
    border-width: 10px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.modal-help-videos .trip_tutorial_li {
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 -3px 9px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    border-radius: 4px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    outline: none;
    transition: opacity .218s;
    background: #fff;
    bottom: 33px;
    z-index: 9;
    list-style: none;
    max-height: 300px;
    overflow-y: scroll;
}

/* .modal-help-videos .trip_tutorial_li li{
    padding: 5px 10px;
    min-width: 150px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    margin: 0;
    max-width: 400px;
} */
/* .modal-help-videos .trip_tutorial_li .sub-title{
    color: #005eff;
}
.modal-help-videos .trip_tutorial_li .vertical-line hr{
    width: 100%;
    margin: 0;
} */
/* .modal-help-videos .trip_tutorial_li .second-li{
    padding: 0;
} */
/* .modal-help-videos .trip_tutorial_li .second-li ul{
    padding: 0;
    width: 100%;
} */
/* .modal-help-videos .trip_tutorial_li .current-page-tutorial:hover,
.modal-help-videos .trip_tutorial_li .second-li li:hover{
    background-color: #f2f2f2;
} */
.modal-help-videos .trip_tutorial_li .panel-wrapper {
    border: 1px solid #d1d7dc;
    border-bottom: 0;
    margin: 0
}

.modal-help-videos .trip_tutorial_li .panel-wrapper:last-child {
    border-bottom: 1px solid #d1d7dc;
}

.modal-help-videos .trip_tutorial_li .panel-head {
    background-color: #f7f9fa;
    padding: 10px;
    cursor: pointer;
}

.modal-help-videos .trip_tutorial_li .panel-head a,
.modal-help-videos .trip_tutorial_li .panel-body .tutorial_link {
    float: right;
}

.modal-help-videos .trip_tutorial_li .panel-body .tutorial_link {
    text-decoration: underline;
}

.modal-help-videos .trip_tutorial_li .panel-head i {
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;
    color: #005eff;
}

.modal-help-videos .trip_tutorial_li .panel-head div {
    font-size: 14px;
}

.modal-help-videos .trip_tutorial_li .panel-body {
    /* display: none; */
    padding: 10px 10px 10px 20px;
    background-color: #fff;
    border-top: 1px solid #d1d7dc;
}

.modal-help-videos .trip_tutorial_li .panel-body ul {
    list-style-type: none;
    padding: 0;
}

.modal-help-videos .trip_tutorial_li .panel-body li {
    padding: 8px 0;
    margin: 0;
    font-size: 14px;
}

.modal-help-videos .trip_tutorial_li .panel-body li .video-icon {
    color: #ff005e;
}

.modal-help-videos .trip_tutorial_li .panel-body li .video-duration {
    float: right;
    line-height: 16px;
    padding-top: 5px;
    margin-left: 30px;
    color: #6a6f73;
}

/* .modal-help-videos .trip_tutorial_li .panel-body li:hover{
    background-color: #f2f2f2;
} */
.modal .modal-dialog .modal-header .modal-help-videos .popover-box {
    width: 300px;
}

.modal .modal-dialog .modal-header .modal-help-videos .trip_tutorial_li {
    max-height: none;
    overflow-y: unset
}

.modal .modal-dialog .modal-header .modal-help-videos .trip_tutorial_li li:hover {
    background-color: #f2f2f2;
}

#video_tutorial_modal {
    top: auto;
    overflow: unset;
    z-index: 9999;
    bottom: 0;
    height: auto;
}

#videoTutorial .modal-title,
#videoTutorial .modal-body {
    display: none !important;
}

#videoTutorial .modal-header {
    padding: 0 !important;
    height: 100%;
}

#videoTutorial .modal-header video {
    height: 100%;
    /* object-fit: cover; */
}

#videoTutorial .modal-header .close {
    position: absolute;
    right: 14px;
    padding: 0;
    top: 9px;
    line-height: normal;
    height: auto;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.8);
    line-height: 15px;
    opacity: 1;
    padding: 0 5px 0;
}

#videoTutorial .modal-header .close span {
    color: #fff;
    font-family: none;
    font-size: 25px;
    line-height: 27px;
}

#videoTutorial.modal-content {
    border: 0 !important;
    bottom: 10px;
    right: 10px;
    position: absolute;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 50%);
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.uploadImagePopup .image_container {
    height: 200px;
    text-align: center;
    position: relative;
}

.uploadImagePopup .image-uploader {
    width: 205px;
    height: 205px;
    border: dashed 2px #adb7be;
    text-align: center;
    padding: 50px 0 0;
    cursor: pointer;
    overflow: hidden;
}

.uploadImagePopup .image-uploader i {
    line-height: 60px;
    color: #919fa9;
    font-size: 3.75rem;
}

.uploadImagePopup .uploaded_file {
    margin: 30px 0;
    text-align: center;
}

.uploadImagePopup .uploaded_file img {
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ddd;
    width: 20%;
}

.individual-accounting .account-described {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.individual-accounting .account-described li {
    display: inline-block;
    padding: 10px;
    border-right: 0;
    font-size: 15px;
}

/* .individual-accounting .account-described li:last-child{
    border-right: 1px solid #dedede;
} */
.individual-accounting .account-described b {
    display: block;
}

.goodtable-view .vue-good-td-class {
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #dcdfe6;
}

.goodtable-view .vue-good-td-class-for-price {
    white-space: nowrap;
    font-size: 14px;
    overflow: unset !important;
    text-overflow: ellipsis;
    border: 1px solid #dcdfe6;
    text-align: right;
}

.goodtable-view .vue-good-th-class {
    font-size: 12px;
    text-transform: uppercase;
}

.goodtable-view .vue-good-th-class-for-price {
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
}

.payments-to-company .traveler_info_popover {
    text-align: right;
    position: relative;
}

.payments-to-company .traveler_info_popover ul {
    background-color: #ffffff;
    position: relative;
    z-index: 9;
    float: left;
    margin: 14px 0 5px 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 33px rgb(221 221 221 / 81%);
}

.payments-to-company .hover-popup-payment-used-for {
    position: absolute;
    left: -85%;
    top: 17px;
    display: none;
}

.payments-to-company .traveler_info_popover ul:before {
    content: "";
    border-bottom: 12px solid #ffffff;
    border-right: 12px solid transparent;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    float: left;
    position: absolute;
    top: -24px;
    z-index: 99;
    left: 0px;
    right: 0px;
    width: 24px;
    margin-left: 10px;
}

.payments-to-company .traveler_info_popover ul li a {
    color: #000000;
    padding: 5px 15px;
    width: 100%;
    white-space: nowrap;
    line-height: 30px;
    display: flex;
    font-size: 14px;
}

.payments-to-company .traveler_info_popover ul li label {
    display: inline-block;
    width: 120px;
    color: gray;
    min-width: 120px;
    text-align: left;
}

.payments-to-company .traveler_info_popover:hover .hover-popup-phone-no {
    display: block;
}

.received_traveler_info_table thead tr th {
    background-color: #f7f7f7;
}

.received_traveler_info_table thead tr th input {
    clear: both;
    display: block;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    margin-top: 5px;
}

.received_traveler_info_table.table.dataTable thead .sorting:after,
.received_traveler_info_table.table.dataTable thead .sorting_asc:after,
.received_traveler_info_table.table.dataTable thead .sorting_desc:after {
    top: 12px;
    bottom: auto;
}

.received_traveler_info_table .panel-heading .show-hide-received-each-traveler-details.collapsed .font-icon:before {
    content: "\e902";
}

.received_form_response_table .panel-heading .show-hide-received-each-traveler-details-planner.collapsed .font-icon:before {
    content: "\e902";
}

.booking-cancellation-popup .refundable-wrapper {
    width: 75%;
}

.booking-cancellation-popup .cancel-label {
    width: 25%;
}

.booking-cancellation-popup .refundable-table td {
    padding: 0 10px;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    width: 50%;
}

.booking-cancellation-popup .refundable-table .fl-label {
    position: absolute;
    font-size: 16px;
    top: 3px;
    left: 10px;
    font-weight: normal;
    color: #858585;
}

.booking-cancellation-popup .refundable-table .form-control {
    min-height: 30px;
    border-radius: 0;
}

.booking-cancellation-popup .record-refund h4 {
    display: inline-block;
    width: 30%;
    font-size: 16px;
    font-weight: bold;
}

.booking-cancellation-popup .refund-payment {
    margin-top: 20px;
}

.booking-cancellation-popup .refund-payment .title {
    font-size: 16px;
    font-weight: bold;
}

.booking-cancellation-popup .refund-payment .card-header {
    display: flex;
    justify-content: space-between;
}

.booking-cancellation-popup .add-record-refund span,
.booking-cancellation-popup .add-payment-invoice span {
    color: #A20090;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
}

.booking-cancellation-popup .add-record-refund i,
.booking-cancellation-popup .add-payment-invoice i {
    font-size: 11px;
    margin-right: 5px;
}

.popup-hotel-content .hotel_location_detail {
    position: relative;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 8px;
    /* min-height: 140px; */
    /* display: flex; */
    height: 100%;
    /* width: 50%; */
}

.popup-hotel-content .hotel_location_detail .custome-radiobtn {
    position: absolute;
    right: 25px;
    top: 10px;
}

.popup-hotel-content .hotel-image {
    position: relative;
    flex-shrink: 0;
}

.popup-hotel-content .hotel-image img {
    border-radius: 3px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 170px;
    max-height: 150px;
}

.popup-hotel-content .hotel-image .library_img_block {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    cursor: pointer;
}

/* .popup-hotel-content .hotel-image .library_img_block span{
    line-height: 9px;
} */
.popup-hotel-content .hotel-image .library_img_block span i {
    font-size: 14px;
}

.popup-hotel-content .hotel-image .library_img_block:hover {
    background-color: #00C853;
}

.popup-hotel-content .hotel-image .library_img_block:hover i {
    color: #fff;
}

.popup-hotel-content .hotel-info {
    padding: 10px;
    min-width: 0;
    flex: 1;
    /* min-height: 110px; */
}

.popup-hotel-content .hotel-info .suppliers p i{
    color:#00C853
}

.popup-hotel-content .hotel-info .hotel_block .hotel-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 4px;
}

.popup-hotel-content .hotel-info ul li {
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
    color: #666;
    min-height: 20px;
}

.popup-hotel-content .hotel-info .hotel_block .color-gray a {
    padding-bottom: 20px;
    color: #000;
}

.popup-hotel-content .hotel-info .remove_hotel {
    position: absolute;
    bottom: 7px;
    right: 10px;
    border: 1px solid #999999;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    text-align: center;
}

.popup-hotel-content .hotel-info .hotel_number {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 17px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 6px;
    line-height: 25px;
    font-size: 12px;
    font-weight: 500;
    top: 6px;
    /* font-family: "interstate-bold", sans-serif; */
    font-weight: normal;
    background: #A20090;
    color: #000;
    text-align: center;
}

.popup-hotel-content .hotel_location_detail .room_availibility {
    padding: 10px;
    font-size: 12px;
    padding-right: 50px;
}

.popup-hotel-content .hotel_location_detail .room_availibility .form-label {
    display: block;
}

.popup-hotel-content .hotel_location_detail .room_availibility .form-control {
    min-height: 30px;
    font-size: 12px;
}

.popup-hotel-content .hotel_location_detail .room_availibility .status-confirmed {
    color: #00C853;
}

.general-info-vue .flight-tags h5 {
    font-family: "interstate-light", sans-serif;
    line-height: 16px;
    color: #005eff;
}

.destination_box .flight-header {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 20px;
}

.destination_box .flight-header h5 {
    font-size: 16px;
    font-family: "interstate-light", sans-serif;
    line-height: 16px;
    font-weight: normal;
}

.destination_box .flight-header i {
    font-size: 18px;
    margin-right: 10px;
}

.flight-info-vue .flight-header .color-green {
    color: #00C853;
}

.flight-info-vue .flight-header .color-pink {
    color: #ff005e;
}

.flight-info-vue .flight_box .flight_close {
    display: flex;
    justify-content: right;
    color: #005eff;
    margin: 10px 0;
}

.flight-info-vue .flight_box .flight_close span {
    cursor: pointer;
}

/*#region---------------Flight Seach Typehead result-------------------*/
.flight_box .flight_main_wrapper {
    border-top: 1px solid #ACACAC;
    background: #fff;
}

.flight_box .flight_main_wrapper:first-child {
    border-top: 0;
}

.flight_box .flight_search_wrraper {
    width: calc(100% - 11px);
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100px;
}

.flight_box .flight_search_wrraper .flight_name {
    text-align: left;
    font-size: 17px;
    font-size: 1.0625rem;
    /* font-family: "interstate-bold", sans-serif; */
    line-height: .75em;
    margin: 0;
    padding: 10px 0 5px 0;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
    min-height: 14px;
    min-height: -webkit-fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    color: #000000;
}

.flight-info-vue .flight_box .flight_status {
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1em;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
    min-height: 14px;
    margin: 0;
    padding: 0;
    min-height: -webkit-fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    color: #000000;
}

.flight_box .flight_search_wrraper .flight_detail {
    font-weight: normal;
    font-size: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000000;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flight_box .flight_search_wrraper .flight_arrive,
.flight_box .flight_search_wrraper .flight_departure {
    min-height: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* width: 45%; */
    margin-bottom: 8px;
    min-height: -webkit-fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    color: #000000;
}

.flight_box .flight_search_wrraper .flight-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1.8em;
}

.flight_box .flight_search_wrraper .destination_name {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flight_box .flight_search_wrraper .flight_time_wrapper {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flight_box .flight_search_wrraper .airport_code {
    /* font-family: "interstate-bold", sans-serif; */
    font-size: 17px;
    font-size: 1.0625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    line-height: 1.25em;
}

.flight_box .flight_search_wrraper .airport_name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1.8em;
    font-size: 13px;
    font-size: 0.8125rem;
}

.flight_box .flight_search_wrraper .flight_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1.8em;
}

.flight_box .flight_search_wrraper .flight_time {
    font-size: 13px;
    font-size: 0.8125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    font-weight: inherit;
    line-height: 1.8em;
}

.flight_box .flight_search_wrraper .flight_icon i {
    background-color: #ffffff;
    color: #005eff;
    width: 30px;
    height: 30px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 30px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-right: 7px;
    -webkit-box-shadow: 0px 0px 15px rgba(142, 142, 142, 0.26);
    -moz-box-shadow: 0px 0px 15px rgba(142, 142, 142, 0.26);
    box-shadow: 0px 0px 15px rgba(142, 142, 142, 0.26);
}

.flight_box .flight_main_wrapper .flight_search_wrraper i {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
}

/*#endregion*/
.flight-info-vue .flight_box .flight-booking-details .details-wrapper {
    background-color: #f7f7f7;
    /* padding: 12px 10px; */
    border-radius: 4px;
    /* margin-bottom: 20px; */
    /* margin-top: 10px; */
    padding-left: 10px;
}

.flight-info-vue .flight_box .flight-booking-details .details-wrapper li {
    display: inline-block;
}

.flight-info-vue .flight_box .flight-booking-details .details-wrapper li.flight-id {
    padding: 0 10px;
    border-right: 1px solid rgb(232, 232, 232);
    text-transform: uppercase;
}

/* .flight-info-vue .flight_box .flight-booking-details .details-wrapper li.remove-btn{
    padding:5px 10px;
    background-color: #e8e8e8;
    cursor: pointer;
    font-size: 15px;
    margin-top: -4px;
    border-radius: 3px;
} */
.flight-info-vue .destination_box .add-flight {
    margin: 10px 0;
}

.flight-info-vue .destination_box .add-flight .flt-booking-btn {
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #e8e8e8;
}

.transport-info-vue .destination_box .flight-header h5 {
    color: #005eff;
}

.transport-info-vue .destination_box .flight-header i {
    font-size: 16px;
}

.transport-info-vue .destination_box .important-note span {
    font-size: 14px;
    /* font-family: "interstate-bold", sans-serif; */
}

.transport-info-vue .transport_box .card-title .close {
    float: right;
    color: #005eff;
}

.transport-info-vue .transport_box .card-title .close i {
    font-size: 12px;
}

.transport-info-vue .transport_box .subtitle {
    font-size: 16px;
    color: #005eff;
    margin-bottom: 10px;
}

.transport-info-vue .transport_box .subtitle i {
    font-size: 14px;
    margin-right: 10px;
}

.booking-info-vue .booking-status {
    margin-bottom: 0;
}

.booking-info-vue .booking-status .sticky_label {
    font-size: 11px;
}

.booking-info-vue .booking-status .booking-count {
    margin-bottom: 0;
    text-align: right;
    font-weight: bold;
    color: #000000;
    font-size: 18px;
}

.booking-info-vue .btn {
    color: #005eff;
    border-color: #005eff;
    color: #005eff;
    border-color: #005eff;
    padding: 0px;
    min-width: 80px;
    font-size: 12px;
}

.booking-info-vue .btn:hover {
    background-color: #005eff;
    color: #ffffff;
}

.all-travelers-vue .green-dot {
    padding: 5px;
    border-radius: 100%;
    position: absolute;
    top: 25px;
    left: -20px;
    background-color: #00C853;
    font-size: 16px;
    ;
}

.all-travelers-vue .pie-icon-thin-0425_money_payment_dollar_cash.green-dot {
    padding: 0;
    background-color: initial;
}

.all-travelers-vue .markup-amount td {
    padding: 0;
    vertical-align: top;
    position: relative;
    width: 50%;
    color: #b2b2b2;
}

.all-travelers-vue .markup-amount .fl-label {
    position: absolute;
    font-size: 14px;
    top: 6px;
    left: 6px;
    font-weight: normal;
    color: #858585;
}

.all-travelers-vue .markup-amount .form-control {
    min-height: 30px;
    border-radius: 0;
}

.travelers-vue .booking-status {
    margin-bottom: 0;
}

.all-travelers-vue .net-total .form-control {
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: bold;
}

.all-travelers-vue .net-total .form-control.new-price-section {
    line-height: 32px;
    font-weight: 200;
    min-height: 15px;
}

.all-travelers-vue .booking-status.alert-success .sticky_label {
    font-size: 11px;
    color: #00C853;
    padding-top: 6px;
    display: block;
}

.all-travelers-vue .booking-status.alert-danger .sticky_label {
    font-size: 11px;
    color: #842029;
}

.all-travelers-vue .booking-status .booking-count {
    margin-bottom: 0;
    text-align: right;
    font-weight: bold;
    color: #000000;
    font-size: 18px;
}

.all-travelers-vue .room_book_form {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 14px;
    position: relative;
}

.all-travelers-vue .room_book_form:hover {
    box-shadow: 0px 0px 25px 1px #eee;
}

.all-travelers-vue .room_book_form label {
    margin-bottom: 0;
}

.booking-popup-ic-crm .all-travelers-vue .room_book_form .amount {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-left: 4px;
}

.all-travelers-vue .room_book_form .delete-icon {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 5px;
    cursor: pointer;
}

.all-travelers-vue .sticky-input {
    position: relative;
}

.all-travelers-vue .sticky-input .sticky-label {
    position: absolute;
    left: 12px;
    top: 14px;
}

.all-travelers-vue .flight-subtitle {
    margin-bottom: 10px;
    color: #005eff
}

/* .multiple-price-section-vue .small-input{
    min-height: auto;
    padding: 5px 12px;
    font-size: 14px;
} */
.multiple-price-section-vue .base-price-block {
    width: 150px;
}

.multiple-price-section-vue .net-total-block {
    width: 120px;
}

.multiple-price-section-vue .vertical-divider {
    border-right: 1px solid #999;
}

.multiple-price-section-vue .vertical-divider-light {
    border-right: 1px solid #dee2e6;
}

.multiple-price-section-vue .border-999 {
    border-top: 1px solid #999;
}

.multiple-price-section-vue .net-price-wrapper,
.multiple-price-section-vue .client-price-wrapper {
    margin-left: 22px;
}

.multiple-price-section-vue .net-price-wrapper .equals-to {
    padding: 24px 16px 0 0;
    margin-top: 8px;
    display: inline-block;
}

.multiple-price-section-vue .label-text {
    background-color: #f7f7f7;
}

.multiple-price-section-vue .custom-multi-price-category-edit {
    border: 1px solid #d4dcfc;
    background-color: #f3f5fe;
}

.multiple-price-section-vue .custom-multi-price-category-save {
    background-color: #D4DCF4;
}

.booking-traveler-list   a.my-tool-tip:hover,
.multiple-price-section-vue .custom-multi-price-category-save .form-group a.my-tool-tip:hover{
    color: #A20090;
}

.multiple-price-section-vue .room-types .table-head,
.multiple-price-section-vue .room-types-body {
    padding: 9px 10px 5px 0;
    border-bottom: 1px solid #dee2e6;
}

.custom-multi-price-category-save .room-types .table-head,
.custom-multi-price-category-save .room-types-body {
    border-color: #999;
}

.add-travelers-modal .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.add-travelers-modal .form-control {
    min-height: 40px;
    min-width: 250px;
    background-color: #f7f7f7;
    padding-top: 0;
}

.add-travelers-modal .team_select_up img {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.add-travelers-modal .team_select_up .user_name {
    background-color: #666666;
    line-height: 41px;
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
}

.add-travelers-modal .team_select_up .btnAddTraveler {
    color: #666666;
    font-size: 14px;
    background-color: #f7f7f7;
    padding: 9px 10px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.add-travelers-modal .team_select_up .confirm-lbl {
    font-size: 13px;
    color: #006028;
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #D1F1B9;
}

/* .price-section-vue .price-wrapper{
    flex: 2;
    display: flex;
} */
.price-section-vue .price-perroom {
    flex: 0.5;
}

.price-section-vue .price-perroom .price {
    background-color: rgb(102, 102, 102);
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
}

.price-section-vue .price-perroom .profit {
    background-color: rgb(0, 200, 83);
}

.price-section-vue .price-type {
    margin-right: 20px;
    position: absolute;
    right: 20px;
    top: -11px;
    display: block;
    width: 15%;
    z-index: 99;
}

.price-section-vue .important-note {
    color: rgb(250, 66, 74);
    font-size: 18px;
}

.all-travelers-vue .add-tax-dropdown .dropdown-item {
    position: relative;
    font-size: 14px;
    padding-right: 35px;
}

.all-travelers-vue .add-tax-dropdown .dropdown-item i {
    position: absolute;
    right: 10px;
    top: 8px;
}

.hotel-room-vue .rooms_availibility_block .table td {
    color: #666666;
    font-size: 12px;
    position: relative;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info {
    display: none;
    position: absolute;
    bottom: 60px;
    z-index: 9;
    width: 350px;
    background: #ffffff;
    padding: 10px;
    left: 77px;
    box-shadow: 1px 1px 14px 6px rgba(0, 0, 0, 0.08);
}

.hotel-room-vue .rooms_availibility_block .total_bed_info span {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
    color: #000;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info table th {
    /* font-family: "interstate-bold", sans-serif; */
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0;
    color: #000000;
    border-bottom: 1px solid #000000;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info table th:last-child,
.hotel-room-vue .rooms_availibility_block .total_bed_info table td:last-child {
    text-align: right;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info table td {
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    line-height: 18px;
    padding: 3px 0px;
    font-size: 12px;
    border-bottom: 1px solid #dddddd;
    color: #000000;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info:after {
    content: "";
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -19px;
    left: 15px;
}

.hotel-room-vue .rooms_availibility_block .total_bed_info .total_bed_info_notice span {
    /* font-family: "interstate-bold", sans-serif; */
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    margin: 0px;
}

/*
.hotel-room-vue .rooms_availibility_block .total_bed_info .total_bed_info_notice p {
    font-family: "interstate-light", sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 12px;
    line-height: 14px;
} */
/* .hotel-room-vue .rooms_availibility_block .total_bed_info:hover {
    display: block;
} */
.hotel-room-vue .rooms_availibility_block i {
    font-size: 12px;
    font-size: 0.75rem;
    color: #b2b2b2;
}

.hotel-room-vue .rooms_availibility_block i:hover+.total_bed_info {
    display: block;
}

.hotel-room-vue .rooms_availibility_block .room_value {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.hotel-room-vue .room-type-wrapper .blue.room_no {
    border-radius: 3px;
    background-color: #FFDAE7 !important;
    color: #672842;
    font-size: 10px;
    font-weight: 400;
    padding: 3px 0;
    text-align: center;
}
.hotel-room-vue .room-type-wrapper .bg-green.room_no {
    border-radius: 3px;
    background-color: #D1F1B9 !important;
    color: #006028;
    font-size: 10px;
    font-weight: 400;
    padding: 3px 0;
    text-align: center;
    
}

.hotel-room-vue .room-type-wrapper .room_no.blue {
    background-color: #005eff;
}

/* .hotel-room-vue .room-type-wrapper .room_no.bg-green {
    background-color: #00C853;
} */

.hotel-room-vue .room-types .room-types-row td{
    background-color: #F7F7F7;
    cursor: pointer;
}

.hotel-room-vue .room-types .room-types-row td:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.hotel-room-vue .room-types .room-types-row td:last-child{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.hotel-room-vue .room-types .room-types-row i{
    color: #808080
}

.hotel-room-vue .room-types .room-type-action-btn {
    background-color: rgb(118, 143, 245);
    border-color: rgb(212, 220, 252);
    padding: 5px 5px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 10px;
}

/* .hotel-room-vue .room-types-row i.close-icon {
    font-size: 22px;
    margin-right: 10px;
} */

.hotel-room-vue .room-types-row.collapsed i.close-icon::before {
    content: "\f078";
}

.hotel-room-vue .room-types-row i.close-icon::before {
    content: "\f077";
}

.hotel-room-vue .edit-room-type-section {
    background-color: #F7F7F7;
}

.hotel-room-vue .edit-room-type-section .form-control {
    padding: 5px;
}

.custom-travelers-multi-price {
    padding: 10px;
    border: 1px solid #d4dcfc;
    background-color: #f3f5fe;
    border-radius: 3px;
}

.custom-travelers-multi-price:hover {
    box-shadow: 0px 0px 25px 1px #eee;
}

.custom-travelers-multi-price .room_no {
    background-color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 3px 5px;
    float: left;
    line-height: 15px;
    margin-top: 10px;
    margin-right: 5px;
}

.custom-travelers-multi-price .enter_qty {
    padding: 0.35rem 0.75rem;
    font-size: 14px;
    border: 1px solid #f0f0f0;
    width: 100%;
    background: #fff;
    border-radius: 4px;
}

/* #region ----------------Credit Card--------------------------*/
.card-form {
    max-width: 570px;
    margin: auto;
    width: 100%;
}

@media screen and (max-width: 576px) {
    .card-form {
        margin: 0 auto;
    }
}

.card-form__inner {
    background: #fff;
    /*box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);
   */
    border-radius: 10px;
    padding: 35px;
    padding-top: 180px;
}

@media screen and (max-width: 480px) {
    .card-form__inner {
        padding: 0;
        padding-top: 165px;
    }
}

@media screen and (max-width: 360px) {
    .card-form__inner {
        padding: 0;
        padding-top: 165px;
    }
}

.card-form__row {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 480px) {
    .card-form__row {
        flex-wrap: wrap;
    }
}

.card-form__col {
    flex: auto;
    margin-right: 10px;
}

.card-form__col:last-child {
    margin-right: 0;
}

@media screen and (max-width: 480px) {
    .card-form__col {
        margin-right: 0;
        flex: unset;
        width: 100%;
    }

    .card-form__col:last-child {
        margin-bottom: 0;
    }
}

.card-form__col.-cvv {
    max-width: 150px;
}

@media screen and (max-width: 480px) {
    .card-form__col.-cvv {
        max-width: initial;
    }
}

@media screen and (max-width: 480px) {
    .card-form__col.cvv-sm-mt-10 {
        margin-top: 10px;
    }
}

.card-form__group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.card-form__group .card-input__input {
    flex: 1;
    margin-right: 15px;
}

.card-form__group .card-input__input:last-child {
    margin-right: 0;
}

.card-form__button {
    width: 100%;
    height: 30px;
    background: #2364d2;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-form__button {
        margin-top: 10px;
    }
}

.card-item {
    max-width: 400px;
    height: 230px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item {
        max-width: 310px;
        height: 180px;
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .card-item {
        /*height: 180px;
       */
    }
}

.card-item.-active .card-item__side.-front {
    transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}

.card-item.-active .card-item__side.-back {
    transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}

.card-item__focus {
    position: absolute;
    z-index: 3;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.65);
}

.card-item__focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #08142f;
    height: 100%;
    border-radius: 5px;
    filter: blur(25px);
    opacity: 0.5;
}

.card-item__focus.-active {
    opacity: 1;
}

.card-item__side {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 7px 25px 0 rgba(14, 42, 90, 0.55);
    transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    transform-style: preserve-3d;
    transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    backface-visibility: hidden;
    height: 100%;
}

.card-item__side.-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
    z-index: 2;
    padding: 0;
    height: 100%;
}

.card-item__side.-back .card-item__cover {
    transform: rotateY(-180deg);
}

.card-item__bg {
    max-width: 100%;
    display: block;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-item__cover {
    height: 100%;
    background-color: #1c1d27;
    position: absolute;
    height: 100%;
    background-color: #1c1d27;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.card-item__cover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 2, 29, 0.45);
}

.card-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0 10px;
}

@media screen and (max-width: 480px) {
    .card-item__top {
        /*margin-bottom: 25px;
       */
    }
}

@media screen and (max-width: 360px) {
    .card-item__top {
        /*margin-bottom: 15px;
       */
    }
}

.card-item__chip {
    width: 60px;
}

@media screen and (max-width: 480px) {
    .card-item__chip {
        width: 50px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__chip {
        width: 40px;
    }
}

.card-item__type {
    height: 45px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    max-width: 100px;
    margin-left: auto;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item__type {
        height: 40px;
        max-width: 90px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__type {
        height: 30px;
    }
}

.card-item__typeImg {
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
    object-position: top right;
}

.card-item__info {
    color: #fff;
    width: 100%;
    max-width: calc(100% - 85px);
    padding: 10px 15px;
    font-weight: 500;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-item__info {
        padding: 10px;
    }
}

.card-item__holder {
    opacity: 0.7;
    font-size: 13px;
    margin-bottom: 6px;
}

@media screen and (max-width: 480px) {
    .card-item__holder {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

.card-item__wrapper {
    font-family: "Source Code Pro", monospace;
    padding: 25px 15px;
    position: relative;
    z-index: 4;
    height: 100%;
    text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
    user-select: none;
}

@media screen and (max-width: 480px) {
    .card-item__wrapper {
        padding: 20px 10px;
    }
}

.card-item__name {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

@media screen and (max-width: 480px) {
    .card-item__name {
        font-size: 16px;
    }
}

.card-item__nameItem {
    display: inline-block;
    min-width: 8px;
    position: relative;
}

.card-item__number {
    font-weight: 500;
    line-height: 1;
    color: #fff;
    font-size: 27px;
    margin-bottom: 0px;
    display: inline-block;
    padding: 10px 0px;
    cursor: pointer;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .card-item__number {
        font-size: 21px;
        padding: 10px 10px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__number {
        font-size: 19px;
        padding: 10px 10px;
    }
}

.card-item__numberItem {
    width: 16px;
    display: inline-block;
}

.card-item__numberItem.-active {
    width: 30px;
}

@media screen and (max-width: 480px) {
    .card-item__numberItem {
        width: 13px;
    }

    .card-item__numberItem.-active {
        width: 16px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__numberItem {
        width: 12px;
    }

    .card-item__numberItem.-active {
        width: 8px;
    }
}

.card-item__content {
    color: #fff;
    display: flex;
    align-items: flex-start;
}

.card-item__date {
    flex-wrap: wrap;
    font-size: 18px;
    margin-left: auto;
    padding: 10px;
    display: inline-flex;
    width: 80px;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .card-item__date {
        font-size: 16px;
    }
}

.card-item__dateItem {
    position: relative;
}

.card-item__dateItem span {
    width: 22px;
    display: inline-block;
}

.card-item__dateTitle {
    opacity: 0.7;
    font-size: 13px;
    padding-bottom: 6px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .card-item__dateTitle {
        font-size: 12px;
        padding-bottom: 5px;
    }
}

.card-item__band {
    background: rgba(0, 0, 19, 0.8);
    width: 100%;
    height: 50px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 480px) {
    .card-item__band {
        margin-top: 20px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__band {
        height: 40px;
        margin-top: 10px;
    }
}

.card-item__cvv {
    text-align: right;
    position: relative;
    z-index: 2;
    padding: 15px;
}

.card-item__cvv .card-item__type {
    opacity: 0.7;
}

@media screen and (max-width: 360px) {
    .card-item__cvv {
        padding: 10px 15px;
    }
}

.card-item__cvvTitle {
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}

.card-item__cvvBand {
    height: 45px;
    background: #fff;
    margin-bottom: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: #1a3b5d;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}

@media screen and (max-width: 480px) {
    .card-item__cvvBand {
        height: 40px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 360px) {
    .card-item__cvvBand {
        margin-bottom: 15px;
    }
}

.card-list {
    margin-bottom: -130px;
}

@media screen and (max-width: 480px) {
    .card-list {
        margin-bottom: -120px;
    }
}

.card-input {
    margin-bottom: 10px;
}

.card-input__label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #1a3b5d;
    width: 100%;
    display: block;
    user-select: none;
}

.card-input__label em {
    font-style: normal;
    color: red;
}

.card-input__input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ced6e0;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    padding: 5px 15px;
    background: none;
    color: #1a3b5d;
    font-family: "Source Sans Pro", sans-serif;
}

.card-input__input:hover,
.card-input__input:focus {
    border-color: #3d9cff;
}

.card-input__input:focus {
    box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}

.card-input__input.-select {
    -webkit-appearance: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC');
    background-size: 12px;
    background-position: 90% center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.slide-fade-up-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-up-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-up-enter {
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
}

.slide-fade-up-leave-to {
    opacity: 0;
    transform: translateY(-15px);
    pointer-events: none;
}

.slide-fade-right-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-right-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-right-enter {
    opacity: 0;
    transform: translateX(10px) rotate(45deg);
    pointer-events: none;
}

.slide-fade-right-leave-to {
    opacity: 0;
    transform: translateX(-10px) rotate(45deg);
    pointer-events: none;
}

.github-btn {
    position: absolute;
    right: 40px;
    bottom: 50px;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 4px;
    box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
    background: #24292e;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 500px) {
    .github-btn:hover {
        transform: scale(1.1);
        box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
    }
}

@media screen and (max-width: 700px) {
    .github-btn {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }

    .github-btn:active {
        transform: scale(1.1);
        box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
    }
}

.card-input__input.invalid {
    background-color: #fdd;
}

/*#endregion*/

/*#endregion*/

/*#region -----------------Create Reservation Modal -------------------------------*/
.booking-popup-vue .modal-title {
    color: #005eff;
    flex: 1;
}

.booking-popup-vue .modal-title .btn {
    border-radius: 0;
    font-family: "interstate-light", sans-serif;
    text-transform: capitalize;
    padding: 4px 20px 4px;
    line-height: 1;
    border: 1px solid #ff005e;
}

.booking-popup-vue .modal-title .btn.notActive {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #ff005e;
}

.booking-popup-vue .modal-title .btn.active {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    background-color: #ff005e;
}

.booking-popup-vue ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.booking-popup-vue .booking-sub-category-block {
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 18px;
    margin-bottom: 15px;
}

.booking-popup-vue .booking-sub-category-block li {
    display: inline-block;
    padding: 5px 10px;
    line-height: 14px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-clip: padding-box;
}

.booking-popup-vue .booking-sub-category-block li.active {
    color: #ffffff;
    background-color: #A20090;
}

.booking-popup-vue .booking-sub-category-block li span {
    font-size: 12px;
    font-family: "interstate-light", sans-serif;
    line-height: 14px;
    color: #666666;
    cursor: pointer;
}

.booking-popup-vue .booking-sub-category-block li.active span {
    color: #ffffff;
}

.booking-popup-header .booking_tag {
    margin-bottom: 30px;
}

.booking-popup-header .booking_tag a:hover {
    color: #ffffff;
    background-color: #00C853;
}

.booking-popup-header .booking_tag li a {
    padding: 10px;
    font-size: 14px;
    background-color: #f2f2f2;
    color: #666666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.booking-popup-header .trip-booking-info {
    width: 75%;
    float: right;
    ;
}

.booking-popup-header .book_popup_disable_class {
    cursor: not-allowed;
    opacity: .4;
    pointer-events: none;
}

.library-popup .library_data {
    border-collapse: separate;
    border-spacing: 10px;
}

.library-popup .library_data td {
    padding: 0;
    vertical-align: top;
    position: relative;
}

.library-popup .library_data tbody tr.library_listing {
    border-radius: 4px;
    cursor: pointer;
}

.library-popup .library_data tbody tr.library_listing .library-table {
    height: 100px;
    width: 100%;
    /* background-color: #d4dcf4; */
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 20%);
}

.library-popup .library_data tr.library_listing .booking-suggestions li .body_head_2 {
    padding: 4px 10px 5px;
    background: rgb(232, 232, 232);
    line-height: 22px;
    border-radius: 3px;
    margin-top: 5px;
}

.library-popup .library_data tr.library_listing .booking-suggestions li .body_head_2.active-price {
    border: 2px solid #11d748;
    background-color: transparent;
}

.library-popup .library_data tr.library_listing .booking-suggestions table .active-week {
    color: #A20090;
}

.library-popup .library_data tbody table tr img {
    width: 110px;
    /* object-fit: cover;
    object-position: center center; */
    /* position: absolute;
    left: 0;
    top: 0; */
    height: 100px;
}

/* .library-popup .library_data .library_img_block{
    position: relative;
} */
.library-popup .library_data .library_img_block ul.favorite-tags {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 0;
    width: 120px;
}

.library-popup .library_data .library_img_block ul.favorite-tags li {
    border-radius: 50%;
    margin-right: 3px;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    float: left;
}

.library-popup .library_data .library_img_block ul.favorite-tags li.heart.active {
    background-color: #ff005e;
}

.library-popup .library_data .library_img_block ul.favorite-tags li.success.active {
    background-color: #00C853;
}

.library-popup .library_data .library_img_block ul.favorite-tags li i {
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 12px;
}

.library-popup .library_data .library_img_block ul.favorite-tags li.heart.active i,
.library-popup .library_data .library_img_block ul.favorite-tags li.success.active i {
    color: #ffffff;
}

.library-popup .library_data .library_title_block {
    padding: 10px 20px 0 135px;
}

.library-popup .library_data .library_title_block span {
    font-size: 14px;
    display: block;
}

/* .library-popup .library_data .library_title_block .subtype_pills{
    font-size: 11px;
    padding: 3px 5px;
    background-color: #ddd;
    border-radius: 3px;
    margin-top: 5px;
    display: inline-block;
} */
.library-popup .library_data .library_title_block .subtype_pills,
.library-popup .library_data .library_places .library_tag {
    margin-bottom: 3px;
    margin-right: 3px;
    display: inline-block;
    padding: 8px;
    font-size: 10px;
    line-height: 10px;
    background-color: #E8E8E8;
    color: #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.library-popup .library_data .library_places {
    font-size: 14px;
    color: #666;
    padding: 10px 10px 0 0;
}

.library-popup .library_data .library_places .place_name {
    color: #000;
}

.price-per-night-vue table td {
    min-width: 75px;
    padding: 10px;
    white-space: nowrap;
}

.price-per-night-vue table th {
    white-space: nowrap;
    min-width: 75px;
}

/*#endregion*/

/*#region -----------------Invoice Form Popup---------------------------*/
.invoice-form-vue .head-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.field-attachment-box .uploaded_document {
    background-color: #d2cfcf;
    padding: 10px;
    margin-top: 10px;
    /* font-family: auto; */
}

/*#endregion*/

/*#region -----------------Automated Message Popup---------------------------*/
.common-rules-automated-message .custom-selectnew {
    left: 0;
    top: 35px;
    z-index: 101;
    width: 300px;
    font-size: 14px;
}

.common-rules-automated-message .custom-selectnew .custom-select1 li {
    padding: 6px 10px;
    min-width: 150px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.common-rules-automated-message .custom-selectnew .custom-select1 li:hover {
    background: rgba(242, 245, 245, 0.8);
    cursor: pointer;
}

.common-rules-automated-message .custom-select1 {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.20);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(00, 0, 0, 0.20);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    padding: 6px 0;
    margin: 0;
    outline: none;
    background: #fff;
    list-style: none;
}

.automated-message-popup .sub-heads {
    font-size: 14px;
    line-height: 10px;
}

.automated-message-popup .compose-css .dropdown-toggle {
    font-size: 12px;
    text-decoration: underline;
    color: #000;
}

.automated-message-popup .compose-css .dropdown-toggle:after {
    display: none;
}

/*#endregion*/

/*#region -----------------CRM Profiles---------------------*/
.crm-profiles .crm_pills {
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    padding: 8px;
    position: relative;
}

.crm-profiles .crm_pills.active {
    background-color: #00C853;
    color: #ffffff;
}

.crm-profiles .crm_pills .supplier-dropdown .btn .filter-option {
    flex: 1;
}

.crm-profiles .crm_pills .supplier-category {
    position: absolute;
    font-size: 13px;
    top: 9px;
    left: 10px;
    z-index: 9;
    cursor: pointer;
    margin-bottom: 0;
    padding: 5px;
}

.crm-profiles .crm_pills .dropdown-toggle .filter-option-inner {
    text-align: center;
    font-size: 18px;
}

.crm-profiles .crm_pills.active .dropdown-toggle .filter-option-inner {
    color: #fff;
}

.crm-profiles .crm_pills .dropdown ul.dropdown-menu .dropdown-item.active {
    background-color: #00C853;
    color: #ffffff;
}

.crm-profiles .profiles-sections .tab-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.gray_light_pills {
    display: inline-block;
    padding: 12px;
    margin-right: 5px;
    position: relative;
    color: #000;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.delete-profiles-active,
.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.duplicate-profiles-active,
.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.add-profile-category {
    padding: 12px;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.gray_light_pills .subcat_name {
    /* padding: 12px; */
    display: block;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.gray_light_pills:hover .pie_tag_delete_cat {
    display: block !important;
    position: absolute;
    top: -15px;
    right: -5px;
    box-shadow: 0px 0px 6px #ddd;
    border-radius: 100%;
    background-color: #fff;
    padding: 5px;
    font-size: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    color: #000;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.gray_light_pills:hover .pie_tag_delete {
    display: block !important;
    position: absolute;
    top: -15px;
    right: -5px;
    box-shadow: 0px 0px 6px #ddd;
    border-radius: 100%;
    background-color: #fff;
    padding: 5px;
    font-size: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    color: #000;
}

.crm-profiles .profiles-sections .tab-content ul.profile-subcat-pills li.active {
    background-color: #666666;
    color: #ffffff;
}

.crm-profiles .profile-category-table tr {
    cursor: pointer;
}

.crm-profiles .profile-category-table .profile-tags li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.crm-profiles .profile-category-table .profile-tags li.more-tag {
    padding: 3px 5px;
    border-radius: 3px;
    background-color: #ff005e;
}

.crm-profiles .profile-category-table .profile-tags li.more-tag a {
    color: #fff;
}

.crm-profiles .profile-category-table .profile-tags li .plus_tag {
    padding: 5px;
    background-color: #fff;
}

.crm-profiles .profile-category-table .odd .profile-tags li .plus_tag {
    background: #f7f7f7;
}

.crm-profiles .profile-category-table .profile-tags .gray_light_pills {
    padding: 3px 5px;
    background-color: #e8e8e8;
    margin-top: 0;
    font-size: 12px;
    position: relative;
}

.crm-profiles .profile-category-table .profile-tags .gray_light_pills:hover .pie_tag_delete {
    display: block !important;
    position: absolute;
    top: -15px;
    right: -5px;
    box-shadow: 0px 0px 6px #ddd;
    border-radius: 100%;
    background-color: #fff;
    padding: 5px;
    font-size: 10px;
}

.crm-profiles .profile-category-table .profile-tags .gray_light_pills .pie_tag_delete:hover {
    background: #e8e8e8;
}

.profile_trip_popup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}

.profile_trip_popup ul li {
    padding: 5px;
    display: table-cell;
    width: 50%;
    border: 1px solid #dddddd;
    font-size: 14px;
}

.profile_trip_popup ul li a {
    color: #000;
    font-size: 14px;
}

.profile_trip_popup ul li.popover-content-th {
    font-weight: bold;
}

.csv-upload .modal-body .vue-csv-uploader .csv-import-file .import-btn {
    border: 0 !important;
    background-color: #f7f7f7 !important;
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 0.25rem;
    min-height: auto;
}

.profile-modal-new,
.profile-modal-new .btn {
    font-family: 'BwModelica';
}

.profile-modal-new .profile-bg {
    height: 460px;
    width: 100%;
    object-position: center center;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
}

.profile-modal-new .editprofilebgicon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.profile-modal-new .profile-wrapper {
    padding-top: 150px;
}

.profile-modal-new .profile-wrapper .tab-content {
    padding: 0 15px;
}

.profile-modal-new .profile-body {
    box-shadow: 0px 10px 14px 2px rgb(222 222 222 / 41%);
    background: #ffffff;
    display: table;
    margin: auto;
    min-width: 75%;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}

.profile-modal-new .profile-body .editprofiledticon {
    position: absolute;
    right: 20px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
}

.profile-modal-new .profile-body .profile-img {
    height: 108px;
    width: 108px;
    padding: 4px;
    border-radius: 100%;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    box-shadow: rgb(221 221 221) 0px 2px 7px 1px;
}

.profile-modal-new .profile-body .profile-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.profile-modal-new .profile-body .profile-img .editprofileicon {
    position: absolute;
    bottom: -2px;
    right: 6px;
    height: 27px;
    width: 27px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 27px;
    box-shadow: rgb(221 221 221) 0px 2px 7px 1px;
    font-size: 17px;
    cursor: pointer;
}

.profile-modal-new .profile-logo {
    text-align: center;
    margin-top: -10px;
}

.profile-modal-new .profile-logo img {
    width: 300px;
}

.profile-modal-new .profile-badge {
    position: absolute;
    right: 75px;
    top: 30px;
}

.profile-modal-new .profile-badge img {
    height: 65px;
    width: 65px;
}

.profile-modal-new .profile-name {
    font-size: 26px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: 30px;
}

.profile-modal-new .profile-wishlist {
    text-align: center;
    font-size: 18px;
    color: #666;
}

.profile-modal-new .email-contact {
    text-align: center;
    margin-top: 15px;
}

.profile-modal-new .email-contact .gray_light_pills {
    font-size: 16px;
}

.profile-modal-new .email-contact .gray_light_pills a {
    color: #666;
}

.profile-modal-new .email-contact .gray_light_pills i {
    font-size: 18px;
    float: left;
    line-height: 15px;
}

.profile-modal-new .profile-tags .gray_light_pills {
    padding: 4px 12px 2px;
    background-color: #e8e8e8;
    font-size: 12px;
}

.profile-modal-new .cat-pills {
    border: 0;
    justify-content: center;
}

.profile-modal-new .cat-pills .gray_light_pills {
    font-size: 16px;
    padding: 9px 14px 6px;
    border-radius: 5px;
    border: 0;
    background-color: #f7f7f7;
}

.profile-modal-new .cat-pills .gray_light_pills:hover {
    color: #000;
}

.profile-modal-new .cat-pills .gray_light_pills i {
    float: left;
    margin-right: 5px;
    line-height: 15px;
}

.profile-modal-new .cat-pills.nav-tabs .nav-item .active {
    background-color: #00C853;
    color: #fff;
}

.profile-modal-new .section-body {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 18px;
}

.profile-modal-new .section-body .section-title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.profile-modal-new .section-body .form-group {
    margin-bottom: 15px;
}

.profile-modal-new .section-body .form-group label {
    color: #666;
}

.profile-modal-new .section-body table thead tr {
    border-bottom: 1px solid #000;
}

.profile-modal-new .section-body table tbody tr:nth-child(2n) {
    background-color: #fff;
}

.profile-modal-new .section-body table tbody tr td {
    vertical-align: middle;
}

.profile-modal-new .section-body table .profile-initial {
    background: #999999;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
}

.profile-modal-new .section-body .profile-tags .gray_light_pills {
    padding: 10px 14px 7px;
    margin-right: 0;
    font-size: 14px;
}

.profile-modal-new .gallery-grid .document-lists li {
    display: inline-block;
    height: 120px;
    width: 110px;
    background: #fff;
    margin-right: 5px;
    position: relative;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.profile-modal-new .gallery-grid .document-lists .file-icon {
    font-size: 50px;
    text-align: center;
    color: #999;
    display: block;
    height: 90px;
    line-height: 90px;
}

.profile-modal-new .gallery-grid .document-lists .document-name {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.profile-modal-new .gallery-grid .document-lists .delete-icon {
    position: absolute;
    top: 7px;
    right: 7px;
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

.profile-modal-new .gallery-grid .gallery-img {
    height: 90px;
    width: 110px;
    border-radius: 4px;
}

.profile-modal-new .photos-section .document-lists li {
    height: auto;
    padding: 0;
}

.profile-modal-new .photos-section .document-lists .document-name {
    padding: 8px 5px;
}

.profile-modal-new .photos-section .document-lists .delete-icon {
    color: #fff;
    font-weight: bold;
}

.profile-modal-new .itinerary-view .itinerary-bg {
    position: relative;
}

.profile-modal-new .itinerary-view .itinerary-bg img {
    height: 380px;
    width: 100%;
    object-fit: cover;
}

.profile-modal-new .itinerary-view .itinerary-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.profile-modal-new .itinerary-view .itinerary-bg .review-rating {
    border-radius: 100%;
    background-color: #ff005e;
    color: #fff;
    height: 60px;
    width: 60px;
    font-size: 25px;
    float: left;
    line-height: 65px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    right: 50px;
    bottom: -30px;
}

.profile-modal-new .itinerary-view .itinerary-bg .itinerary-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    justify-content: center;
    color: #fff;
    font-size: 25px;
}

.profile-modal-new .itinerary-view .itinerary-bg .itinerary-details .hotel-name {
    font-size: 64px;
    font-weight: 800;
}

.profile-modal-new .itinerary-view .itinerary-desc {
    box-shadow: 0px 10px 14px 2px rgb(222 222 222 / 41%);
}

.profile-modal-new .itinerary-view .itinerary-desc .details-wrapper {
    background: #f7f7f7;
    padding: 30px 50px;
}

.profile-modal-new .itinerary-view .itinerary-desc .icon {
    margin-right: 20px;
    margin-top: 10px;
}

.profile-modal-new .itinerary-view .itinerary-desc .icon i {
    color: #ff005e;
    border: 1px solid #ff005e;
    border-radius: 100%;
    padding: 12px;
    font-size: 25px;
}

.profile-modal-new .itinerary-view .star-rating {
    padding: 0;
    margin: 5px 0 0;
}

.profile-modal-new .itinerary-view .star-rating li {
    display: inline-block;
    cursor: pointer;
}

.profile-modal-new .itinerary-view .star-rating li i {
    font-size: 20px;
    color: #999;
}

.profile-modal-new .itinerary-view .star-rating li.selected i {
    color: #ff005e;
}

.profile-modal-new .itinerary-view .itinerary-desc .hotel-title {
    color: #ff005e;
    font-size: 20px;
}

.profile-modal-new .itinerary-view .itinerary-desc .hotel-name {
    font-size: 27px;
    font-weight: bold;
}

.profile-modal-new .itinerary-view .itinerary-desc .address {
    color: #666;
    font-size: 18px;
}

.profile-modal-new .itinerary-view .itinerary-desc .gray_light_pills {
    background-color: #fff;
    font-size: 17px;
    color: #666;
    margin-bottom: 5px;
}

.profile-modal-new .itinerary-view .hoteldesc-container {
    padding: 60px 50px 30px;
}

.profile-modal-new .itinerary-view .hoteldesc-container .abouthotel p {
    font-size: 18px;
    line-height: 32px;
    text-align: justify;
}

.profile-modal-new .itinerary-view .amenities h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.profile-modal-new .itinerary-view .amenities ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-modal-new .itinerary-view .amenities ul li {
    margin-bottom: 30px;
}

.profile-modal-new .itinerary-view .amenities .icon-circle {
    height: 35px;
    width: 35px;
    background: #000;
    border-radius: 100%;
    color: #fff;
    float: left;
    margin-top: 5px;
}

.profile-modal-new .itinerary-view .amenities .icon-circle i {
    font-size: 22px;
    text-align: center;
    line-height: 35px;
    display: block;
}

.profile-modal-new .itinerary-view .amenities .amenities-info {
    padding-left: 50px;
    line-height: 28px;
}

.profile-modal-new .itinerary-view .hotelphotos .photo-count {
    padding: 0 50px 25px;
    font-size: 25px;
    font-weight: bold;
}

.profile-modal-new .itinerary-view .hotelphotos .hotel-images .full-image {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.profile-modal-new .itinerary-view .hotelphotos .hotel-images .half-image {
    height: 248px;
    object-fit: cover;
    width: 100%;
}

.profile-modal-new .itinerary-view .hotelphotos .more-images:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.profile-modal-new .itinerary-view .hotelphotos .more-images .image-count {
    position: absolute;
    color: #fff;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    font-size: 20px;
}

.profile-modal-new .itinerary-view .hotel-includes ul {
    overflow: hidden;
}

.profile-modal-new .itinerary-view .hotel-includes ul li {
    float: left;
    width: 33.33%;
}

/*#endregion*/

/*#region -----------------Reservation Page----------------------*/
.dashboard-titles h1 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
}

.booking-lists .booking-list-group {
    padding: 15px;
}

.booking-lists .booking-title .pink_btn_pills {
    color: #ffffff;
    background-color: #ff005e;
    font-size: 14px;
    padding: 9px 10px;
    line-height: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.booking-lists .pnr-block {
    display: flex;
    margin-right: 10px;
}

.booking-lists .pnr-block .form-control {
    max-width: 150px;
    min-height: 35px;
    font-size: 13px;
}

.booking-lists .pnr-block .check-pnr .form-control {
    padding: 10px;
    height: auto;
}

.booking-lists .pnr-block .check-pnr .form-control+label {
    font-size: 14px;
    padding: 10px;
}

.booking-lists .pnr-block .check-pnr.form-floating>.form-control:focus {
    padding-top: 15px;
    padding-bottom: 5px;
}

.booking-lists .pnr-block .check-pnr-popup.form-floating>.form-control:focus{
    padding-top: 15px !important;
}

.booking-lists .pnr-block .btns {
    margin-left: 10px;
}

.booking-lists .pnr-block .btn {
    font-family: "interstate-light", sans-serif;
    text-transform: capitalize;
    font-size: 14px;
    padding: 5px;
    border-radius: 4px;
    display: block;
    white-space: nowrap;
}

.booking-lists .booking-list-db-table td {
    white-space: nowrap;
}

.booking-lists .booking-list-db-table .gray_light_pills {
    margin-top: 5px;
    padding: 3px 5px;
    font-size: 11px;
    background-color: #dddddd;
    border-radius: 3px;
}

.booking-lists .booking-list-db-table .booking-table-action i {
    cursor: pointer;
    font-size: 15px;
    color: #000000;
    float: left;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.booking-lists .booking-list-db-table .booking-table-action i:hover {
    background: #e8e8e8;
}

.booking-lists .booking-list-db-table .booking-table-action i.copy-reservation {
    color: #5f9ea0;
}

.booking-lists .booking-list-db-table .booking-table-action i.color-blue-grey {
    color: #6c7a86;
}

.reservation-upload-modal .import_choose_btn .import-reservation {
    width: auto;
    min-height: auto;
    border: 0 !important;
    background: #f7f7f7;
    padding: 8px 12px;
    font-size: 12px;
    margin-bottom: 10px;
}

.reservation-upload-modal .import_choose_btn .small_text {
    font-size: 14px;
}
.reservation-upload-modal .import_choose_btn .small_text a:hover{
    color: #A20090;
}

.reservation-upload-modal .import_choose_btn table select {
    width: auto;
    min-height: 40px;
}

.reservation-upload-modal .import_choose_btn table select option:hover{
    background-color: #A20090 !important;
}

.reservation-upload-modal .import_choose_btn table .reset-text {
    color: rgb(0, 130, 198);
    cursor: pointer;
    margin-left: 30px;
    margin-top: 10px;
}

.reservation-upload-modal .import_choose_btn table tr td {
    vertical-align: middle;
}

.reservation-upload-modal .import_choose_btn table thead tr {
    background: #f6f8fa;
}

/* start new changes  */
.booking-lists .trip-reservation-table table td {
    white-space: nowrap;
}

.booking-lists .trip-reservation-table table td div {
    display: inline-block;
}

.booking-lists .trip-reservation-table table td .gray_light_pills {
    margin: 0;
    margin-left: 10px;
}

/* end new changes  */
/*#endregion*/

/*#region -----------------Accounting Page----------------------*/
.invoice-header .crm_tag {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.invoice-header .crm_tag .crm_pills {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    color: #000000;
    margin: 0 8px 3px 0;
    text-align: center;
    padding: 9px 12px;
}

.invoice-header .crm_tag .crm_pills:hover {
    border-bottom: 1.5px solid #A20090;
    border-radius: 0;
}

.invoice-header .crm_tag .crm_pills.active {
    border-bottom: 1.5px solid #FF005E;
    border-radius: 0;
    background-color: transparent;
    font-weight: 300;
    color: #000;
}

.invoice-bar-chart {
    background-color: #f7f7f7;
    padding: 15px;
}

.invoice-bar-chart .bar-chart {
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
}

.invoice-bar-chart .bar-chart .data-values {
    padding: 5px 0;
}

.invoice-datatable .filter-allbtn,
.commission-datatable .filter-allbtn,
.payment-datatable .filter-allbtn {
    padding: 0.657rem 0.75rem;
    border: 1px solid #f0f0f0;
    min-height: 48px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    float: left;
    background-color: transparent;
    line-height: 27px;
}

.invoice-datatable .filter-allbtn i,
.payment-datatable .filter-allbtn i,
.commission-datatable .filter-allbtn i {
    font-size: 20px;
    margin-right: 5px;
    line-height: 24px;
    float: left;
}

.invoice-datatable .custom-dropdown,
.commission-datatable .custom-dropdown {
    float: right;
}

.acct-client-pmt table th,
.acct-client-pmt table td {
    font-size: 14px;
    white-space: nowrap;
}

/*#endregion*/

/*#region -----------------Dashboard Library----------------------------*/
.library-cloud-storage .uploaded-documents .pdf_document_wrapper {
    background: #f7f7f7;
    padding: 7px;
    position: relative;
}

.library-cloud-storage .uploaded-documents .pdf_document_wrapper:hover {
    box-shadow: 0px 0px 20px 5px #ddd;
}

.library-cloud-storage .uploaded-documents .custom-checkbox {
    position: absolute;
    right: 0;
    padding-left: 24px;
}

.library-cloud-storage .uploaded-documents .pdf_document_inner .gallery-picture {
    cursor: pointer;
    height: 195px;
    width: 100%;
    object-fit: cover;
    background-color: #fff;
}

.library-cloud-storage .uploaded-documents .pdf_document_inner .gallery-files {
    cursor: pointer;
    height: 195px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.library-cloud-storage .uploaded-documents .pdf_document_inner .gallery-files i {
    font-size: 100px;
}

.library-cloud-storage .uploaded-documents .pdf_document_bottom_share .delete_uploaded_image {
    float: right;
    font-size: 12px;
    padding: 5px;
    /* margin-top: -4px; */
    cursor: pointer;
    display: block;
    position: unset;
    line-height: normal;
}

.library-cloud-storage .uploaded-documents .pdf_document_bottom_share a {
    line-height: 14px;
    font-size: 12px;
    margin-top: 10px;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.library-dpage .library-events .edit-delete-button {
    background-color: #adb7be;
    border-color: #adb7be;
    /* padding: 0.25rem 0.5rem; */
    font-size: .875rem;
    border-radius: 0.2rem;
    min-width: auto;
    line-height: 13px;
    color: #fff;
}

.library-dpage .library-events .library-img {
    padding: 10px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.library-place-table th {
    border: 1px solid #d4dcfc;
}

.library-place-table td {
    border: 1px solid #d4dcfc;
    background-color: #f3f6fe;
}

.place-form-modal img {
    object-fit: cover;
    height: 300px;
}

.crm_table .dataTables_scroll .dataTables_scrollBody .odd .plus_tag {
    background: #f7f7f7;
}

/*#endregion*/

/*#region -----------------Dashboard Reports----------------------*/
.reports-master-page .vgt-table tbody td {
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #dcdfe6;
}

.reports-master-page .myaccount-title-sticky {
    position: sticky;
    top: 67px;
    background: #fff;
    z-index: 9;
}

.reports-master-page .table-condensed .vgt-responsive {
    /* max-height: 400px; */
}

.reports-master-page .table-condensed thead {
    position: sticky;
    top: 0;
}

.reports-master-page .booking-reports .btn-close {
    display: none;
}

.i-minus-sing:after {
    content: ")";
    position: relative;
    top: 5px;
}

.i-minus-sing:before {
    content: "(";
    position: relative;
    top: 5px;
}

/*#endregion*/

/*#region -----------------Dashboard Commission----------------------*/
.general-info .vgt-table.bordered td,
.commission-master-page .vgt-table tbody td {
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
}
.commission-master-page .vgt-table tbody tr{
    border-bottom: 1px solid #dcdfe6;
}




.commission-master-page .unclaimed-reser-table .action-btn {
    padding: 2px 5px;
    font-size: 11px;
    min-width: 65px;
    border-radius: 3px;
    border: solid 1px #A20090;
    background: #A20090;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 14px;
}

.commission-master-page .unclaimed-reser-table .btn-warning {
    background-color: #f29824;
    border-color: #f29824;
}

.commission-master-page .unclaimed-reser-table .btn-success {
    background-color: #00C853;
    border-color: #00C853;
}

.commission-master-page .unclaimed-reser-table .btn-danger {
    background-color: #fa424a;
    border-color: #fa424a;
}

.commission-master-page .reconcile-commission-payment {
    padding: 2px 5px;
    font-size: 11px;
    min-width: 65px;
    border-radius: 3px;
    background: #A20090;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 14px;
}

/*#endregion*/

/*#region -----------------Dashboard Checklists----------------------*/
.checklists-dpage .checklist-vue .trip-checklist-accordion .panel-heading .row.collapsed .pie-icon-pie_close:before {
    content: "\e905";
}

.checklists-dpage .checklist-summary {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    display: flex;
}

.checklists-dpage .checklist-summary li {
    color: #737373;
    border: 2px solid #737373;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    border-radius: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    display: inline-block;
}

.checklists-dpage .checklist-summary li .wrapper-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.checklists-dpage .checklist-summary li.color-lightgreen {
    color: #58c05c;
    border: 2px solid #58c05c;
}

.checklists-dpage .checklist-summary li.color-orange {
    color: #f49a3e;
    border: 2px solid #f49a3e;
}

.checklists-dpage .checklist-summary li.color-pink {
    color: #ed3d66;
    border: 2px solid #ed3d66;
}

.checklists-dpage .checklist-summary li .total-count {
    font-size: 20px;
    line-height: 25px;
    /* font-family: "interstate-bold", sans-serif; */
}

.checklists-dpage .checklist-vue .trip_list_detail {
    border: 1px solid #ffd9e7;
    background: #fff7fa;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 2px;
    position: relative;
}

.checklists-dpage .checklist-vue .trip_list_detail.completed_trip {
    border: 1px solid #c9f4db;
    background: #f0fcf5;
}

.checklists-dpage .checklist-vue .trip_list_detail.completed_trip:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 15px;
    border-bottom: 1px solid #111;
    width: 82%;
}

.checklists-dpage .checklist-vue .trip_list_detail.quotes {
    border: 1px solid #f0f0f0;
    background: #ffffff;
}

.checklists-dpage .checklist-vue .trip_list_detail.no_task_found {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
}

.checklists-dpage .checklist-vue .i-icon-round-border {
    display: inline-block;
    border-radius: 50%;
    color: #999999;
    border: 1px solid #999999;
    font-size: 10px;
    padding: 0.1em 0.1em;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 17px;
}

/*#endregion*/

/*#region -----------------Dashboard Forms----------------------*/
.dataTables_wrapper .panel .row.collapsed .pie-icon-pie_close:before {
    content: "\e905";
}

.dataTables_wrapper .panel .form-panel .pie-icon-pie_close {
    content: "\e905";
}

.addtriprequest-modal .profile-banner {
    position: relative;
    margin-bottom: 36px;
}

.addtriprequest-modal .profile-banner .change-cover-img {
    background-color: transparent;
    border: 0 none;
    bottom: 40px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 40px;
    z-index: 9;
}

.addtriprequest-modal .profile-banner .change-cover-img .change-cover-icon {
    color: #fff;
    font-size: 18px;
    height: 30px;
    width: 30px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.44);
    text-align: center;
    padding-top: 3px;
    border-radius: 50%;
    float: right;
    line-height: 26px;
}

.addtriprequest-modal .profile-banner .change-cover-img .change-cover-img-text {
    display: inline-block;
    line-height: 30px;
    text-shadow: 0px 0px 2px #333;
    margin-right: 16px;
}

.addtriprequest-modal .profile-banner .planner_page_cover img {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

.addtriprequest-modal .profile-banner .profile-img {
    width: 148px;
    height: 148px;
    border-radius: 100%;
    border: 4px solid #fff;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.addtriprequest-modal .profile-banner .profile-img img {
    border-radius: 100%;
    object-fit: cover;
}

.addtriprequest-modal .profile-banner .profile-img .change-camera-icon {
    cursor: pointer;
    bottom: 31px;
    left: 0;
    background: rgba(0, 0, 0, .8);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-left: 1px;
    text-align: center;
    right: 0;
    margin: auto;
    position: absolute;
    padding-top: 6px;
    z-index: 9;
    font-size: 20px;
    color: #fff;
}

.request-banner-overlay .submit_request_title {
    padding-top: 50px;
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
    margin-bottom: 30px;
}

.request-banner-overlay .submit_request_title .title-overlay {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 10px;
    border-radius: 5px;
}

.pie-brand .request-banner-overlay .request-confirm {
    position: relative;
    z-index: 10;
}

.request-banner-overlay .request-confirm {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
}

.submit_request_page .trip-request-bottom-text ul {
    list-style: none;
    padding: 0;
}

.submit_request_page .trip-request-bottom-text img,
.submit_request_page .trip-request-top-text img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.submit_request_page .request-form-wrapper {
    padding: 50px;
}

.requestClientDetails_modal .input-group {
    width: 37%;
}

.requestClientDetails_modal .input-group .btn {
    min-width: auto;
    background-color: #adb7be;
    border-color: #adb7be;
    border-radius: unset;
    color: #fff;
    padding: 4px 16px 2px;
    height: 100%;
    margin-bottom: 0;
}

.requestClientDetails_modal .input-group .form-control {
    height: 35px;
    display: block;
    min-height: 35px;
}

.requestClientDetails_modal .crm_photos .display_attachments {
    background-color: #d2cfcf;
}

.requestClientDetails_modal .form-fields ul li.gray_light_pills:hover {
    color: #ffffff;
    background-color: #00C853;
}

.dynamic_form_preview_modal .company-details .company-logo {
    object-fit: contain;
}

.client-signature-modal .nav-tabs li {
    padding: 0 15px 5px;
}

.client-signature-modal .nav-tabs li.active {
    border-bottom: 2px double #999999;
}

.client-signature-modal .sign-canvas {
    border-bottom: 1px double black;
    width: 100%;
    height: 100px !important;
}

/*#endregion*/

/*#region -----------------Trips Daily Itinerary----------------------*/
.trip-daily-itinerary .box-shadow:hover {
    box-shadow: 0px 1px 12px rgb(0 0 0 / 20%);
}

.trip-daily-itinerary .daily-calendar-block .booking_title input {
    background: transparent;
    color: #343434;
    border: 0 none;
    border-radius: 0;
    line-height: 20px;
    padding: 0;
    height: 30px;
    min-height: 30px;
    max-width: 200px;
    width: 100%;
}

.trip-daily-itinerary .daily-calendar-block .booking_title input:focus {
    background: #f9dbe7;
    color: #000;
    border: 0 none;
}

.trip-daily-itinerary .daily-calendar-block .main_event_day_meals_options:hover ul {
    width: 167px;
}

.trip-daily-itinerary .daily-calendar-block .main_event_day_meals_options ul {
    width: 0;
    transition: 0.2s;
    list-style: none;
    padding: 0;
    display: flex;
    background: #ddd;
    border-radius: 18px;
    position: absolute;
    right: 23px;
    top: 0;
    overflow: hidden;
    z-index: 1;
}

.trip-daily-itinerary .daily-calendar-block .main_event_day_meals_options ul li a {
    background-color: #fff;
    color: #ddd;
    border-radius: 50%;
    width: 29px;
    cursor: pointer;
    height: 29px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    margin: 1px 4px 1px 1px;
}

.trip-daily-itinerary .daily-calendar-block .main_event_day_meals_options ul li a:hover {
    color: #ff005e;
}

.trip-daily-itinerary .daily-calendar-block .booking_icons ul {
    list-style: none;
    padding: 0;
}

.trip-daily-itinerary .daily-calendar-block .booking_icons .di-day-category-icons i {
    display: inline-block;
    background-color: #999999;
    margin-left: 5px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 1rem;
    height: 30px;
    text-align: center;
    width: 30px;
    line-height: 30px;
}

.trip-daily-itinerary .daily-calendar-block .booking_icons .gray_light_pills a:Hover{
    color: #A20090;
}
.trip-daily-itinerary .daily-calendar-block .booking_icons .dropdown-menu .dropdown-item:active{
    background-color: #A20090;
    color: #fff;
}

.trip-daily-itinerary .desc-box-shadow {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 15px;
    position: relative;
}

.trip-daily-itinerary .desc-box-shadow .bk-edit-delete {
    position: absolute;
    right: 4px;
    /* height: 30px;
    width: 30px; */
    text-align: center;
    line-height: 30px;
    top: 7px;
    /* border-radius: 100%; */
    /* background: #e8e8e8; */
    display: none;
}

.trip-daily-itinerary .desc-box-shadow:hover .bk-edit-delete {
    display: block;
}

.trip-daily-itinerary .desc-box-shadow:hover {
    box-shadow: 0px 1px 12px rgb(0 0 0 / 20%);
}

.trip-daily-itinerary .desc-box-shadow .drop .desc_span p,
.trip-daily-itinerary .desc-box-shadow .drop .desc_span h2{
    margin-left: 0 !important;
}
.di_upload_img_planner{
    list-style: none;
    padding: 0;
}
.di_upload_img_planner li {
    width: 24%;
    position: relative;
    margin: 0 3px;
    float: left;
}
.di_upload_img_planner li img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    object-position: center;
}
.di_upload_img_planner li .di_upload_img_name {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.di_upload_img_planner .delete_uploaded_image {
    position: absolute;
    bottom: 3px;
    right: 3px;
    border-radius: 100px;
    font-size: 12px;
    width: 25px;
    display: none;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    float: left;
    color: #000;
}

.di_upload_img_planner li:hover .delete_uploaded_image {
    display: block;
}

.trip-daily-itinerary .di_upload_img {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.trip-daily-itinerary .di_upload_img li {
    width: 24%;
    position: relative;
    margin: 0 3px;
    float: left;
}

.trip-daily-itinerary .di_upload_img li img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    object-position: center;
}

.trip-daily-itinerary .di_upload_img li .di_upload_img_name {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.trip-daily-itinerary .di_upload_img .delete_uploaded_image {
    position: absolute;
    bottom: 3px;
    right: 3px;
    border-radius: 100px;
    font-size: 12px;
    width: 25px;
    display: none;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    float: left;
    color: #000;
}

.trip-daily-itinerary .di_upload_img li:hover .delete_uploaded_image {
    display: block;
}

.trip-daily-itinerary .daily-itinerary .category-icon {
    height: 30px;
    width: 30px;
    float: left;
    color: #A20090;
    border: 1px solid #A20090;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trip-daily-itinerary .daily-itinerary .transportation-table {
    padding: 10px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f0f0f0;
    font-size: 12px;
    color: #666666;
}

.trip-daily-itinerary .daily-itinerary .transportation-table table {
    background-color: transparent;
}

.trip-daily-itinerary .daily-itinerary .bk-edit-delete i {
    cursor: pointer;
    font-size: 15px;
    color: #000000;
    float: left;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e8e8e8;
    margin-left: 5px;
}

.trip-daily-itinerary .daily-itinerary .bk-edit-delete i:hover {
    background: #e8e8e8;
}

.trip-daily-itinerary .daily-itinerary .booking-status {
    position: absolute;
    right: 70px;
    top: 10px !important;
}

.trip-daily-itinerary .overnight-hotel i {
    background-color: #999999;
    margin-right: 5px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    text-align: center;
    width: 30px;
    line-height: 28px;
}

/* .trip-daily-itinerary .di_day_section{
    width: calc(100% - 380px);
}
.trip-daily-itinerary .di_tabbing{
    width: 380px;
} */
.daily-inerary ul.new-tab,
.trip-daily-itinerary .di_tabbing ul.new-tab {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    display: flex;
}

.daily-inerary ul.new-tab li ,
.trip-daily-itinerary .di_tabbing ul.new-tab li {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    margin-right: 1px;
    background-color: #fff;
    color: #000;
    flex: 1;
    text-align: center;
}

.daily-inerary ul.new-tab li i ,
.trip-daily-itinerary .di_tabbing ul.new-tab li i {
    font-size: 16px;
    margin-right: 4px;
}
.daily-inerary ul.new-tab li.active,
.trip-daily-itinerary .di_tabbing ul.new-tab li.active {
    background-color: #000;
    color: #fff;
}

.daily-inerary .tab-content,
.trip-daily-itinerary .di_tabbing .tab-content {
    padding: 15px;
    background-color: #fff;
}

.daily-inerary .booking_type_skeleton .ss-skeleton,
.trip-daily-itinerary .di_tabbing .booking_type_skeleton .ss-skeleton {
    padding: 17px;
    margin-bottom: 3px;
    background-color: #dddddd;
    overflow: hidden;
    position: relative;
}

.ss-skeleton:after {
    float: left;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    animation: ss-lines 1.6s infinite linear;
}

@keyframes ss-lines {
    0% {
        left: -50px;
    }

    40%,
    100% {
        left: 100%;
    }
}
.daily-inerary .tab-content-header,
.trip-daily-itinerary .di_tabbing .tab-content-header {
    background-color: #f7f7f7;
    cursor: pointer;
    margin-bottom: 3px;
    position: relative;
}
.daily-inerary .tab-content-header .panels-head,
.trip-daily-itinerary .di_tabbing .tab-content-header .panels-head {
    padding: 10px 15px;
}
.daily-inerary .tab-content-header .panels-body,
.trip-daily-itinerary .di_tabbing .tab-content-header .panels-body {
    background: #fff;
    box-shadow: 0 0 15px 5px #ccc;
    padding: 15px;
    position: relative;
    z-index: 9;
}
.daily-inerary .tab-content-header .panels-body ul li,
.trip-daily-itinerary .di_tabbing .tab-content-header .panels-body ul li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}
.daily-inerary .tab-content-header .panels-body ul li .gray_light_pills:hover,
.trip-daily-itinerary .di_tabbing .tab-content-header .panels-body ul li .gray_light_pills:hover {
    background-color: #A20090;
    color: #fff;
}

.place_search_skeleton .post-skeleton {
    display: flex;
}

.place_search_skeleton .post-skeleton .avatar-skeleton {
    height: 100px;
    width: 125px;
    background-color: #dddddd;
    overflow: hidden;
    position: relative;
}

.place_search_skeleton .post-skeleton .avatar-skeleton:after,
.place_search_skeleton .post-skeleton .wrapper .line-skeleton:after {
    float: left;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    animation: ss-lines 1.6s infinite linear;
}

.place_search_skeleton .post-skeleton .wrapper {
    flex: 1;
    margin-left: 10px;
}

.place_search_skeleton .post-skeleton .wrapper .line-skeleton:first-child {
    padding: 9px;
    width: 100px;
}

.place_search_skeleton .post-skeleton .wrapper .line-skeleton {
    padding: 5px;
    margin-bottom: 10px;
    background-color: #dddddd;
    overflow: hidden;
    position: relative;
}

.daily-inerary .place_content .placeinfo-section,
.trip-daily-itinerary .di_tabbing .place_content .placeinfo-section {
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    display: flex;
}

.daily-inerary .place_content .placeinfo-section .place_img,
.trip-daily-itinerary .di_tabbing .place_content .placeinfo-section .place_img {
    border-radius: 3px;
    width: 135px;
    height: 100%;
    object-fit: cover;
}

.daily-inerary .place_content .placeinfo-section .place_info,
.trip-daily-itinerary .di_tabbing .place_content .placeinfo-section .place_info {
    flex: 1;
    list-style: none;
    padding: 10px;
    margin: 0;
}

.daily-inerary .place_content .placeinfo-section .place_rating,
.trip-daily-itinerary .di_tabbing .place_content .placeinfo-section .place_rating {
    position: absolute;
    color: #fff;
    font-size: 11px;
    padding: 5px 0;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    left: 5px;
    bottom: 5px;
    background-color: #A20090;
}

.trip-daily-itinerary .view-place-location {
    padding: 15px;
    background-color: #fff;
}

.trip-daily-itinerary .view-place-location .location_photo {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

.trip-daily-itinerary .view-place-location .location_pin i {
    border: 1px solid #ff005e;
    border-radius: 100%;
    padding: 7px;
}

.trip-daily-itinerary .view-place-location .location_pin .pin-wrapper {
    padding-left: 50px;
    line-height: 20px;
}

.trip-daily-itinerary .view-place-location .location_pin .place_name {
    font-size: 18px;
    color: #000;
}

.trip-daily-itinerary .view-place-location .review-place-section .place-reviews img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}

.trip-daily-itinerary .view-place-location .review-place-section .place-reviews .media-body {
    padding-left: 50px;
    margin-bottom: 10px;
}

.event_header .active {
    color: #ac6bec;
    border-color: #ac6bec;
}

/* .event_sub_type .active {
    background-color: #ac6bec;
    color: #fff;
} */

.event_content .active {
    color: #ac6bec;
}

.ti-sections .rounded-action-btn {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    box-shadow: 0 0 8px #ccc;
    text-align: center;
    height: 22px;
    line-height: 22px;
    width: 22px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

.ti-sections .hover-actions:hover .rounded-action-btn {
    display: block;
}

/*#endregion*/

/*#region -----------------About Us Page----------------------*/
.pie_dummy_pages {
    padding: 50px 45px 10px;
    margin-bottom: 50px;
}

.pie_dummy_pages .support-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pie_dummy_pages .support-sidebar li a {
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    padding: 10px;
    line-height: 14px;
    margin-bottom: 1px;
    display: block;
}

.pie_dummy_pages .support-sidebar li a:hover {
    background-color: #ffe5ef;
}

.pie_dummy_pages .support-sidebar li.active a {
    background-color: #ff005e;
    color: #ffffff;
}

.pie_dummy_pages .right-section {
    padding: 30px;
    background-color: #ffffff;
}

.pie_dummy_pages .right-section h1,
.pie_dummy_pages .right-section h2 {
    font-size: 20px;
    /* font-family: "interstate-bold", sans-serif; */
    font-weight: normal;
    margin: 0px;
    color: #000000;
}

.pie_dummy_pages .right-section p {
    font-size: 14px;
    line-height: 20px;
}

.pie_dummy_pages .right-section a {
    color: #000;
}

.pie_dummy_pages .contact-planiteasy.right-section a:hover {
    color: #ff005e;
}

.pie_dummy_pages .social-contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pie_dummy_pages .social-contact ul li {
    display: inline-block;
    margin-right: 15px;
}

.pie_dummy_pages .social-contact ul li a {
    width: 47px;
    height: 47px;
    font-size: 26px;
    padding: 8px 4px;
    background-color: #ff005e;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*#endregion*/

/*#region-----------------Booking Popup for IC Users-----------------*/
.booking-popup-ic {
    font-family: 'BwModelica';
    font-weight: normal;
}

.booking-popup-ic .modal-header .modal-title {
    font-weight: bold;
    color: #000;
    font-size: 23px;
}

.booking-popup-ic .booking-sub-category-block {
    border-radius: 0;
    background-color: transparent;
}

.booking-popup-ic .booking-sub-category-block li {
    padding: 9px 10px 6px;
    border-radius: 4px;
    margin-right: 5px;
    background-color: #f2f2f2;
    margin-bottom: 5px;
}

.booking-popup-ic .booking-sub-category-block li span {
    font-family: 'BwModelica';
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

.booking-popup-ic .price-perroom .price {
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 6px 14px 4px;
    font-size: 14px;
}

.booking-popup-ic .price-perroom .price .profit {
    background-color: rgb(0, 200, 83);
    padding: 6px 5px 4px;
    border-radius: 3px;
    color: #fff;
    margin-left: 3px;
}

.booking-popup-ic .price-perroom .price .expected {
    background-color: orange;
    padding: 6px 5px 4px;
    border-radius: 3px;
    color: #fff;
    margin-left: 3px;
}

.booking-popup-ic .price-perroom .price .room-price {
    margin-left: 48px;
}

.booking-popup-ic .search-location {
    /* display: flex; */
    justify-content: center;
}

/* .booking-popup-ic .search-location .common-section-booking{
	width: 40%;
} */
/* .booking-popup-ic .search-location .form-group{
    width: 40%;
} */
.booking-popup-ic .search-location .btn {
    border: 1px solid #005eff;
    color: #005eff;
    text-transform: none;
    border-radius: 4px;
    font-family: 'BwModelica';
    font-weight: normal;
    margin-left: 10px;
    min-height: 50px;
}

.booking-popup-ic .btnsearch-location {
    font-family: 'BwModelica';
    font-weight: bold;
    padding: 10px 55px 5px;
    border-radius: 24px;
}

.booking-popup-ic .booking-status-wrap {
    display: inline-block;
    position: relative;
}

.booking-popup-ic .booking-status-wrap .stepv-line {
    border-bottom: 1px dashed #dedede;
    position: absolute;
    bottom: 30px;
    left: 58px;
    right: 0;
    z-index: 9;
    width: 72%;
}

.booking-popup-ic .ic-booking-status {
    display: flex;
}

.booking-popup-ic .ic-booking-status .step-name,
.booking-popup-ic .other-booking-tabs li {
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 10px 14px 6px;
    cursor: pointer;
}

.booking-popup-ic .ic-booking-status .step-name {
    margin-right: 3px;
    margin-bottom: 20px;
}

.booking-popup-ic .ic-booking-status .step-name.active,
.booking-popup-ic .other-booking-tabs .step-name.active {
    background-color: #000;
    color: #fff;
}

.booking-popup-ic .ic-booking-status .custom-checkbox {
    padding-left: 0;
    display: block;
}

.booking-popup-ic .ic-booking-status .custom-checkbox input[type=checkbox],
.booking-popup-ic .ic-booking-status .custom-checkbox .checkmark {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.booking-popup-ic .ic-booking-status .custom-checkbox .checkmark {
    z-index: 10;
}

.booking-popup-ic .ic-booking-status .custom-checkbox label {
    display: block;
    padding-top: 23px;
    text-align: center;
    color: #999;
}

.booking-popup-ic .ic-booking-status .custom-checkbox input[type=checkbox]:checked+label {
    color: #000;
}

.booking-popup-ic .other-booking-tabs .count {
    background-color: #666666;
    display: inline-block;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
}

/* .booking-popup-ic .popup-hotel-content{
    display: flex;
    flex-wrap: wrap;
}
.booking-popup-ic .popup-hotel-content .hotel_location_detail{
    flex: 0 0 auto;
    width: 74%;
    margin: 0 5px 5px;
} */
.booking-popup-ic .popup-hotel-content .remove_hotel {
    bottom: auto;
    top: 12px;
    border: 0;
    right: 45px;
}

.booking-popup-ic .popup-hotel-content .remove_hotel i {
    font-size: 18px;
    color: #000;
}

.booking-popup-ic .popup-hotel-content .hotel-info .btnaddtosuppliers {
    border: 1px solid #005eff;
    color: #005eff;
    font-size: 14px;
    padding: 3px 10px 0;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

.booking-popup-ic .popup-hotel-content .hotel-info .photos-count {
    text-align: right;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.booking-popup-ic .popup-hotel-content .hotel-image .library-img-count {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 13px;
    line-height: 10px;
    border-radius: 5px;
}

.booking-popup-ic .popup-hotel-content .hotel-image .library-img-count i {
    margin-right: 5px;
}

.booking-popup-ic .itinerary-price-box {
    background-color: #f3f5fe;
    padding: 20px;
    font-size: 14px;
}

.booking-popup-ic .itinerary-price-box .base-price-block,
.booking-popup-ic .itinerary-price-box .net-total-block {
    width: 150px;
}

.booking-popup-ic .itinerary-price-box .client-price-wrapper {
    margin-left: 22px;
}

.booking-popup-ic .itinerary-price-box .view-more-prices.collapsed:before {
    content: "View more";
}

.booking-popup-ic .itinerary-price-box .view-more-prices:before {
    content: "View less";
}

.booking-popup-ic .itinerary-price-box .vertical-divider {
    border-right: 1px solid #dee2e6;
}

.booking-popup-ic .itinerary-price-box .markup-delete {
    right: -45px;
}

.booking-popup-ic .itinerary-price-box .net-price-wrapper {
    margin-left: 22px;
}

.booking-popup-ic .itinerary-price-box .net-price-wrapper .equals-to {
    padding: 24px 16px 0 0;
    margin-top: 16px;
    display: inline-block;
}

.booking-popup-ic .price_exchange_rate .form-floating .form-control {
    padding-top: 31px;
    font-size: 16px;
    min-height: 69px;
}

.booking-popup-ic .price_exchange_rate .form-floating label.ffl-label {
    padding: 20px 0 0 12px;
    font-size: 18px;
}

.booking-popup-ic .rooms-imp-notice {
    background: #fef8fa;
    color: #ff005e;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 4px;
}

.booking-popup-ic .add-travelers-modal .form-control {
    min-height: 50px;
    background-color: #fff;
    margin: 20px 0;
}

.booking-popup-ic .booking-payment-details-v2 .card {
    border: 0
}

.booking-popup-ic .booking-payment-details-v2 .card .card-header {
    border: 0;
    padding: 12px 16px;
}

.booking-popup-ic .booking-payment-details-v2 .card .parent-card-body {
    background: rgb(247, 247, 247);
    padding-top: 0;
}

.booking-popup-ic .booking-payment-details-v2 .card .payment-header {
    background-color: #fff;
}

.booking-popup-ic .deposit-section-booking-popup .deposit-booking-popup-due-date {
    padding-top: unset !important;
}

.booking-popup-ic .deposit-section-booking-popup .deposit-cmn-drpdown .vs__dropdown-toggle {
    min-height: 30px;
}

.reservation-popover-list-items {
    width: 50%;
}

.reservation-popover-list-items .popover-body,
.reservation-popover-sub-list-items .popover-body {
    padding: 10px;
}

.reservation-popover-list-items .popover-body .listing-items ul {
    list-style: none;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 0px;
}

.reservation-popover-list-items .popover-body .listing-items ul li {
    padding: 8px;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #f5f5f5;
}

.reservation-popover-list-items .popover-body .listing-items ul li:hover {
    background-color: #000;
    color: #fff;
    padding: 8px;
}

.reservation-popover-sub-list-items .popover-body .listing-items ul li:hover {
    background-color: #000;
    color: #fff;
}

.reservation-popover-sub-list-items .popover-body .booking-sub-category-block {
    background-color: unset;
}

.reservation-popover-sub-list-items .popover-body .booking-sub-category-block li {
    background-color: #f2f2f2;
    margin-bottom: 10px;
    margin-right: 10px;
}

/*#endregion*/
.sticky-div-common {
    position: sticky;
    top: 67px;
    z-index: 99;
    background-color: #f7f7f7;
    padding: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin-left: -20px;
    margin-right: -20px;
}

/**/
.viewprofile-modal .planner_page_cover>img {
    width: 100%;
    border-radius: 4px;
    height: 180px;
    object-position: center center;
    object-fit: cover;
}

.viewprofile-modal .edit-profile-header {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.viewprofile-modal .edit-profile-header .profile-image {
    width: 100%;
    text-align: center;
    display: block;
    height: 100%;
    border-radius: 0;
    object-fit: contain;
    padding: 3px;
}

.viewprofile-modal .section-boxes .section-head {
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.viewprofile-modal .planner_page_cover .created-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #fff;
}

.profile-filter-popover,
.profile-filter-subpopover {
    z-index: 1;
}

.profile-filter-subpopover .form-floating .vs__dropdown-toggle {
    min-width: 200px;
}

/*----------------CRM - Edit individual - New payment--------------*/
.payment-methods-popup .modal-title {
    font-size: 20px;
    color: #000;
}

.payment-methods-popup .modal-body {
    background-color: #f6f8fa;
}

.payment-methods-popup .modal-body .form-group {
    margin-bottom: 20px;
}

.payment-methods-popup .modal-body .form-group>label {
    margin-right: 20px;
    width: 140px;
    text-align: right;
    padding-top: 5px;
}

.payment-methods-popup .modal-body .form-group .form-input {
    width: 300px;
    position: relative;
    flex: 1;
    padding-right: 15px;
}

.payment-methods-popup .modal-body .form-group .payment-info {
    align-self: center;
}

.payment-methods-popup .payment-methods .card-body {
    padding: 7px 10px;
}

.payment-methods-popup .payment-methods .card-body .card-number-dot {
    font-size: 25px;
    line-height: 17px;
    height: 15px;
    display: inline-block;
    /* font-family: 'interstate-bold'; */
    letter-spacing: 2px;
}

/*------------------------------------------------------------*/
.confirmed-reservations-table .commission-amt {
    padding: 0.56rem 0.75rem;
    max-width: 100px;
}

.confirmed-reservations-table .comm-amt-wrapper {
    position: relative;
    display: inline-block;
}

confirmed-reservations-table .comm-amt-wrapper i {
    position: absolute;
    right: 0;
    top: 12px;
}

.popover-reservation-settings .popover-body {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    padding-left: 5px !important;
}

.custom-table .vgt-table tr td {
    font-size: 14px;
}

.custom-table .vgt-table {
    border-collapse: separate;
}

.custom-table table.vgt-table td {
    padding: 5px 10px !important;
    vertical-align: middle !important;
}

.custom-table table.vgt-table td.notes p {
    margin-bottom: 0 !important;
}

.custom-table .vgt-global-search {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.custom-table .vgt-wrap__footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.custom-table .vgt-global-search .vgt-global-search__input input {
    width: 600px;
}

.custom-table .vgt-inner-wrap .vgt-responsive .vgt-table .vgt-input:focus,
.custom-table .vgt-global-search .vgt-global-search__input input:focus{
    border: 1px solid #A20090;
}

.custom-table .vgt-global-search .vgt-global-search__input input::placeholder {
    color: #000 !important;
    opacity: 1;
}

.custom-table .vgt-inner-wrap {
    border-radius: 10px;
}

.custom-table .vgt-global-search,
.custom-table .vgt-table thead th,
.custom-table .vgt-table th.line-numbers,
.vgt-table th.vgt-checkbox-col,
.vgt-wrap__footer {
    background: #fff !important;
    font-weight: normal;
}

.custom-table .vgt-inner-wrap .vgt-responsive .vgt-table thead {
    position: sticky;
    top: 0;
}

.custom-table .vgt-table thead th {
    font-size: 14px;
}

.custom-table .vgt-input,
.custom-tabl .vgt-select {
    border: 1px solid gray;
}

.custom-table table.vgt-table td,
.custom-table .vgt-table thead th {
    color: #000;
}

.custom-table table.vgt-table td .vuegood-number{
    color: #005eff;
    border-bottom: 1px solid #005eff;
}

.custom-table .vgt-inner-wrap .vgt-responsive {
    /* max-height: 900px; */
}

.custom-table .vgt-table .filter-th.disableSearchCommon input {
    pointer-events: none;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}

.booking-popup-ic .modal-body .booking-popup-header .form-group .form-control.booked-date {
    border: 1px solid #005eff !important;
}

.sabreProfilePreview .sabre-profile-row {
    padding-left: 30px;
    line-height: 19px;
}

.ProfilePreviewPopup .profile-preview-row {
    padding-left: 30px;
    line-height: 19px;
}

.import-status-icon {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    color: #fff;
}

.import-profile {
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 10;
    box-shadow: 0 8px 30px rgb(0 0 0 / 40%);
}

.record-count {
    font-size: large;
    /* Increase the font size of completedCount and totalCount */
}

.close-button {
    min-width: auto;
    /* Remove the min-width */
    line-height: 17px;
    padding: 0px 10px;
}

.individuals-list .btn::after,
.trips-page .btn::after {
    display: none;
}

.booking-popup-ic .planner-details-view .panel-heading a.collapsed i.font-icon:before {
    content: "\e902";
}

.custom-table .vgt-table th.sortable button:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #606266;
}

.custom-table .vgt-table thead th.sorting-asc button:after {
    border-bottom: 7px solid #409eff;
    color: #A20090;
}

.vgt-table thead th.sorting-desc button:before {
    border-top: 7px solid #409eff !important;
}

.custom-table .vgt-table th.sortable button:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #606266;
    margin-top: -10px;
}

.sabre-profile-logo {
    position: absolute;
    right: 13px;
    top: 12px;
    border: 1px solid #dadce0;
    background-color: #f1f3f4;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    padding: 3px;
}

.sabre-profile-logo-dropdown {
    position: absolute;
    right: 38px;
    top: 12px;
    border: 1px solid #dadce0;
    background-color: #f1f3f4;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    padding: 3px;
}

.sabre-profile-logo-with-cross-sign-dropdown {
    position: absolute;
    right: 52px;
    top: 12px;
    border: 1px solid #dadce0;
    background-color: #f1f3f4;
    border-radius: 50%;
    height: 26px;
    width: 26px;
    padding: 3px;
}

.landing-page-new .carousel .carousel-inner .carousel-item img {
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 700px) {
    .landing-page-new .testimonial-section .testimonial-text {
        font-size: 16px;
        text-align: center;
        padding-top: 20px;
        text-align: justify;
    }

    .landing-page-new h3.sub-title.text-center {
        padding-bottom: 18px;
    }

    .landing-page-new .testimonial-section .testimonial-author {
        text-align: center;
        font-size: 16px;
        display: block;
    }

    .landing-page-new,
    .carousel-control-prev {
        left: -25px;
        top: -100px;

    }

    .landing-page-new,
    .carousel-control-next {
        top: -100px;

    }

    .landing-page-new .carousel .carousel-inner .carousel-item img {
        width: 150px;
        height: 150px;
    }

    .landing-page-new .carousel .carousel-inner .carousel-item .container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}