body{
    font-family: serif;
    background-image: url("images/clr.png");
    background-repeat: repeat;    
}



a {color:rgb(37, 69, 172);font-family:arial;}
a:link   {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover  {color:rgb(49, 29, 233);text-decoration: none;}
a:active {text-decoration: none;}
a:hover:after {
  content: attr(dada-title);
  width:400px;
}

.ref {color:rgb(253, 180, 180);}
.ref:link   {text-decoration: none;}
.ref:visited{text-decoration: none;}
.ref:hover  {color:yellow;text-decoration: none;}
.ref:active {text-decoration: none;}

hr {
    background-color:rgb(248, 227, 227);
    height: 1px;
    border: none;
}
.arial{
    font-family:Arial, Helvetica, sans-serif;
}
.smdi{
    font-family:'Libre Baskerville',serif;
    background-image: linear-gradient(0deg, rgb(248, 78, 78), white, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.submit{
    color:brown;
    cursor: pointer;
}
.brownbg{
    background-color: brown;
}
.whitebg{
    background-color: white;
}
.lightbrownbg{
    background-color: rgb(170, 72, 72);
}
.white{
    color: white;
}
.brown{
    color:rgb(171, 48, 48);
}
.lightbrown{
    color:rgb(214, 192, 192);
}
.em12{
    font-size:1.2em;
}
.em08{
    font-size:0.8em;
}
.em09{
    font-size:0.9em;
}
.em15{
    font-size: 1.5em;
}
.em4{
    font-size: 4.5em;
}
.textcenter{
    text-align: center;
}
.zeropadding tr td {
    padding:5px;
}
.zerospacing tr td {
    border-spacing: 0px;
    border-collapse: collapse;
}
.bold{
    font-weight: bold;
}
.opa{
    opacity:0.3;
}
.opa:hover{
    opacity:1;
    transition: all 0.4s ease-out;      
}
.top{
    vertical-align: text-top;
}
.menu{
    background-color: rgb(146, 30, 30);
    color:rgb(255, 255, 255);
}
.menu:hover{
    background-color: rgb(253, 213, 213);
    color:rgb(114, 12, 12);
}
.menu a {
    color:white;
    display:block;
}
.menu a:hover {
    color:rgb(114, 12, 12);
}
.shadow{
    box-shadow: 5px 5px 15px #565656;
}
.clicktodisplay{
    cursor:pointer;
}
.displaybyclicking{
    display:none; 
}
.clicktodisplay:focus + .displaybyclicking{
    display:block;
}
.loader {
  border-top: 16px solid rgb(248, 169, 169);
  border-right: 16px solid rgb(168, 84, 84);
  border-bottom: 16px solid rgb(248, 169, 169);
  border-left: 16px solid rgb(168, 84, 84);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  position: relative;  
  top: 50%;
  left: 43%;
}

@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}

.gini{
    font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
    background-color: rgb(245, 245, 255);
    color: #222222;
    margin: 10px 10px 10px 10px;
    border: 1px solid #224a7b;
    padding:5px;
}
.gini th{
    font-weight: normal;
    background-color: #224a7b;
    color: white;
    padding: 10px;
}
.gini tr{
    height:24px;
}
.gini td{
    padding:10px;
}
.gini td + td + td {
    text-align: right;
}
.gini td + td + td + td{
    text-align: right;
}
.gini td + td + td + td + td {
    text-align: right;
}
.gini td + td + td + td + td + td {
    text-align: right;
}
.gini tr:nth-child(odd) {
    background: rgb(252, 205, 205);
}
.gini tr:hover {
    background: yellow;
    cursor: pointer;
}

.dsdg{
    font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
    background-color: rgb(245, 245, 255);
    color: #222222;
    margin: 10px 10px 10px 10px;
    border: 1px solid #224a7b;
    padding:5px;
}
.dsdg th{
    font-weight: normal;
    background-color: #224a7b;
    color: white;
    padding: 10px;
}
.dsdg tr{
    height:24px;
}
.dsdg td{
    padding:10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;    
}
.dsdg td + td + td + td + td + td+ td + td + td{
    text-align: right;
}
.dsdg td + td + td + td + td + td+ td + td + td + td{
    text-align: right;
}
.dsdg td + td + td + td + td + td+ td + td + td + td{
    text-align: right;
}

.dsdg tr:nth-child(odd) {
    background: rgb(205, 210, 252);
}
.dsdg tr:hover {
    background: rgb(156, 139, 253);
    cursor: pointer;
}



.roundbuttonpink{
    background-color:#fca8b7;color:brown;font-size:0.8em;border:none;border-radius:4px;
}
.roundbuttonpink:hover{
    color: red;
    background-color:#fc778f;
}
.roundbuttonblue{
    background-color:#a8bcfc;color:#060e29;font-size:0.8em;border:none;border-radius:4px;
}
.roundbuttonblue:hover{
    color: blue;
    background-color:#5f84ff;
}

.download{
    font-size: 1.2em;
    border: 1px solid rgb(46, 60, 186);
}
.download:hover{
    background-color: #a8b2fc;
}
.result{
    font-size: 1.2em;
    border: 1px solid brown;
}
.result:hover{
    background-color: #fca8b7;
}