Revonzy Mini Shell

.software_logo
{
	height:150px !important;
	width: 200px !important;
}
.form-control
{
	background-color:#fff !important;
	color:orangered !important;
	
	border: 1px solid orangered !important;
}
.table-responsive {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth; /* Smooth scrolling */
	border-radius: 8px; /* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
	padding: 10px;
	background-color: #f9f9f9; /* Light background */
}

.table-responsive::-webkit-scrollbar {
	height: 10px; /* Custom scrollbar height */
}

.table-responsive::-webkit-scrollbar-track {
	background: #f1f1f1; /* Light scrollbar track */
	border-radius: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, #007bff 0%, #00c4ff 100%);
	border-radius: 8px;
	border: 2px solid #f1f1f1; /* Adds a border to the thumb */
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(135deg, #0056b3 0%, #009bff 100%);
}

.table thead tr th{
background:#005690;

}
.table thead tr th{
color:#fff !important;

}
.card-header{
	
	background: linear-gradient(to right, #005690, #00AEEF);
	padding:20px;

}
.card-title h4{
	color:#fff;font-weight:bold !important; 
	padding: 0px 20px 20px 20px; 
}
.header-title h3,h4{
	color:#fff;font-weight:bold !important; 
	padding: 0px 20px 20px 20px; 
}
/* .btn-primary{
	background:#005690;border-radius:8px;
	border:2px solid #fff;color:#fff; 
	box-shadow: 0 0 8px rgba(0,123,255,0.5);
} */
.flight-info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px; /* Adjust the height to match the airplane's bottom overlap */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); /* Shadow effect */
    z-index: 0;
    border-radius:10px;

}
.btn-inner{
	padding: 5px;
	border: 2px solid #fff;	
	color:#005690;
	background: #b3ffb3;
	border-radius:50px;
}
.btn-primary{
	background:#005690 !important;
	border-radius:8px !important;
	border:2px solid #fff !important;
	color:#fff !important; 
	box-shadow: 0 0 8px rgba(0,123,255,0.5) !important;
	padding:10px 20px !important;
}
	/* .row{
		background:#fff;
	} */

/* .container{
	background: #fff;
} */

.sidebar-body{
	/* background:#008CDC; */
	background: 
	#0089c7;

	/* background: linear-gradient(0deg, #005690, #00AEEF); */
}

/* .btni:hover {
	background: linear-gradient(to right, #005690, #00AEEF, #FFFFFF);
	color: white !important; 
} */

