@charset "utf-8";
/* Border Radius */
:root {
--primary-theme-color: #f1c247;
--secondary-theme-color: #6897ed;
}
html{
font-size: 80%;
}
.modal-header .close {
    opacity: 1;
}
.modal-header  {
    background-color: var(--secondary-theme-color);
    
}
.modal-header h6,
.modal-header h5,
.modal-header h4,
.modal-header h3,
.modal-header h2,
.modal-header h1,
.modal-header a {
    margin: 0;
    color: #fff !important;
}
.modal-content {
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden;
    background-color: #F4F4F4;
}
.bootstrap-select .dropdown-toggle .filter-option{
    line-height: 3;
}
.mh-100{max-height: 100%;}
/* article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
zoom: 90%;
} */
.border-radius-20 {
border-radius: 10px;
}
.c-menu__submenu {
/* background: #f5f5f5; */
}
.c-menu__submenu li.c-menu__item.has-submenu:last-child {
border: 0;
}
.c-menu__submenu li.c-menu__item.has-submenu {
padding: 0;
/* border-bottom: 1px solid var(--primary-theme-color); */
width: calc(100% - 20px);
margin: 0px auto 5px;
border-radius: 8px;
display: block;
}
li.c-menu__item.has-submenu:hover{
background-color: #202020;
}
.c-menu__submenu li.c-menu__item.has-submenu i.fa-angle-right {
/* margin: 0 21px 0 0; */
/* background: var(--primary-theme-color); */
/* height: 50px; */
width: 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
color: #fff;
}
/* .c-menu__submenu li.c-menu__item.has-submenu.main-active {
background: initial;
} */
.c-menu__submenu li.c-menu__item.has-submenu.main-active {
/*     background: #202020 !important; */
}
/* .c-menu__submenu li.c-menu__item.has-submenu.main-active i.fa-angle-right {
background: #eec250;
} */
/* .c-menu__submenu li.c-menu__item.has-submenu.main-active:before {
content: '';
position: absolute;
right: -12px;
top: 0;
bottom: 0;
margin: auto;
border: 12px solid #616161;
transform: rotate(45deg);
height: 11px;
border-top-color: transparent;
border-right-color: transparent;
} *//*
.c-menu__submenu li.c-menu__item.has-submenu.main-active a span {
color: #000 !important;
} */
.text-blue{
color: var(--secondary-theme-color)!important;
}
.bg-blue-light{
background-color: rgba(104, 151, 237, 0.15)!important;
}
.bg-orange-new{background-color: var(--secondary-theme-color)}
.border-radius-10 {
border-radius: 10px;
}
.daterangepicker td.active {
background-color: var(--primary-theme-color) !important;
}
.daterangepicker td.active:hover {
background-color: #F9D577 !important;
}
/* Gradiant Color */
.gradieant-color {
background-image: linear-gradient(to right bottom, #64ddbb, #69debe, #6edfc0, #73e0c3, #78e1c5, #7de2c7, #83e2ca, #88e3cc, #90e4cf, #97e4d1, #9fe5d4, #a6e5d6);
}
/* Cursor */
.pointer {
cursor: pointer;
}
.signout svg {
fill: var(--primary-theme-color);
transform: rotate(180deg);
width: 30px;
margin-top: 10px;
}
i.fa.fa-bell-o.mr-3.ml-1 {
color: var(--primary-theme-color);
}
.z-index {
z-index: 9999;
}
.text-left {
text-align: left;
}
.text-bold {
font-weight: bold;
}
.custom-control-label:before {
left: 0 !important;
top: 0;
}
.custom-control-label:after {
left: 0 !important;
top: 0;
}
/* font family */
.heading-font {
font-family: 'Trajan Pro';
}
.sub-heading-font {
font-family: 'Franklin Gothic';
}
.sub-heading-font-2 {
font-family: 'Franklin Gothic Demi';
}
.para-font {
font-family: 'Franklin Gothic Book';
}
/*shadow*/
.shadow-sm {
box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .075) !important;
}
/* bg colors */
.bg-purple {
background-color: #6477EF !important;
}
.bg-blue {
background-color: #14177c !important;
}
.bg-light-gray {
background-color: #F4F4F4 ;
}
.bg-status-green {
background-color: var(--secondary-theme-color) !important;
color: #fff;
}
.bg-main {
background-color: var(--primary-theme-color) !important;
}
.text-main {
color: var(--primary-theme-color) !important;
}
.text-black {
color: #000;
}
/* Text Color CSS */
.text-gray {
color: #c6c7c8;
}
.text-d-gray {
color: #9b9faa;
}
.text-black {
color: #000;
}
.user-color {
color: #66b7dc;
}
.email-color-1 {
color: #42c742;
}
.email-color-2 {
color: #0abdae;
}
.booking-color {
color: #4e49e1;
}
/* Height and Width CSS */
.w-90 {
width: 81%;
}
.w-60 {
width: 60px;
}
.w-40 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w-40p {
width: 40%!important;
}
.w-14 {
width: 14%;
}
.h-lg-500 {
height: 500px;
}
.h-700 {
max-height: 700px;
}
.h-495 {
height: 495px;
}
.h-280 {
height: 280px;
}
.h-346 {
height: 346px;
}
.table td, .table th {
vertical-align: middle;
border-top: 1px solid #dee2e6 !important;
}
.table td{
font-weight: 500;
color: #383838!important;
}
.table th{
font-weight: 500;
color:#AEAEAE !important;
}
.table thead th {
    border-bottom: 0px!important;
}

