@charset "utf-8";
/* CSS Document */
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../../images/Wedges-4s-200px.gif) center no-repeat #ffffff;
}

/* WRAPPER */
img { max-width: 100%; height: auto; }
@font-face {
	font-family: font;
	src: url('../../../font/Arial.ttf');
}
@font-face {
	font-family: font1;
	src: url('../../../font/segoeui.ttf');
}
@font-face {
	font-family: font11;
	src: url('../../../font/Comme-SemiBold.ttf');
}
@font-face {
	font-family: font2;
	src: url('../../../font/Yorkville.ttf');
}
@font-face {
	font-family: font3;
	src: url('../../../font/segoeuil.ttf');
}
@font-face {
	font-family: font4;
	src: url('../../../font/segoeuib.ttf');
}
@font-face {
	font-family: font6;
	src: url('../../../font/seguisb.ttf');
}
@font-face {
	font-family: font7;
	src: url('../../../font/CronusRound.otf');
}
@font-face {
	font-family: font8;
	src: url('../../../font/segoeui.ttf');
}
@font-face {
	font-family: font5;
	src: url('../../../font/calibrib.ttf');
}
@font-face {
	font-family: font9;
	src: url('../../../font/AlteHaasGroteskRegular.ttf');
}
@font-face {
	font-family: font10;
	src: url('../../../font/Comme-ExtraBold.ttf');
}

html,body {
    margin: 0px;
    padding: 0px;
	height: 100%;
	background:#fff;
	display:grid;
	font-family:"Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Light","Helvetica Neue",Arial;
	overscroll-behavior: none;
    
}
a{
	text-decoration:none;
	color:inherit;

}
input{
	width:99%;
	font-family: font4;
	font-size: 17px;
	border: 1px solid #BBB;
	margin-top: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 15px;
	height:30px;
    background:#fff;
	border-radius: 3px;
}
select {
	width:99%;
	overflow: hidden;
	font-family: font4;
	font-size: 17px;
	border: 1px solid #BBB;
	margin-top: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 0px;
	height:42px;
    background:#f9f9f9;
	border-radius: 3px;
    }
select option {
	width:99%;
	overflow: hidden;
	font-family: font4;
	font-size: 17px;
	border: 1px solid #BBB;
	margin-top: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 15px;
    background:#f9f9f9;
	border-radius: 3px;
}
textarea{
	min-width:99%;
	font-family: font4;
	font-size: 17px;
	border: 1px solid #BBB;
	margin-top: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 0px;
	height:120px;
	background:#fff;
	border-radius: 3px;
}
#wrapper{
	margin: 0px auto 0;
	width: 100%;
	height:100%;
   	position:relative;
}

/*TOP NAVIGATION BAR AND SEARCH PANE*/
#wrapper-top {
	position:fixed;
	background: rgb(255, 255, 255); 
	height:70px;
	margin-top: 0px;
	left: 0;
    right: 0;
	width:100%;
	top:0;
	z-index:2;
	backdrop-filter: blur(20px);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#logo{
	margin-top:10px;
	 margin-left:15px;
	 width: 14%;
	 float:left;
}
#logo img{
	min-width: 150px;
	max-width: 150px;
}
#logout{
	float:right;
	font-size: 18px;
	margin-right: 30px;
	margin-top: 15px;
	color:#333;
	text-align:center;
	font-family: font3;
}
#logout a:hover{
	color:#666;
}

/* SIDEBAR */
#sidebar{
	display: none;
	float: left;
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  	z-index: 1; /* Stay on top */
	margin-top: 60px;
  	overflow-x: hidden; /* Disable horizontal scroll */
	width: 15%;
	height: 100%;
	background-color:#cecece;
	border-right: 1px solid #fff;
}
#sidebar ul{
      	list-style: none;
		margin: 0;
		padding: 0;
}
#sidebar ul li a{
		display: block;		
		padding: 20px 20px;
		margin-left: 0px;		
		color:#000;
}
#sidebar ul li a:hover{
		letter-spacing:0px;
		margin-left:1px;
		color: #666;
}
#sidebar ul li img{
		float:left;
		padding-right:7px;
		margin-top: -5px;
}
#sidebar .icontxt{
	font-size: 16px;
	text-align:left;
	letter-spacing:0px;
	font-family:font1;
}

