html {
 /*line-height: 1.15;*/
 -webkit-text-size-adjust: 100%;
}

body {
 font-family: 'Calibri', 'Arial', sans-serif;
 font-size: 16px;
 margin: 0;
 padding: 0;
}

header {
 background-color: #3491CE;
 border-bottom: 1px solid #027CCB;
 padding: 15px;
 color: white;
}

header h1 {
 margin: 0;
 padding: 0;
}

header a {
 color: #A4C2D6 !important;
}

#logo {
 height: 70px; 
 position: absolute;
 right: 0;
 top: 0;
}

nav.breadcrumbs {
 background-color: #63C18F;
 padding: 0 15px; 
}

nav.breadcrumbs ol {
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
}

nav.breadcrumbs ol li:before {
 content: "› ";
}

#content {
 margin: 30px;
}

footer {
 border-top: #027CCB solid 1px;
 color: #335142;
 margin-bottom: 1em;
 text-align: center;
}

ul.horizontal {
 margin: 0;
 padding: 0;
}

ul.horizontal li {
 display: inline-block;
}

ul.horizontal li a.active {
 font-weight: bolder;
}

a, a:link {
 background-color: transparent;
 color: #4A319B;
 text-decoration: none;
}

a:visited {
 color: #624AAE;
}

a:focus, a:hover, a:active {
 text-decoration: underline;
}

b, strong {
 font-weight: bolder;
}

nav li {
 display: inline;
}

img {
 border-style: none;
}

th {
 background-color: #C6D3F2;
 text-align: center;
}

td, th {
 border: 1px solid #bbb;
 padding: 0.25em;
 min-width: 40px;
}

td.highlighted {
 background-color: lightgreen !important;
}

tr:hover td {
 background-color: #FFF6CB;
}

td.fileicon {
 line-height: 0;
 vertical-align: middle;
 text-align: center;
}



fieldset {
	border:2px solid #555;
	border-top-width:18px;
	margin:0.3em 0;
	padding:0.3em;
}

legend {
	background-color:#555;
	color:cornsilk;
	font-weight:bold;
}

button, input, optgroup, select, textarea {
 font: inherit;
 margin: 0;
}

button, select {
 text-transform: none;
}

input[type=text], input[type=number], input[type=password], input[type=number], select, textarea {
 background-color: inherit;
 border: 1px solid #666;
 border-radius: 5px;
 color: cornflowerblue;
 font-family: inherit;
 font-size: 100%;
 padding: 0.2em;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
	border-color: cornflowerblue;
}

label {
	padding-left:0.5em;
}

textarea {
 width: 95%;
}

textarea.textarea-2-rows {
 height: 2.6em;
}

textarea.textarea-10-rows {
 height: 12.2em;
}


.text-muted {
 color: #777;
}

.text-right {
 text-align: right;
}


/* Bootstrap Alert */
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0.5em;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}



ol.answers {
    list-style: upper-latin;
}

ol.answers li {
    border: 1px solid #027CCB;
    border-radius: 5px;
    width: 400px;
    padding: 10px;
    margin: 10px;
    background-color: #eeeeee;
}

ol.answers li.correct {
    background-color: #63C18F !important;
}

ol.answers li.wrong {
    background-color: lightcoral !important;
}

ol.answers li:hover {
    background: #FFF6CB;
}

p {
    max-width: 700px; font-size:120%;
}

span.resp {
    
}

.blink {
    animation: blink 0.5s alternate infinite;
}

.blink-delay {
    animation: blink 1s alternate infinite;
    animation-delay: 10s;
}

span.respcorrect {
    color: #63C18F;
}

span.respwrong {
    color: lightcoral;
}


@keyframes blink {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}


@media print {
 
 body {
  font-size: 11pt;
 }
 
 nav.breadcrumbs {
  display: none;
 }
 
 footer {
  display: none;
 }
 
 td, th {
  border: 1px solid #000;
 }
 
 .noprint {
  display: none;
 }
 
}