/* ----- MAIN BOX ------- */

:root {
	--blue: #792F9C; /*#1abc9c; */
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #e74c3c;
	--orange: #fd7e14;
	--yellow: #f1c40f;
	--green: #2ecc71;
	--teal: #20c997;
	--cyan: #00acc1;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #1abc9c;
	--secondary: #6c757d;
	--success: #2ecc71;
	--info: #00acc1;
	--warning: #f1c40f;
	--danger: #e74c3c;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: "Open Sans", sans-serif;
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Popins" "Liberation Mono", "Courier New",
		monospace;

	--theam:linear-gradient(160deg,rgba(65, 6, 99, 1) 53%, rgba(199, 94, 42, 1) 36%);
	--theam-child: #FF5500;

	--blue-light: #e47469;
}
* {
	font-family: sans-serif;
}

.main-box {
	background: #f0f0f0;
}

.btn-round {
	border-radius: 50%;
	padding: 5px;
}

input {
	text-transform: uppercase !important;
}

.addBus {
	background: #f0f0f0 !important;
}

.pcoded-content {
	background: #F8E8FF;;
}

.sm-menu {
	border-radius: 5px;
	border: 1px solid #3e3e41;
	box-shadow: 1px 1px 10px #b4b4b4;
	text-align: center;
	margin-top: 10px;
	height: auto;
	padding: 15px;
}
.sm-menu i {
	font-size: 25px;
	color: rgb(84, 84, 84);
}
.sm-menu small {
	color: black;
	font-weight: 500;
}

.cd__main {
	position: relative;
	width: 360px !important;
	height: 720px;
	border: 2px solid #bbb;
}

.navigation-bar {
	position: fixed;
	top: 92%;
	width: 100%;
	background: var(--theam);
	border-radius: 3px;
	min-height: 30px;
	min-width: 200px;
	overflow: hidden;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
	z-index: 99999999999;
}
.navigation-bar .list-items {
	list-style: none;
	display: flex;
	position: relative;

	padding-left: 0;
}
.navigation-bar .list-items .item {
	flex: 1 1 0px;
	position: relative;
	z-index: 2;
}
.navigation-bar .list-items .item .link {
	display: inline-block;
	height: 4rem;
	width: 4.5rem;
	line-height: 5.2;
	text-align: center;
	color: #acb8c1;
}
.navigation-bar .list-items .item.active .link {
	color: #ff767d;
}

.navigation-bar .list-items .item.active .link i {
	background-color: var(--blue);
	padding: 10px;
	color: aliceblue;
	border-radius: 50px;
}

.list-items .item .link i {
	font-size: 1.3rem;
	transition: font-size 0.2s linear;
}
.list-items .item.active .link i {
	font-size: 1.4rem;
}

/*GET HELP BUTTON */

.fixed-button {
	top: 86%;
}


/*---------mobile menu header------*/

@media only screen and (max-width: 600px) {
	.pcoded-content{
		margin-top: 50px!important;
	}
	
	*{
		
	}
 .m-header{
	background-color: #0a335c;
	border-radius: 0 0 15px 15px ;
	
}

.navbar{
	border-radius: 0 0 15px 15px ;
	position: fixed;
}
	
	.navbar-wrapper   {
		margin-top: -10px;
	}	
	.navigation-bar{
		border-radius: 10px 10px 0 0;
	}
	
	.form-control,.custom-select{
		border-radius: 5px;
		border: 1px solid rgba(2, 5, 30, 0.81);
		box-shadow: 1px 1px 10px rgb(193, 193, 193);
		
	}
	
	label{
		color: var(--theam);
	}
	
	.form-row div{
		margin-top: 8px;
	}
	
	.input-group-prepend{
		margin-top: 0!important;
	}
	
	
}