p,span,td,button,ul,li { font-family: 'Jura', Verdana, sans-serif; font-size: 18px; color: #eeeeee; }
h1,h2,h3,h4,h5,th { font-family: 'Jura', Verdana, sans-serif; color: #f9df30 !important; font-size: 26px; font-weight: bold; }

body { background-image: url("/img/bg-tech.png"); }

a { color: #ffffff;}
a:active { color: #f1df58;}
a:hover { color: #f1df58 !important; text-decoration: none; }
a:visited { color: #ffffff;}
a:link { color: #ffffff;}

table { width: 100%; border-radius: 5px !important;}
th { background-color: #f1df58 !important; color: #000000 !important;  font-weight: bold; font-size: 22px; }
tbody > tr:nth-child(even) > td { background-color: #eeeeee !important; }
tbody > tr:nth-child(odd) > td { background-color: #808080 !important; color: #000000 !important; }
td > a { color: black !important;}
td > a:active { color: black !important;}
td > a:hover { color: black !important; text-decoration: none; }
td > a:visited { color: black !important; text-decoration: none; }
td > a:link { color: black !important; text-decoration: none; }

input, input:hover, input:visited, input:link, input:focus, input:focus:hover, input:checked, input.form-control:hover, input.form-control:focus, input.form-control, input.form-control:focus:hover {
	border: 0px; outline: none; border-radius: 0px; border-bottom: 1px solid #eeeeee;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	font-family: 'Jura', Verdana; 
	padding-left: 4px; padding-right: 4px;
}

select {
	border: 0px; outline: none; border-radius: 0px;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	font-family: 'Jura', Verdana; 
	padding-left: 4px; padding-right: 4px;
}

select > option { background-color: #000000 !important;}

label {
	border: 0px; outline: none; padding-top: 7px;
	color: #eeeeee;
	font-family: 'Jura', Verdana; font-weight: bold;
}

.navbar { background-color: rgba(0,0,0,0.85); }
.optnavbar { animation-duration: 2s; animation-name: titleIn; }
.nav-item { font-size: 170%; font-weight: 500; font-family: 'Major Mono Display'; }
.navbar-nav {justify-content: center; align-items: center; }

.form-check-inline > label { padding-right: 10px !important; top: 0; }
.form-control::-webkit-input-placeholder { color: #eeeeee !important; }
.form-control:focus { background-color: #000000 !important; color: #eeeeee !important; }

.boxCoursePlan {
	border: 1px solid #eeeeee;
	border-radius: 5px;
	padding: 5px 5px;
	box-shadow: 2px 2px #eee;
	display: flex;
	justify-content: flex-flex-start;
	flex-direction: column;
}
.boxCoursePlan > h5 { background-color: white; color: black; padding: 5px; font-weight: bold; }

.boxCourse {
	border: 0px; padding: 25px 5px; margin: 15px;
	display: flex; justify-content: space-between; flex-direction: column;
}
.boxCourse > h5 { color: #f9df30; padding: 5px; font-weight: bold !important;}
.boxCourse > li { padding: 5px; text-align: justify; }
.boxCourse > p { padding: 5px; text-align: justify; }
.boxCourse > span { padding: 5px; justify-content: flex-end;  }
.boxCourse > button { justify-content: flex-end; width: 100%; }

.btn-ld-one { background-color: #ffffff !important; color: #000000 !important; border-color: #696969 !important; padding: 10px 10px 10px 10px !important; }
.btn-ld-one:active { color: #ffffff !important; background-color: #000000 !important; border-color: #696969; }
.btn-ld-one:hover { color: #ffffff !important; background-color: #000000 !important; border-color: #696969; text-decoration: none; }

.btn-ld-two { color: #ffffff !important; background-color: #000000 !important; border-color: #696969 !important; }
.btn-ld-two:active { background-color: #f1df58 !important; color: #000000 !important; border-color: #696969 !important; }
.btn-ld-two:hover { background-color: #f1df58 !important; color: #000000 !important; border-color: #696969 !important; text-decoration: none; }

.container { background: none;}
.jumbotron { background: none; width: 90%; margin-left: auto; margin-right: auto; }
.hidden { display: none; }

.bgyellow {background-color: #f9df30 !important;}
.ldyellow {color: #f9df30 !important;}
.ldgrey {color: #696969 !important;}
.ldblue {color: #2f4f4f;}
.ldblack {color: #000000 !important;}
.ldwhite {color: #eeeeee;}
.ldblank {color: #fff !important;}
.ldbold { color: #808080;}
.textOpacity {
	animation-duration: 3s;
	animation-name: ouropacity;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.border_radius_5px { border-radius: 5px !important; }
.leftpad { padding-left: 40px; }

.minsz { font-size: 90%; margin-top: 5px; }
.litsz { font-size: 75%; margin-top: 5px; }
.boldsz { font-size: 100%; font-weight: bold; }
.bigsz { font-size: 115%; font-weight: bold; }
.med { font-size: 80%; }

.sz_xlarge { zoom:1.50; -moz-transform:scale(1.50); -moz-transform-origin: 0 0; }
.sz_large { zoom:1.25; -moz-transform:scale(1.25); -moz-transform-origin: 0 0; }
.sz_normal { zoom:1.00; -moz-transform:scale(1.00); -moz-transform-origin: 0 0; }
.sz_medium { zoom:0.75; -moz-transform:scale(0.50); -moz-transform-origin: 0 0; }
.sz_half { zoom:0.50; -moz-transform:scale(0.50); -moz-transform-origin: 0 0; }
.sz_almostmin { zoom:0.38; -moz-transform:scale(0.38	); -moz-transform-origin: 0 0; }
.sz_minimum { zoom:0.25; -moz-transform:scale(0.25); -moz-transform-origin: 0 0; }

.dashboard {
	background: url('/img/d7445f0eb73151ad07d9eb82b5900517-rev.png') no-repeat;
	width: 96px; height: 96px;
	border: 0px; display: block;
}
.home { background-position: -22px -32px; }
.edit { background-position: -162px -32px; }
.user { background-position: -302px -32px; }
.checklist { background-position: -302px -192px; }
.pref { background-position: -162px -352px; }
.share { background-position: -22px -352px; }
.upload { background-position: -302px -352px; }

.livicons {
	background: url('/img/simplybold.png') no-repeat;
	background-color: rgba(0,255,255,0.5);
	width: 38px; height: 38px; border: 0px;
}
.lgraph { background-position: -64px -12px; }
.luser { background-position: -438px -12px; }

.courseIcons {
	background: url('/img/cloud-network-rev.png') no-repeat;
	width: 200px; height: 190px; border: 0px;
}
.lchip { background-position: 0px 0px; }
.lroute { background-position: -200px 0px; }
.lnetwork { background-position: -400px 0px; }
.lstorage { background-position: 0px -180px; }
.llaptop { background-position:  -200px -180px; }
.lkubernetes { background-position: -400px -180px; }
.larmor { background-position: 0px -360px; }
.lcrypto { background-position: -200px -360px; }
.lcloud { background-position: -400px -360px; }


@keyframes titleIn {
  from { color: #000000; width: 200%; }
  to { color: #ffffff; width:100%; 	}
}

.circleEffect {
	background-color: #49fb35;
	width: 2px; height: 2px;
	border-radius: 25px;
	animation-duration: 5s;
	animation-name: circuit_t;
	animation-iteration-count: infinite;
	position: absolute;
	margin-top: 2%;
	animation-direction: alternate;
	box-shadow: 0px 2px 10px #66FF00;
}

@keyframes circuit_t {
	5% { margin-top: 2%;  margin-left: 5%; }
 10% { margin-top: 2%;  margin-left: 15%; }
 15% { margin-top: 2%;  margin-left: 35%; width: 100px; }
 20% { margin-top: 2%;  margin-left: 50%; }
 24% { margin-top: 2%;  margin-left: 60%; }
 25% { margin-top: 2%;  margin-left: 75%; }
 29% { margin-top: 2%;  margin-left: 79%; height: 2px; width: 2px; }
 30% { margin-top: 5%; margin-left: 80%; }
 40% { margin-top: 10%; margin-left: 80%; height: 50px; }
 45% { margin-top: 15%; margin-left: 80%; }
 50% { margin-top: 20%; margin-left: 80%; width: 2px; height: 2px; }
 55% { margin-top: 25%; margin-left: 70%; }
 60% { margin-top: 25%; margin-left: 55%; }
 65% { margin-top: 25%; margin-left: 40%; width: 50px; }
 70% { margin-top: 25%; margin-left: 35%; }
 75% { margin-top: 25%; margin-left: 20%; }
 80% { margin-top: 25%; margin-left: 10%; width: 2px; height: 2px; }
 85% { margin-top: 20%; margin-left: 10%; }
 86% { margin-top: 15%; margin-left: 10%; height: 25px; }
 90% { margin-top: 10%; margin-left: 10%; height: 2px}
 95% { margin-top: 10%; margin-left: 5%; }
 99% { margin-top: 5%;  margin-left: 5%;  width: 2px; height: 2px;}
}

@keyframes ouropacity {
  from { opacity: 0.55; }
  to { opacity: 1.0; }
}