body{background:#FFF;font-family: Arial, Helvetica, sans-serif;
font-weight:bold;word-break:break-word;max-width:400px;align:center;margin:auto;
border:solid #ff00ff 0px;padding:1px;font-size:17px;color:#000000;}

select,input[type=time],input[type=file],input[type=number],input[type=text],input[type=password],input[type=email],textarea
{margin:1px 1px 1px 1px ;padding:4px 4px 4px 4px;font-weight:bold;font-size:17px;border-radius:2px;display:inline-block;}

input[type=submit],button{color: #FFFFFF;background-color:#424242;border:2px solid #DD380D;
text-decoration: none;display:inline-block;text-align:center;
margin:2px 2px 2px 2px;padding:4px 6px 4px 6px;border-radius:2px;font-weight:bold;font-size:17px;}

input:hover[type=submit]{background:#FF0000;border: 2px solid #337FED;text-decoration:none}
input:focus[type=submit]{background:#FFFF00;color:#000000;text-decoration:none;}

select,input[type=text],input[type=time],textarea,input[type=password],input[type=number],input[type=email]{color:#FF0000;background:#E0F8F7;
border:2px solid #08088A;text-decoration:none;display:inline-block;}

select:hover,input:hover[type=number],input:hover[type=time],input:hover[type=text],textarea:hover,input[type=password]:hover,input[type=email]:hover
{color:#0000ff;background-color:#00ff9c;border:solid #337FED 2px;text-decoration:none;display:inline-block;
margin:1px 1px 1px 1px ;padding:4px 4px 4px 4px;}

input[type=text],input[type=number],input[type=time],input[type=password],input[type=email],
input[type=file],input[type=submit],select,button{max-width:80%;min-width:10%;}textarea{min-width:95%;}

img {border:solid #ff2afd 0px;color:#FFFF00;margin:1px 0px 1px 0px;padding:0px;vertical-align:middle;}
table{vertical-align:middle;}
.avatar{border-radius:50%;border:1px solid #000000;margin:1px;padding:0px;}
.imgrd{background:#9bf9ff;border-radius:10px;border:1px solid #000000;margin:1px;padding:0px;}

.logo{background:#f600ff;color:#9700de;margin:0px;padding:3px 0px 3px 0px;text-align:center;}

.head,.header{background:#2612be;color:#FFFFFF;text-align:center;letter-spacing:1px;
user-select:none;margin:0px;padding:5px 1px 5px 1px;font-weight:bold;font-size:18px;}
.foot,.footer{background:#151515;color:#FFFFFF;text-align:center;margin:0px;padding:5px 5px 5px 5px;}

.back{background:#b6fdb6;}
.menu{background:#a3f1ef;}
.load{background:#FFFFFF;}
.root{background:#f3f5c1;}
.error{background:#F8E0EC;color:#FF0000;}
.desc{background:#0080FF;}


.autocomplete-items{line-height: 1.8;margin:0px 0px 0px 20px;
text-shadow: 0.8px 0.8px 1px black;color: red;}




.nback{background:#E0F8E0;}
.nmenu{background:#CEF6F5;}
.ndown,.down,.nload{background:#FFFFFF;}
.nroot{background:#F3F781;}
.nerror{background:#F8E0EC;}
.ndesc{background:#0080FF;}

.back,.menu,.error,.desc,.root,.load,.page,
{margin:1px 0px 1px 0px;padding:5px 4px 5px 4px;font-weight:bold;border: 1px solid #d2d2d2; }
.nback,.nmenu,.nerror,.ndesc,.nroot,.nload
{margin:1px 0px 1px 0px;padding:0px 0px 0px 0px;font-weight:bold;border: 1px solid #d2d2d2; }

a{text-decoration:none;color:#0000ff;}

.page{background:#AC58FA;color:#FFFFFF;}
.page a{font-weight:bold;background-color:#58FA82;color:#FF00FF;padding:2px 4px 2px 4px;border:1px solid #FF0000;display: inline-block;}
.page a:hover{font-weight:bold;background-color:#0000FF;color:#FFFF00;padding:2px 4px 2px 4px;border:1px solid #FF0000;display: inline-block;}
.page a,.page a:hover,.pagedb{margin:1px;padding:2px 4px 2px 4px;display: inline-block;}
.root a:link{text-decoration:none;color:#B404AE;}

.redebtn{border:solid #0000FF 2px;background:red;color:#FFFF00;margin:1px 2px 1px 2px;padding:2px 8px 2px 8px;display:inline-block;border-radius:6px;}
.blakbtn{border:solid #FFFF00 2px;background:black;color:#FFFFFF;margin:1px 2px 1px 2px;padding:2px 8px 2px 8px;display:inline-block;border-radius:6px;}
.grenbtn{border:solid #FF00FF 2px;background:green;color:#FFFF00;margin:1px 2px 1px 2px;padding:2px 8px 2px 8px;display:inline-block;border-radius:6px;}
.bluebtn{border:solid #FF00FF 2px;background:blue;color:#FFFFFF;margin:1px 2px 1px 2px;padding:2px 8px 2px 8px;display:inline-block;border-radius:6px;}

.grenbtn a{text-decoration:none;color:#FFFF00;}
.bluebtn a{text-decoration:none;color:#FFFFFF;}
.redebtn a{text-decoration:none;color:#FFFF00;}
.blakbtn a{text-decoration:none;color:#FFFFFF;}

#tablemenu{border-collapse:collapse;width:100%;}
#tablemenu th{padding:3px 2px 3px 2px;text-align:center;background-color:#088A29;color:#FFFF00;border:1px solid #0000ff;}
#tablemenu td{border:1px solid #0000ff;padding:2px 1px 1px 1px;}

.butt{background:#FFF;margin:1px 0px 1px 0px;padding:10px 4px 10px 4px;
font-weight:bold;border:ridge #BDBDBD 1px;}

.pggln{background-color:#036fdd;color:#ffff00;margin:1px;padding:2px 8px 2px 8px;border:1px solid #FF0000;display: inline-block;}
.pggtx{margin:1px;background-color:#6d6d6d;color:#FFFFFF;padding:2px 8px 2px 8px;border:1px solid #FF0000;display: inline-block;}

.abcd{color: red;position:relative;animation-name: example;animation-duration: 0.5s;animation-iteration-count: infinite;}
@keyframes example{0%{color:red;}25%{color:yellow;}50%{color:blue;}75%{color:green;}100%{color:red;}}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;}