.nav-tabs-home .nav-item.show .nav-link {
    color: #000;
    background: transparent;
}

.nav-tabs-home .nav-link.active,
.nav-tabs-home .nav-link:hover {
    background: #fff !important;
    border: 1px solid !important;
}
/* Input and Select Focus Remove */
input:focus {
outline: none;
}
select:focus {
outline: none;
}
/* Gmail Image CSS */
.gmail-rotate {
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-20deg);
opacity: .5
}
.gmail-img-h-w {
height: 150px;
}
div#data-table_processing {
margin-top: 0;
box-shadow: -1px -1px 8px #ccc;
padding-top: 0;
height: 100px;
line-height: 100px;
background: #fff;
left: 0;
right: 0;
margin: 0 auto;
width: 300px;
color: #000 !important;
z-index: 9999;
}
/* Table Scroller */
.scroll {
overflow-y: auto;
/* border-radius: 20px 5px 5px 20px !important; */
}
.scroll::-webkit-scrollbar {
width: 8px;
}
.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
background-color: var(--primary-theme-color);
border-radius: 10px;
}
.main-tabs .nav-tabs .active {
background-color: var(--primary-theme-color);
color: #fff !important;
}
.main-tabs .nav-tabs a:hover {
color: #000;
}
/* Emails Templates Hover Css */
.main {
position: relative;
width: 100%;
}
.overlay {
position: absolute;
cursor: pointer;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000a3;
}
/* .hover-content {
font-size: 20px;
position: absolute;
color: #fff;
text-transform: uppercase;
background-color: var(--primary-theme-color);
padding: 5px 10px;
top: 5%;
right: 0;
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
} */
.hover-content {
font-size: 1.25rem;
position: absolute;
color: #fff;
text-transform: uppercase;
background-color: var(--secondary-theme-color);
padding: 5px 10px;
top: 50%;
right: 0;
left: 50%;
opacity: 1;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-around;
}
.overlay:hover .hover-content {
opacity: 1;
right: 0%;
}
/*.hover-accommodation {*/
/*    font-size: 14px;*/
/*    position: absolute;*/
/*    color: #fff;*/
/*    text-transform: capitalize;*/
/*    left: 0;*/
/*    bottom: 17%;*/
/*    opacity: 0;*/
/*    -webkit-transition: all .5s ease-out;*/
/*    -moz-transition: all .5s ease-out;*/
/*    -o-transition: all .5s ease-out;*/
/*    transition: all .5s ease-out;*/
/*}*/
.template-labels {
font-size: 1rem;
position: absolute;
color: #fff;
text-transform: capitalize;
left: 0;
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
bottom: 10px;
}
.overlay:hover .template-labels {
opacity: 1;
}
.main:hover .overlay {
opacity: 1;
}
/* Tooltip CSS */
.tool {
position: relative;
}
.tool .tooltext {
visibility: hidden;
text-transform: capitalize;
width: 80px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 0.75rem;
position: absolute;
z-index: 1;
}
.tool:hover .tooltext {
visibility: visible;
}
/* Pagination CSS */
/*.pagination {
padding: 15px 0;
}
.pagination ul {
display: flex;
}
.pagination ul li {
margin: 0 5px 0 0;
text-align: center;
position: relative;
}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {
text-decoration: none;
}
ul.pagination li a, ul.pagination li a:link, ul.pagination li a:visited {
color: white;
display: block;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
padding: 0;
border-radius: 100%;
background: #0dcadd;
background: -moz-linear-gradient(180deg, #3deeff, #0dcadd);
background: -webkit-linear-gradient(180deg, #3deeff, #0dcadd);
background: -o-linear-gradient(180deg, #3deeff, #0dcadd);
background: -ms-linear-gradient(180deg, #3deeff, #0dcadd);
background: linear-gradient(180deg, var(--primary-theme-color), var(--primary-theme-color));
width: 35px;
height: 35px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(0, 0, 0, 0.2);
transition: 0.1s;
font-size: 9px;
line-height: 35px;
position: relative;
}
ul.pagination li a:hover, ul.pagination li.active a {
color: #fff;
border-radius: 100px;
background: #0dcadd;
background: -moz-linear-gradient(180deg, #0dcadd, #3deeff);
background: -webkit-linear-gradient(180deg, #0dcadd, #3deeff);
background: -o-linear-gradient(180deg, #0dcadd, #3deeff);
background: -ms-linear-gradient(180deg, #0dcadd, #3deeff);
background: linear-gradient(180deg, #000000d4, #000000cc);
}
ul.pagination li:first-of-type a, ul.pagination li:last-of-type a {
width: auto;
border-radius: 25px 0 0 25px;
padding: 0 40px 0 15px;
text-align: left;
}
ul.pagination li:first-of-type a:before, ul.pagination li:last-of-type a:before {
position: absolute;
content: "";
width: 60px;
height: 46px;
background: white; /* Must be similar to the container background
border-radius: 50%;
top: -3px;
right: -35px;
}
ul.pagination li:last-of-type a {
border-radius: 0 25px 25px 0;
text-align: right;
padding: 0px 15px 0 40px;
}
ul.pagination li:nth-last-of-type(2) {
z-index: 3;
}
ul.pagination li:last-of-type a:before {
right: auto;
left: -35px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 0.1em !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: transparent !important;
outline: none;
border-color: transparent !important;
}*/
.paging_simple_numbers {
background: transparent;
border-radius: 15px;
padding-right: 35px;
/* -webkit-box-shadow: 1px 7px 14px 0px rgba(189,178,189,1); */
-moz-box-shadow: 1px 7px 14px 0px rgba(189, 178, 189, 1);
/* box-shadow: 1px 7px 14px 0px rgba(189,178,189,1); */
width: 500px;
padding: 3px 0;
border: 0px solid var(--primary-theme-color);
margin-top: 13px
}
.pagination {
cursor: pointer;
margin: 0;
justify-content: end;
}
.pagination li {
display: inline-block;
padding: 10px 15px;
color: #6D767F;
border-radius: 0px !important;
border: 1px solid #ddd !important;
margin: 0 5px;
}
.pagination li a {
color: #6D767F
}
.pagination li.active {
background-color: var(--secondary-theme-color);
border-color: var(--secondary-theme-color)!important;
color: #fff;
}
.pagination li:hover {
background: var(--secondary-theme-color)!important;
color: #fff!important;
border-color: var(--secondary-theme-color)!important;
}
.pagination li.active a,
.pagination li:hover a {
color: #fff
}
*:focus {
outline: none;
}
li.disabled {
opacity: 0.6;
}
li.disabled a {
cursor: not-allowed;
}
li.disabled a:hover {
background: transparent !important;
}
.pag-auto {
margin-left: auto;
}
.acco-selectpicker .selectpicker{
    width: 100%!important;
    left: 0!important;
}
.acco-selectpicker button.btn-light{
    border:0 !important;
    background-color: transparent !important;
    padding: 0px !important;
    outline: none!important;
}
.acco-selectpicker .bootstrap-select{
    width: 100%!important;
}
.acco-selectpicker .dropdown-menu.show{
    position: relative!important;
    overflow: hidden;
    min-height: auto !important;
    width: 75% !important;
    transform: initial !important;
    top: 0px!important;
    left: 0px!important;
    will-change: auto !important;
}
.acco-selectpicker .bs-searchbox .form-control{
    height: 35px !important;
}
.acco-selectpicker .dropdown-menu li{
    font-size: 0.8725rem !important;
}
.select-hotel-mob {
margin: 100px 0 0 0;
}
.dropdown-item:focus {
text-decoration: none;
background: none !important;
color: #383838 !important;
}
.dropdown-item.active,
.dropdown-item.active:focus {
background-color: var(--primary-theme-color) !important;
color: #fff !important;
}
.hotel-drop {
max-width: 100% !important;
top: 15px !important;
left: 0;
background: #fff;
border-radius: 10px !important;
text-align: left;
opacity: 1;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
height: calc(100vh - 100px);
overflow-y: auto;
min-width: 350px;
}
table#data-table a:hover {
color: black;
}
.btnAccommodationDropdown {
height: 29px;
line-height: 1;
color: #6D767F;
}
.hotel-drop:before {
content: '';
position: absolute;
top: -6px;
left: 20px;
width: 0;
height: 0;
box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.05);
border-top: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
mix-blend-mode: multiple;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: var(--primary-theme-color);
}
#data-table_wrapper .row,
#data-table_wrapper .row,
#data-table_wrapper table,
#data-table_wrapper table {
width: 100% !important;
}
/* .dataTables_wrapper .row .col-sm-12, .dataTables_wrapper .row .col-sm-6, .dataTables_wrapper .row .col-sm-5, .dataTables_wrapper .row .col-sm-7 {
    padding: 0;
} */
.profile-names {
    color: #6D767F !important;
    font-weight: 600;
}
/* Profile Page Css */
.profile-bg {
background-image: url("../images/profile-bg.png");
background-repeat: no-repeat;
/*background-size: cover;*/
height: auto;
}
.profile-gradient {
border-radius: 35px 35px 100% 100%;
background-image: linear-gradient(#b2cdd6, #8fb7c3, #74a5b4);
height: 230px;
width: 100%;
}
.text-profile {
color: #07617d;
}
.w-19 {
width: 19% !important;
}
.w-22 {
width: 22% !important;
}
.word-break-all {
word-break: break-all;
}
.h-100-vh {
min-height: calc(100vh - 120px);
}
.ft-25 {
font-size: 1.5rem;
}
.pointer {
cursor: pointer;
}
/* Custom */
.modal {
z-index: 9999 !important;
}
.border-top-main {
border-top: 2px solid var(--primary-theme-color) !important;
}
.border-bottom-main {
border-bottom: 2px solid var(--primary-theme-color) !important;
}
.ft-100 {
font-size: 100px;
}
.border-bottom-5 {
border-bottom: 5px solid #000;
}
.bg-white {
background-color: #fff;
}
.bordr-radius-100 {
border-radius: 100px;
}
.text-white {
color: #fff;
}
.p-icon {
padding: 4px 14px;
}
.p-icon-2 {
padding: 3px 11px;
}
.border-bottom-main {
border-bottom: 1px solid var(--primary-theme-color);
}
.border-radius-5 {
border-radius: 5px;
}
.border-radius-100 {
border-radius: 100px;
}
.w-85 {
width: 85px;
}
.collapse-inner {
box-shadow: inset 0 0.6rem 0.5rem -0.2rem rgba(0, 0, 0, .15);
max-height: inherit;
opacity: 1;
background-color: #f4f4f4;
}
.bg-dark-gray {
background-color: #ced4da;
}
.ft-14 {
font-size: 14px;
}
.btn-test {
background-color: #ced4da;
}
.btn-test:hover {
top: 0;
left: 0;
bottom: 0;
right: 100%;
display: block;
background: #006bac;
background: linear-gradient(45deg, #006bac, #18b499);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#006bac", endColorstr="#18b499", GradientType=1);
transition: right .3s;
z-index: 1;
border-color: #ced4da;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
color: #fff;
}
.campaign-validation {
background: rgba(45, 58, 72, .97);
margin-top: -370px;
padding: 100px;
}
.condition-modal ul li {
padding: 6px 18px;
background-color: rgb(244, 244, 244);
border-bottom: 1px solid #fff;
text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
.campaign-validation {
margin-top: -295px;
padding: 47px;
}
.p-icon {
padding: 1px 13px 5px 13px;
}
}
.hov-btn {
background: none;
cursor: pointer;
/*padding: 25px 80px;*/
display: inline-block;
text-transform: uppercase;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #ccc;
border-radius: 3px;
}
.hov-btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(45deg, #006bac, #18b499);
}
.btn-3 {
background: var(--primary-theme-color);
color: #fff;
}
.btn-3:hover {
background: #ecb117;
}
.btn-3:before {
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 3;
font-size: 140%;
width: 60px;
}
.btn-3a {
padding: 25px 30px 25px 80px;
}
.btn-3a:before {
background: rgba(0, 0, 0, 0.05);
}
.btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn-3a:before {
background: rgba(0, 0, 0, 0.05);
}
.box-main {
background-color: #fff;
padding: 2.5rem;
position: relative;
flex-basis: 100%;
max-width: 100%;
border-bottom: 1px solid #ced4da;
color: #000;
transition: all .25s;
text-align: center;
color: #2d3a48;
border: 1px solid #ced4da;
border-radius: 4px;
display: block;
height: 100%;
}
.box-main .icon-circle {
background-color: #ced4da;
width: 6rem;
height: 6rem;
border-radius: 100%;
font-size: 3rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
}
.box-main .icon-circle {
color: var(--primary-theme-color);
}
/* a:hover {
color: #fff;
} */
.box-main:hover {
background-color: var(--primary-theme-color);
text-decoration: none;
}
.box-main:hover h4,
.box-main:hover p {
color: #fff;
}
.condition-section {
border: 1px solid #ccc;
}
.condition-section:hover {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
color: var(--primary-theme-color);
border: 1px solid var(--primary-theme-color);
cursor: pointer;
}
.btn-custom-standout {
display: flex;
align-items: stretch;
justify-content: space-between;
border: 1px solid #b1bbc4;
background-color: #2d3a48;
background-color: #ced4da;
padding: 0;
transition: background .25s, color .25s, box-shadow .25s;
text-align: left;
overflow: hidden;
border-radius: 3px;
position: relative;
color: #2d3a48;
}
.btn-custom-standout:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 100%;
display: block;
background: #006bac;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDZiYWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOGI0OTkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);
background: linear-gradient(45deg, #006bac, #18b499);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#006bac", endColorstr="#18b499", GradientType=1);
transition: right .3s;
z-index: 1;
}
.btn-custom-standout .left {
position: relative;
padding: 0 24px;
display: flex;
align-items: center;
color: #0e91a5;
border-right: 1px solid rgba(206, 212, 218, .3);
z-index: 2;
}
.btn-custom-standout .left:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
transition: right .7s;
}
.btn-custom-standout .left i.fas {
font-size: 20px;
transition: color .25s;
position: relative;
z-index: 3;
}
.btn-custom-standout .center {
display: flex;
flex-wrap: wrap;
padding-right: 0;
}
.btn-custom-standout .center,
.btn-custom-standout .right {
display: flex;
align-items: center;
padding: 16px 32px;
text-align: left;
position: relative;
z-index: 3;
}
.btn-custom-standout .center span {
flex-basis: 100%;
}
.small,
small {
font-size: 1rem;
font-weight: 400;
}
.btn-custom-standout:hover {
border-color: #ced4da;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
color: #fff;
}
.btn-custom-standout:hover .fas {
color: #fff;
}
.btn-custom-standout:hover:before {
right: 0;
}
.z-index {
z-index: 9999;
}
.segment-dropdown a {
padding: 15px;
}
.segment-dropdown a:hover {
background-color: var(--primary-theme-color) !important;
color: #fff;
}
.z-index-1{z-index: 1;}
.modal-title {
/* padding-bottom: .25rem;
border-bottom: 2px solid var(--primary-theme-color); */
}
.fw-semibold{font-weight: 600;}
.h-50px{height: 50px;line-height: 50px}
/* .form-control {
height: calc(1.5em + 0.69rem + 15px) !important;
border-radius: 10px !important;
box-shadow: none !important;
} */
.form-control {
    height: 43px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    -webkit-appearance: none; /* remove default Safari styles */
    appearance: none;
    box-sizing: border-box;

}
.form-control:focus{
    border-color: #ced4da!important;
}
textarea.form-control{
    line-height: 2!important;
}
.dataTables_wrapper .row:last-child  {
align-items: center;
background: #fff;
position: sticky;
bottom: 0;
padding: 15px 5px 10px;
border-bottom-left-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
}
.customer-list-table .dataTables_paginate , .dt-2  .dataTables_paginate{
float: right !important;
text-align: left !important;
}
.table.dataTable thead .sorting_desc , .table.dataTable thead .sorting{
  /* background-color: #fff!important; */
}
.customer-list-table .row{
margin: 0;
}
.customer-list-table-head{z-index: 1 !important;}
/* .customer-list-table-head th {
height: 50px;
line-height: 50px;
border: 0 !important;
} */
/* table td {
padding:13px 0.75rem !important;
} */
table td {
    padding: 5px 0.75rem 0 !important;
    height: 50px;
}


.customer-list-table .dataTable tbody td,
.customer-list-table .dataTable tbody td a {
color: #383838 !important;
font-weight: 500;
}
.customer-list-table .dataTable tbody tr {
background-color: #ffffff !important;
}
.table tbody tr:hover {
    background-color: #f5f5f5 !important;
}
.customer-list-table .dataTable tbody tr:hover {
    background-color: #f5f5f5 !important;
}
table.dataTable.no-footer{
    border-bottom: 0px!important;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.campaign-validation {
margin-left: 24px;
margin-right: 24px;
margin-top: -374px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 992px) {
.campaign-validation {
margin-left: 17px;
margin-right: 17px;
margin-top: -374px;
}
}
/* WhatsApp CSS */
.watsapp-bg {
background-image: url("../images/watsapp bg.jpg");
background-position: center;
height: 100%;
width: 100%;
}
.top-bar {
background-color: #034b44;
}
.name-section {
background-color: #0b6156;
}
.rotate-90 {
transform: rotate(90deg);
}
.bg-chat-1 {
background-color: #e2ffc9;
}
.bg-chat-2 {
background-color: #ffffff;
}
.message {
color: #000;
clear: both;
line-height: 18px;
font-size: 15px;
padding: 8px 0;
position: relative;
margin: 0;
max-width: 85%;
word-wrap: break-word;
}
.message:after {
position: absolute;
content: "";
width: 0;
height: 0;
/* border-style: solid; */
}
.message.sent {
background: #e1ffc7;
border-radius: 5px 0px 5px 5px;
float: right;
}
.message.sent:after {
border-width: 0px 0 10px 10px;
border-color: transparent transparent transparent #e1ffc7;
top: 0;
right: -10px;
}
.message.received {
background: #fff;
border-radius: 0px 5px 5px 5px;
float: left;
padding: 0 0 0 16px;
}
.message.received:after {
border-width: 0px 10px 10px 0;
border-color: transparent #fff transparent transparent;
top: 0;
left: -10px;
}
.sent-icon {
background-color: #02887d;
}
.border-radius {
border-radius: 100px;
}
.fa-camera,
.fa-paperclip {
color: #b7b5b5;
}
.sticky-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
@media only screen and (max-width: 767px) {
.top-icon .ft-22 {
font-size: 14px !important;
}
.top-media h4 {
font-size: 20px;
}
.top-media p {
font-size: 11px;
}
}
/*.watsapp-bg {
min-height: 885px;
}
.bottom-fixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}*/
.hotel-drop a:last-child:hover {
background-color: transparent;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
background-image: -moz-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -ms-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaaa00), to(var(--primary-theme-color))) !important;
background-image: -webkit-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -o-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
background-image: -moz-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -ms-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaaa00), to(var(--primary-theme-color))) !important;
background-image: -webkit-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: -o-linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
background-image: linear-gradient(to bottom, #eaaa00, var(--primary-theme-color)) !important;
}
.inner.show {
max-height: 300px !important;
}
.show-tick .dropdown-menu {
max-height: 350px !important;
}
.right-0{
right:0;
}
.hamburger-toggle{
padding: 12px 7px;
border-radius: 8px;
}
.w-50p{
width: 50%!important;
}
.bg-yellow{
background-color: var(--primary-theme-color) !important;
}
.bg-charcoal{
background-color: #3b3b3b;
}
.bg-dark-2{
background-color: #202020;
}
.btn-yellow{
    background-color: var(--primary-theme-color) !important;
    border: 1px solid var(--primary-theme-color) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    color: #383838 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.btn-yellow:hover {
    border: 1px solid var(--secondary-theme-color) !important;
    color: #fff !important;
    background: var(--secondary-theme-color) !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.bg-light-blue{
    background-color: #eaf5ff!important;
}
.bg-light-3{
    background-color: #ECEFF6!important;
}
::-webkit-color-swatch {
  border-radius: 50%;
}
table.dataTable thead th, table.dataTable tfoot th,
table th, .table th {
    font-weight: 500 !important;
    padding: 6px .75em !important;
}
select {
    min-width: 118px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: #202020a8;
}
/* button.btn {
    opacity: 1 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    color: #383838 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    height: calc(1.5em + 0.69rem + 15px) !important;
    line-height: calc(1.5em + 0.69rem + 15px) !important;
    min-width: 118px;
    padding: 0 15px;
} */
.dropdown button.btnAccommodationDropdown {
    height: 40px !important;
    line-height: normal !important;
    border-radius: 10px !important;
    border: 1px solid #00000042;
    padding: 0 12px !important;
    color: #5E5E5E !important;
    font-size: 12px;
}
/* .content-wrapper img.mr-2:first-child{
    filter: brightness(0) invert(0);
} */
.nav-tabs-colored .nav-link{
    font-size: 15px;
    background: #fff;
    color: inherit;
}
.nav-tabs-colored .nav-link.active,
.nav-tabs-colored .nav-link:hover {
    background-color: var(--secondary-theme-color);
    border-color: var(--secondary-theme-color);
    color: #fff !important;
    font-size: 15px;
}
.btn.btn-secondary {
    color: #fff !important;
    background-color: var(--secondary-theme-color);
    border-color: var(--secondary-theme-color);
}

/* Cross Browser Styles */
/** Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

/** Microsoft Edge */
@supports (-ms-ime-align: auto) {

}

/** Mozilla Firefox */
@-moz-document url-prefix() {

}

/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
td a {
    display: flex;
    height: 43px;
    align-items: center;
}
}

