

.example {
    display: none;
    color: rgb(63, 63, 63);
    background-color: rgb(255, 255, 255);
    padding: 10px 15px;
    width: 250px;
    margin: 1em auto;
    font-size: 14px;
}

.example span:only-child {
    border: 1px solid red;
}



table tr:hover .example {
    display: block;
}

input[type="radio"]:checked + label {
    text-decoration: underline;
}

input:disabled {
    color: rgb(131, 131, 131);
    background-color: rgb(161, 161, 161);
}

table {
    border-collapse: collapse;
    /* border: 1px solid blue; */
}

tr th {
    height: 2em;
}

tr td {
    /* background-color: rgba(84, 124, 96, 0.637); */
    padding: 0.4em
}



input[type="text"] {
    border: 1px inset gray;
    border-radius: 10px;
    padding: 5px;
    font-size: 0,9em;
    color: #666;
    margin: 10px;
    
}

input[type="text"]:focus {
    border: 2px inset pink;
    border-color: pink;
    padding: 4px;
    outline: 0;
    color: #111;
}

[data-tooltip] {
    cursor: help;
    position: relative;
    border-bottom: 1px dotted red;
}

/* [data-tooltip]:hover {

} */

[data-tooltip]:hover:after {
    content: attr(data-tooltip);
    min-width: 150px;
    background-color: rgba(130, 130, 236, 0.904);
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    top: 0px;
    left: 40px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1000;


    /* border: 1px solid red; */
}

.show {
    display: none;
}

.box:hover .show {
    display: block;
}

.box {
    padding: 15px;
    /* border: 1px solid red; */
    background-color: black;
} 



/* table
 {
    all: unset;
} */




td div a:link,
td div a:visited {
    color: rgb(59, 59, 59);
    /* background-color: red; */
}

td div a:hover {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.download:before {
    content: url(/img/download.gif);
    margin-right: 5px;
    width: 28px;
    height: 28px;
}

.download:hover:before {
    content: url(/img/download_hover.gif);
}






table tr td:first-child {
    font-weight: bolder;
}




.child {
    background-color: whitesmoke;
    margin: 1em auto;
    width: 50%;
    text-align: center;
    font-weight: bold;
    color: rgb(202, 202, 202);
}

div.show div {
    background: rgb(54, 54, 185);
}
div.show div:nth-child(2n) {
    background: rgb(59, 158, 59);
}
div.show div:nth-child(3n) {
    background: rgb(180, 99, 99);
}

ol.punktory li {
    color: rgb(192, 192, 192);
}

#testing_selector p:not(.bezstylu) {
    color: rgb(0, 216, 0);
}

#testing_selector_2 p:first-letter {
    font-size: 2em;
    color: rgb(73, 151, 56);
}

#testing_selector_3 p:first-line {
    font-size: 2em;
    font-color: black;
    font-weight: bold;
}

.example p:empty {
    border: 1px solid red;
    padding: 10px;
    margin: 10
}

#ShowMeFun:target {
    font-weight: bolder;
    color: darkred;
    border: 1px solid darkred;
}