@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,900,900i&subset=cyrillic');
html {
       font-family: 'Roboto', Arial, sans-serif;
     }
body {
       background-color: #c5c5c5;
}

.lgdiv {
//            display: inline;
            width: 750px;
            margin: 0 auto;
            padding: 40px;
            padding-top: 20px;
            background-color: rgb(0,230,230);
            box-shadow: 0 0 30px rgba(0,0,0,.3);
          }

td {
     padding: 10px;
   }

table {
        margin: 0 auto;
        padding: 40px;
        padding-top: 20px;
        background-color: #c5c5c5;
        box-shadow: 0 0 30px rgba(0,0,0,.3);
      }

td {
     padding: 4px;
   }

th {
     padding: 6px;
     background-color: #b1b1ff;
   }

.headdiv {
//           border: 1px solid black;
           margin-left: 5%;
           margin-right: 5%;
           margin-bottom: 20px;
         }

.headsubdiv {
//              border: 1px solid black;
              display: inline-block;
              width: 25%;
            }

.th:hover {
            background-color: #ff8181;
          }

tr:nth-child(2n) {
                   background-color: #d7d7d7;
                 }

tr:nth-child(2n-1) {
                   background-color: #b1b1b1;
                 }

.head_td {
          text-align: center;
        }

.bottom_td {
            text-align: right;
           }

.footer_td {
            text-align: left;
            background-color: #ff9696;
            font-weight: bold;
           }

.sorted {
          background-color: #ff8181;
        }

.anitab:hover {
               animation: anim1 0.5s;
              }

@keyframes anim1 {
                  0%   {background-color: #b1b1ff;;}
                  100%  {background-color: #ff8181;;}
                 }

input:not([type="submit"]), textarea, select {
                                                margin: 0 5px;
                                                padding: 5px 10px;
                                                border: 1px solid rgb(210,210,210);
                                                border-radius: 10px;
                                                outline: 0;
                                             }
input:not([type="submit"]):focus, textarea:focus {
                                                   border: 1px solid rgb(180,180,180);
                                                   box-shadow: 0 0 3px rgba(180,180,180,.5);
                                                 }
input[type="radio"]:focus, input[type="checkbox"]:focus {
                                                           border: none;
                                                           box-shadow: none;
                                                        }
input[type="submit"] {
                       cursor: pointer;
                       padding: 10px 16px;
                       border-radius: 16px;
                       font-size: 16px;
                       background-color: rgb(255,196,37);
                       border: none;
                       outline: 0;
                     }
select {
         border: none;
         background-color: rgba(0,177,89,.5);
         font-weight: 900;
       }
select option {
                color: white;
                font-weight: 400;
              }

#to_top {
   position: fixed;
   bottom: 60px;
   left: 30px;
   opacity: 0.4;
   cursor: pointer;
   transition: .7s;
}

#to_bottom {
   position: fixed;
   top: 60px;
   left: 30px;
   opacity: 0.4;
   cursor: pointer;
   transition: .7s;
}

#to_top:hover {
   opacity: 0.9;
   transform: scale(1.2);
}

#to_bottom:hover {
   opacity: 0.9;
   transform: scale(1.2);
}