.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: rgba(33, 31, 33, 0.9);
    color: #fff;
    text-align: left;
    border-bottom: 2px solid #fff300;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    font-size:small;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: rgb(229, 228, 223);
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #fff300;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: rgb(17, 2, 113);
}

.db {
    width: 200px;
    margin: 5px 3px;
    font-size: 0.9em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.visibel {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}

.invis {
    display: none;
}

.btn-s {
    background: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 1px 15px 1px 15px;
    box-shadow: 1px 1px 5px #ccc;
    border: none;
    color: #fff;
}

.input-c {
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1px 15px 1px 15px;
    box-shadow: 1px 1px 5px #ccc;
    border: none;
    color: #000;
    text-align: center;
}
.icon-img {
    width: 20px;
    cursor: pointer;
    margin-right: 5px;
    color: red !important;
}
#heading-page{
    background: url('../images/bg_geoyl.jpg')!important; background-position:top left !important;background-repeat:no-repeat !important; background-size:cover !important;padding-top:60px;padding-bottom:50px;
}
#heading-page h1{
    color:#fff;
    font-size:1.5em;
    font-weight:700;
    text-shadow:1px 1px 5px #000;
}
#img-hr{
    width:95%;display:inline-block;margin:0 auto;max-width:600px !important;
}
@media screen and (max-width:767px){
#img-hr{
    display:inline-block; width:90%;margin:20px auto !important;            
    max-width:400px !important;
    padding:10px 0 10px 0;

}
.hero-text{
    text-align:center;
}
}
#form-input-search{
    border:1px solid #fff;
    box-shadow:1px 1px 15px rgba(0,0,0,0.15);
    padding:7px 20px 7px 20px;
    background-color: transparent;
    display:table;
    margin:0 auto;
    border-radius:30px;
    white-space: nowrap;
    break-inside: avoid;
}
#form-input-search input{
    display:table-cell;
    width:80%;
    min-width:260px;
    max-width:750px;
    background-color: transparent;
    border:none !important;
    text-align:center;
}
#form-input-search span{
    cursor:pointer;
}
#form-input-search span:hover{
    color:red;
}
@media screen and (min-width:768px){
#form-input-search input{
    display:table-cell;
    width:80%;
    min-width:400px;
    max-width:750px;
    background-color: transparent;
    border:none !important;
    text-align:center;
}
}
#form-input-search input:focus{
    border:none !important;
    outline:none;
}
#form-input-search .span-left{
    display:table-cell;
    color:#fff;
    text-align:center;
    display:inline-block;
}
#form-input-search .span-right{
    display:table-cell;
    width:20px;
    color:#fff;
    text-align:center;
    cursor:pointer;
    display:inline-block;
}