@charset "UTF-8";

/*============================
  1.variables
============================*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;400;500;600;700&display=swap");
/*============================
  13.font
============================*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;400;500;600;700&display=swap");

/*============================
  2.mixins
============================*/
header {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


/****** Utils ******/
/*============================
  3.rangepicker-plugin
============================*/
.daterangepicker .ranges li.active {
  background-color: #f37a1f;
}

.daterangepicker td.active {
  background-color: #f37a1f;
}

.daterangepicker td.active:hover {
  background-color: #f37a1f;
}

.daterange-wraper .date-range {
  padding-left: 30px;
  font-size: 14px;
  color: #393F4D;
  border: 0;
  min-height: auto;
  height: 36px;
  border: 0;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
}

.daterange-wraper .date-range:focus {
  border-left: 0;
}

.daterange-wraper .cal-icon-date {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.ql-container.ql-snow {
  border-color: #E4EBF1;
  border-radius: 0 0 4px 4px;
}

.ql-bubble {
  border: 1px solid #E4EBF1;
  border-radius: 4px;
}

.ql-toolbar span {
  outline: none !important;
  color: #393F4D;
}

.ql-toolbar span:hover {
  color: #f37a1f !important;
}

.ql-toolbar.ql-snow {
  border-color: #E4EBF1;
  border-radius: 4px 4px 0 0;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

.ql-snow .ql-stroke,
.ql-snow .ql-script,
.ql-snow .ql-strike svg {
  stroke: #393F4D;
}

.ql-snow .ql-fill {
  fill: #393F4D;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #393F4D;
}

.ql-snow .ql-picker-options {
  background-color: #FFF;
  border-color: #E4EBF1 !important;
}

/******* Base *******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  4.base
============================*/
body {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  color: #4E5561;
  line-height: 1.5;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 991.98px) {
  body {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 14px;
  }
}

::selection {
  background: #f37a1f;
  color: #FFF;
  text-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

* {
  outline: none;
}

button {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

button:focus {
  box-shadow: none !important;
}

p {
  margin-bottom: 20px;
}

p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #111827;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}

ol,
ul {
  list-style: none;
  margin-block-end: 0;
  padding: 0;
}

ul {
  list-style: none;
}

ul.list-disc {
  list-style: disc;
  padding-left: 15px;
}

ul.list-disc ul {
  list-style-type: circle;
}

ul.list-decimal {
  list-style: decimal;
  padding-left: 15px;
}

ul.list-decimal ul {
  list-style-type: decimal;
}

ul.list-icon {
  list-style: none;
  padding-left: 0;
}

ul.list-icon>li {
  padding-left: 1.875rem;
  counter-increment: li;
}

ul.list-icon>li i,
ul.list-icon>li .feather-icon,
ul.list-icon>li .svg-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  margin-left: -1.25rem;
  position: relative;
  left: -10px;
  padding: 1px;
  top: -1px;
}

ul.list-icon>li i {
  font-size: 20px;
  top: 5px;
}

ul .btn-primary:not(:disabled):not(.disabled):active:focus,
ul .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  5.background
============================*/
.bg-primary {
  background-color: #f37a1f !important;
}

.bg-secondary {
  background-color: #156bda !important;
}

.bg-info {
  background-color: #155EEF !important;
}

.bg-success {
  background-color: #04BD6C !important;
}

.bg-warning {
  background-color: #FFCA18 !important;
}

.bg-danger {
  background-color: #FF0000 !important;
}

.bg-dark {
  background-color: #212E47 !important;
}

.bg-light {
  background-color: #E4EBF1 !important;
}

.bg-white {
  background-color: #FFF;
}

.bg-pink {
  background-color: #DD2590 !important;
}

.bg-indigo {
  background-color: #3538CD !important;
}

.bg-pink-100 {
  background-color: #FFECF4 !important;
}

.bg-purple {
  background-color: #6938EF !important;
}

.bg-purple-100 {
  background-color: #EDEDFF !important;
}

.bg-gray {
  background: #F1F4F7;
}

.bg-primary {
  background-color: #f37a1f !important;
}

.bg-primary.bg-opacity-10 {
  background-color: rgba(207, 52, 37, 0.1) !important;
}

.bg-primary.bg-opacity-25 {
  background-color: rgba(207, 52, 37, 0.25) !important;
}

.bg-primary.bg-opacity-50 {
  background-color: rgba(207, 52, 37, 0.5) !important;
}

.bg-primary.bg-opacity-75 {
  background-color: rgba(207, 52, 37, 0.75) !important;
}

.bg-primary.bg-opacity-100 {
  background-color: #f37a1f !important;
}

.bg-secondary {
  background-color: #156bda !important;
}

.bg-secondary.bg-opacity-10 {
  background-color: rgba(152, 170, 48, 0.1) !important;
}

.bg-secondary.bg-opacity-25 {
  background-color: rgba(152, 170, 48, 0.25) !important;
}

.bg-secondary.bg-opacity-50 {
  background-color: rgba(152, 170, 48, 0.5) !important;
}

.bg-secondary.bg-opacity-75 {
  background-color: rgba(152, 170, 48, 0.75) !important;
}

.bg-secondary.bg-opacity-100 {
  background-color: #98aa30 !important;
}

.bg-info {
  background-color: #155EEF !important;
}

.bg-info.bg-opacity-10 {
  background-color: rgba(21, 94, 239, 0.1) !important;
}

.bg-info.bg-opacity-25 {
  background-color: rgba(21, 94, 239, 0.25) !important;
}

.bg-info.bg-opacity-50 {
  background-color: rgba(21, 94, 239, 0.5) !important;
}

.bg-info.bg-opacity-75 {
  background-color: rgba(21, 94, 239, 0.75) !important;
}

.bg-info.bg-opacity-100 {
  background-color: #155eef !important;
}

.bg-success {
  background-color: #04BD6C !important;
}

.bg-success.bg-opacity-10 {
  background-color: rgba(4, 189, 108, 0.1) !important;
}

.bg-success.bg-opacity-25 {
  background-color: rgba(4, 189, 108, 0.25) !important;
}

.bg-success.bg-opacity-50 {
  background-color: rgba(4, 189, 108, 0.5) !important;
}

.bg-success.bg-opacity-75 {
  background-color: rgba(4, 189, 108, 0.75) !important;
}

.bg-success.bg-opacity-100 {
  background-color: #04bd6c !important;
}

.bg-warning {
  background-color: #FFCA18 !important;
}

.bg-warning.bg-opacity-10 {
  background-color: rgba(255, 202, 24, 0.1) !important;
}

.bg-warning.bg-opacity-25 {
  background-color: rgba(255, 202, 24, 0.25) !important;
}

.bg-warning.bg-opacity-50 {
  background-color: rgba(255, 202, 24, 0.5) !important;
}

.bg-warning.bg-opacity-75 {
  background-color: rgba(255, 202, 24, 0.75) !important;
}

.bg-warning.bg-opacity-100 {
  background-color: #ffca18 !important;
}

.bg-danger {
  background-color: #FF0000 !important;
}

.bg-danger.bg-opacity-10 {
  background-color: rgba(255, 0, 0, 0.1) !important;
}

.bg-danger.bg-opacity-25 {
  background-color: rgba(255, 0, 0, 0.25) !important;
}

.bg-danger.bg-opacity-50 {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.bg-danger.bg-opacity-75 {
  background-color: rgba(255, 0, 0, 0.75) !important;
}

.bg-danger.bg-opacity-100 {
  background-color: red !important;
}

.bg-dark {
  background-color: #212E47 !important;
}

.bg-dark.bg-opacity-10 {
  background-color: rgba(33, 46, 71, 0.1) !important;
}

.bg-dark.bg-opacity-25 {
  background-color: rgba(33, 46, 71, 0.25) !important;
}

.bg-dark.bg-opacity-50 {
  background-color: rgba(33, 46, 71, 0.5) !important;
}

.bg-dark.bg-opacity-75 {
  background-color: rgba(33, 46, 71, 0.75) !important;
}

.bg-dark.bg-opacity-100 {
  background-color: #212e47 !important;
}

.bg-light {
  background-color: #E4EBF1 !important;
}

.bg-light.bg-opacity-10 {
  background-color: rgba(228, 235, 241, 0.1) !important;
}

.bg-light.bg-opacity-25 {
  background-color: rgba(228, 235, 241, 0.25) !important;
}

.bg-light.bg-opacity-50 {
  background-color: rgba(228, 235, 241, 0.5) !important;
}

.bg-light.bg-opacity-75 {
  background-color: rgba(228, 235, 241, 0.75) !important;
}

.bg-light.bg-opacity-100 {
  background-color: #e4ebf1 !important;
}

.bg-cyan {
  background-color: #06AED4 !important;
}

.bg-primary {
  background-color: #f37a1f !important;
  border: 1px solid #f37a1f !important;
  color: #FFF;
}

.bg-secondary {
  background-color: #156bda !important;
  border: 1px solid #156bda !important;
  color: #FFF;
}

.bg-success {
  background-color: #04BD6C !important;
  border: 1px solid #04BD6C !important;
  color: #FFF;
}

.bg-info {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  color: #FFF;
}

.bg-teal {
  background-color: #0E9384 !important;
  border: 1px solid #0E9384 !important;
  color: #FFF;
}

.bg-warning {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  color: #FFF;
}

.bg-danger {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  color: #FFF;
}

.bg-dark {
  background-color: #212E47 !important;
  border: 1px solid #212E47 !important;
  color: #FFF;
}

.bg-light {
  background-color: #E4EBF1 !important;
  border: 1px solid #E4EBF1 !important;
  color: #FFF;
}

.bg-black {
  background-color: #000 !important;
  border: 1px solid #000 !important;
  color: #FFF;
}

.bg-purple {
  background-color: #6938EF !important;
  border: 1px solid #6938EF !important;
  color: #FFF;
}

.bg-pink {
  background-color: #DD2590 !important;
  border: 1px solid #DD2590 !important;
  color: #FFF;
}

.bg-soft-primary {
  background-color: #FBDCD7;
  color: #f37a1f;
}

.bg-soft-secondary {
  background-color: #D4E8C9;
  color: #98AA30;
}

.bg-soft-success {
  background-color: #A4EBC4;
  color: #04BD6C;
}

.bg-soft-danger {
  background-color: #FFC8BD;
  color: #FF0000;
}

.bg-soft-warning {
  background-color: #FFF0CA;
  color: #FFCA18;
}

.bg-soft-info {
  background-color: rgba(21, 94, 239, 0.3);
  color: #155EEF;
}

.bg-soft-light {
  background-color: rgba(228, 235, 241, 0.9);
  color: #4E5561;
}

.bg-soft-dark {
  background-color: rgba(33, 46, 71, 0.3);
  color: #FFF;
}

.bg-light {
  color: #4E5561;
}

.bg-primary-gradient {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%) !important;
  color: #FFF;
}

.bg-secondary-gradient {
  background: linear-gradient(90deg, #FF0098 0%, #FFD24D 53.5%, #00AAE6 100%) !important;
  color: #FFF;
}

.bg-warning-gradient {
  background: linear-gradient(180deg, #FEF8EA 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-info-gradient {
  background: linear-gradient(180deg, #E7F1FC 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-success-gradient {
  background: linear-gradient(180deg, #E8F9E8 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-danger-gradient {
  background: linear-gradient(180deg, #FDE9ED 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-purple-gradient {
  background: linear-gradient(to right, #6938EF 0%, #9b25b7 100%) !important;
  color: #FFF;
}

.bg-teal-gradient {
  background: linear-gradient(180deg, #E6F9FF 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-light-gradient {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.47) 0%, #FFFFFF 100%) !important;
  color: #000;
}

.bg-dark-gradient {
  background: linear-gradient(180deg, #F3F6FF 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-outline-primary {
  background-color: #FFF;
  border: 1px solid #f37a1f;
  color: #f37a1f;
}

.bg-outline-secondary {
  background-color: #FFF;
  border: 1px solid #98AA30;
  color: #98AA30;
}

.bg-outline-warning {
  background-color: #FFF;
  border: 1px solid #FFCA18;
  color: #FFCA18;
}

.bg-outline-info {
  background-color: #FFF;
  border: 1px solid #155EEF;
  color: #155EEF;
}

.bg-outline-success {
  background-color: #FFF;
  border: 1px solid #04BD6C;
  color: #04BD6C;
}

.bg-outline-danger {
  background-color: #FFF;
  border: 1px solid #FF0000;
  color: #FF0000;
}

.bg-outline-dark {
  background-color: #FFF;
  border: 1px solid #212E47;
  color: #212E47;
}

.bg-outline-light {
  background-color: #FFF;
  border: 1px solid #E4EBF1 !important;
  color: #000 !important;
}

.bg-primary-transparent {
  background-color: #FEEDEB !important;
  color: #f37a1f !important;
}

.bg-primary-transparent:hover {
  background-color: #FEEDEB !important;
  color: #f37a1f !important;
}

.bg-secondary-transparent {
  background-color: #FCFDF8 !important;
}

.bg-info-transparent {
  background-color: #E7F0FF !important;
  color: #155EEF !important;
}

.bg-info-transparent:hover {
  background-color: #E7F0FF !important;
  color: #155EEF !important;
}

.bg-success-transparent {
  background-color: #EDF9F0 !important;
  color: #04BD6C !important;
}

.bg-success-transparent:hover {
  background-color: #EDF9F0 !important;
  color: #04BD6C !important;
}

.bg-warning-transparent {
  background-color: #FFFAEE !important;
  color: #FFCA18 !important;
}

.bg-warning-transparent:hover {
  background-color: #FFFAEE !important;
  color: #FFCA18 !important;
}

.bg-danger-transparent {
  background-color: #FFEDE9 !important;
  color: #FF0000 !important;
}

.bg-danger-transparent:hover {
  background-color: #FFEDE9 !important;
  color: #FF0000 !important;
}

.bg-light-transparent {
  background-color: rgba(228, 235, 241, 0.5) !important;
  color: #E4EBF1 !important;
}

.bg-light-transparent:hover {
  background-color: rgba(228, 235, 241, 0.5) !important;
  color: #4E5561 !important;
}

.bg-cyan-transparent {
  background-color: #ECF7FB !important;
  color: #06AED4 !important;
}

.bg-cyan-transparent:hover {
  background-color: #ECF7FB !important;
  color: #06AED4 !important;
}

.bg-purple-transparent {
  background-color: #F2EDFE !important;
}

.bg-teal-transparent {
  background-color: #E9F5F4 !important;
}

.bg-gray-transparent {
  background-color: #F4F4F5 !important;
}

.bg-danger-100 {
  background-color: #FFEDE9 !important;
}

.bg-gray-100 {
  background-color: #C9CBCF;
}

.bg-gray-200 {
  background-color: #AFB2B8;
}

.bg-gray-300 {
  background-color: #969AA2;
}

.bg-gray-400 {
  background-color: #7D828C;
}

.bg-gray-500 {
  background-color: #656B76;
}

.bg-gray-600 {
  background-color: #4E5561;
}

.bg-gray-700 {
  background-color: #393F4D;
}

.bg-gray-800 {
  background-color: #242B3A;
}

.bg-gray-900 {
  background-color: #111827;
}

.bg-light-100 {
  background-color: #FAFBFC !important;
}

.bg-light-300 {
  background-color: #F5F8FA !important;
}

.bg-light-400 {
  background-color: #F3F6F9 !important;
}

.bg-light-500 {
  background-color: #F1F4F7 !important;
}

.bg-success-100 {
  background-color: #EDF9F0 !important;
}

.bg-success-800 {
  background-color: #33D37A !important;
}

.bg-orange {
  background-color: #E04F16 !important;
}

.bg-orange-100 {
  background-color: #FFEEE9 !important;
}

.bg-teal {
  background-color: #0E9384 !important;
}

.bg-teal-100 {
  background-color: #D4ECE9 !important;
}

.bg-secondary-100 {
  background-color: #F1F7ED !important;
}

.svg-primary {
  fill: #f37a1f;
}

.svg-secondary {
  fill: #98AA30;
}

.svg-success {
  fill: #04BD6C;
}

.svg-danger {
  fill: #FF0000;
}

.svg-warning {
  fill: #FFCA18;
}

.svg-white {
  fill: #FFF;
}

.svg-black {
  fill: #000;
}

.svg-pink {
  fill: #DD2590;
}

.svg-purple {
  fill: #6938EF;
}

.svg-info {
  fill: #155EEF;
}

.svg-light {
  fill: #E4EBF1;
}

.svg-dark {
  fill: #212E47;
}

.svg-default {
  fill: #4E5561;
}

.color-container {
  width: 5rem;
  height: 5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
}

.text-container {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

.color-box {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

.badge-soft-cyan {
  background: #ECF7FB;
  color: #06AED4;
}

.bg-cyan {
  background: #06AED4;
  color: #FFF;
}

.bg-cyan-100 {
  background: #ECF7FB !important;
}

.bg-light-200 {
  background: #F8FAFB !important;
}

.bg-light-300 {
  background: #F5F8FA;
}

.bg-primary-gradient {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
}

.bg-transparent-primary {
  background: #FEEDEB;
}

.bg-transparent-dark {
  background: #EAEBEE;
}

.bg-transparent-info {
  background: #EAF1FE;
}

.bg-transparent-cyan {
  background: #ECF7FB;
}

.bg-transparent-warning {
  background: #FFFAEE;
}

.bg-transparent-light {
  background: #E4EBF1;
}

.bg-transparent-danger {
  background: #FFEDE9;
}

.bg-transparent-success {
  background: #EDF9F0;
}

.bg-transparent-info {
  background: #E7F0FF;
}

.bg-light-gray {
  background: #F1F4F7;
}

.bg-light-orange {
  background: #F9CBC3;
}

.bg-light-orange span {
  background: #F9CBC3;
}

.bg-light-red {
  background: #FFDAD3;
}

.bg-light-red span {
  background: #FFDAD3;
}

.bg-light-green {
  background: #A4EBC4;
}

.bg-light-green span {
  background: #A4EBC4;
}

/******* Components ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  6.alerts
============================*/
.alert {
  padding: 0.625rem 0.85rem;
  border-radius: 4px;
  font-size: 0.8125rem;
}

.alert.alert-dismissible {
  padding: 0.625rem 2.25rem 0.625rem 0.85rem;
}

.alert i {
  font-size: 20px;
}

.alert .btn-close {
  background-image: none;
  padding: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert .btn-close i {
  font-size: 18px;
  line-height: 18px;
}

.alert:last-child {
  margin-bottom: 0;
}

.alert .alert-link {
  font-weight: 600;
}

[dir=rtl] .alert.alert-dismissible {
  padding: 0.625rem 0.85rem 0.625rem 2.25rem;
}

.alert-warning {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
  border-color: rgba(255, 202, 24, 0.1);
}

.alert-warning .alert-link {
  color: #FFCA18;
}

.alert-warning .btn-close {
  color: #FFCA18;
}

.alert-warning .btn-close.custom-close {
  background-color: #FFCA18;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-primary {
  background-color: rgba(207, 52, 37, 0.1);
  color: #f37a1f;
  border-color: rgba(207, 52, 37, 0.1);
}

.alert-primary .alert-link {
  color: #f37a1f;
}

.alert-primary .custom-alert-icon {
  color: #f37a1f;
}

.alert-primary .btn-close {
  color: #f37a1f;
}

.alert-primary .btn-close.custom-close {
  background-color: #f37a1f;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-secondary {
  background-color: rgba(152, 170, 48, 0.1);
  color: #98AA30;
  border-color: rgba(152, 170, 48, 0.1);
}

.alert-secondary .alert-link {
  color: #98AA30;
}

.alert-secondary .btn-close {
  color: #98AA30;
}

.alert-secondary .btn-close.custom-close {
  background-color: #98AA30;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-success {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
  border-color: rgba(4, 189, 108, 0.1);
}

.alert-success .alert-link {
  color: #04BD6C;
}

.alert-success .btn-close {
  color: #04BD6C;
}

.alert-success .btn-close.custom-close {
  background-color: #04BD6C;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-info {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
  border-color: rgba(21, 94, 239, 0.1);
}

.alert-info .alert-link {
  color: #155EEF;
}

.alert-info .btn-close {
  color: #155EEF;
}

.alert-info .btn-close.custom-close {
  background-color: #155EEF;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-danger {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
  border-color: rgba(255, 0, 0, 0.1);
}

.alert-danger .alert-link {
  color: #FF0000;
}

.alert-danger .btn-close {
  color: #FF0000;
}

.alert-danger .btn-close.custom-close {
  background-color: #FF0000;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-light {
  background-color: #E4EBF1;
  color: #4E5561;
  border-color: #E4EBF1;
}

.alert-light .alert-link {
  color: #4E5561;
}

.alert-light .btn-close {
  color: #4E5561;
}

.alert-light .btn-close.custom-close {
  background-color: #E4EBF1;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-dark {
  background-color: rgba(33, 46, 71, 0.1);
  color: #4E5561;
  border-color: rgba(33, 46, 71, 0.1);
}

.alert-dark .alert-link {
  color: #4E5561;
}

.alert-dark .btn-close {
  color: #FFF;
}

.alert-dark .btn-close.custom-close {
  background-color: #212E47;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-teal {
  background-color: rgba(14, 147, 132, 0.1);
  color: #0E9384;
  border-color: rgba(14, 147, 132, 0.1);
}

.alert-teal .alert-link {
  color: #0E9384;
}

.alert-teal .btn-close {
  color: #0E9384;
}

.alert-teal .btn-close.custom-close {
  background-color: #0E9384;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-solid-primary {
  background-color: #f37a1f;
  color: #FFF;
  border-color: #f37a1f;
}

.alert-solid-primary .btn-close {
  color: #FFF;
}

.alert-solid-secondary {
  background-color: #98AA30;
  color: #FFF;
  border-color: #98AA30;
}

.alert-solid-secondary .btn-close {
  color: #FFF;
}

.alert-solid-warning {
  background-color: #FFCA18;
  color: #FFF;
  border-color: #FFCA18;
}

.alert-solid-warning .btn-close {
  color: #FFF;
}

.alert-solid-info {
  background-color: #155EEF;
  color: #FFF;
  border-color: #155EEF;
}

.alert-solid-info .btn-close {
  color: #FFF;
}

.alert-solid-success {
  background-color: #04BD6C;
  color: #FFF;
  border-color: #04BD6C;
}

.alert-solid-success .btn-close {
  color: #FFF;
}

.alert-solid-danger {
  background-color: #FF0000;
  color: #FFF;
  border-color: #FF0000;
}

.alert-solid-danger .btn-close {
  color: #FFF;
}

.alert-solid-light {
  background-color: #E4EBF1;
  color: #4E5561;
  border-color: #E4EBF1;
}

.alert-solid-dark {
  background-color: #212E47;
  color: #FFF;
  border-color: #212E47;
}

.alert-solid-dark .btn-close {
  color: #FFF;
}

.alert-outline-primary {
  background-color: #FFF;
  color: #f37a1f;
  border-color: #f37a1f;
}

.alert-outline-primary .btn-close {
  color: #f37a1f;
}

.alert-outline-secondary {
  background-color: #FFF;
  color: #98AA30;
  border-color: #98AA30;
}

.alert-outline-secondary .btn-close {
  color: #98AA30;
}

.alert-outline-info {
  background-color: #FFF;
  color: #155EEF;
  border-color: #155EEF;
}

.alert-outline-info .btn-close {
  color: #155EEF;
}

.alert-outline-warning {
  background-color: #FFF;
  color: #FFCA18;
  border-color: #FFCA18;
}

.alert-outline-warning .btn-close {
  color: #FFCA18;
}

.alert-outline-success {
  background-color: #FFF;
  color: #04BD6C;
  border-color: #04BD6C;
}

.alert-outline-success .btn-close {
  color: #04BD6C;
}

.alert-outline-danger {
  background-color: #FFF;
  color: #FF0000;
  border-color: #FF0000;
}

.alert-outline-danger .btn-close {
  color: #FF0000;
}

.alert-outline-light {
  background-color: #FFF;
  color: #4E5561;
  border-color: #E4EBF1;
}

.alert-outline-dark {
  background-color: #FFF;
  color: #212E47;
  border-color: #212E47;
}

.alert-outline-dark .btn-close {
  color: #212E47;
}

.alert-primary.custom-alert-icon {
  border-inline-start: 0.313rem solid #f37a1f !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-primary.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-primary.custom-alert-icon>i {
  color: #f37a1f;
}

.alert-secondary.custom-alert-icon {
  border-inline-start: 0.313rem solid #98AA30 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-secondary.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-secondary.custom-alert-icon>i {
  color: #98AA30;
}

.alert-warning.custom-alert-icon {
  border-inline-start: 0.313rem solid #FFCA18 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-warning.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-warning.custom-alert-icon>i {
  color: #FFCA18;
}

.alert-danger.custom-alert-icon {
  border-inline-start: 0.313rem solid #FF0000 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-danger.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-danger.custom-alert-icon>i {
  color: #FF0000;
}

.alert-success.custom-alert-icon {
  border-inline-start: 0.313rem solid #04BD6C !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-success.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-info.custom-alert-icon {
  border-inline-start: 0.313rem solid #155EEF !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-info.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-light.custom-alert-icon {
  border-inline-start: 0.313rem solid #E4EBF1 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-light.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-dark.custom-alert-icon {
  border-inline-start: 0.313rem solid #212E47 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}

.alert-dark.custom-alert-icon .btn-close {
  color: #4E5561;
}

.custom-alert1 {
  margin-block-end: 0;
  background-color: #FFF;
  border: 0;
  padding: 1.25rem;
  color: #4E5561;
}

.custom-alert1 p {
  margin-block-end: 2.5rem;
  color: #677788;
  font-size: 0.8rem;
}

.custom-alert1 .custom-alert-icon {
  font-size: 40px;
  margin-bottom: 0.85rem;
}

.custom-alert1 .custom-alert-icon i {
  font-size: 40px;
}

.custom-alert1 .btn-close {
  padding: 0;
  margin-block-end: 1rem;
}

.custom-alert1.alert-primary {
  border-block-start: 0.313rem solid #f37a1f;
}

.custom-alert1.alert-primary .custom-alert-icon {
  color: #f37a1f;
}

.custom-alert1.alert-secondary {
  border-block-start: 0.313rem solid #98AA30;
}

.custom-alert1.alert-secondary .custom-alert-icon {
  color: #98AA30;
}

.custom-alert1.alert-warning {
  border-block-start: 0.313rem solid #FFCA18;
}

.custom-alert1.alert-warning .custom-alert-icon {
  color: #FFCA18;
}

.custom-alert1.alert-danger {
  border-block-start: 0.313rem solid #FF0000;
}

.custom-alert1.alert-danger .custom-alert-icon {
  color: #FF0000;
}

.alert-img {
  display: flex;
  align-items: center;
}

.alert-img .avatar {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 400px) {
  .btn-close.custom-close {
    margin: 9px 9px 9px 0;
  }
}

.op-7 {
  opacity: 0.7;
}

.op-8 {
  opacity: 0.8;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
    6.alerts
============================*/
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #FFF;
  font-weight: 500;
}

.avatar a.badge:hover {
  color: #FFF;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}

.avatar.avatar-rounded {
  border-radius: 50%;
}

.avatar.avatar-rounded img {
  border-radius: 50%;
}

.avatar.avatar-radius-0 {
  border-radius: 0;
}

.avatar.avatar-radius-0 img {
  border-radius: 0;
}

.avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -0.375rem;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.625rem;
  border: 2px solid #FFF;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar.online:before,
.avatar.offline:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid #FFF !important;
  z-index: 1;
}

.avatar.online:before {
  background-color: #04BD6C;
}

.avatar.offline:before {
  background-color: #656B76;
}

.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}

.avatar.avatar-xs .avatar-badge {
  padding: 0.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  inset-block-start: -25%;
  inset-inline-end: -0.5rem;
}

.avatar.avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.65rem;
}

.avatar.avatar-sm .avatar-badge {
  padding: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.5rem;
  inset-block-start: -28%;
  inset-inline-end: -0.45rem;
}

.avatar.avatar-sm.online:before,
.avatar.avatar-sm.offline:before {
  width: 0.5rem;
  height: 0.5rem;
}

.avatar.avatar-sm i {
  font-size: 14px;
}

.avatar.avatar-md {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.8rem;
}

.avatar.avatar-md .avatar-badge {
  padding: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.65rem;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}

.avatar.avatar-md.online:before,
.avatar.avatar-md.offline:before {
  width: 0.75rem;
  height: 0.75rem;
}

.avatar.avatar-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.avatar.avatar-lg {
  width: 2.813rem;
  height: 2.813rem;
  line-height: 2.813rem;
  font-size: 1rem;
}

.avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}

.avatar.avatar-lg.online:before,
.avatar.avatar-lg.offline:before {
  width: 0.8rem;
  height: 0.8rem;
  bottom: -2px;
  right: -2px;
}

.avatar.avatar-lg svg {
  width: 1.8rem;
  height: 1.8rem;
}

.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}

.avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}

.avatar.avatar-xl.online:before,
.avatar.avatar-xl.offline:before {
  width: 0.95rem;
  height: 0.95rem;
}

.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}

.avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}

.avatar.avatar-xxl.online:before,
.avatar.avatar-xxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}

.avatar.avatar-xxxl {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  font-size: 1.75rem;
}

.avatar.avatar-xxxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}

.avatar.avatar-xxxl.online:before,
.avatar.avatar-xxxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}

.avatar-list-stacked {
  padding: 0;
}

.avatar-list-stacked.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}

.avatar-list-stacked.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}

.avatar-list-stacked.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}

.avatar-list-stacked.avatar-group-lg .avatar>.initial-wrap {
  font-size: 0.95rem;
}

.avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}

.avatar-list-stacked.avatar-group-md .avatar {
  width: 2.25rem;
  height: 2.25rem;
}

.avatar-list-stacked.avatar-group-md .avatar>.initial-wrap {
  font-size: 0.95rem;
}

.avatar-list-stacked.avatar-group-md.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}

.avatar-list-stacked.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}

