One Hat Cyber Team

View File Name : main_style.php

<?php
header("Content-type: text/css; charset: UTF-8");
include("../../config.php");
$back = $bdd->query("SELECT * FROM options");
$row = $back->fetch();
?>

.lx-login{
	position:fixed;
	top:0px;
	left:0px;
	display:flex;
	width:100%;
	height:100%;
}
.lx-login-content{
	margin:auto;
}
.lx-login-content h1{
	margin-bottom:20px;
	padding:0px 50px;
	font-size:22px;
	text-align:center;
}
.lx-login-content h1 i{
	font-size:20px;
}
.lx-login-error{
	margin-bottom:20px;
	padding:10px;
	color:#CC0000;
	border:1px solid #CC0000;
}
.lx-header{
	position:fixed;
	z-index:9;
	top:0px;
	left:0px;
	width:100%;
	background:#242424;
	box-shadow:0px 0px 6px #BEBEBE;
}
.lx-header-content{
	padding:10px 20px;
}
@media(max-width:1023px){
	.lx-header-content{
		padding:10px;
	}
}
.lx-header-admin{
	float:right;
}
.lx-header-admin ul li{
	float:left;
	margin-left:10px;
}
.lx-header-admin ul li span{
	color:#FFFFFF;
}
.lx-header-admin ul li a{
	color:#FFFFFF;
}
.lx-header-admin ul li a span{
	display:inline-block;
	margin-top:-2px;
	padding:2px 2px 1px;
	font-size:12px;
	background:#CC0000;
	color:#FFFFFF;
	border-radius:4px;
}
@media(max-width:1023px){
	.lx-header-admin ul li a ins{
		display:none;
	}
}
.lx-main-leftside{
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	background:#F8F8F8;
	border-right:1px solid #EEEEEE;
	transition:all ease 0.3s;
}
@media(max-width:1023px){
	.lx-main-leftside{
		left:-200px;
	}
}
.lx-leftside-logo{
	padding:20px;
	text-align:center;
	background:#FDFDFD;
	border-bottom:1px solid #EEEEEE;
}
.lx-leftside-logo h1 a{
	font-size:20px;
	color:#242424;
}
.lx-header-content > a{
	position:absolute;
	top:10px;
	left:10px;
	display:none;
	color:#FFFFFF;
}
@media(max-width:1023px){
	.lx-header-content > a{
		display:block;
	}
}
.lx-main-leftside > a{
	position:absolute;
	top:10px;
	right:10px;
	display:none;
	color:#242424;
}
@media(max-width:1023px){
	.lx-main-leftside > a{
		display:block;
	}
}
.lx-main-menu{
	padding:10px 0px;
}
.lx-main-menu ul li a{
	display:block;
	padding:10px 20px;
	color:#242424;
}
.lx-main-menu ul li a:hover{
	background:#EEEEEE;
}
.lx-main-menu ul li a.active{
	background:#94165c;
	color:#FFFFFF;
}
.lx-main-menu ul li a.active:hover{
	background:#94165c;
	color:#FFFFFF;
}
.lx-main-menu ul li a i{
	display:inline-block;
	width:20px;
}
.lx-main-menu ul li a span{
	display:inline-block;
	padding:2px 2px 1px;
	font-size:12px;
	background:#CC0000;
	color:#FFFFFF;
	border-radius:4px;
}
.lx-main-content{
	padding:37px 0px 0px 200px;
}
@media(max-width:1023px){
	.lx-main-content{
		padding:37px 0px 0px 0px;
	}
}

