html,
body {
	height: 100%;
	margin: 0;
	background-color: #000;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}


.circular-image {
    width: 150px;  /* Adjust size as needed */
    height: 150px; /* Same as width to maintain a perfect circle */
    border-radius: 50%;
    object-fit: cover; /* Ensures the image covers the entire area without distortion */
    display: block; /* Removes extra spacing around images */
}

.bgimg {
	background-image: url('back.jpg');
	min-height: 100%;
	background-position: center;
	background-size: cover;
}

/*.socky {
	color: #ea71ff; #63ffc9;
}
*/


a.socky {
	color: #ea71ff;
	text-decoration: none;
	}

a.socky:visited,
a.socky:link {
	color: #ea71ff;
	}

a.socky:hover
	{
	color: #63ffc9 !important;
	text-decoration: none;
	}





a.footer {
	color: #ea71ff;
	text-decoration: none;
	}



a.footer:visited,
a.footer:link, 
	 {
  	color: #63ffc9;
	text-decoration: none;
	}


a.footer:hover
	{
	color: #63ffc9 !important;
	text-decoration: none;
	}


#nameDisplay {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	color: white;
	#background-color:#63ffc9;
	font-size: 13pt;	
	text-decoration: none;
	border: 2px #63ffc960 solid !important;
	border-radius: 5px;
	padding: 0 20px 0 20px;
	margin: 0px;
	width: 270px;
	height: 3em !important;
}

#cyberangelscontainer {
 display: flex;
  align-items: center;
  justify-content: center;
}

a.tgreen,
a.tgreen:visited {
	z-index: 0;
	color: #63ffc9;
	text-decoration: none;
	border: 2px #63ffc960 solid !important;
	border-radius: 2px;
}




a.tmag,
a.tmag:visited {
    z-index: 0;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    border: 3px #999 solid !important;
    border-radius: 5px;
    display: inline-block;
    padding: 1px 22px;
    font-size: 17pt;
	margin: 5px 0;
}

a.tmag:hover {
	background-color: #999 !important;
	border: 3px #aaa solid !important;
	color: #fff !important;
}

a.tmags,
a.tmags:visited {
    z-index: 2;
    background-color: #63ffc9;
    text-decoration: none;
    color: #000;
    /* border: 3px #63ffc990 solid !important; */
    border-radius: 5px;
    display: inline-block;
    padding: 15px 30px;
    font-size: 15pt;
    font-weight: bold;
    /* text-shadow: 1px 1px #8d17a1; */
    margin: 20px 0 0 0;
}

a.tmags:hover {
	background-color: #de27ff !important;
	color: #fff !important;
}



a.tgreens,
a.tgreens:visited {
	z-index: 2;
    background-color: #de27ff;

	color: #fff;
	text-decoration: none;
/*	border: 2px #63ffc960 solid !important;*/
	border-radius: 5px;
    display: inline-block;
    padding: 15px 30px;
    font-size: 15pt;
    font-weight: bold;
    /* text-shadow: 1px 1px #8d17a1; */
    margin: 20px 0 0 0;

}

a.tgreens:hover {
	background-color: #63ffc9 !important;
	color: #000 !important;
}



.w3-button.tgreen:hover {
	background-color: #63ffc9 !important;
	color: black !important;
}

.wrap {
	height: 100%;
}

.hlg {
	color: #63ffc9;
	font-size: 17pt;
	margin: 15px auto;
}

.hlgb {
	color: #000;
	font-size: 18pt;
	background-color: #63ffc9;
	padding: 15px;
	border-radius:5px;
	max-width: 430px;
	margin: 15px auto;
	line-height: 22pt;
}

.hlmb {
	color: #000;
	font-size: 17pt;
	background-color: #de27ff;
	padding: 25px;
	border-radius: 5px;
	max-width: 430px;
	margin: 15px auto;
	line-height: 30pt;
}

.spacer {
	margin: 0 auto;
	border-bottom: 2px #63ffc960 solid !important;
	border-top: none;
	max-width: 600px;
	padding-top: 25px;
}

.spacer_bottom {
	margin: 0 auto;
	border-bottom: 2px #63ffc960 solid !important;
	border-top: none;
	max-width: 600px;
	padding-top: 0px;
}

.spon {
    color: #63ffc9;
    font-size: 15pt;
    padding: 0;
    margin: 0 0 20px 0;
}


