/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


ol {
padding-left: calc(1.75em + ((1.75vw - 0.1em) * 1));
}


.codphp { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%; 
background: red;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.codphp div {
display:block;
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 75%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid #c10000;
background: #fff6f6;
color: black;
word-break: break-word;
}

.codtxt { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%;
background: silver;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.codtxt div {
display:block;
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 70%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid darkgray;
background: #f5f5f5;
color: black;
word-break: break-word;
}
.codtxt a {
color:blue;
}
.codtxt a:hover {
color:green;
text-decoration: none;
}

.codhtml { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%;
background: green;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.codhtml div {
display:block;
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1)); 
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 75%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid #004c01;
background: #f4fff4;
color: black;
word-break: break-word;
}

.codcss { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%; 
background: blue;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.codcss div {
display:block;
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 75%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid navy;
background: #f0f0ff;
color: black;
word-break: break-word;
}



.txtinf { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%; 
background: transparent;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.txtinf div {
display: block;
padding: calc(.35em + ((.35vw - 0.1em) * 1));
padding-left:0;
margin:0 0 0 calc(.23em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 75%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid silver;
background: #ffffe8;
color: black;
word-break: break-word;
}
.txtinf div span {
font-size: 95%;
font-style: italic;
color:#5a5a5a;
display: block;
margin: calc(-1.33em + ((.13vw - 0.15em) * 1)) 0 0 1.5em;
}



.txtjs { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%; 
background: transparent;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.txtjs div {
display: block;
padding: calc(.35em + ((.35vw - 0.1em) * 1));
padding-left:0;
margin:0 0 0 calc(.23em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 50%; 
line-height: 20px;
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid yellow;
background: #ffffe8;
color: black;
word-break: break-word;
}


.tense {
width:20em;
font-size: 85%;
margin: 0 auto;
text-align: center;
border: none;
}
.tense td {
width: .85em
padding: .15em .25em;
font-weight: normal;
text-align: center;
border: 1px solid silver;
}
.tense td a {
text-decoration: none;
}
.tense td a:hover {
text-decoration: underline;
}
.tense td.go a:hover {
text-decoration: none;
}




#txtkop label.plv {
background: white;
border-radius: 3px;
border: 1px solid #555555;
margin: 0 0 0 1em;
padding: 2px 5px;
font-size: 65%;
font-family: helvetica, arial,  sans-serif;
}
#txtkop label.plh {
background: white;
border-radius: 3px;
border: 1px solid #555555;
margin: 0 0 0 0;
padding: 2px 5px;
font-size: 65%;
font-family: helvetica, arial,  sans-serif;
}

#txtkop [type="radio"]:not(:checked),
#txtkop [type="radio"]:checked {
  position: absolute;
  left: -40em;
}
#txtkop [type="radio"]:not(:checked) + label,
#txtkop [type="radio"]:checked + label {
  position: relative;
  padding-left: 1.4em;
  cursor: pointer;
}
/* radio aspect */
#txtkop [type="radio"]:not(:checked) + label:before,
#txtkop [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: none;
}
/* checked mark aspect */
#txtkop [type="radio"]:not(:checked) + label:after,
#txtkop [type="radio"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: 0; left: .2em;
  font-size: 100%;
  line-height:1.4;
  color:green;
  transition: all .5s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
#txtkop [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#txtkop [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
#txtkop [type="radio"]:disabled:not(:checked) + label:before,
#txtkop [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
}

#txtkop [type='radio'] + label {
color:darkgray;
}
#txtkop [type='radio']:checked + label {
color:black;
cursor:default;
}
#txtkop [type='radio']:hover:not(:checked) + label {
  color:green;
  cursor: pointer;
}
#txtkop [type="radio"]:disabled:checked + label:after {
  color: #999;
}
#txtkop [type="radio"]:disabled + label {
  color: #aaa;
}
#txtkop input[value="1"]:checked ~ div[id="1"]{
display:none;
}
#txtkop input[value="2"]:checked ~ div[id="2"]{
display:none;
}
#txtkop input[value="3"]:checked ~ div[id="3"]{
display:none;
}
#txtkop input[value="4"]:checked ~ div[id="4"]{
display:none;
}
#txtkop input[value="5"]:checked ~ div[id="5"]{
display:none;
}
#txtkop input[value="6"]:checked ~ div[id="6"]{
display:none;
}
#txtkop input[value="7"]:checked ~ div[id="7"]{
display:none;
}
#txtkop input[value="8"]:checked ~ div[id="8"]{
display:none;
}
#txtkop input[value="9"]:checked ~ div[id="9"]{
display:none;
}
#txtkop input[value="10"]:checked ~ div[id="10"]{
display:none;
}
#txtkop input[value="11"]:checked ~ div[id="11"]{
display:none;
}
#txtkop input[value="12"]:checked ~ div[id="12"]{
display:none;
}
#txtkop input[value="13"]:checked ~ div[id="13"]{
display:none;
}
#txtkop input[value="14"]:checked ~ div[id="14"]{
display:none;
}
#txtkop input[value="15"]:checked ~ div[id="15"]{
display:none;
}
#txtkop input[value="16"]:checked ~ div[id="16"]{
display:none;
}
#txtkop input[value="17"]:checked ~ div[id="17"]{
display:none;
}
#txtkop input[value="18"]:checked ~ div[id="18"]{
display:none;
}
#txtkop input[value="19"]:checked ~ div[id="19"]{
display:none;
}
#txtkop input[value="20"]:checked ~ div[id="20"]{
display:none;
}





.cored {
color:red;
font-weight: bold;
}

.ro {
color:red;
}
.rob {
color:red;
font-weight: bold;
}
.gr {
color:#575757;
}
.sw {
color:black;
}
.swb {
color:black;
font-weight: bold;
}
.bl {
color:blue;
}
.or {
color:#ae7200;
}
.orb {
color:#ae7200;
font-weight: bold;
}
.ma {
color:maroon;
}
.gru {
color:green;
}
.gra {
color:gray;
}
.na {
color:navy;
}
.grlight {
color: silver;
}

.texten { 
margin:calc(.2em + ((.2vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 
calc(.2em + ((.2vw - 0.1em) * 1)) 1px;
width: 100%; 
background: #e8e8e8;
border: calc(.12em + ((.12vw - 0.15em) * 1)) solid gray;
border-radius: calc(.15em + ((.15vw - 0.1em) * 1)) 0 0 calc(.15em + ((.15vw - 0.1em) * 1));
}
.texten div {
display:block;
padding: calc(.35em + ((.35vw - 0.1em) * 1));
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
font-family: Verdana, Geneva, Arial,sans-serif; 
font-size: 75%; 
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid silver;
background: #f9f9f9;
color: black;
word-break: break-word;
}

.texten .fa-info {
font-size:125%;
color:green;
}

.texten a {
color:blue;
font-weight: bold;
}
.texten a:hover {
color:green;
text-decoration: none;
}


@media screen and (max-width: 600px) {

.texten { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.codtxt { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.codphp { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.codhtml { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.codcss { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.txtinf { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
.txtjs { 
border: calc(.15em + ((.15vw - 0.15em) * 1)) solid #aaaaaa;
}
}