@media(max-width:1023px){
	.lx-filter{
		display:none;
		padding-right:15px;
	}
}
.lx-show-filter{
	display:none;
}
@media(max-width:1023px){
	.lx-show-filter{
		display:inline-block;
		margin:15px;
		text-decoration:underline;
		color:#94165c;
	}
}
.lx-kpi{
	padding:15px;
	padding-right:0px;
}
@media(max-width:1023px){
	.lx-kpi{
		padding:15px;
	}
}
.lx-kpi-item{
	float:left;
	position:relative;
	width:18.5%;
	margin-right:1.5%;
	padding:20px;
	background:#242424;
	color:#FFFFFF;
}
.lx-2b3544{
	background:#2b3544;
}
.lx-d11141{
	background:#d11141;
}
.lx-00b159{
	background:#00b159;
}
.lx-00aedb{
	background:#00aedb;
}
.lx-f37735{
	background:#f37735;
}
.lx-ffc425{
	background:#ffc425;
}
.lx-kpi-item strong{
	font-size:30px;
}
.lx-kpi-item i{
	position:absolute;
	top:10px;
	right:10px;
	font-size:75px;
	color:rgba(255,255,255,0.2);
}
.lx-chart-container{
	margin:15px;
	margin-top:0px;
}
.lx-data-list{
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	box-shadow:0px 0px 4px #BEBEBE;
}
.lx-data-list > h3{
	padding:10px;
	text-transform:uppercase;
	background:#F8F8F8;
	border-bottom:1px solid #EEEEEE;
}
.lx-data-list > h2{
	padding:10px;
	font-size:30px;
	text-align:center;
}
.lx-data-list-content{
	max-height:300px;
	overflow:auto;
}
.lx-data-list-content ul li{
	padding:10px;
	font-size:12px;
	border-bottom:1px solid #EEEEEE;
}
.lx-data-list-content ul li span{
	float:right;
}
.lx-data-list-content ul li a{
	color:#94165c;
}
.lx-page-header{
	padding:15px;
	border-bottom:1px solid #EEEEEE;
}
.lx-page-header h2{
	margin-bottom:5px;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
}
.lx-page-header p{
	font-size:12px;
	color:#858585;
}
.lx-submenu{
	float:right;
}
.lx-submenu li{
	float:left;
	margin-left:5px;
}
.lx-submenu li a{
	display:inline-block;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#EEEEEE;
	color:#242424;
	border-radius:2px;
	box-shadow:0px 0px 20px #EEEEEE inset;
}
.lx-submenu li a:hover{
	box-shadow:0px 0px 5px #BEBEBE;
}
.lx-submenu li a.active{
	display:inline-block;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#94165c;
	color:#FFFFFF;
	border-radius:2px;
	box-shadow:0px 0px 20px #761149 inset;
}
.lx-add-form h3{
	margin-bottom:15px;
	font-size:14px;
	font-weight:500;
}
.lx-add-form a.lx-new{
	display:inline-block;
	margin-bottom:15px;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#94165c;
	color:#FFFFFF;
	border-radius:2px;
	box-shadow:0px 0px 20px #761149 inset;
}
.lx-add-form a.lx-new:hover{
	box-shadow:0px 0px 5px #761149;
}
.lx-textfield{
	margin-bottom:15px;
}
.lx-textfield span{
	display:inline-block;
	margin-bottom:5px;
}
.lx-textfield input[type='text']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-textfield input[type='number']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-textfield input[type='password']{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-textfield select{
	width:100%;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
}
.lx-textfield textarea{
	width:100%;
	height:100px;
	padding:10px;
	border:1px solid #EEEEEE;
	border-radius:2px;
	resize:none;
}
.lx-image-picker{
	position:relative;
	display:flex;
	width:100px;
	height:100px;
	margin-bottom:3px;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	cursor:pointer;
}
@media(max-width:1023px){
	.lx-image-picker{
		width:95px;
		height:95px;
	}
}
.lx-image-picker span{
	display:inline-block;
	margin:auto;
}
.lx-image-picker input{
	display:none;
}
.lx-image-picker img{
	position:absolute;
	width:100%;
	padding:5px;
}
.lx-delete-image{
	display:none;
	font-size:12px;
	color:#CC0000;
}
.lx-submit{
	margin-bottom:15px;
}
.lx-submit a{
	display:inline-block;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#94165c;
	color:#FFFFFF;
	border-radius:2px;
	box-shadow:0px 0px 20px #761149 inset;
}
.lx-submit a:hover{
	box-shadow:0px 0px 5px #761149;
}
@media(max-width:1023px){
	.lx-table{
		overflow:auto;
	}
}
.lx-submit-lead{
	position:relative;
	overflow:hidden;
}
.lx-submit-lead input{
	position:absolute;
	z-index:4;
	top:15px;
	left:15px;
	width:120px;
	height:35px;
	opacity:0.0;
	cursor:pointer;
}
.lx-submit-lead a{
	display:inline-block;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#94165c;
	color:#FFFFFF;
	border-radius:2px;
	box-shadow:0px 0px 20px #761149 inset;
}
.lx-table a.lx-trash{
	float:right;
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;
	font-size:12px;
	font-weight:300;
	background:#FDFDFD;
	color:#858585;
	border:1px solid #EEEEEE;
	border-radius:2px;
	box-shadow:0px 0px 5px #F8F8F8 inset;
}
.lx-table a.lx-trash:hover{
	box-shadow:0px 0px 5px #F8F8F8;
}
.lx-table > a{
	float:right;
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;
	font-size:12px;
	font-weight:300;
	background:#FDFDFD;
	color:#858585;
	border:1px solid #EEEEEE;
	border-radius:2px;
	box-shadow:0px 0px 5px #F8F8F8 inset;
}
.lx-table > a:hover{
	box-shadow:0px 0px 5px #F8F8F8;
}
.lx-table table{
	width:100%;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
}
.lx-table table tr:nth-child(2n+2){
	background:#FAFAFA;
}
.lx-table table tr td{
	padding:15px 10px;
	font-weight:300;
	color:#858585;
}
.lx-table table tr td:last-child{
	text-align:right;
}
.lx-table table tr:first-child td{
	padding:10px;
	font-weight:500;
	color:#242424;
	border-bottom:1px solid #EEEEEE;
}
.lx-table table tr td span{
	display:block;
	margin-bottom:2px;
	color:#242424;
}
.lx-table table tr td a{
	font-size:12px;
	color:#94165c;
}
.lx-table table tr td a.lx-delete{
	color:#CC0000;
}
.lx-table table tr td:last-child a{
	font-weight:500;
}
.lx-table table tr td del{
	text-decoration:line-through;
}
.lx-table table tr td select{
	padding:7px 10px;
	border:1px solid #EEEEEE;
}
.lx-on-off-fill{
	position:relative;
	width:35px;
	height:14px;
	background:#EEEEEE;
	border-radius:10px;
	cursor:pointer;
	-webkit-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.lx-on-off-blue .lx-on-off-fill{
	background:#00d8f5;
}
.lx-on-off span{
	position:absolute;
	left:0px;
	top:-3px;
	display:inline-block;
	width:20px;
	height:20px;
	background:#DDDDDD;
	border-radius:50%;
	box-shadow:0px 0px 10px #DDDDDD;
	cursor:pointer;
	-webkit-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.lx-on-off-fill i{
	float:left;
	display:inline-block !important;
	margin-left:3px !important;
	font-size:11px !important;
	color:#FFFFFF !important;
}
.lx-on-off-blue span{
	left:15px;
	background:#00b0c8;
}
.lx-pagination{
	margin:20px 0px;
}
.lx-pagination ul{
	float:right;
}
.lx-pagination ul li{
	float:left;
	margin-left:20px;
}
.lx-pagination ul li span{
	display:inline-block;
	padding:10px 0px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	color:#242424;
	border-radius:50%;
}
.lx-pagination ul li a{
	display:inline-block;
	width:33px;
	padding:5px 0px;
	font-size:16px;
	font-weight:500;
	text-align:center;
	color:#424242;
	border:2px solid transparent;
	border-radius:50%;
}
.lx-pagination ul li a.previous{
	border:2px solid #424242;
}
.lx-pagination ul li a.next{
	border:2px solid #424242;
}
.lx-pagination ul li a.disabled{
	border:2px solid #BEBEBE;
	color:#BEBEBE;
	cursor:initial;
}
.lx-medias-toolbar{
	position:relative;
	margin-top:15px;
	margin-left:15px;
	padding:15px;
	background:#FDFDFD;
	border:1px solid #EEEEEE;
}
@media(max-width:1023px){
	.lx-medias-toolbar{
		margin:15px;
	}
}
.lx-medias-toolbar a{
	display:inline-block;
	padding:10px;
	font-size:13px;
	font-weight:500;
	background:#94165c;
	color:#FFFFFF;
	border-radius:2px;
	box-shadow:0px 0px 20px #761149 inset;
}
.lx-medias-toolbar:hover a{
	box-shadow:0px 0px 5px #761149;
}
.lx-medias-toolbar input{
	position:absolute;
	z-index:2;
	top:15px;
	left:15px;
	width:107px;
	height:35px;
	overflow:hidden;
	opacity:0.0;
	cursor:pointer;
}
@media(max-width:1023px){
	.lx-medias-list .lx-g6{
		width:50% !important;
	}
}
.lx-medias-item{
	position:relative;
}
.lx-medias-item img{
	display:block;
	width:100%;
	padding:5px;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
}
.lx-medias-item i{
	position:absolute;
	top:10px;
	right:10px;
	font-size:16px;
	background:#CC0000;
	color:#FFFFFF;
	border-radius:50%;
	cursor:pointer;
}
.lx-medias-library{
	position:fixed;
	z-index:11;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	padding:30px;
	background:#F8F8F8;
	overflow:auto;
}
@media(max-width:1023px){
	.lx-medias-library .lx-g6{
		width:50% !important;
	}
}
.lx-medias-library > i{
	position:absolute;
	top:10px;
	right:10px;
	font-size:26px;
	cursor:pointer;
}
.lx-medias-library-item{
	position:relative;
	cursor:pointer;
}
.lx-medias-library-item img{
	display:block;
	width:100%;
	padding:5px;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
}

.lx-floating-response{
	position:fixed;
	z-index:99999;
	bottom:20px;
	left:0px;
	display:none;
	padding:0px 20px;
	width:100%;
	text-align:center;
	cursor:pointer;
}
.lx-floating-response p{
	position:relative;
	display:inline-block;
	padding:17px 20px 20px;
	font-size:16px;
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
	border-radius:4px;
}
.lx-floating-response p.lx-error{
	border-bottom:3px solid #e50000;
}
.lx-floating-response p.lx-succes{
	border-bottom:3px solid green;
}
.lx-floating-response p i{
	position:relative;
	top:6px;
	line-height:1px;
}
.lx-floating-response p i:last-child{
	position:absolute;
	right:3px;
	top:10px;
	font-size:16px;
	line-height:1px;
}
.lx-floating-response p i.fa{
	top:2px;
}

.lx-autocomplete{
	position:absolute;
	z-index:3;
	top:100%;
	left:0px;
	width:100%;
	box-shadow:0px 0px 4px #BEBEBE;
}
.lx-autocomplete a{
	display:block;
	padding:10px;
	font-size:13px;
	background:#FFFFFF;
	color:#242424;
	word-break: break-all
}
.lx-autocomplete a:hover{
	background:#F8F8F8;
}
.lx-command-edit{
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	overflow:auto;
}
.lx-command-edit-inside{
	position:relative;
	max-width:800px;
	padding:20px;
	margin:auto;
	background:#FFFFFF;
}
@media(max-width:1023px){
	.lx-command-edit-inside{
		width:100%;
	}
}
.lx-command-edit-inside > a{
	position:absolute;
	top:10px;
	right:10px;
	color:#242424;
	
}
.lx-tracking-edit{
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	overflow:auto;
}
.lx-tracking-edit-inside{
	position:relative;
	max-width:800px;
	padding:20px;
	margin:auto;
	background:#FFFFFF;
}
@media(max-width:1023px){
	.lx-tracking-edit-inside{
		width:100%;
	}
}
.lx-tracking-edit-inside > a{
	position:absolute;
	top:10px;
	right:10px;
	color:#242424;
	
}
.lx-ip-exists{
	display:inline-block;
	margin:3px 0px;
	padding:1px 3px;
	font-size:12px;
	font-weight:500;
	color:#FFFFFF;
	background:#EE0000;
	border-radius:4px;
}
.lx-phone-exists{
	display:inline-block;
	margin:3px 0px;
	padding:1px 3px;
	font-size:12px;
	font-weight:500;
	color:#FFFFFF;
	background:orange;
	border-radius:4px;
}
.lx-ip-new{
	display:inline-block;
	margin:3px 0px;
	padding:1px 3px;
	font-size:12px;
	font-weight:500;
	color:#FFFFFF;
	background:#7EC855;
	border-radius:4px;
}
.lx-cleaner{
	padding:15px;
	text-align:center;
}
.lx-cleaner h3{
	padding:15px;
	margin:30px 0px;
}
.lx-cleaner h4 i{
	color:#7EC855;
}
.lx-loading{
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	width:100%;
	height:100%;
	padding:30px;
	text-align:center;
	background:rgba(255,255,255,0.5);
}
.lx-loading p{
	margin:auto;
}
.lx-loading p i{
	display:inline-block;
	margin-top:5px;
	font-size:30px;
}
.lx-tracking-stats-item{
	padding:20px;
	text-align:center;
	color:#FFFFFF;
}
.lx-tracking-stats-item strong{
	display:block;
	font-size:22px;
}
.lx-nb-clients{
	margin:0px 0px 15px 15px;
}