:root{
  --bg:#050607;
  --bg-2:#0d0f11;
  --panel:rgba(46,46,46,.74);
  --panel-strong:rgba(64,64,64,.82);
  --panel-soft:rgba(26,26,26,.66);
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(59,205,255,.4);
  --text:#f8fbff;
  --muted:#b8c4d1;
  --accent:#27c8ff;
  --accent-2:#60d7ff;
  --success:#00FF44;
  --warning:#FF9023;
  --danger:#FF0004;
  --info:#5dbfff;
  --radius:20px;
  --radius-sm:14px;
  --shadow:0 14px 40px rgba(0,0,0,.38);
  --glow:0 0 0 1px rgba(39,200,255,.22), 0 0 22px rgba(39,200,255,.12);
}

body{
  margin:0;
  color:var(--text);
  font-family:'Montserrat Regular',Arial,sans-serif;
  background: #1a1a1a;
  background: linear-gradient(320deg,rgba(38, 38, 38, 1) 0%, rgba(36, 36, 36, 1) 100%);
  background-attachment:fixed;
}

#logo {
	height:100%;
	object-fit:contain;
}

.header_container {
	margin:0;
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:rgba(0,0,0,0.20);
	border-bottom:2px solid;
	border-image:linear-gradient(
		90deg,
		transparent,
		#FF0004,
		#5dbfff,
		#FF0004,
		transparent
	) 1;
}
.header {
	margin:auto;
	width:95%;
	padding-left:10px;
	padding-right:10px;
	height:auto;
	overflow:hidden;
}
.header_site_identity_container {
	margin:0;
	padding:5px;
	width:300px;;
	height:auto;
	overflow:hidden;
	float:left;
}
.header_system_admin_container {
	margin:0;
	padding:5px;
	width:300px;;
	height:auto;
	overflow:hidden;
	float:right;
}
.header_heading_container_main {
	margin:0;
	padding:10px;
	width:210px;;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:left;
}
.header_heading_container {
	margin:0;
	padding:4px;
	width:200px;
	height:auto;
	overflow:hidden;
	font-family:'Montserrat ExtraBold',Arial;
	font-size: 18px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.header_sub_heading_container {
	margin:0;
	padding:4px;
	width:200px;
	height:auto;
	overflow:hidden;
	font-family:'Montserrat Regular',Arial;
	font-size: 12px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.header_heading_container_main_smaller {
	margin:0;
	padding:10px;
	width:300px;;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:left;
}
.header_heading_container_smaller {
	margin:0;
	padding:4px;
	width:280px;
	height:auto;
	overflow:hidden;
}
.header_sub_heading_container_smaller {
	margin:0;
	padding:4px;
	width:280px;
	height:auto;
	overflow:hidden;
}
.header_heading_logo {
	margin:0;
	padding:5px;
	width:60px;
	height:65px;
	text-align:center;
	object-fit:contain;
	overflow:hidden;
	float:left;
}
.header_details_container {
	margin:0;
	padding:10px;
	width:100px;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:right;
}

.container_kpi {
	margin:0;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	width:280px;
	height:auto;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
	overflow:hidden;
}
.container_kpi_heading {
	margin:auto;
	margin-bottom:5px;
	width:95%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-family:'Montserrat Regular',Arial;
	font-size: 15px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_kpi_sub_heading {
	margin:auto;
	width:95%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 12px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_kpi_result_heading {
	margin:auto;
	margin-bottom:5px;
	width:95%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-family:'Montserrat Bold',Arial;
	font-size: 35px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.container_notice_heading {
	margin:auto;
	margin-bottom:5px;
	width:95%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-family:'Montserrat Regular',Arial;
	font-size: 15px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_notice_result_heading {
	margin:auto;
	margin-bottom:5px;
	width:95%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-family:'Montserrat Bold',Arial;
	font-size: 25px;
	vertical-align: middle;
	color:#D8D8D8;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.container_menu_button {
	margin:auto;
	margin-bottom:10px;
	width:250px;
	height:35px;
	border-radius:10px;
	margin-left:5px;
	margin-right:5px;
	padding:10px;
	border: 1px solid rgba(93,191,255,1);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 0px 4px rgba(255,255,255,0.15);
	overflow:hidden;
}
.container_menu_button_icon {
	margin:0;
	width:20%;
	height:35px;
	line-height:35px;
	text-align:center;
	vertical-align:middle;
	float:left;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 22px;
	color:#FFFFFF;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.65);
	overflow:hidden;
}
.container_menu_button_heading {
	margin:0;
	padding:4px;
	width:190px;
	height:26px;
	line-height:26px;
	overflow:hidden;
	font-family:'Montserrat Bold',Arial;
	font-size: 15px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_menu_button:hover {
	background: linear-gradient(45deg,rgba(154,154,154,0.2),rgba(255,255,255,0.15));
	cursor:pointer;
}

.container_page_notice {
	margin:auto;
	width:95%;
	height:auto;
	margin-top:5px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}

.container_cards {
	margin:auto;
	width:46%;
	min-width:400px;
	height:auto;
	margin-top:5px;
	margin-bottom:10px;
	padding:10px;
	overflow:hidden;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
	
}

.container_cards_single {
	margin:auto;
	width:95%;
	min-width:400px;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	overflow:hidden;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
	
}

.container_cards_quicklink {
	margin:0;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:28%;
	min-width:400px;
	height:auto;
	padding:10px;
	overflow:hidden;
	border-radius:14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
	
}

.container_main {
	margin:auto;
	width:100%;
	height:auto;
	overflow:hidden;
}

.container_items_container {
	margin:auto;
	padding:10px;
	width:95%;
	height:auto;
	overflow:hidden;
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.container_kpi_container {
	margin:auto;
	padding:10px;
	width:95%;
	max-width:1000px;
	height:auto;
	overflow:hidden;
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.container_cards_quick_container {
	margin:auto;
	padding:10px;
	width:95%;
	max-width:1000px;
	height:auto;
	overflow:hidden;
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.container_menu_container {
	margin:auto;
	padding:10px;
	width:95%;
	max-width:1150px;
	height:auto;
	overflow:hidden;
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

/* Cards Content*/
.container_cards_header_container {
	margin:auto;
	width:100%;
	height:auto;
	overflow:hidden;
}
.container_cards_header_heading {
	margin:0;
	padding:5px;
	width:fit-content;
	height:45px;
	line-height:45px;
	overflow:hidden;
	float:left;
	text-align:left;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 19px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_cards_header_button {
	margin:auto;
	padding:5px;
	width:fit-content;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:right;
}

/* Lists Items */
.container_lists_page_numbers {
	margin:auto;
	width:95%;
	max-width:150px;
	height:auto;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_limit_size {
	margin:auto;
	height:auto;
	padding:5px;
	width:95%;
	max-width:1050px;
	overflow:hidden;
}
.container_lists_rows {
	margin:auto;
	padding:6px;
	margin-top:6px;
	margin-bottom:6px;
	width:95%;
	border-radius:14px;
	height:auto;
	overflow:hidden;
	border: 1px solid rgba(255,255,255,0.12);
	background: linear-gradient(45deg,rgba(0,0,0,0.20),rgba(255,255,255,0.20));
	box-shadow: 0 4px 9px rgba(0,0,0,0.6);
}
.container_lists_rows:hover {
	background: linear-gradient(45deg,rgba(154,154,154,0.2),rgba(255,255,255,0.15));
	cursor:pointer;
}
.container_lists_rows_content {
	margin:auto;
	width:100%;
	height:auto;
	display: flex;
    justify-content: space-around; /* Distributes space between and around items */
    /* Optional: Vertically center items */
    align-items: flex-start; 
	flex-wrap: wrap;
}
.container_lists_rows_content_parts {
	margin:5px;
	width:150px;
	height:auto;
	overflow:hidden;
}
.container_lists_rows_content_date {
	margin:6px;
	padding:3px;
	width:65px;
	height:auto;
	overflow:hidden;
	text-align:center;
	background-color:rgba(36,36,36,0.50);
	border-radius:5px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.65);
}
.container_lists_rows_content_parts_medium {
	margin:5px;
	width:250px;
	height:auto;
}
.container_lists_rows_content_parts_large {
	margin:5px;
	width:280px;
	height:auto;
}
.container_lists_rows_content_parts_heading {
	margin-top:2px;
	margin-bottom:5px;
	padding-left:5px;
	width:95%;
	height:20px;
	text-align:left;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 15px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_heading_date {
	margin:auto;
	margin-top:2px;
	margin-bottom:4px;
	width:95%;
	height:20px;
	text-align:center;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 15px;
	text-transform: uppercase;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_heading_bolder {
	margin-top:2px;
	margin-bottom:5px;
	padding-left:5px;
	width:95%;
	height:20px;
	text-align:left;
	font-family:'Montserrat SemiBold',Arial;
	font-size: 16px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_details {
	margin-top:5px;
	padding-left:5px;
	width:95%;
	height:20px;
	text-align:left;
	font-family:'Montserrat Medium',Arial;
	font-size: 13px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_details_date {
	margin:auto;
	margin-top:2px;
	width:95%;
	height:20px;
	text-align:center;
	font-family:'Montserrat Medium',Arial;
	font-size: 13px;
	vertical-align: middle;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_register {
	margin:auto;
	padding-left:5px;
	width:95%;
	height:auto;
	overflow:hidden;
}

/* Button Parts for Lists*/
.container_lists_rows_content_parts_button_holder {
	margin:0;
	margin-top:8px;
	width:155px;
	height:auto;
	float:right;
	font-family:'Montserrat Medium',Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align:right;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_button_holder_register {
	margin:auto;
	margin-top:8px;
	width:155px;
	height:auto;
	font-family:'Montserrat Medium',Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.container_lists_rows_content_parts_button {
	margin:0;
	width:120px;
	height:auto;
	float:left;
}
.container_lists_rows_content_parts_button_register {
	margin:auto;
	width:120px;
	height:auto;
}
.container_lists_rows_content_parts_chevron {
	margin:0;
	margin-top:4px;
	width:30px;
	height:22px;
	line-height:22px;
	float:right;
	font-family:'Montserrat Medium',Arial;
	font-size: 14px;
	vertical-align: middle;
	text-align:right;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Spacers */
.spacer_main_color {
	margin:auto;
	margin-bottom:10px;
	width:95%;
	max-width:900px;
	height:3px;
	background:linear-gradient(to right, transparent, #FF0004, #5dbfff, transparent);
}
a,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}

a {
    -webkit-tap-highlight-color: transparent;
}