.avatar-list-stacked.avatar-group-sm .avatar>.initial-wrap {
  font-size: 0.6rem;
}

.avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}

.avatar-list-stacked.avatar-group-xs .avatar {
  width: 1rem;
  height: 1rem;
  margin-inline-end: -6px !important;
}

.avatar-list-stacked.avatar-group-xs .avatar>.initial-wrap {
  font-size: 0.6rem;
}

.avatar-list-stacked.avatar-group-xs.avatar-group-overlapped .avatar {
  margin-right: -6px;
}

.avatar-list-stacked .avatar {
  margin-inline-end: -0.875rem !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  transition: transform ease 200ms;
}

.avatar-list-stacked .avatar:last-child {
  margin-inline-end: 0 !important;
}

.avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: translateY(-0.188rem);
}

.avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.avatar-group .avatar {
  width: 2.625rem;
  height: 2.625rem;
}

.avatar-group .avatar .avatar-img,
.avatar-group .avatar>.initial-wrap {
  border: 2px solid #FFF;
  font-size: 0.9rem;
}

.avatar-group.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}

.avatar-group.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}

.avatar-group.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}

.avatar-group.avatar-group-lg .avatar>.initial-wrap {
  font-size: 0.95rem;
}

.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}

.avatar-group.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}

.avatar-group.avatar-group-sm .avatar>.initial-wrap {
  font-size: 0.6rem;
}