/* DETAIL AREA */
#detailarea{
	margin: 0px auto 0;
	min-width: 1250px;
	max-width: 1250px;
	min-height: 100%;
}
/* NAVIGATION AREA */
#navigationarea{
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  	z-index: 1; /* Stay on top */
	left: 0;
	right: 0;
	width:100%;
	top:0;
	padding-top: 60px;
	height: 60px;
	background-color:#cecece;
	border-bottom: 1px solid #fff;
}
#navigationarea ul{
	padding-top: 4px;
      	list-style: none;
}
#navigationarea ul li{
		display: inline;
		text-align:center;	
		padding-left: 10px;	 	
}
#navigationarea ul li a{
		color:#fff;		
		padding: 5px 12px;
		margin-left: 0px;
		letter-spacing:1px;
		margin-top:0px;		
		border-radius: 5px;
		font-size:14px;
		background-color:#333;
}
#navigationarea ul li a:hover{
		letter-spacing:1px;
		background-color:#666;
		color:#fff;	
		 
}
.dropdown{
	display:none;
}

/* PAGE NOTIFICATIONS ICONS */
#notification-panel00{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:29%;
	left: 0;
	color: #fff;
	border-radius: 10px;
	margin-left: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel00:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel00 table{
	margin: 5px auto 0;	
}
#notification-panel00 table tr td{	
	padding: 0px 0px 0px 5px;
	text-align: center;
}
#notification-panel000{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:29%;
	left: 0;
	color: #fff;
	border-radius: 10px;
	margin-left: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel000:hover{		
	background-color:rgb(78, 78, 78);
	border-radius: 10px;
}
#notification-panel000 table{
	margin: 5px auto 0;	
}
#notification-panel000 table tr td{	
	padding: 0px 0px 0px 5px;
	text-align: center;
}
#notification-panel{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:16%;
	left: 0;
	color: #fff;
	border-radius: 10px;
	margin-left: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel table{
	margin: 5px auto 0;	
}
#notification-panel table tr td{	
	padding: 0px 0px 0px 5px;
	text-align: center;
}
#notification-panel0{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:29%;
	left: 0;
	color: #fff;
	border-radius: 10px;
	margin-left: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel0:hover{		
	background-color:#5b5b5b;
	border-radius: 10px;
}
#notification-panel0 table{
	margin: 5px auto 0;	
}
#notification-panel0 table tr td{	
	padding: 0px 0px 0px 5px;
	text-align: center;
}
#notification-panel1{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:3%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel1:hover{		
	background-color:rgb(78, 78, 78);
	border-radius: 10px;
}
#notification-panel1 table{
	margin: 5px auto 0;	
}
#notification-panel1 table tr td{	
	padding: 0px 5px 0px 0px;
	text-align: center;
}
#notification-panel2{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:16%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel2:hover{		
	background-color:rgb(78, 78, 78);
	border-radius: 10px;
}
#notification-panel2 table{
	margin: 5px auto 0;	
}
#notification-panel2 table tr td{	
	padding: 0px 5px 0px 0px;
	text-align: center;
}
#notification-panel3{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:29%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel3:hover{		
	background-color:rgb(78, 78, 78);
	border-radius: 10px;
}
#notification-panel3 table{
	margin: 5px auto 0;	
}
#notification-panel3 table tr td{	
	padding: 0px 5px 0px 0px;
	text-align: center;
}
#notification-panel4{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:42%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel4:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel4 table{
	margin: 10px auto 0;	
}
#notification-panel4 table tr td{	
	padding: 0px 10px 0px 0px;
	text-align: center;
}
#notification-panel5{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:55%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel5:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel5 table{
	margin: 10px auto 0;	
}
#notification-panel5 table tr td{	
	padding: 0px 10px 0px 0px;
	text-align: center;
}
#notification-panel6{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:68%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel6:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel6 table{
	margin: 10px auto 0;	
}
#notification-panel6 table tr td{	
	padding: 0px 10px 0px 0px;
	text-align: center;
}

