@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');



body{

	margin: 0;

	padding: 0;

}



*{font-family: 'Open Sans', sans-serif;}



.navbar .nav-item{ margin: 0 10px;}

.main-wrapper{ min-height: 600px; }

.error-404 h1{ font-size: 140px; }

.error-404{ 

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100vw;

	height: 100vh;

	flex-direction: column;

	text-align: center;

 }



 .min-900{ min-height: 900px;display: flex;align-items: center;justify-content: center; }

.login-wrapper{ min-width: 50%;  }

.dataTables_filter{ text-align: right;  }

#userTable tbody tr { cursor: pointer; }

.relative{ position: relative; }



.top-box{ 

	width: 100%;

	height: 150px;

	border: 1px solid #ddd;

}



#traffic_chart{ 

	min-height: 400px;

}

.user-img{width: 150px;height: 150px !important;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border: 3px solid #999}

.circle{ border-radius: 50%; }

.profile-wrapper{ min-height: 320px;}

.nice-background{

	background: url('/public/assets/nice-bg.jpg') no-repeat center center;

	min-height: 250px;

	clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);

}

.dropdown-menu .active,.dropdown-item:active { background-color: #999 !important; }
.credentials p{ cursor: pointer; }
.device-progress{ height: 36px !important; }

#exmodal code{ cursor: pointer; }

@media screen and (max-width: 768px) {

	.min-900{ min-height: 750px;}

	.login-wrapper{ min-width: 80%;  }

}





@media screen and (max-width: 425px) {

	.login-wrapper{ min-width: 100%;  }

}