.card {
    color: #fff;
}
.card.bg-gradient-primary {
    background: linear-gradient(90deg, #0062E6, #33AEFF);
}
.card.bg-gradient-success {
    background: linear-gradient(90deg, #1CC88A, #29A745);
}
.card.bg-gradient-info {
    background: linear-gradient(90deg, #36B9CC, #4E73DF);
}
.card-icon {
    font-size: 3rem;
    position: absolute;
    top: -1.25rem;
    right: 1.25rem;
    opacity: 0.3;
}

.notification {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

.dash-detail .card-title
{
    color: #fff !important;
    font-size: 4rem;

}

.new-badge {
    background-color: #28a745;
    color: #fff;
    padding: 0.2em 0.6em;
    font-size: 0.8em;
    border-radius: 3px;
    margin-left: 10px;
}

.act-travel
{
    display: flex;
    justify-content: unset;
}

.act-travel .btn
{
    margin-left: 1.8rem;
}

.in-prog
{
    background-color: #2ee09f !important;
}

.loader {
    display: none;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uploaded-img {
    display: none;
    margin-top: 20px;
}

.invalid-feedback {
    display: none;
}

.overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

.cssload-loader {
	width: 244px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:18px;
	color: rgb(25, 167, 206);
	letter-spacing: 0.2em;
}

.cssload-loader::before, .cssload-loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #033d6d;
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}

.cssload-loader::before {
	top: 0;
}

.cssload-loader::after {
	bottom: 0;
}



@keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

#floatingBarsG{
	position:relative;
	width:50px;
	height:62px;
	margin:auto;
}

.blockG{
	position:absolute;
	background-color:rgba(255,255,255,0.55);
	width:8px;
	height:19px;
	border-radius:6px 6px 0 0;
		-o-border-radius:6px 6px 0 0;
		-ms-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;
		-moz-border-radius:6px 6px 0 0;
	transform:scale(0.4);
		-o-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:1.98s;
		-o-animation-duration:1.98s;
		-ms-animation-duration:1.98s;
		-webkit-animation-duration:1.98s;
		-moz-animation-duration:1.98s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:22px;
	animation-delay:0.74s;
		-o-animation-delay:0.74s;
		-ms-animation-delay:0.74s;
		-webkit-animation-delay:0.74s;
		-moz-animation-delay:0.74s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:6px;
	top:8px;
	animation-delay:0.99s;
		-o-animation-delay:0.99s;
		-ms-animation-delay:0.99s;
		-webkit-animation-delay:0.99s;
		-moz-animation-delay:0.99s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:21px;
	top:2px;
	animation-delay:1.24s;
		-o-animation-delay:1.24s;
		-ms-animation-delay:1.24s;
		-webkit-animation-delay:1.24s;
		-moz-animation-delay:1.24s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:6px;
	top:8px;
	animation-delay:1.48s;
		-o-animation-delay:1.48s;
		-ms-animation-delay:1.48s;
		-webkit-animation-delay:1.48s;
		-moz-animation-delay:1.48s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:22px;
	animation-delay:1.73s;
		-o-animation-delay:1.73s;
		-ms-animation-delay:1.73s;
		-webkit-animation-delay:1.73s;
		-moz-animation-delay:1.73s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:6px;
	bottom:6px;
	animation-delay:1.98s;
		-o-animation-delay:1.98s;
		-ms-animation-delay:1.98s;
		-webkit-animation-delay:1.98s;
		-moz-animation-delay:1.98s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:21px;
	animation-delay:2.22s;
		-o-animation-delay:2.22s;
		-ms-animation-delay:2.22s;
		-webkit-animation-delay:2.22s;
		-moz-animation-delay:2.22s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:6px;
	bottom:6px;
	animation-delay:2.47s;
		-o-animation-delay:2.47s;
		-ms-animation-delay:2.47s;
		-webkit-animation-delay:2.47s;
		-moz-animation-delay:2.47s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}



@keyframes fadeG{
	0%{
		background-color:rgb(1,61,112);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgb(1,61,112);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgb(1,61,112);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgb(1,61,112);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgb(1,61,112);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}


@media screen and (max-width: 768px) {
.mob-filter
{
	margin-top:1rem;
}

.action-modal
{
	z-index:99999999 !important;
}

.filter-booking .col-md-3
{
	width:100%;
}
}

.booking-modal .modal-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}
.booking-modal .modal-title {
    color: #2c3e50;
    font-weight: 600;
}
.detail-item {
    margin-bottom: 0.8rem;
    font-size: 0.95rem;
}
.detail-item i {
    width: 25px;
    color: #6c757d;
}
.divider {
    border-left: 1px solid #eee;
}
.status-badge {
    padding: 0.4em 0.6em;
    border-radius: 20px;
    font-size: 0.85em;
}
.status-cancelled {
    background: #ffe6e6;
    color: #dc3545;
}
.status-completed {
    background: #e6ffe6;
    color: #28a745;
}