.btni {
	background-color: white; 
	border: none;
	color: black; 
	margin: 10px;
	font-size: 16px;
	cursor: pointer;

	width: 250px;
	height: 100px !important; /* Adjust the height as needed */
	font-weight: 900 !important;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(63, 47, 47, 0.4); 
	background: linear-gradient(135deg, #E3F2FD, #42A5F5);

	color: white !important; 
	transition: background-color 0.3s ease, color 0.3s ease; 
}
.btni a {
	text-decoration: none;
	/* color: #50BFDB;  */
	color:#005690!important;
			 /* font-size: 20px;
	   font-weight: bold; 
	   background: linear-gradient(45deg, #005690, #00AEEF); 
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: transparent; */
 }

.btni:hover a {
	color: white !important; /* Link color on hover */
}

.btni a:hover {
	text-decoration: none;
	color: white; /* Link color on hover */
}


.btni svg{
	font-size: 20px; 
	color:#B73E42;
}
.navbar-nav{
	display:flex;
	flex-direction:column;
	justify-content:center;
	
}

.nav-item{
	padding: 8px 0px;
	border-bottom:2px solid #FFD700;
}
.nav-link.active{
	background:#FE6600 
}
.nav-link i{
	color:#fff;
}
.nav-link a{
	color: #fff !important;
	
}
.nav-item a:hover{
	background: none !important;

}
/* .nav-link span{
	font-size: 18px !important;
} */
.sidenav-mini-icon {
	color: orange;
} 
.nav-item span{
color:#fff;
font-size: 16px;
font-weight: 700;
}

.sidebar.sidebar-default .nav-link:not(.static-item).active, .sidebar.sidebar-default .nav-link:not(.static-item).active{
background: #FE6600 ;
}
.nav-item svg{
	font-size: 20px; color:#fff;
}
.nav-item i{
	color:#fff;
}
.nav{
	background: linear-gradient(135deg, #005690 30%, #00AEEF 70%, #FFFFFF 100%);
}
.section {
	flex-basis: calc(25% - 20px);
  
	height: 150px;
  
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
 } 
 
.section p{
	color: #fff !important;
}
.mid-card{
	background: linear-gradient(135deg, #005690 30%, #00AEEF 70%, #FFFFFF 100%);
}
.top-card{
	padding-top: 10px;
	padding-left: 20px;
	background: linear-gradient(90deg, #FFD700, #FFA500, #FF4500);

	/* background-color: #FFD700; */
	/* text-align: center; */
}
.top-card p{
	color: #CB1D23;
	font-weight: bold;
}
 /* .search {
	background-color: #005690;
	padding: 10px 40px;
	border-radius: 10px;
	margin-top: -10px;
	border: none;
	
	color: white;
	
	cursor: pointer;
	
 } */
 /* .search a{
	color: white;
 } */
 .get-content{
	border: 2px solid #005690;
	color: #005690;

	width: 120px;
	border-radius: 5px;
	padding: 5px;
 }
 .get-content p,a{
	color: #005690;
 }
 .card-three {
	position: relative;
	background-image: url('https://img.freepik.com/free-vector/time-travel-vector-flyer-with-white-copy-space-sky-with-airplane_134830-1061.jpg?uid=R157848704&ga=GA1.1.1211005097.1709270162&semt=ais_hybrid'); /* Replace with your image URL */
	background-size: cover;
	background-position: center;
	color: #ffffff; /* Set text color to white for better contrast */
  }
  
  .card-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6); /* Black overlay with 60% opacity */
	pointer-events: none; /* Allows interaction with content */
  }
  
  .card-three td, .table-body h3, .table-body h4, .table-body p, .table-body label {
	position: relative; /* Ensure text is above the overlay */
	z-index: 1; /* Ensure text is above the overlay */
  }
.card-three label,p{
	color:#000;
	font-weight:bold;
}  
.card-three tr td h4{
	color:#000;
	font-weight:bold;
}         
.col-7 .search {
	background-color: #ffd700; /* Gold color for the button */
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
  }
.search {
	background-color: #ffd700; /* Gold color for the button */
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
}
  
  .search a {
	text-decoration: none;
	color: #000000; /* Button text color */
  }
.card-three .green-text {
	color: #FE6600;
  
	font-weight:bold; /* Green text color */
  }  
  /* ///////////// */
  .section {
	flex-basis: calc(25% - 20px);
  
	height: 150px;
  
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
 } */

 .section h3 {
	margin-top: 5px;
 }

 .section4 {
	flex: 1;
	height: 150px;
	border-bottom: 1px solid #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin-bottom: 20px;
 }

 .bottom-labels {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	margin-bottom: 0;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
	margin-top: -20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 5px;
 }
 .label1 {
	flex: 1;
	text-align: left;
 }

 .label2 {
	flex: 1;
	text-align: center;
 }

 .label3 {
	flex: 1;
;
	text-align: right;
 }

 .border-left{
	border-left: 1px solid #ccc;
 }
	select {
	   width: 100%;
	   padding: 10px;
	   font-size: 20px;
	   font-weight: bold;
	   border: 1px solid #ccc;
	   border-radius: 4px;
	   appearance: none;
	   background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
	   background-repeat: no-repeat;
	   background-position: right 8px center;
 }
select:focus {
outline: none;
border-color: #66afe9;
box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="date"] {
width: 100%;
padding: 10px;
font-size: 20px;
font-weight: bold;

border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
appearance: none; /* Removes default arrow in Chrome */
-webkit-appearance: none; /* Removes default arrow in Safari */
background-color: #fff;
}
.green-text{
color: #45ca6c;
}
 @media (max-width: 600px) {
	.sections {
	   flex-direction: column;
	}

	.section {
	   flex-basis: 100%;
	   /* Changed to full width on smaller screens */
	   border-bottom: 1px solid #000;
	}
 }

 .section p{
	color: #fff;
	font-weight: bold;
 }
 .section select option{
	color: #808080;
	font-weight: bold;
 }

 .mid-card{
	height: 200px;
 }
 .card-three{
	border-radius: 10px
 }
 .card-three img{
	border-radius: 10px;
 }


 .get-card{
	padding: 15px;
 }
 .get-card table tr th{
	/* border: 2px solid black; */
	/* border-left: 2px solid; */
	padding-left: 10px;
	text-align: center;
	/* border-collapse: none!important; */
 }


 .cont-red{
	color: #F47378;
	border: 2px solid #F47378;

 }
 .cont-red a{
	color: #F47378;
 }
.form-label{
	color: #000 !important;
}
/* .row{
	display: flex !important;
	gap: 20px !important;
	
} */
.support-label a{
	color: #fff !important;
}