/** Chrominum */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {

}
.login-inner button {
    border: 1px solid var(--primary-theme-color) !important;
    opacity: 1 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    color: #383838 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    height: calc(1.5em + 0.69rem + 15px) !important;
    line-height: calc(1.5em + 0.69rem + 15px) !important;
    width: 100%;
    padding: 0;
    background: var(--primary-theme-color);
}
.login-inner button:hover {
border: 1px solid var(--secondary-theme-color) !important;
color: #fff !important;
background: var(--secondary-theme-color) !important;
text-decoration: none !important;
box-shadow: none !important;
}

.btn-new-hover{
    border: 1px solid var(--primary-theme-color) !important;
    opacity: 1 !important;
}

.bg-blue-new{
    background-color: #206AE4 !important;
    opacity: 1 !important;
    border: 1px solid #206AE3 !important;
}
.bg-blue-new:hover {
    background: transparent linear-gradient(180deg, #206AE3 0%, #2962bf 100%) 0% 0% no-repeat padding-box;
}
.btn-new-hover:hover{
    border: 1px solid var(--secondary-theme-color) !important;
    color: #fff;
    background: var(--secondary-theme-color) !important;
}
/* 
button.btn.bg-main, button.btn.bg-light {
    padding: 12px 25px;
} */

.btn.bg-main, .btn-3, .makeLink{
    border: 1px solid var(--primary-theme-color) !important;
    border-radius: 10px !important;
    font-weight: 700!important;
    color: #383838 !important;
    background: var(--primary-theme-color) !important;
    text-decoration: none!important;
    box-shadow: none!important;
    height: calc(1.25em + 0.69rem + 15px) !important;
    line-height: calc(1.25em + 0.69rem + 15px) !important;
    min-width: 118px !important;
    padding: 0 10px !important;
    opacity: 1 !important;
}
.btn.bg-main:hover, .btn-3:hover, .makeLink:hover{
    border: 1px solid var(--secondary-theme-color) !important;
    color: #fff !important;
    background: var(--secondary-theme-color) !important;
    text-decoration: none!important;
    box-shadow: none!important;
}
.btn.bg-main-inverse{
    border: 1px solid #eee !important;
    color:#383838 !important;
    border-radius: 10px !important;
/*     background: var(--secondary-theme-color) !important; */
    text-decoration: none!important;
    box-shadow: none!important;
}
.btn.bg-main-inverse:hover{
    border: 1px solid var(--primary-theme-color) !important;
    opacity: 1 !important;
    font-weight: 700!important;
    background-color: var(--primary-theme-color)!important;
    color: #383838 !important;
    text-decoration: none!important;
    box-shadow: none!important;
}
.btn.bg-main-new{
    border: 1px solid var(--secondary-theme-color) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700!important;
    background: var(--secondary-theme-color) !important;
    text-decoration: none!important;
    box-shadow: none!important;
    height: calc(1.25em + 0.69rem + 15px) !important;
    line-height: calc(1.25em + 0.69rem + 15px) !important;
    min-width: 118px;
    padding: 0 10px;
    opacity: 1 !important;
}
.btn.bg-main-new:hover{
    border: 1px solid var(--primary-theme-color) !important;
    color: #383838 !important;
    background: var(--primary-theme-color) !important;
    text-decoration: none!important;
    box-shadow: none!important;
}
.modal-footer .btn {
    font-weight: 400 !important;
    color: #212529 !important;
    background-color: transparent !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: .25rem !important;
    height: auto !important;
    border: 1px solid var(--primary-theme-color) !important;
    opacity: 1 !important;
    min-width: auto;
}