.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  8.boostrap
============================*/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f37a1f;
  text-shadow: unset;
}

.bootstrap-datetimepicker-widget table th {
  font-size: 15px;
  font-weight: 500;
  color: #111827;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.next {
  padding-bottom: 6px;
}

.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span {
  width: 24px;
  height: 24px;
  font-size: 12px;
  border: 1px solid #E7EDF2;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

.bootstrap-datetimepicker-widget table th.prev span:hover,
.bootstrap-datetimepicker-widget table th.next span:hover {
  background: #212E47;
  border-color: #212E47;
  color: #FFF;
}

.bootstrap-datetimepicker-widget table td {
  font-size: 15px;
  color: #393F4D;
}

.bootstrap-datetimepicker-widget table td.day {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.bootstrap-datetimepicker-widget {
  z-index: 999 !important;
}

.bootstrap-datetimepicker-widget .picker-switch {
  padding-bottom: 6px;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #f37a1f;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: transparent;
}

.border-success {
  border-color: #04BD6C !important;
}

.shadow-sm {
  box-shadow: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36) !important;
}

.shadow-md {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

.list-group-item {
  border-color: #E7EDF2 !important;
  color: inherit;
}

.list-group a.active {
  background: #FBDCD7;
  color: #f37a1f;
}

.list-group a:hover {
  background: #FBDCD7;
  color: #f37a1f;
}

.list-styled-dotted li {
  list-style-type: disc;
}

.custom-offcanvas.offcanvas.offcanvas-end {
  width: 600px !important;
}

.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn {
  width: 20px;
  height: 20px;
  color: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background-color: #656B76;
  border: 1px solid #656B76;
}

.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn:hover {
  background: #FF0000;
  border-color: #FF0000;
}

.w-40 {
  width: 40%;
}

@media (max-width: 767.98px) {
  .w-40 {
    width: 100%;
  }
}

hr {
  border-color: #E7EDF2;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  9.button
============================*/
.btn-primary {
  color: #FFF;
  background-color: #f37a1f;
  border-color: #f37a1f;
  font-size: 14px;
  font-size: 14px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn.show:hover,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background-color: #f37a1f;
  border-color: #f37a1f;
  color: #FFF;
}

button {
  cursor: pointer;
}

button:focus {
  outline: 0;
  box-shadow: none;
}

.btn {
  border-radius: 40px;
  padding: 9px 16px;
  font-size: 14px;
  transition: all 0.5s;
  font-weight: 500;
}

.btn:focus {
  box-shadow: none !important;
}

.btn:hover {
  transition: all 0.5s;
}

.btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

.btn.btn-xl {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.btn.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

.btn.btn-md {
  padding: 0.315rem 0.75rem;
  font-size: 0.813rem;
}

.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.625rem;
}

.btn.btn-primary {
  background-color: #f37a1f;
  border: 1px solid #f37a1f;
  color: #FFF;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background-color: rgb(176.7135245902, 44.3918032787, 31.5864754098);
  border: 1px solid rgb(176.7135245902, 44.3918032787, 31.5864754098);
  color: #FFF;
}

.btn.btn-secondary {
  background-color: #98AA30;
  border: 1px solid #98AA30;
  color: #FFF;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary.focus,
.btn.btn-secondary:active,
.btn.btn-secondary.active {
  background-color: rgb(127.1082568807, 142.1605504587, 40.1394495413);
  border: 1px solid rgb(127.1082568807, 142.1605504587, 40.1394495413);
  color: #FFF;
}

.btn.btn-success {
  background-color: #04BD6C;
  border: 1px solid #04BD6C;
  color: #FFF;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success.focus,
.btn.btn-success:active,
.btn.btn-success.active {
  background-color: rgb(3.2601036269, 154.0398963731, 88.0227979275);
  border: 1px solid rgb(3.2601036269, 154.0398963731, 88.0227979275);
  color: #FFF;
}

.btn.btn-info {
  background-color: #155EEF;
  border: 1px solid #155EEF;
  color: #FFF;
}

.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info.focus,
.btn.btn-info:active,
.btn.btn-info.active {
  background-color: rgb(14.3552, 79.8508, 209.9448);
  border: 1px solid rgb(14.3552, 79.8508, 209.9448);
  color: #FFF;
}

.btn.btn-teal {
  background-color: #0E9384;
  border: 1px solid #0E9384;
  color: #FFF;
}

.btn.btn-teal:hover,
.btn.btn-teal:focus,
.btn.btn-teal.focus,
.btn.btn-teal:active,
.btn.btn-teal.active {
  background-color: rgb(10.8956521739, 114.4043478261, 102.7304347826);
  border: 1px solid rgb(10.8956521739, 114.4043478261, 102.7304347826);
  color: #FFF;
}

.btn.btn-warning {
  background-color: #FFCA18;
  border: 1px solid #FFCA18;
  color: #FFF;
}

.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning.focus,
.btn.btn-warning:active,
.btn.btn-warning.active {
  background-color: rgb(243.3, 187.4779220779, 0);
  border: 1px solid rgb(243.3, 187.4779220779, 0);
  color: #FFF;
}

.btn.btn-danger {
  background-color: #FF0000;
  border: 1px solid #FF0000;
  color: #FFF;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger.focus,
.btn.btn-danger:active,
.btn.btn-danger.active {
  background-color: rgb(219.3, 0, 0);
  border: 1px solid rgb(219.3, 0, 0);
  color: #FFF;
}

.btn.btn-dark {
  background-color: #212E47;
  border: 1px solid #212E47;
  color: #FFF;
}

.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark.focus,
.btn.btn-dark:active,
.btn.btn-dark.active {
  background-color: rgb(21.6721153846, 30.2096153846, 46.6278846154);
  border: 1px solid rgb(21.6721153846, 30.2096153846, 46.6278846154);
  color: #FFF;
}

.btn.btn-light {
  background-color: #E4EBF1;
  border: 1px solid #E4EBF1;
  color: #FFF;
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light.focus,
.btn.btn-light:active,
.btn.btn-light.active {
  background-color: rgb(204.4902439024, 217.5853658537, 228.8097560976);
  border: 1px solid rgb(204.4902439024, 217.5853658537, 228.8097560976);
  color: #FFF;
}

.btn.btn-black {
  background-color: #000;
  border: 1px solid #000;
  color: #FFF;
}

.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black.focus,
.btn.btn-black:active,
.btn.btn-black.active {
  background-color: hsl(0, 0%, -7%);
  border: 1px solid hsl(0, 0%, -7%);
  color: #FFF;
}

.btn.btn-purple {
  background-color: #6938EF;
  border: 1px solid #6938EF;
  color: #FFF;
}

.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple.focus,
.btn.btn-purple:active,
.btn.btn-purple.active {
  background-color: rgb(80.0930232558, 22.956744186, 236.343255814);
  border: 1px solid rgb(80.0930232558, 22.956744186, 236.343255814);
  color: #FFF;
}

.btn.btn-pink {
  background-color: #DD2590;
  border: 1px solid #DD2590;
  color: #FFF;
}

.btn.btn-pink:hover,
.btn.btn-pink:focus,
.btn.btn-pink.focus,
.btn.btn-pink:active,
.btn.btn-pink.active {
  background-color: rgb(192.3071428571, 29.9928571429, 124.3821428571);
  border: 1px solid rgb(192.3071428571, 29.9928571429, 124.3821428571);
  color: #FFF;
}

.btn.btn-primary {
  background-color: #f37a1f;
  border: 1px solid #f37a1f;
  color: #FFF;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background-color: rgb(192.9656903766, 55.1330543933, 42.3343096234);
  border: 1px solid rgb(192.9656903766, 55.1330543933, 42.3343096234);
  color: #FFF;
}

.btn.btn-light {
  background-color: #E4EBF1;
  border: 1px solid #E4EBF1;
  color: #111827;
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light.focus,
.btn.btn-light:active,
.btn.btn-light.active {
  background-color: rgb(204.5351351351, 217.1513513514, 227.6648648649);
  border: 1px solid rgb(204.5351351351, 217.1513513514, 227.6648648649);
  color: #393F4D;
}

.btn.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #111827;
}

.btn.btn-white:hover {
  background-color: #f37a1f;
  border-color: #f37a1f;
  color: #FFF;
}

.btn.btn-linear-primary {
  background-image: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
  color: #FFF;
  border: 0;
}

.btn.btn-linear-primary:hover {
  background-image: linear-gradient(90deg, #0A67F2 0%, #FD2692 100%);
}

.btn-group .btn {
  padding: 0.45rem 0.75rem;
}

.btn-group-lg .btn {
  padding: 0.65rem 1rem;
}

.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}

.btn.btn-w-xs {
  min-width: 5.625rem;
}

.btn.btn-w-sm {
  min-width: 6.975rem;
}

.btn.btn-w-md {
  min-width: 8.125rem;
}

.btn.btn-w-lg {
  min-width: 9.375rem;
}

.btn-icon i {
  padding: 0rem;
  margin: -0.5rem;
}

.btn-icon.btn-sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8rem;
}

.btn-icon.btn-lg {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.2rem;
}

.btn-list>button,
.btn-list>a {
  margin: 0 0.375rem 0.375rem 0;
}

[dir=rtl] .btn-list button,
[dir=rtl] .btn-list div,
[dir=rtl] .btn-list a,
[dir=rtl] .btn-list input {
  margin: 0 0 0.375rem 0.375rem;
}

.btn-list {
  margin-block-end: -0.5rem;
}

.btn-square {
  border-radius: 0;
}

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px;
}

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0;
}

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px;
}

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0;
}

.btn.btn-primary-light {
  background-color: rgba(207, 52, 37, 0.1);
  color: #f37a1f;
}

.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
  background-color: #f37a1f;
  color: #FFF;
  border-color: #f37a1f;
}

.btn.btn-secondary-light {
  background-color: rgba(152, 170, 48, 0.1);
  color: #98AA30;
}

.btn.btn-secondary-light:hover,
.btn.btn-secondary-light:focus,
.btn.btn-secondary-light:active {
  background-color: #98AA30;
  color: #FFF;
  border-color: #98AA30;
}

.btn.btn-warning-light {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}

.btn.btn-warning-light:hover,
.btn.btn-warning-light:focus,
.btn.btn-warning-light:active {
  background-color: #FFCA18;
  color: #FFF;
  border-color: #FFCA18;
}

.btn.btn-info-light {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}

.btn.btn-info-light:hover,
.btn.btn-info-light:focus,
.btn.btn-info-light:active {
  background-color: #155EEF;
  color: #FFF;
  border-color: #155EEF;
}

.btn.btn-success-light {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
}

.btn.btn-success-light:hover,
.btn.btn-success-light:focus,
.btn.btn-success-light:active {
  background-color: #04BD6C;
  color: #FFF;
  border-color: #04BD6C;
}

.btn.btn-danger-light {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}

.btn.btn-danger-light:hover,
.btn.btn-danger-light:focus,
.btn.btn-danger-light:active {
  background-color: #FF0000;
  color: #FFF;
  border-color: #FF0000;
}

.btn.btn-primary-ghost {
  background-color: transparent;
  color: #f37a1f;
  border: 1px solid #f37a1f;
}

.btn.btn-primary-ghost:active {
  color: #f37a1f;
  border: 1px solid #f37a1f;
  background-color: transparent;
}

.btn.btn-secondary-ghost {
  background-color: transparent;
  color: #98AA30;
  border: 1px solid #98AA30;
}

.btn.btn-secondary-ghost:active {
  color: #98AA30;
  border: 1px solid #98AA30;
  background-color: transparent;
}

.btn.btn-warning-ghost {
  background-color: transparent;
  color: #FFCA18;
  border: 1px solid #FFCA18;
}

.btn.btn-warning-ghost:active {
  color: #FFCA18;
  border: 1px solid #FFCA18;
  background-color: transparent;
}

.btn.btn-info-ghost {
  background-color: transparent;
  color: #155EEF;
  border: 1px solid #155EEF;
}

.btn.btn-info-ghost:active {
  color: #155EEF;
  border: 1px solid #155EEF;
  background-color: transparent;
}

.btn.btn-success-ghost {
  background-color: transparent;
  color: #04BD6C;
  border: 1px solid #04BD6C;
}

.btn.btn-success-ghost:active {
  color: #04BD6C;
  border: 1px solid #04BD6C;
  background-color: transparent;
}

.btn.btn-danger-ghost {
  background-color: transparent;
  color: #FF0000;
  border: 1px solid #FF0000;
}

.btn.btn-danger-ghost:active {
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: transparent;
}

.btn-list button {
  margin: 0 0.375rem 0.375rem 0;
}

.btn-outline-primary {
  border: 1px solid #f37a1f !important;
  color: #f37a1f !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #f37a1f !important;
  border: 1px solid #f37a1f !important;
  box-shadow: 0 3px 10px rgba(207, 52, 37, 0.5);
  color: #FFF !important;
}

.btn-outline-secondary {
  border: 1px solid #98AA30 !important;
  color: #98AA30 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background-color: #98AA30 !important;
  border: 1px solid #98AA30 !important;
  box-shadow: 0 3px 10px rgba(152, 170, 48, 0.5);
  color: #FFF !important;
}

.btn-outline-success {
  border: 1px solid #04BD6C !important;
  color: #04BD6C !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus,
.btn-outline-success:active,
.btn-outline-success.active {
  background-color: #04BD6C !important;
  border: 1px solid #04BD6C !important;
  box-shadow: 0 3px 10px rgba(4, 189, 108, 0.5);
  color: #FFF !important;
}

.btn-outline-danger {
  border: 1px solid #FF0000 !important;
  color: #FF0000 !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-danger:active,
.btn-outline-danger.active {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  box-shadow: 0 3px 10px rgba(255, 0, 0, 0.5);
  color: #FFF !important;
}

.btn-outline-warning {
  border: 1px solid #FFCA18 !important;
  color: #FFCA18 !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning.active {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  box-shadow: 0 3px 10px rgba(255, 202, 24, 0.5);
  color: #FFF !important;
}

.btn-outline-info {
  border: 1px solid #155EEF !important;
  color: #155EEF !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info.active {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  box-shadow: 0 3px 10px rgba(21, 94, 239, 0.5);
  color: #FFF !important;
}

.btn-outline-light {
  border: 1px solid #E4EBF1 !important;
  color: #393F4D !important;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:active,
.btn-outline-light.active {
  background-color: #E4EBF1 !important;
  border: 1px solid #E4EBF1 !important;
  color: #393F4D !important;
}

.btn-outline-dark {
  border: 1px solid #212E47 !important;
  color: #212E47 !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus,
.btn-outline-dark:active,
.btn-outline-dark.active {
  background-color: #212E47 !important;
  border: 1px solid #212E47 !important;
  box-shadow: 0 3px 10px rgba(33, 46, 71, 0.5);
  color: #FFF !important;
}

.btn-soft-primary {
  background-color: #F5B9B0 !important;
  color: #f37a1f !important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary.focus,
.btn-soft-primary:active,
.btn-soft-primary.active {
  box-shadow: 0 3px 12px rgba(207, 52, 37, 0.2);
  border-color: #f37a1f;
}

.btn-soft-secondary {
  background-color: #D4E8C9 !important;
  color: #98AA30 !important;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary.focus,
.btn-soft-secondary:active,
.btn-soft-secondary.active {
  box-shadow: 0 3px 12px rgba(152, 170, 48, 0.2);
  border-color: #98AA30;
}

.btn-soft-success {
  background-color: #A4EBC4 !important;
  color: #04BD6C !important;
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success.focus,
.btn-soft-success:active,
.btn-soft-success.active {
  box-shadow: 0 3px 12px rgba(4, 189, 108, 0.2);
  border-color: #04BD6C;
}

.btn-soft-danger {
  background-color: #FFC8BD !important;
  color: #FF0000 !important;
}

.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger.focus,
.btn-soft-danger:active,
.btn-soft-danger.active {
  box-shadow: 0 3px 12px rgba(255, 0, 0, 0.2);
  border-color: #FF0000;
}

.btn-soft-warning {
  background-color: #FFF0CA !important;
  color: #FFCA18 !important;
}

.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning.focus,
.btn-soft-warning:active,
.btn-soft-warning.active {
  box-shadow: 0 3px 12px rgba(255, 202, 24, 0.2);
  border-color: #FFCA18;
}

.btn-soft-info {
  background-color: rgba(21, 94, 239, 0.3) !important;
  color: #155EEF !important;
}

.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info.focus,
.btn-soft-info:active,
.btn-soft-info.active {
  box-shadow: 0 3px 12px rgba(21, 94, 239, 0.2);
  border-color: #155EEF;
}

.btn-soft-light {
  background-color: rgba(228, 235, 241, 0.9) !important;
  color: #4E5561 !important;
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light.focus,
.btn-soft-light:active,
.btn-soft-light.active {
  box-shadow: 0 3px 12px rgba(228, 235, 241, 0.2);
  border-color: #E4EBF1;
  border-color: #4E5561;
}

.btn-soft-dark {
  background-color: rgba(33, 46, 71, 0.3) !important;
  color: #FFF !important;
}

.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark.focus,
.btn-soft-dark:active,
.btn-soft-dark.active {
  box-shadow: 0 3px 12px rgba(33, 46, 71, 0.2);
  border-color: #212E47;
}

.page-loader {
  width: 48px;
  height: 48px;
  border: 4px solid;
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent #f37a1f #f37a1f transparent;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s ease-in-out infinite;
}

.page-loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 12px solid;
  border-color: transparent #98AA30 #98AA30 transparent;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
    11.border
============================*/
.badge.badge-primary {
  background: rgba(207, 52, 37, 0.1);
  box-shadow: 0 1px 1px rgba(207, 52, 37, 0.5);
  color: #f37a1f;
}

.badge.badge-info-100 {
  background: #E7F0FF;
  color: #155EEF;
}

.badge.badge-primary {
  background: #f37a1f;
  color: #FFF;
}

.badge.badge-soft-primary {
  background: rgba(207, 52, 37, 0.1);
  color: #f37a1f;
}

.badge.badge-secondary {
  background: #98AA30;
  color: #FFF;
}

.badge.badge-soft-secondary {
  background: rgba(152, 170, 48, 0.1);
  color: #98AA30;
}

.badge.badge-success {
  background: #04BD6C;
  color: #FFF;
}

.badge.badge-soft-success {
  background: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
}

.badge.badge-info {
  background: #155EEF;
  color: #FFF;
}

.badge.badge-soft-info {
  background: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}

.badge.badge-teal {
  background: #0E9384;
  color: #FFF;
}

.badge.badge-soft-teal {
  background: rgba(14, 147, 132, 0.1);
  color: #0E9384;
}

.badge.badge-warning {
  background: #FFCA18;
  color: #FFF;
}

.badge.badge-soft-warning {
  background: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}

.badge.badge-danger {
  background: #FF0000;
  color: #FFF;
}

.badge.badge-soft-danger {
  background: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}

.badge.badge-dark {
  background: #212E47;
  color: #FFF;
}

.badge.badge-soft-dark {
  background: rgba(33, 46, 71, 0.1);
  color: #212E47;
}

.badge.badge-light {
  background: #E4EBF1;
  color: #FFF;
}

.badge.badge-soft-light {
  background: rgba(228, 235, 241, 0.1);
  color: #E4EBF1;
}

.badge.badge-black {
  background: #000;
  color: #FFF;
}

.badge.badge-soft-black {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.badge.badge-purple {
  background: #6938EF;
  color: #FFF;
}

.badge.badge-soft-purple {
  background: rgba(105, 56, 239, 0.1);
  color: #6938EF;
}

.badge.badge-pink {
  background: #DD2590;
  color: #FFF;
}

.badge.badge-soft-pink {
  background: rgba(221, 37, 144, 0.1);
  color: #DD2590;
}

.badge {
  padding: 0.25rem 0.45rem;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 4px;
}

.badge.badge-xs {
  font-size: 10px;
  padding: 0px 5px;
  line-height: 18px;
}

.badge.badge-sm {
  font-size: 11px;
  padding: 5px 8px;
  line-height: 11px;
}

.badge.badge-md {
  font-size: 12px;
  padding: 5px 12px;
  line-height: 1.5;
}

.badge.badge-lg {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 30px;
}

.badge.badge-xl {
  font-size: 16px;
  padding: 0px 15px;
  line-height: 35px;
}

.badge.badge-soft-cyan {
  background: #ECF7FB;
  color: #06AED4;
}

.badge.arrow {
  width: 20px;
  height: 20px;
  background: #F8FAFB;
  color: #212E47;
}

.badge.arrow:hover {
  background: #f37a1f;
  color: #FFF;
}

.badge.bg-light.arrow:hover {
  background: #212E47 !important;
}

.badge-primary-hover:hover {
  background: #f37a1f !important;
  border-color: #f37a1f !important;
  color: #FFF !important;
}

.badge-danger-hover:hover {
  background: #FF0000 !important;
  border-color: #FF0000 !important;
  color: #FFF !important;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  11.border
============================*/
.border-container {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: #E4EBF1;
}

.border {
  border: 1px solid #E4EBF1 !important;
}

.border.border-dashed {
  border-style: dashed !important;
}

.border.border-dotted {
  border-style: dotted !important;
}

.border.border-primary {
  border: 1px solid #f37a1f !important;
  opacity: 1;
}

.border.border-primary.border-opacity-10 {
  border-color: rgba(207, 52, 37, 0.1) !important;
}

.border.border-primary.border-opacity-25 {
  border-color: rgba(207, 52, 37, 0.25) !important;
}

.border.border-primary.border-opacity-50 {
  border-color: rgba(207, 52, 37, 0.5) !important;
}

.border.border-primary.border-opacity-75 {
  border-color: rgba(207, 52, 37, 0.75) !important;
}

.border.border-primary.border-opacity-100 {
  border-color: #f37a1f !important;
}

.border.border-secondary {
  border: 1px solid #98AA30 !important;
  opacity: 1;
}

.border.border-secondary.border-opacity-10 {
  border-color: rgba(152, 170, 48, 0.1) !important;
}

.border.border-secondary.border-opacity-25 {
  border-color: rgba(152, 170, 48, 0.25) !important;
}

.border.border-secondary.border-opacity-50 {
  border-color: rgba(152, 170, 48, 0.5) !important;
}

.border.border-secondary.border-opacity-75 {
  border-color: rgba(152, 170, 48, 0.75) !important;
}

.border.border-secondary.border-opacity-100 {
  border-color: #98aa30 !important;
}

.border.border-info {
  border: 1px solid #155EEF !important;
  opacity: 1;
}

.border.border-info.border-opacity-10 {
  border-color: rgba(21, 94, 239, 0.1) !important;
}

.border.border-info.border-opacity-25 {
  border-color: rgba(21, 94, 239, 0.25) !important;
}

.border.border-info.border-opacity-50 {
  border-color: rgba(21, 94, 239, 0.5) !important;
}

.border.border-info.border-opacity-75 {
  border-color: rgba(21, 94, 239, 0.75) !important;
}

.border.border-info.border-opacity-100 {
  border-color: #155eef !important;
}

.border.border-success {
  border: 1px solid #04BD6C !important;
  opacity: 1;
}

.border.border-success.border-opacity-10 {
  border-color: rgba(4, 189, 108, 0.1) !important;
}

.border.border-success.border-opacity-25 {
  border-color: rgba(4, 189, 108, 0.25) !important;
}

.border.border-success.border-opacity-50 {
  border-color: rgba(4, 189, 108, 0.5) !important;
}

.border.border-success.border-opacity-75 {
  border-color: rgba(4, 189, 108, 0.75) !important;
}

.border.border-success.border-opacity-100 {
  border-color: #04bd6c !important;
}

.border.border-warning {
  border: 1px solid #FFCA18 !important;
  opacity: 1;
}

.border.border-warning.border-opacity-10 {
  border-color: rgba(255, 202, 24, 0.1) !important;
}

.border.border-warning.border-opacity-25 {
  border-color: rgba(255, 202, 24, 0.25) !important;
}

.border.border-warning.border-opacity-50 {
  border-color: rgba(255, 202, 24, 0.5) !important;
}

.border.border-warning.border-opacity-75 {
  border-color: rgba(255, 202, 24, 0.75) !important;
}

.border.border-warning.border-opacity-100 {
  border-color: #ffca18 !important;
}

.border.border-danger {
  border: 1px solid #FF0000 !important;
  opacity: 1;
}

.border.border-danger.border-opacity-10 {
  border-color: rgba(255, 0, 0, 0.1) !important;
}

.border.border-danger.border-opacity-25 {
  border-color: rgba(255, 0, 0, 0.25) !important;
}

.border.border-danger.border-opacity-50 {
  border-color: rgba(255, 0, 0, 0.5) !important;
}

.border.border-danger.border-opacity-75 {
  border-color: rgba(255, 0, 0, 0.75) !important;
}

.border.border-danger.border-opacity-100 {
  border-color: red !important;
}

.border.border-white {
  border: 1px solid #FFF !important;
  opacity: 1;
}

.border.border-white.border-opacity-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border.border-white.border-opacity-25 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.border.border-white.border-opacity-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.border.border-white.border-opacity-75 {
  border-color: rgba(255, 255, 255, 0.75) !important;
}

.border.border-white.border-opacity-100 {
  border-color: white !important;
}

.border.border-light {
  border: 1px solid #E4EBF1 !important;
  opacity: 1;
}

.border.border-light.border-opacity-10 {
  border-color: rgba(228, 235, 241, 0.1) !important;
}

.border.border-light.border-opacity-25 {
  border-color: rgba(228, 235, 241, 0.25) !important;
}

.border.border-light.border-opacity-50 {
  border-color: rgba(228, 235, 241, 0.5) !important;
}

.border.border-light.border-opacity-75 {
  border-color: rgba(228, 235, 241, 0.75) !important;
}

.border.border-light.border-opacity-100 {
  border-color: #e4ebf1 !important;
}

.border.border-dark {
  border: 1px solid #212E47 !important;
  opacity: 1;
}

.border.border-dark.border-opacity-10 {
  border-color: rgba(33, 46, 71, 0.1) !important;
}

.border.border-dark.border-opacity-25 {
  border-color: rgba(33, 46, 71, 0.25) !important;
}

.border.border-dark.border-opacity-50 {
  border-color: rgba(33, 46, 71, 0.5) !important;
}

.border.border-dark.border-opacity-75 {
  border-color: rgba(33, 46, 71, 0.75) !important;
}

.border.border-dark.border-opacity-100 {
  border-color: #212e47 !important;
}

.border.border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}

.border.border-opacity-25 {
  --bs-border-opacity: 0.25 !important;
}

.border.border-opacity-50 {
  --bs-border-opacity: 0.5 !important;
}

.border.border-opacity-75 {
  --bs-border-opacity: 0.75 !important;
}

.border.border-opacity-100 {
  --bs-border-opacity: 1 !important;
}

.border.border-1 {
  border-width: 1px !important;
}

.border.border-2 {
  border-width: 2px !important;
}

.border.border-3 {
  border-width: 3px !important;
}

.border.border-4 {
  border-width: 4px !important;
}

.border.border-5 {
  border-width: 5px !important;
}

.border.border-block-start-dashed {
  border-top-style: dashed;
}

.border.border-block-start-dotted {
  border-top-style: dotted;
}

.border.border-inline-end-dashed {
  border-inline-end-style: dashed;
}

.border.border-inline-end-dotted {
  border-inline-end-style: dotted;
}

.border.border-block-end-dashed {
  border-bottom-style: dashed;
}

.border.border-block-end-dotted {
  border-bottom-style: dotted;
}

.border.border-inline-start-dashed {
  border-inline-start-style: dashed;
}

.border.border-inline-start-dotted {
  border-inline-start-style: dotted;
}

.border.border-0 {
  border: 0 !important;
}

.border.border-top-0 {
  border-block-start: 0 !important;
}

.border.border-end-0 {
  border-inline-end: 0 !important;
}

.border.border-bottom-0 {
  border-block-end: 0 !important;
}

.border.border-start-0 {
  border-inline-start: 0 !important;
}

.border-top {
  border-top: 1px solid #E4EBF1 !important;
}

.border-top.border-block-start-dashed {
  border-top-style: dashed !important;
}

.border-top.border-block-start-dotted {
  border-top-style: dotted !important;
}

.border-top.border-primary {
  border-color: #f37a1f !important;
}

.border-top.border-secondary {
  border-color: #98AA30 !important;
}

.border-top.border-warning {
  border-color: #FFCA18 !important;
}

.border-top.border-info {
  border-color: #155EEF !important;
}

.border-top.border-success {
  border-color: #04BD6C !important;
}

.border-top.border-danger {
  border-color: #FF0000 !important;
}

.border-top.border-light {
  border-color: #E4EBF1 !important;
}

.border-top.border-dark {
  border-color: #212E47 !important;
}

.border-end {
  border-inline-end: 1px solid #E4EBF1 !important;
}

.border-end.border-inline-end-dashed {
  border-inline-end-style: dashed !important;
}

.border-end.border-inline-end-dotted {
  border-inline-end-style: dotted !important;
}

.border-end.border-primary {
  border-color: #f37a1f !important;
}

.border-end.border-secondary {
  border-color: #98AA30 !important;
}

.border-end.border-warning {
  border-color: #FFCA18 !important;
}

.border-end.border-info {
  border-color: #155EEF !important;
}

.border-end.border-success {
  border-color: #04BD6C !important;
}

.border-end.border-danger {
  border-color: #FF0000 !important;
}

.border-end.border-light {
  border-color: #E4EBF1 !important;
}

.border-end.border-dark {
  border-color: #212E47 !important;
}

.border-bottom {
  border-bottom: 1px solid #E4EBF1 !important;
}

.border-bottom.border-block-end-dashed {
  border-bottom-style: dashed !important;
}

.border-bottom.border-block-end-dotted {
  border-bottom-style: dotted !important;
}

.border-bottom.border-primary {
  border-color: #f37a1f !important;
}

.border-bottom.border-secondary {
  border-color: #98AA30 !important;
}

.border-bottom.border-warning {
  border-color: #FFCA18 !important;
}

.border-bottom.border-info {
  border-color: #155EEF !important;
}

.border-bottom.border-success {
  border-color: #04BD6C !important;
}

.border-bottom.border-danger {
  border-color: #FF0000 !important;
}

.border-bottom.border-light {
  border-color: #E4EBF1 !important;
}

.border-bottom.border-dark {
  border-color: #212E47 !important;
}

.border-bottom.border-cyan {
  border-color: #06AED4 !important;
}

.border-start {
  border-inline-start: 1px solid #E4EBF1 !important;
}

.border-start.border-inline-start-dashed {
  border-inline-start-style: dashed !important;
}

.border-start.border-inline-start-dotted {
  border-inline-start-style: dotted !important;
}

.border-start.border-primary {
  border-color: #f37a1f !important;
}

.border-start.border-secondary {
  border-color: #98AA30 !important;
}

.border-start.border-warning {
  border-color: #FFCA18 !important;
}

.border-start.border-info {
  border-color: #155EEF !important;
}

.border-start.border-success {
  border-color: #04BD6C !important;
}

.border-start.border-danger {
  border-color: #FF0000 !important;
}

.border-start.border-light {
  border-color: #E4EBF1 !important;
}

.border-start.border-dark {
  border-color: #212E47 !important;
}

.border-primary {
  border-color: #f37a1f !important;
}

.border-secondary {
  border-color: #98AA30 !important;
}

.border-warning {
  border-color: #FFCA18 !important;
}

.border-info {
  border-color: #155EEF !important;
}

.border-success {
  border-color: #04BD6C !important;
}

.border-danger {
  border-color: #FF0000 !important;
}

.border-cyan {
  border-color: #06AED4 !important;
}

.border-teal {
  border-color: #0E9384 !important;
}

.border-purple {
  border-color: #6938EF !important;
}

.border-3 {
  border-width: 3px !important;
}

.br-1 {
  border-radius: 0.0625rem;
}

.br-2 {
  border-radius: 0.125rem;
}

.br-3 {
  border-radius: 0.1875rem;
}

.br-4 {
  border-radius: 0.25rem;
}

.br-5 {
  border-radius: 0.3125rem !important;
}

.br-6 {
  border-radius: 0.375rem;
}

.br-7 {
  border-radius: 0.4375rem;
}

.br-8 {
  border-radius: 0.5rem;
}

.br-9 {
  border-radius: 0.5625rem;
}

.br-10 {
  border-radius: 0.625rem !important;
}

.br-15 {
  border-radius: 0.9375rem;
}

.br-20 {
  border-radius: 1.25rem;
}

.rounded {
  border-radius: 4px !important;
}

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

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 12.dropdown
============================*/
.dropdown-auto {
  overflow: auto;
}

.dropdown-divider {
  margin: 0;
}

.dropdown .dropdown-toggle {
  font-weight: 400;
  font-size: 14px;
}

.dropdown .dropdown-toggle:after {
  display: inline-block;
  margin-inline-start: 0.5rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.75rem;
  font-weight: 600;
}

.dropdown .dropdown-toggle.btn-primary {
  color: #FFF;
}

.dropdown .dropdown-toggle.text-gray-6.show {
  color: #FFF !important;
  background: #f37a1f !important;
}

.dropdown .dropdown-toggle.text-gray-6.show i {
  color: #FFF !important;
}

.dropdown .dropdown-toggle.text-gray-6.show::after {
  color: #FFF !important;
}

.dropdown .dropdown-menu {
  padding: 20px;
  font-family: "IBM Plex Sans", sans-serif;
}

.dropdown-menu {
  border-color: #E4EBF1;
  box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
  font-size: 0.875rem;
  color: #111827;
  background-color: #FFF;
  padding: 0;
  z-index: 10;
  border-radius: 10px;
}

.dropdown-divider {
  border-color: #E4EBF1;
}

.dropdown-item-text {
  color: #4E5561;
}

.dropdown-header {
  color: #4E5561;
}

.dropdown-item {
  color: #4E5561;
  padding: 0.594rem 0.9375rem;
  font-size: 14px;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #4E5561;
  opacity: 0.5;
}

.dropdown-item:not(.active):hover,
.dropdown-item:not(.active):focus,
.dropdown-item:not(.active):active {
  color: #FFF;
  background-color: #f37a1f;
  border-radius: 5px;
}

.dropdown-item.active {
  background-color: #F1F4F7;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.btn.dropdown-toggle-split {
  opacity: 0.85;
}

.dropdown-menu-dark {
  background-color: #212E47;
  border-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu-dark li a {
  color: #FFF;
}

.btn-list a.dropdown-item {
  margin-block-end: 0;
}

.btn-list .btn-soft-success:hover {
  transform: translateY(0);
}

.btn-list .btn-soft-danger:hover {
  transform: translateY(0);
}

.dropdown-menu.dropdown-menu-primary {
  background-color: #f37a1f;
}

.dropdown-menu.dropdown-menu-primary li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-primary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-primary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-primary .dropdown-item:active,
.dropdown-menu.dropdown-menu-primary .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropdown-menu-secondary {
  background-color: #98AA30;
}

.dropdown-menu.dropdown-menu-secondary li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:focus,
.dropdown-menu.dropdown-menu-secondary .dropdown-item:active,
.dropdown-menu.dropdown-menu-secondary .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropdown-menu-warning {
  background-color: #FFCA18;
}

.dropdown-menu.dropdown-menu-warning li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-warning .dropdown-item:hover,
.dropdown-menu.dropdown-menu-warning .dropdown-item:focus,
.dropdown-menu.dropdown-menu-warning .dropdown-item:active,
.dropdown-menu.dropdown-menu-warning .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropdown-menu-info {
  background-color: #155EEF;
}

.dropdown-menu.dropdown-menu-info li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-info .dropdown-item:hover,
.dropdown-menu.dropdown-menu-info .dropdown-item:focus,
.dropdown-menu.dropdown-menu-info .dropdown-item:active,
.dropdown-menu.dropdown-menu-info .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropdown-menu-success {
  background-color: #04BD6C;
}

.dropdown-menu.dropdown-menu-success li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-success .dropdown-item:hover,
.dropdown-menu.dropdown-menu-success .dropdown-item:focus,
.dropdown-menu.dropdown-menu-success .dropdown-item:active,
.dropdown-menu.dropdown-menu-success .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropdown-menu-danger {
  background-color: #FF0000;
}

.dropdown-menu.dropdown-menu-danger li a {
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu.dropdown-menu-danger .dropdown-item:hover,
.dropdown-menu.dropdown-menu-danger .dropdown-item:focus,
.dropdown-menu.dropdown-menu-danger .dropdown-item:active,
.dropdown-menu.dropdown-menu-danger .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropmenu-item-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-primary .dropdown-item:active,
.dropdown-menu.dropmenu-item-primary .dropdown-item.active {
  background-color: rgba(207, 52, 37, 0.1) !important;
  color: #f37a1f;
}

.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-item-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-item-secondary .dropdown-item.active {
  background-color: rgba(152, 170, 48, 0.1) !important;
  color: #98AA30;
}

.dropdown-menu.dropmenu-item-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-item-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-item-warning .dropdown-item:active,
.dropdown-menu.dropmenu-item-warning .dropdown-item.active {
  background-color: rgba(255, 202, 24, 0.1) !important;
  color: #FFCA18;
}

.dropdown-menu.dropmenu-item-info .dropdown-item:hover,
.dropdown-menu.dropmenu-item-info .dropdown-item:focus,
.dropdown-menu.dropmenu-item-info .dropdown-item:active,
.dropdown-menu.dropmenu-item-info .dropdown-item.active {
  background-color: rgba(21, 94, 239, 0.1) !important;
  color: #155EEF;
}

.dropdown-menu.dropmenu-item-success .dropdown-item:hover,
.dropdown-menu.dropmenu-item-success .dropdown-item:focus,
.dropdown-menu.dropmenu-item-success .dropdown-item:active,
.dropdown-menu.dropmenu-item-success .dropdown-item.active {
  background-color: rgba(4, 189, 108, 0.1) !important;
  color: #04BD6C;
}

.dropdown-menu.dropmenu-item-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-item-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-item-danger .dropdown-item:active,
.dropdown-menu.dropmenu-item-danger .dropdown-item.active {
  background-color: rgba(255, 0, 0, 0.1) !important;
  color: #FF0000;
}

.dropdown-menu.dropmenu-light-primary {
  background-color: rgba(152, 170, 48, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-primary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-primary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-primary .dropdown-item:active,
.dropdown-menu.dropmenu-light-primary .dropdown-item.active {
  color: #FFF;
  background-color: #f37a1f !important;
}

.dropdown-menu.dropmenu-light-secondary {
  background-color: rgba(152, 170, 48, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:focus,
.dropdown-menu.dropmenu-light-secondary .dropdown-item:active,
.dropdown-menu.dropmenu-light-secondary .dropdown-item.active {
  color: #FFF;
  background-color: #98AA30 !important;
}

.dropdown-menu.dropmenu-light-info {
  background-color: rgba(21, 94, 239, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-info .dropdown-item:hover,
.dropdown-menu.dropmenu-light-info .dropdown-item:focus,
.dropdown-menu.dropmenu-light-info .dropdown-item:active,
.dropdown-menu.dropmenu-light-info .dropdown-item.active {
  color: #FFF;
  background-color: #155EEF !important;
}

.dropdown-menu.dropmenu-light-warning {
  background-color: rgba(255, 202, 24, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-warning .dropdown-item:hover,
.dropdown-menu.dropmenu-light-warning .dropdown-item:focus,
.dropdown-menu.dropmenu-light-warning .dropdown-item:active,
.dropdown-menu.dropmenu-light-warning .dropdown-item.active {
  color: #FFF;
  background-color: #FFCA18 !important;
}

.dropdown-menu.dropmenu-light-success {
  background-color: rgba(4, 189, 108, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-success .dropdown-item:hover,
.dropdown-menu.dropmenu-light-success .dropdown-item:focus,
.dropdown-menu.dropmenu-light-success .dropdown-item:active,
.dropdown-menu.dropmenu-light-success .dropdown-item.active {
  color: #FFF;
  background-color: #04BD6C !important;
}

.dropdown-menu.dropmenu-light-danger {
  background-color: rgba(255, 0, 0, 0.1);
  backdrop-filter: blur(2rem);
}

.dropdown-menu.dropmenu-light-danger .dropdown-item:hover,
.dropdown-menu.dropmenu-light-danger .dropdown-item:focus,
.dropdown-menu.dropmenu-light-danger .dropdown-item:active,
.dropdown-menu.dropmenu-light-danger .dropdown-item.active {
  color: #FFF;
  background-color: #FF0000 !important;
}

.dropdown-divider {
  margin: 0;
}

.bd-example>.dropdown-menu {
  position: static;
  display: block;
}

.card-dropdown>a {
  background: #FFF;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #393F4D;
  padding: 10px 10px 10px 30px;
  position: relative;
}

.card-dropdown>a .cal-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.card-dropdown>a i {
  font-size: 16px;
  margin-right: 5px;
}

.card-dropdown>a[aria-expanded=true]::after {
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.card-dropdown .dropdown-menu {
  border: 0;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0px 4px 9px -1px rgba(19, 16, 34, 0.031372549);
}

.card-dropdown .dropdown-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
}

.card-dropdown .dropdown-menu li a i {
  font-size: 16px;
  margin-right: 8px;
}

.card-dropdown .dropdown-menu li a:hover {
  background: #E9EFF3;
  color: #242B3A;
}

.dropdown-md {
  min-width: 320px !important;
}

.dropdown-sm {
  min-width: 260px !important;
}

.dropdown-menu.notes-menu {
  z-index: 99999;
}

.dropdown-menu.notes-menu a.dropdown-item {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padd