.cfpn {
    color: #ea71ff;
    font-size: 15pt;
    padding: 0;
    margin: 0 0 20px 0;
}



.venue {
    color: #ea71ff;
    font-size: 15pt;
    padding: 0;
    margin: 0 0 20px 0;
}



.cofee a {
    color: #de27ff !important;
	font-size: 16pt;
}

.cofee a:hover {
    color: #ea71ff !important;
}

.slogo {
	border: 2px #63ffc960 solid;
	border-radius: 5px;
	width: 30%;
	margin: 0.5%;
	padding: 10px;
	min-width: 140px;
}

.sbox {
	/*
	border: 2px #63ffc960 solid;
    border-radius: 5px;
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 10px;
    padding: 10px;
	*/
    display: grid;
    place-content: center;
	width: 150px;
    height: 150px;
	float: left;
	margin: 14px;
}

@media screen and (max-width: 650px) {
	.sbox {
		display: grid;
		place-content: center;
		width: 150px;
		height: 150px;
		float: none;
		margin: 14px auto;
	}
}


.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

a.slogo:hover/*, td:hover*/ {
	border: 2px #63ffc9 solid;
}
td.slogo a {
    height: 120px;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
    padding: 0;
    margin: 0;
}

.breathing-box {
    -webkit-animation: breathing 3s ease-out infinite normal;
    animation: breathing 3s ease-out infinite normal;
}

ul.cul {
	color: #63ffc9;
    text-align: left;
    font-size: 16pt;
    line-height: 16pt;
}

ul.cul li {
	margin: 20px 0;
}

ul.cul li b {
	color: #de27ff;
}

.sched_toggle_button {
    border-radius: 5px;
    padding: 16px;
    font-weight: bold;
    font-size: 16pt;
	color: #63ffc9;
	text-decoration: none;
	border: 2px #63ffc960 solid !important;
}

.sched_toggle_button:hover {
	background-color: #63ffc9 !important;
	color: black !important;
}

#sched_box {
    border: 2px #63ffc960 solid;
	border-radius: 5px;
    padding: 0 20px;
}

@-webkit-keyframes breathing {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
	
	  25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	  }
	
	  50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
	
	  75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	  }
	
	  100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

