/* Design URL : CMS - Luxxata , 17 Nov 2022 Design by : Cross Country Webservices Designer : Rajesh Kumar Kukreja Version : HTML 5 / CSS 3 / Bootstrap 4 */ /* font-family: 'Quicksand', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap'); html { scroll-behavior: smooth; } body{ font-family: 'Quicksand', sans-serif; font-weight: 400; font-size:18px; line-height: 28px; color:#4d4d4d; overflow-x: hidden;} .hide {display: none;} .add-files .RedLFSize label {font-size: 12px;} .RedLFSize input::-webkit-outer-spin-button, .RedLFSize input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;} /*Upload Media css*/ #WsMediaModal .scroll-behv{height:84vh; overflow-y: scroll;} #WsMediaModal .modal-dialog {max-width: 880px;} #WsMediaModal .uploadedMediaUl {padding: 0;margin: 0;list-style-type: none;display: grid; grid: auto / auto auto auto auto; grid-gap: 10px; padding: 10px;} #WsMediaModal .uploadedMediaUl .media-item { text-align: center; } #WsMediaModal .uploadedMediaUl .media-item .mItembox{border:1px solid #ccc; min-height: 100%; display: flex; justify-content: center; align-items: center; } #WsMediaModal .uploadedMediaUl .media-item.selected .mItembox{border-color:#b41414;} #myTabContent form label{font-size: 22px; margin-top: 28px;} #myTabContent form input {padding:3px;} #WsMediaModal a { color: #444;} #WsMediaModal a.active { color: #f27371;} .mediaBox label { padding-left: 0; margin-left: 0;} .WsUploadMedia img { height: 24px; width: auto;} .mediaBox label a { color: #000; padding: 0 !important; margin: 0 !important;} .mediaBox .imgPrev img { width: 45px; height: auto;} /*end Upload Media css*/ .max-list-img {height: 45px;width: auto;} .actIcon img { width: 17px; height: 16px;} .maxFieldWidth { max-width: 125px;} .w100 {width: 100%;} h1, h2, h3, h4, h5{ font-weight: 400; color:#4d4d4d; font-family: 'Quicksand', sans-serif;} p{ font-family: 'Quicksand', sans-serif; font-size: 16px; line-height:30px; color:#4d4d4d; font-weight: 400; text-decoration:none; margin:0px 0px 15px 0px; padding:0px;} p a, p a:active, p a:visited {color:#4d4d4d;} p a:hover{color:000; } p strong{ font-weight: bold; color: inherit; } em{ font-weight:normal;} a:hover, a:focus { outline: none; text-decoration: none;} *:focus, *:visited { outline: none; text-decoration: none; } button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; } #day-wise-list .day-wise:first-child .DelDaywiseitn, #AccommodationList .AcmoRow:first-child .DelAccomBtn {display: none;} .itinerary_image_url { width: auto; height: 58px; float: right;} /*** issule resolved (carousel content blink) ***/ /*body{overflow-x: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); }*/ /*autosuggest*/ .autoSuggest {position: relative;} .autoSuggest .finded-agency-list{ position: absolute; background: #fff; padding: 5px; max-height: 300px; width: 100%; display: block; z-index: 9; overflow: hidden; } .autoSuggest .finded-agency-list ul { list-style: none; padding: 0; margin: 0; font-size: 14px; } .autoSuggest .finded-agency-list ul li { border-bottom: 1px solid #ccc; } .autoSuggest .finded-agency-list ul li:last-child { border: none;} .clearfix { clear: both; position: relative; } /*backtotop*/ #myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 13px; border: none; outline: none; background-color: #111; background: #e72324; /*opacity: 1;*/ color: white; font-weight: 300; cursor: pointer; padding: 10px 10px; border-radius: 50px; } #myBtn:hover { opacity: 0.8; } /* common btn class */ .btn { font-family: 'Quicksand', sans-serif; cursor: pointer; display: inline-block; position: relative; transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 16px; padding: 10px 15px; background: #e95a5a; color:#fff; border-radius: 10px; text-transform: capitalize; border: none; } .btn:hover, .btn:focus { opacity: 0.9; outline: none; color: #fff;} .login-box .btn, .login-box .btn:focus{ width: 100%; font-weight: 500;} .login-box .btn:hover{ opacity:0.9; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 0rem; } /* back to top */ #btn-back-to-top.btt{ border: 0px; background: transparent; padding: 0px; margin: 0px; border-radius: 80px;} #btn-back-to-top { position: fixed; bottom: 20px; right: 20px; z-index: 9999999; display: none;} #btn-back-to-top:hover { opacity: 0.7; } nav.navbar{ background: rgba(255, 255, 255, 0.90)!important; } /* LOGIN Page */ .login{ text-align:center; } .login-logo{ margin:50px 0; max-width:200px; } /* */ .login-box{ width: 100%; max-width: 320px; margin: 0 auto; padding: 10px; } .login-box h2{ font-size: 36px; line-height: 46px; margin-bottom: 17px; color: #4b487d; text-align: center; margin-bottom:30px; } .login-box label { font-size: 17px; line-height: 22px; color: #4b487d; text-align:left; padding-left:7px; font-weight:600; } .login-box .form-control{ height: 45px; padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5; border-radius: 30px; background: #fff; border: 1px solid #c5c5c5;} /*.login-box .form-control:focus { color: #495057; background-color: #fff; border-color: #fcb6b6; box-shadow: 0 0 0 0.0rem rgb(255 0 165 / 25%); }*/ .login-box .btn, .login-box .btn:focus{ width: 100%; font-size: 18px; padding: 10px; background: #e95a5a; border-radius: 30px; text-transform: capitalize; font-weight: 500;} .login-box .btn:hover{ opacity:0.9; } /* common classes */ .form-control:focus { color: #495057; background-color: #fff; border:1px solid #fcb6b6; box-shadow: 0 0 0 0.0rem rgb(255 0 165 / 25%); } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 25%); } .red-bg{ background:#e95a5a; } .red-bg-light{ background:#f08b8b; } .blue-bg{ background:#262262; } .d-gray-bg{ background:#555; } .red{ color:#e95a5a; } .blue{color:#262262; } /* My Files - Toggle Section */ .container-toggle-box { display: inline-block; cursor: pointer; z-index: 0; margin-left: 20px; margin-top: 20px; min-width:80px; } .container-toggle-box ul{ list-style-type: none; display: flex; flex-flow: row wrap; padding-inline-start: 0px;} .container-toggle-box li{ height: 30px; margin: 0 10px 0 0px;} .container-toggle-box li a { color: #e95a5a; } .MaxW30 {width: 30px;} .container-toggle-box li img{ max-width: 30px; } /* My Files - toggle button*/ .container-toggle { display: inline-block; cursor: pointer; z-index: 999; margin-right: 50px; margin-top: 0px; } .bar1, .bar2, .bar3 { width: 35px; height: 2px; background-color: #e95a5a; margin: 6px 0; transition: 0.4s;} .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); } .container-toggle:hover, .container-toggle-box li img:hover{ opacity:0.6; } /* The side navigation menu */ .sidenav { height: 100%; width: 0; /* change this with JavaScript */ position: fixed; z-index: 999999999999; top: 0; left: 0; background-color: #fff; background: rgba(248, 248, 248, .95); overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .sidenav ul{ padding-inline-start: 0px; } /* The navigation menu links */ .sidenav a { padding: 8px 8px 22px 22px; text-decoration: none; font-size: 20px; font-weight: 500; color: #db4848; display: block; transition: 0.5s; text-align: center; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { /* opacity: 0.7;*/ color: #524e9b; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0px; right: 0px; font-size: 52px; margin-right: 10px; font-weight: 300; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main {transition: margin-left .5s; padding: 0px; /* margin-top:140px;*/ } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } /* My Files - Search Section */ /*.container-search{ width: 820px; margin:0 auto; padding:15px;}*/ .container-search{ width: 100%; margin:0 auto; padding:15px 10px 10px 10px ;} .container-search2{ width:600px; margin:0 auto; } .container-search .st1{ max-width:722px; margin: 0 auto; } .container-search .custom-select.sorting { margin-right: 5px; min-width: 85px; border: 1px solid #c5c5c5; background: #fff url(/assets/images/select-arrow3.png) no-repeat right 0px; color: #333; } .container-search .custom-select.sorting option {color:#333 } .container-search .custom-select{ background-color:#e95a5a; color:#fff; font-size:12px; font-weight: 600; min-height: 30px; min-width: 85px; padding-left:10px; } .container-search .custom-select { background:#e95a5a url(/assets/images/select-arrow2.png) no-repeat right 0px; } .container-search .custom-select.custom-select-agency { border: 0px;} .container-search .custom-select option{ color:#fff; } .container-search .form-control.search { min-height: 30px; padding: 3px 10px; border: 1px solid #c5c5c5; background: #fff; font-size: 12px; border-left: none; border-right: none; color: #000; font-weight: 600;} .container-search .input-group-prepend .input-group-text { border: 1px solid #c5c5c5; background: #fff; font-size: 12px; border-left: none; border-top-right-radius:5px; border-bottom-right-radius:5px;} /* hotels */ .container-search.cs-hotels{ max-width:722px; margin: 15px auto 0px auto; } .container-search.cs-hotels .custom-select.sorting { margin-right: 5px; min-width: 120px; } /* date wise search */ .container-search label.form-check-label{ font-size:13px; color:#4b4874; font-weight:600; } .container-search .form-control.date { min-height: 30px; border: 1px solid #c5c5c5; padding:0px 5px 0px 10px; background:#fff; margin-left:6px; color:#514e81; font-weight:600; font-size:12px; max-width:120px; } .container-search button.btn{ background:#e95a5a; font-size:13px; padding:0px 10px; margin: 0px; border-radius:3px; text-transform:capitalize; min-height:30px; } /* TABLE --- MY FILES */ .table-responsive, .product-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table{ text-align:center; } .table .sorting:hover{ opacity:0.5; } .table .thead-dark th { color: #fff; background-color: #e95a5a; border-color: #fff; padding: 0.5rem; font-size: 13px; line-height: 16px;} .table .thead-dark th span{ display: block; } .table .thead-dark th a span{ display: inline-block; } .table td { color: #333; font-size: 12px; line-height: 16px; padding: 0.5rem;} .table td p{ color: #333; font-size: 12px; line-height: 13px; margin-bottom: 5px; } .table td .btn{ background:#e95a5a; font-size:11px; padding:4px 8px; margin: 0px; margin-left: 0px; border-radius:12px; text-transform:capitalize; } /* buttons */ .table td .btn.pending{ background:#000; /* blue */ } .table td .btn.success{ background:#e95a5a; /* red */ } .table td .btn.lead{ background:#514e81; /* dark-gray */ } .table td .btn.query{ background:#f27371; /* theme */ } .table td .btn.confirm{ background:#28a745; /* green */ } .table td .btn.journey{ background:#ffc107; /* yellow badge */ } .table td .btn.costsheet{color: #fff; font-size: 9px; background:#555; margin:5px 0; } .table td .btn.costsheet:hover{color: #fff; text-decoration:none; } .table td.fileno a{ color: #e95a5a; font-weight: 800; text-decoration: none;} /*.table td.fileno a:hover{ text-decoration:underline; }*/ .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.020); } p.showing{ color:#e95a5a; text-align:left; } /* .paginate-new{ z-index: 3; color: #fff; background-color: #e95a5a; } .paginate-new .active{ z-index: 3; color: #fff; background-color: #e95a5a !important; border-color: #e95a5a !important; } */ .page-item.active .page-link { z-index: 1; color: #fff; background-color: #e95a5a; border-color: #e95a5a; } .page-link{ color:#d45454; border: #f9eeee 1px solid; } .page-link:hover { color: #fff; background-color: #e95a5a; border-color: #f9eeee; } /* */ /*Add itinerary box*/ .breadcrumb{ background-color: transparent; border-radius: 0.25rem; font-size:15px; color:#4b4874; } .breadcrumb a, .forgotpass { color: #444;} .breadcrumb a:hover, .forgotpass:hover { color: #e26d70;} .breadcrumb .active{ color: #e26d70;} .add-iti-box:not(.itinerary-form){ max-width:600px; margin:0 auto 40px auto; } .add-iti-box .form-group{ margin-bottom:7px; } .day-wise{ border:2px solid #fae8e8; border-radius:15px; padding: 15px 15px 15px 15px ; margin: 10px 0 10px 0; } div.disabled {opacity: .9;} div.disabled button:disabled { background: grey; text-decoration: none;} .day-wise .custom-select, .add-files .custom-select, .add-iti-box .custom-select { background: url(../images/select-arrow.png) no-repeat right 2px #fff; } .day-wise .custom-select option, .add-files .custom-select option, .add-iti-box .custom-select option{ font-size:13px; padding: 8px; height: 40px;} .add-iti-box .form-control{ font-size: 13px; border-radius: 5px; padding: 5px 5px 5px 10px; min-height: 32px; font-weight: 400; color: #555; border: 1px solid #c5c5c5; } .add-iti-box textarea.form-control{ min-height:120px; } .add-iti-box textarea.form-control.height70{ min-height:70px; } .add-iti-box textarea.form-control.height90{ min-height:90px; } .add-iti-box .input-group-text.day1{ font-size:14px; background-color:#fae8e8; border:0px; border-top-left-radius:15px; border-bottom-left-radius:15px; padding-left: 20px;} .add-iti-box .btn{ font-size:13px; padding:5px 15px; text-transform:inherit; margin:5px 5px 0 5px; } .add-iti-box .btn.submit{ font-size: 14px; padding: 7px 20px !important; text-transform: inherit; margin: 10px 5px 0 5px;} .add-iti-box .btn img{ max-width:9px; } .add-hotel .btn{ padding:10px 25px; margin-top:25px; } /* */ .add-files .container{ padding-right:0px; } .add-files h3, .add-iti-box h3{ font-size:16px; line-height:24px; color:#f27371; font-weight:600; } /*backgrounds */ .add-files .gray-bg{ background-color:#fff; width: 100%; border-radius: 7px; border:1px solid #c5c5c5; padding: 15px 0px; margin: 10px 0 10px 0; } .add-files .bg-dotted , .bg-dotted-global { background-color:#fff; border-radius: 7px; border:1px dashed #c5c5c5; padding: 20px 0px; margin: 10px; } .gray-stroke{ background-color:#fff; width: 100%; border-radius: 7px; border:1px solid #c5c5c5; padding: 15px; margin: 10px 0 10px 0; } .gray-dotted{ background-color:#fff; width: 100%; border-radius: 7px; border:2px dashed #eee; padding: 15px; margin: 10px 0 10px 0; } .bg-dotted-global {padding: 10px;margin: 15px 0px;} /**/ .add-files .form-group{ margin-bottom:0.3rem; } .add-files .col,.add-files .col-md-2,.add-files .col-md-3, .add-files .col-md-4, .add-files .col-md-5, .add-files .col-md-6, .add-files .col-md-7,.add-files .col-md-7, .add-files .col-md-8, .add-files .col-md-9, .add-files .col-md-10,.add-files .col-md-11, .add-files .col-12{ /*padding: 0px 0px 0px 12px; */ } .add-files label, label{ padding-left:2px; font-size:13px; line-height: 18px; margin-bottom:0px; font-weight:400; } .add-files label span{ font-weight:400; } .add-files .form-control{ font-size:12px; border-radius:5px; padding:5px 5px 5px 10px; min-height:32px; font-weight: 400; color: #555; border:1px solid #c5c5c5;} .add-files .input-group-text{ background:#fff; color: #555; border:1px solid #c5c5c5; border-left: 0px; border-radius:5px; font-size:12px } .add-flies .btn{ font-size: 13px; padding: 7px 20px !important; text-transform: inherit; margin: 10px 5px 0 5px;} .add-iti-box input#exampleFormControlFile1 { border: none; padding: 0px; margin-bottom: 7px;} /*.add-iti-box .add-flies .btn .add-btn{ font-size: 13px; padding: 3px 10px !important; text-transform: inherit; margin: 5px 15px;}*/ .add-files .btn-100{ width:100%; font-size: 15px; border-radius:0px; margin:10px 0px 0px 0px ; } /**** Placeholder Css ***/ .add-flies ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#000; font-weight:300; } .add-flies :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#000; font-weight:300; opacity: 1; } .add-flies ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#000; font-weight:300; opacity: 1; } .add-flies :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#000; font-weight:300; } .add-flies ::-ms-input-placeholder { /* Microsoft Edge */ color:#000; font-weight:300;} /* */ .comments-box{ border:1px solid #ffdede; padding: 25px 15px 15px 15px; min-height:500px; width:100%; } .comments-box1{ max-height:270px; max-width:500px; overflow:auto; padding-right:22px; margin-bottom:15px; margin-right:15px; } .comments-box1.filePage { width: 100% !important; margin-left: 7px !important; max-width: 100%;} /* width */ .comments-box1::-webkit-scrollbar { width: 7px; } /* Track */ .comments-box1::-webkit-scrollbar-track { background: #fae8e8; } /* Handle */ .comments-box1::-webkit-scrollbar-thumb { background: #f27371; } /* Handle hover */ .comments-box1::-webkit-scrollbar-thumb:hover { background: #412f68; } .comments-box1 .text-box{ font-size:14px; margin-bottom:25px; } /*.comments-box1 .text-box .text-box1{ font-size:14px; line-height: 18px; min-height:50px; padding:15px; margin-bottom:5px; }*/ .comments-box1 .text-box .text-box1{ font-size:14px; line-height: 18px; min-height:50px; padding:15px; margin-bottom:5px; } .comments-box1 .text-box p{ font-weight:600; font-size:14px; line-height: 16px; padding-left: 15px; color:#4b487d;} .comments-box1 .text-box p span.date{ font-weight:300; font-size:14px; } .admin1 .text-box1{ background:#fae8e8; } .supplier1 .text-box1{ background:#f6f6f8; } .comments-box1 .text-box .text-box1 .author p{ color:#4b487d; } .comments-box1 .text-box .text-box1 .author span{ font-weight:300; } .comments-box .btn{ width:100%; font-size: 15px; border-radius:0px; margin:0px 0px 0px 0px ; } footer{ background:#fae8e8; padding: 15px 15px 3px;} footer p{ text-align: center; font-size: 13px;} footer p a{ text-align: center; font-size: 13px; color: #000;} /* Modal */ .modal-header{ border-bottom:0px; } .modal-header .close{ color:#f27371; font-size: 38px; opacity: 1;} /* Additonal Notes Popup */ .comments-box.additonal-notes-popup{ border:0px; padding:0px; min-height:350px; } .comments-box.additonal-notes-popup .comments-box1{ max-height:180px; } .comments-box.additonal-notes-popup .comments-box1 .text-box{ margin-bottom:25px; } .comments-box.additonal-notes-popup .comments-box1 .text-box p{ font-weight:400; font-size:11px; line-height: 16px; padding-left: 15px; color: #cf1c1c;} .comments-box.additonal-notes-popup .comments-box1 .text-box p span.date{ font-weight:300; font-size:11px; color:#4b487d;} .comments-box.additonal-notes-popup .comments-box1{ padding:0 0 0 15px; } .comments-box.additonal-notes-popup .comments-box1 .supplier1 .text-box{ padding:0px 15px; } .comments-box.additonal-notes-popup .comments-box1 .supplier1 .text-box1{ background:#fff; padding:0px 15px; min-height:auto; } /**/ .add-invoice { max-width:600px; } .add-invoice .form-group{ margin-bottom:0.5rem; } /*.add-invoice label{ padding-left:5px; font-size:13px; font-weight: 600; margin-bottom:4px; } .add-invoice label span{ font-weight:400; } .add-invoice .form-control{ font-size:14px; border-radius:0px; padding:7px 7px 7px 10px ; min-height:36px; font-weight: 400;}*/ .add-invoice .day-wise{ padding-bottom:15px; } /**/ .invoice-datails{ padding:0 30px 10px 30px; } .invoice-datails p{ font-size:14px; line-height:20px; } .invoice-datails2 .btn.red-bg-light{ background:#f08b8b; border-radius:80%; padding:4px 8px; margin-top:3px; } .invoice-datails2 label.style2{ font-weight:400; padding-left:10px; } /* Detail itineary modal */ .modal#TourModal .modal-header { border-bottom: 0px; padding: 5px 16px;} .modal#TourModal .itinerary-box { border: 0px; max-height: 410px; max-width: 500px; overflow: auto; padding: 0 20px 35px 35px; margin-bottom: 35px; margin-right: 15px; } .modal#TourModal .itinerary-box .daywise-box{margin-bottom:5px; } .modal#TourModal .itinerary-box .daywise-box h5{margin-bottom:0px; font-size:14px; line-height:22px; font-weight:600; color:#d74141; } .modal#TourModal .itinerary-box .daywise-box p{margin-bottom:15px; font-size:13px; line-height:18px; font-weight:400; color: #302c66;} .daywise-box img { width: 53px; padding-right: 10px; float: right;} /* Add this CSS to your stylesheet or in a