@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

}
.print-btn{
    text-decoration: none;
    padding: 2px 5px;
    border:none;
    background-color: darkgreen;
    border-radius: 2px;
    color: #fff;
}
.card .card-header{
	background-color: #0b3757;
	color:#fff;
	padding: 5px 10px;
}
.card .card-header h3{
	/* text-transform: uppercase; */
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 20px;
	margin: 0px;
}
.card .card-body form label{
	font-size: 14px;
	color:#0b3757;
	font-weight: 700;
}
.paybox{
	display: none;
}
.pmethod{
	height: 30px;
	margin-left: 5px;
	padding: 2px 5px;
	width: 30%;
}
.tree-detail h6{
	font-size: 14px;
}
.tree-detail p{
	font-size: 14px;
}
.tree-container h6{
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
}
table tr td{
    padding: 2px  5px !important;
    font-size: 14px;
    /*background-color: red;*/
}
table tr th{
    padding: 2px  5px !important;
    font-size: 14px !important;
	text-align: center;
	background-color: #0b3757 !important;
	color: #fff !important;
    /*background-color: red;*/
}
#login-box{
	padding: 15px;
	background-color: white;
	margin: auto;
	margin-top: 5% ;
	box-shadow: 0px 0px 10px 5px darkgoldenrod;
	border-radius: 10px;
}
#login-box h4{

	font-size: 24px;
	font-family: sans-serif;
	color: white;
	background-color: darkgreen;
	padding: 5px;

}
#login-box label{
font-size: 18px;
font-weight: 600;
}

#login-box input{
border: 1px solid gray;
}
/*--------------------login page css end---------------------------*/

/*---------header page css--------------------------*/
.header{
	z-index: 1000;
	padding: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid gray;
	background-color: lightyellow;
/*	box-shadow: 5px 5px gray;*/
}
.header .logo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 250px;
	padding: 0px 10px;
/*	background-color: red;*/
}
.header .logo i{
	display: block;
	cursor: pointer;
	align-content: center;
	text-align: center;
	font-size: 20px;
	padding: 5px;
/*	color: red;*/
	width: 30px;
/*	height: 30px;*/
	border: 1px solid black;
	border-radius: 50%;
	transition: all 0.4s;
}
.header h3{
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
		font-size: 18px;
}
h3{
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;

	/* font-size: 18px; */
}
.profil img{
	height: 40px;
	padding: 5px;
	border-radius: 50px;
	border: 1px solid gray;
}

/*Sidebar css--------------------------------*/
.sidebar{
	position: relative;
	float: left;
	/*width: 250px;*/
	overflow: hidden;
	/*height: 100vh;*/
	/* background-color: #0F4064; */
	background-color: #8d0664;
/*	transition: all .4s;*/
	margin-right: 30px;
	z-index: 1000;
	box-shadow: 5px 5px 5px darkgray;
	border-radius: 0px 0px 20px 0px;
	/*padding: 5px 0px;*/
}
.label-btn:nth-child( odd ){
    background-color:yellow;
    border-radius:10px;
    
}
.label-btn a{
    transition:all 0.4s ease-in;
}
.label-btn a:focus{
    background-color:black;
    color:white;
}
.label-btn a:hover{
    background-color:black;
    color:white;
}
.label-btn:nth-child( even ){
    border-radius:10px;
    background-color:rgb(103, 11, 139);
    /* background-color:green; */
    color:white;
}
.label-btn:nth-child( even ) a{
    /*background-color:green;*/
    color:white;
}
.inner-box{
        padding:10px 0px 10px 0px;
    	width: 250px;
    	height:100%;
}
.darrow{
    display:none;
    transition:all 0.4s;
}
.rarrow{
    /*display:none;*/
    transition:all 0.4s;
    font-size:12px;
}
.menu .menu-item{
	display: flex;
	justify-content: space-between;

}



.sidebar ul{
/*  margin: 0px 10px;*/
	padding: 0px;
	
}
.sidebar li{
/*	margin-left: 10px;*/
	
	
	list-style: none;
}
.sidebar li a{
	border-radius: 0px 20px 20px 0px;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: white;
	border-bottom: 1px solid white;
	box-shadow: 3px 3px 3px blueviolet;
/*	margin-left: 10px;*/
	transition: all 0.4s;
}
.sidebar li a:hover{
	background-color: darkgoldenrod;
	box-shadow: 2px 2px 2px gray;
	transform: scale(1.05);
}

.sub-menu{
	/* background-color: darkgreen; */
	background-color: rgb(83, 3, 114);
	display: none;
	border-radius: 0px 20px 20px 0px;
}
.sub-menu li a{
/*	background-color: darkgreen;*/
	padding: 5px 25px;
	border-bottom: 1px solid white;
/*	border: none;*/
}
.sub-menu li a:hover{
	background-color: black;
	color: white;
}
.sub-menu li{
	
	padding-left: 10px;
}
li a p i{
	margin-right: 5px;
}
/*--------Main-box css-----------------*/


.main-box h5 a{
	text-decoration: none;
	color: darkblue;
}

.main-room{
    min-height:500px;
}
.form-control{
	border: 1px solid gray;
	
}
.modal-header{
	background-color: darkcyan;
	color: white;
}
.modal-header .btn-close{
	color: white;
}

.dataTables_length label{
	margin-bottom: 20px;
}
.table th,td{
	border: 1px solid black;
	font-size: 16px;
	
}
.error{
	color:red;
	font-size: 18px;
}

#user-box{
	margin-top: 5px;
	display: none;
}
#user_invalied,#pakage_error,#active-success{
	display: none;
	margin-top: 5px;
}
label{
	color: darkblue;
}
/*Dashbord Page----------------------------------*/
.dashbord-box{
/*	border: 1px solid darkgoldenrod;*/
	box-shadow: 10px 10px 10px darkgoldenrod !important;
	margin-bottom: 10px;
}
.main-box .heading{
	display: block;
	background-color: darkgoldenrod;
	color: white; 
	padding: 10px 10px;
	margin: 10px 10px;
	box-shadow: 5px 5px 5px darkcyan !important;
}
.label-list li{
	list-style: none;
}
.bonus-table{
	display: none;
}
.dataTable thead th{
	 padding: 5px 10px !important;
    font-size: 14px !important;
 	align-content: center !important;
	word-wrap: nowrap;
	background-color: #0b3757;
	color:#fff
}
table.dataTable tbody td {
    padding: 2px 10px !important;
    font-size: 12px !important;
 	align-content: center !important;
	
}
/* Tree Css */
.parent-box{
	display: flex;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.child-box{
	flex:1;
	text-align: center;
    padding: 10px;
    /* background-color: lightblue; */
}
.child-box h6{
	font-size: 12px;
}
.child-box p{
	font-size: 14px;
}
.tree-container h6{
	font-size: 12px;
	margin-bottom: 0px;
}

.footer p a{
    text-decoration:underline;
    color:black;
}
.footer p{
    font-size:12px;
}


/*Media Query Start----------------------------------*/
@media only screen and (max-width: 768px) {
	.sidebar{
		position: absolute;
		top: 70px;
		left:0;
		display: none;
		
	}
.header h3{
	display: none;

}
.header .logo{
	width: 100%;
}
.profil{
	display: none;
}
.tree-container img{
	height: 30px;
	width: 30px;
}
.tree-container h6{
	font-size: 10px;
	/* margin-bottom: 0px; */
}
.tree-container small{
	font-size: 12px;
}
}