* {
	/*font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
	font-family: "Ubuntu Mono", monospace;
}


a.top-button,
a.top-button:visited {
	z-index: 0;
	background-color: #63ffc9;
	text-decoration: none;
	border-radius: 3px 0 0px 5px;
	margin: 3px; 
	padding: 4px 18px !important;
	color:black;
	font-weight: bold;
	line-height: 14pt;
	font-size: 12pt;
	border-right: 6px solid #de27ff !important;
}

a.top-button:hover {
	background-color: #de27ff !important;
	border-right: 6px solid #8d17a1 !important;
	color: #fff !important;
}

.logo_date {
	background: #000;
	width: 200px;
	margin: -13px auto 20px auto;
    font-size: 16pt;
    font-weight: bold;
    margin-top: -5px;
    padding: 5px;
    border-radius: 5px;
	line-height: 16pt;
	border-top: 2px solid #63ffc9;
	border-left: 2px solid #63ffc9;
	border-bottom: 2px solid #de27ff;
	border-right: 2px solid #de27ff;
	color: #63ffc9;
	text-shadow: 1px 1px #8d17a1;
}

.spc {
	border-top: 1px #63ffc960 dashed !important;
}

.price_info {
    color: #63ffc9;
    padding: 5px 50px;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_bar.png"), url("images/box_pass.png");
  	background-repeat: repeat-y, repeat-y;
	background-position: left, right;
	font-size: 16pt;
	box-shadow: 0 0 20px 0px #63ffc950;
  	
}

.about_info {
    color: #ea71ff;
    padding: 15px 50px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
  	
	box-shadow: 0 0 100px 6px #de27ff50;

}

.about_info p {
	padding: 0 30px 10px 30px;
}

.about_inside_box {
	background-color: #ea71ff;
    color: #000;
    font-size: 16pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0px auto 18px auto;

}

.about_inside_box a {
	text-decoration: none !important;
}
.about_inside_box:hover {
	background-color: #de27ff;
    color: #000;
    font-size: 16pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0px auto 18px auto;
}

.price_info b {
    color: #de27ff;
}


.sponsor_info {
    color: #63ffc9;
    padding: 15px 20px;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_circle_top_right.png"), url("images/box_circle_bottom_left.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	box-shadow: 0 0 20px 0px #63ffc950;
}


.cfp_info {
     color: #ea71ff;
    padding: 15px 20px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	box-shadow: 0 0 100px 6px #de27ff50;
}



.venue_info {
     color: #ea71ff;;
    padding: 15px 20px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	box-shadow: 0 0 100px 6px #de27ff50;
}

.venue_info p {
	padding: 0 30px 10px 30px;
}



.sponsor_logos img {
	margin:10px;
	border-radius: 10px;
	padding: 0 20px;
	border: 2px solid #63ffc960;
}

.sponsor_logos img:hover {
	border: 2px solid #63ffc9;
}

.sponsor_logos p {
    font-size: 14pt;
    border-top: 2px solid #63ffc960;
    padding: 0 50px 20px 50px;
    margin: 20px 50px;
}

.program_info {
	color: #ea71ff;
	    padding: 0 25px;
	    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	box-shadow: 0 0 100px 6px #de27ff50;
  	
}

.program_info h2 {
	margin:20px 0;
}



.keynote_info {
    color: #63ffc9;
    padding: 15px 20px;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_circle_top_right.png"), url("images/box_circle_bottom_left.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	box-shadow: 0 0 20px 0px #63ffc950;
  	
}

.keynote_info h2 {
	margin:20px 0;
}


.workshop_table {
	background-color: #63ffc960;
	border-radius: 10px;
	color: #fff;

}

.conference_table {
	background-color: #de27ff08;
	border-radius: 10px;
}

.conference_table td {
    border: 2px solid #de27ff60;
	background-color: #de27ff10;
    line-height: 16pt;
    border-radius: 10px !important;
    font-size: 12pt;
    padding: 8px 16px;
    vertical-align: middle;
}

.conference_table td.hld,
.conference_table tr.hl {
	background-color: #de27ff20;
}

.conference_table tr.hlm {
	background-color: #de27ff40;
}

.conference_table tr.bl {
	background-color: #63ffc908;
	color:#63ffc9bb;
}




.conference_table tr.bl td {
    border: 2px solid #63ffc940;
	background-color: #63ffc908;
}


.conference_table tr.by {
	background-color: #1999ff20;
	color: #1999ffff;
}

.conference_table tr.by td {
    border: 2px solid #1999ffff;
	background-color: #1999ff20;
}


.conference_table h3 {
	background: #ea71ff !important;
    color: #000;
    font-size: 18pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 10px auto 0px auto;
    font-weight: bold;
}



.venue_info h3 {
	background: #63ffc9;
	color:#000;
    border-radius: 5px;
    padding: 6px;
    margin: 20px 0 0 0 !important;
}

.venue_info p {
	padding: 0 30px 10px 30px;
}





.theme_info {
    color: #63ffc9;
    padding: 15px 50px !important;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_circle_top_right.png"), url("images/box_circle_bottom_left.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	box-shadow: 0 0 20px 0px #63ffc950;
}

.theme_info h3 {
	background: #63ffc9;
	color:#000;
    border-radius: 5px;
    padding: 6px;
    margin: 20px 0 0 0 !important;
}

.theme_info p {
	padding: 0 30px 10px 30px;
}



.contact_info {
	color: #ea71ff;
    padding: 15px 25px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;

	box-shadow: 0 0 100px 6px #de27ff50;
}


.contact_button {
    background: #ea71ff !important;
    color: #000;
    font-size: 11pt;
    padding: 10px 30px;
    border-radius: 5px;
    margin: 10px auto 0px auto;
    font-weight: bold;
}

.contact_button:hover {
	background-color: #de27ff !important;
}


th {
	padding: 0 16px !important;
}


tr.hl td:nth-child(2) {
	font-weight: bold;
    font-size: 12pt;
    padding: 15px;
}


tr.bl td:nth-child(2) {
    font-size: 12pt;
    padding: 10px 15px;
}




table {
    border-collapse:separate !important;
	border-spacing: 4px 8px !important;
	margin-bottom: 25px;
}



@media screen and (max-width: 650px) {
	a.top-button {
		margin: 3px 0; 
	}
}

body, html {
	background-color: #131313 !important;
	background-image: url("images/web_bcg_grid.png");
  	background-repeat: repeat-x  repeat-y;
	
}