#notification-panel7{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:81%;
	right: 0;
	color: #fff;
	border-radius: 10px;
	margin-right: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel7:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel7 table{
	margin: 10px auto 0;	
}
#notification-panel7 table tr td{	
	padding: 0px 10px 0px 0px;
	text-align: center;
}
#notification-panel8{	
	width: 80px;
	height: 75px;
	background-color:#333;
	position: fixed;
	top:81%;
	left: 0;
	color: #fff;
	border-radius: 10px;
	margin-left: -5px;
	z-index: 99;
	box-shadow: -0px 1px 3px -1px rgb(58, 58, 58);
}
#notification-panel8:hover{		
	background-color:#666;
	border-radius: 10px;
}
#notification-panel8 table{
	margin: 10px auto 0;	
}
#notification-panel8 table tr td{	
	padding: 0px 10px 0px 0px;
	text-align: center;
}
.figure{	
	font-family: font7;
	font-size: 32px;
}
.figure-info{	
	font-family: font11;
	font-size: 13px;
	padding-top: 20px;
}
#pagination{
	margin: 40px auto 20px;
	width: 90%;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}

/* PAGE FILTER */

#headlinks{
	margin: -5px auto;
	width: 100%;
	height: auto;
	text-align: center;
}
#headlinks ul{
    list-style: none;	
	min-width: 470px;
	max-width: 1920px;
	height: auto;
	display: inline-block;
	margin-bottom: 0px;
	padding: 0;
}
#headlinks ul li{
	font-family:font8;
	font-size:18px;
	float:left;
	display: inline;		
	padding: 0px 33px 0px 33px;
	letter-spacing: 0px;
	color:#fff;		
	border-right: 1px solid #666;
}
#headlinks ul li div{
}
#headlinks ul li div a{
}
/* Dropdown content (hidden by default) */
.dropdown2 select {
	width: 200px;
	overflow: hidden;
	font-family: font4;
	font-size: 14px;
	border: 1px solid #fff;
	margin-top: 5px;
	padding : 5px;
	height:30px;
    background:#f9f9f9;
	border-radius: 3px;
    }
.dropdown2 select option {
	width:100%;
	overflow: hidden;
	font-size: 16px;
	border: 1px solid #BBB;
	margin-top: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 15px;
	padding-right : 15px;
    background:#f9f9f9;
	border-radius: 3px;
    }
.dropdown2 input{
		width: 190px;
		font-family: font4;
		font-size: 14px;
		border: 1px solid #fff;
		margin-top: 5px;
		padding : 5px;
		height:19px;
		background:#f9f9f9;
		border-radius: 3px;
	}

.dropdown2 .imgg {
	display: none;
	background: url(../../images/search.png) center no-repeat;
	float: right;
	width: 32px;
	height: 32px;
	padding-left: 15px;
	border: 1px solid #0d562e;
}
.dropdown-content {
	margin-top: 10px;
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: auto;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	border-radius: 2px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 99;
  }
.dropdown-content.show{
	display: block;
}
  
/* Links inside the dropdown */
.dropdown-content label {
	font-family: font3;
	font-weight: bold;
	float: none;
	color: #000;
	padding: 7px;
	font-size: 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
  
/* Add a grey background color to dropdown links on hover */
.dropdown-content label:hover {
	
}
/* PAGINATION */
#pagination .current_page{
	padding: 5px 15px 5px 15px;
	font-family: font7;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	text-align: center;
}
#pagination .prev_next{
	padding: 5px 15px 5px 15px;
	font-family: font7;
	font-size: 20px;
	font-weight: bold;
	color:#333;
	text-align: center;
	background-color: #fff;
}
#pagination .prev_next:hover{
	color:#000;
	background-color: #666;
}

/* WRAPPER FOOTER AREA */
footer{
	width: 100%;
	height: 400px; 
	background-color:#000;
}
footer #container{
	margin: 0px auto 0;
	min-width: 1250px;
	max-width: 1250px;
	height: 70%;
}
footer #container ul{
	margin: 0px auto 0;
    list-style: none;	
    width: 95%;
	height: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: center;
}
footer #container ul li{
	width: 200px;
	overflow: hidden;
	position: relative;
}
footer #container ul li table{

}
footer #container ul li table tr{	
}
footer #container ul li table tr.header{

}
footer #container ul li table tr.header td{
	font-family: font4;
	font-size: 18px;
	color:#737373;
	padding-bottom: 13px;
}
footer #container ul li table tr td{
	font-family: font;
	font-size: 16px;
	color:#fff;
	padding-bottom: 13px;
	letter-spacing: 0.5px;
	text-align: left;
}