html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}



html {
  position: relative;
  min-height: 100%;
}

body {
/*    background: url('../img/Background.jpg') no-repeat center center fixed;
    background-size:cover;
    margin-bottom: 60px;*/
}

#formDates{
   /*outline:1px solid red;*/
   display:flex;
   justify-content:center;
   flex-wrap:wrap;
   gap:10px;
}

#formDates2 {
    /*outline:1px solid red;*/
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
}

#formDates input {
    min-width:200px;
}

#rowSearch{
    display:flex;
}

.txtSearchString{
    max-width:408px;
}

@media(max-width:516px) {
    #formDates {
        flex-direction: column;
    }

        #formDates button {
            width: 100%;
        }  

        #formDates2 button {
            width: 100%;
        }

    .txtSearchString {
        max-width: 100%;
    }
}

@media(max-width:576px) {
    #formDates {
        justify-content:start;
    }
}

@media(max-width:1200px) {
    #rowSearch {
        flex-direction:column;
    }
}



#paginationVisit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 440px) {
    #paginationVisit .pagination li {
        width: 25px;
        height: 25px;
        margin: 0 1px;
    }
    .pagination li a {
        display: flex;
        justify-content: center;
    }


}

@media (max-width: 431px) {
    #paginationVisit .pagination li {
        width: 20px;
        height: 20px;
    }
    .pagination li a {
        display: flex;
        justify-content: center;
    }

}

@media (max-width: 365px) {
    #paginationVisit .pagination li {
        width: 18px;
        height: 18px;
        margin: 0 1px;
    }

    .pagination li a {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 337px) {
    #paginationVisit .pagination li {
        width: 16px;
        height: 16px;
        margin: 0 1px;
        
        
    }
    .pagination li a {
        display: flex;
        justify-content: center;

        
    }
}
@media (max-width: 321px) {
    #paginationVisit .pagination li {
        width: 15px;
        height: 15px;
        margin: 0 1px;
        font-size:16px;
        
        
    }
        .pagination li a {
            display: flex;
            justify-content: center;
        }
}