@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

div.nichka body {
  background-color: #3e94ec;
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
}

div.nichka div.table-title {
   display: block;
  margin: auto;
  max-width: 500px;
  padding:5px;
  width: 98%;
}

div.nichka.table-title h3 {
   color: #fafafa;
   font-size: 15px;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}


/*** Table Styles **/

div.nichka.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 500px;
  padding:5px;
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
div.nichka .top th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:2px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:11px;
  padding:5px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

div.nichkaTH-10px .top th {
  padding:20px;

}

div.nichka .bottom th{
  color:#D5DDE5;;
  background:#1b1e24;
  border-top:2px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:11px;
  padding:12px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

div.nichka th:first-child {
  border-top-left-radius:3px;
}
 
div.nichka th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
div.nichka tr {
  border-top: 1px solid #2B2B2B; /* c1c3d1 */
  border-bottom-: 1px solid #2B2B2B; /* c1c3d1 */ 
  color:#fff; /* 666B85 */
  font-size:14px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
div.nichka tr:hover td {
  background:#1b1e24; /* 4E5066 */
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
div.nichka tr:first-child {
  border-top:none;
}

div.nichka tr:last-child {
  border-bottom:none;
}
 
div.nichka tr:nth-child(odd) td {
  background:#000; /* background odds */
}
 
div.nichka tr:nth-child(odd):hover td {
  background:#1b1e24; /*4e5066*/
}

div.nichka tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
div.nichka tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
div.nichka td {
  background:#0f0f0f; /* 333 */
  padding: 4px; /* Thickness of column hieght */
  text-align:right;
  vertical-align:middle;
  font-size:12px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 0px solid #2B2B2B; /* c1c3d1, 78797b, 676869 */
}

div.nichka-10px td {
  padding: 10px; /* Thickness of column height */
}
div.nichka-9px td {
  padding: 9px; /* Thickness of column height */
}
div.nichka-8px td {
  padding: 8px; /* Thickness of column height */
}
div.nichka-7px td {
  padding: 7px; /* Thickness of column height */
}
div.nichka-6px td {
  padding: 6px; /* Thickness of column height */
}
div.nichka-5px td {
  padding: 5px; /* Thickness of column height */
}
div.nichka-4px td {
  padding: 4px; /* Thickness of column height */
}
div.nichka-3px td {
  padding: 3px; /* Thickness of column height */
}
div.nichka-2px td {
  padding: 2px; /* Thickness of column height */
}

div.nichka td:last-child {
  border-right: 0px;
}

div.nichka th.text-left {
  text-align: left;
}

div.nichka th.text-center {
  text-align: center;
}

div.nichka th.text-right {
  text-align: right;
}

div.nichka td.text-left {
  text-align: left;
}

div.nichka td.text-center {
  text-align: center;
}

div.nichka td.text-right {
  text-align: right;
}

div.nichka .btn {
    display: inline-block;
    padding: 6px 6px;
}



div.nichka-force-odd tr:first-child td {
  background:#0f0f0f; /* 333 */
}


div.nichka-force-odd div:first-child div {
  background:#0f0f0f; /* 333 */
}





/*** None hover effects ***/











div.nichkaNH body {
  background-color: #3e94ec;
  font-family: "Roboto", helvetica, arial, sans-serif;
  font-size: 14px;
  text-rendering: optimizeLegibility;
}

div.nichkaNH div.table-title {
   display: block;
  margin: auto;
  max-width: 500px;
  padding:5px;
  width: 98%;
}

div.nichkaNH.table-title h3 {
   color: #fafafa;
   font-size: 14px;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}


/*** Table Styles **/

div.nichkaNH.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 500px;
  padding:5px;
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
div.nichkaNH .top th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:2px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:11px;
  padding:5px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

div.nichkaNH .bottom th{
  color:#D5DDE5;;
  background:#1b1e24;
  border-top:2px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:11px;
  padding:12px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

div.nichkaNH th:first-child {
  border-top-left-radius:3px;
}
 
div.nichkaNH th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
div.nichkaNH tr {
  border-top: 1px solid #2B2B2B; /* c1c3d1 */
  border-bottom-: 1px solid #2B2B2B; /* c1c3d1 */ 
  color:#fff; /* 666B85 */
  font-size:14px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
div.nichkaNH tr:first-child {
  border-top:none;
}

div.nichkaNH tr:last-child {
  border-bottom:none;
}
 
div.nichkaNH tr:nth-child(odd) td {
  background:#000; /* background odds */
}

div.nichkaNH tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
div.nichkaNH tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
div.nichkaNH td {
  background:#0f0f0f; /* 333 */
  padding: 4px; /* Thickness of column hieght */
  text-align:right;
  vertical-align:middle;
  font-size:12px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 0px solid #2B2B2B; /* c1c3d1, 78797b, 676869 */
}

div.nichkaNH-10px td {
  padding: 10px; /* Thickness of column hieght */
}
div.nichkaNH-9px td {
  padding: 9px; /* Thickness of column hieght */
}
div.nichkaNH-8px td {
  padding: 8px; /* Thickness of column hieght */
}
div.nichkaNH-7px td {
  padding: 7px; /* Thickness of column hieght */
}
div.nichkaNH-6px td {
  padding: 6px; /* Thickness of column hieght */
}
div.nichkaNH-5px td {
  padding: 5px; /* Thickness of column hieght */
}
div.nichkaNH-4px td {
  padding: 4px; /* Thickness of column hieght */
}
div.nichkaNH-3px td {
  padding: 3px; /* Thickness of column hieght */
}
div.nichkaNH-2px td {
  padding: 2px; /* Thickness of column hieght */
}
div.nichkaNH-1px td {
  padding: 1px; /* Thickness of column hieght */
}
div.nichkaNH-0px td {
  padding: 0px; /* Thickness of column hieght */
}



div.nichkaNH td:last-child {
  border-right: 0px;
}

div.nichkaNH th.text-left {
  text-align: left;
}

div.nichkaNH th.text-center {
  text-align: center;
}

div.nichkaNH th.text-right {
  text-align: right;
}

div.nichkaNH td.text-left {
  text-align: left;
}

div.nichkaNH td.text-center {
  text-align: center;
}

div.nichkaNH td.text-right {
  text-align: right;
}

div.nichkaNH .btn {
    display: inline-block;
    padding: 6px 6px;
}



div.nichkaNH-force-odd tr:first-child td {
  background:#0f0f0f; /* 333 */
}