/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30/01/2020, 09:40:49 PM
    Author     : DESARROLLO
*/
html {
    scroll-behavior: smooth;
}
.pagination,
.pagination li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.pagination li {
    /*background-color: lightseagreen;*/
}
.pagination a {
    font-weight: 300;
    padding-top: 1px;
    text-decoration:none;
    border: 1px solid rgba(0,0,0,.25);
    border-left-width: 0;
    min-width:44px;
    min-height:44px;
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);
}
.pagination li:not([class*="current"]) a:hover {
    background-color: rgba(255,255,255,.2);
    border-top-color: rgba(0,0,0,.35);
    border-bottom-color: rgba(0,0,0,.5);
}
.pagination li:not([class*="current"]) a:focus,
.pagination li:not([class*="current"]) a:active {
    ;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,.25);
    border-left-width:1px;
}
.pagination li:first-of-type a {
    border-left-width: 1px;
}
.pagination li:first-of-type span,
.pagination li:last-of-type span,
.pagination li:nth-of-type(2) span,
.pagination li:nth-last-of-type(2) span {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.pagination li:first-child a::before,
.pagination li:last-child a::after,
.pagination li:nth-of-type(2) a::before,
.pagination li:nth-last-of-type(2) a::after {
    display: inline-block;
    font-family: Fontawesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/*
.pagination li:first-child a::before,
.pagination li:last-child a::after { content: "\f100"; }
.pagination li:nth-of-type(2) a::before,
.pagination li:nth-last-of-type(2) a::after { content: "\f104"; }
*/
.pagination li:last-child a::after,
.pagination li:nth-last-of-type(2) a::after {
    transform: rotate(180deg);
}
.pagination li.current a {
    padding-top:.25em;
    background-color: rgba(255,255,255,.15);
    box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,.25);
    cursor: default;
    pointer-events: none;
}
/*
@media only screen and ( max-width: 64.063em ) {  
    .pagination li:first-child,
    .pagination li:last-child {
         screen readers only 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li:nth-of-type(2) a { border-left-width: 1px; }
}
@media only screen and ( max-width: 40.063em ) {  
    .pagination li {
         screen readers only 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.current,
    .pagination li:first-of-type,
    .pagination li:last-of-type,
    .pagination li:nth-of-type(2),
    .pagination li:nth-last-of-type(2){
        position: initial;
        top: initial;
        left: initial;
    }
    .pagination li:nth-of-type(2) a { border-left-width: 0; }
}
@media only screen and ( max-width: 30.063em ) {  
    h1 { font-size: 1.35em !important; }
    .pagination li:first-child,
    .pagination li:last-child {
         screen readers only 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li:nth-of-type(2) a { border-left-width: 1px; }
}
@media only screen and ( max-width: 15.063em ) {   For watches? 
    .pagination li { width: 50%;}
    .pagination li.current { 
        order: 2;
        width: 100%;
        border-left-width: 1px;
    }  
}*/
.tg {
    border-collapse:collapse;
    border-spacing:0;
}
.tg td{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    overflow:hidden;
    padding:5px 3px;
    word-break:normal;
}
.tg th{
    border-color:black;
    border-style:solid;
    border-width:1px;
    font-family:Arial, sans-serif;
    font-weight:normal;
    overflow:hidden;
    padding:5px 3px;
    word-break:normal;
}
.tg .tg-ovgu{
    background-color:#c0c0c0;
    border-color:#000000;
    text-align:center;
    vertical-align:middle
}
.tg .tg-hi4v{
    background-color:#efefef;
    border-color:#000000;
    font-weight:bold;
    text-align:center;
    vertical-align:middle
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.logo
{
    width: 330px;
    height: 110px;
    margin-top: 15px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.logo
{
    width: 330px;
    height: 110px;
    margin-top: 15px;
}