/* Dropdown Button */

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}


/* Dropdown button on hover & focus */

.dropbtn:hover,
.dropbtn:focus {
    background-color: #2980B9;
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #ddd
}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
    display: block;
}

div#topbtnscontainer {
    width: 100%;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #808080;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

div#topbtnscontainer,
table.table-hover.table-striped {
    text-align: center !important;
}

div#content th {
    height: 2rem !important;
}

html.ui-mobile body.ui-mobile-viewport.ui-overlay-c div.ui-page.ui-body-c.ui-page-active div div.content a.ui-table-columntoggle-btn.ui-btn.ui-shadow.ui-btn-corner-all.ui-mini.ui-btn-up-b {
    display: none !important;
}

td.estado.tg-0lax span {
    display: block !important;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px auto;
}

.tg td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
}

.tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: black;
    color: white;
}

.tg .tg-0lax {
    text-align: center;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .tg {
        width: auto !important;
    }
    .tg col {
        width: auto !important;
    }
    .tg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto 0px;
    }
}

div#main_container span.ui-btn-inner,
span.ui-btn-text {
    display: block !important;
}

#topbtnscontainer {
    margin: auto;
    width: 50% !important;
    padding: 10px;
}

div#popup-publi2-popup {
    top: 3rem !important;
    left: 30rem !important;
}

#myTable>tbody>td.asun.tg-0lax>div>span>table {
    width: 100% !important;
}

@media only screen and (max-width: 767px) {
    #topbtnscontainer {
        width: 100% !important;
        padding: 0px;
    }
    div#popup-publi2-popup {
        left: 1rem !important;
    }
}

div#popup-publi2 {
    border-radius: 1rem;
}

div#popup-publi2 div#messagecontainer {
    padding: 1rem;
}

div#popup-publi2 div#messagecontainer b.green {
    color: green;
}

span.ui-btn-text,
span.ui-btn-inner {
    display: block !important;
}

div#faqs_contenedor p,
div#faqs_contenedor li {
    font-size: 0.9rem;
}

div.mobile_app h1 {
    display: inline-block !important;
    margin-left: 1px !important;
    margin-right: 0px !important;
    width: 75% !important;
}

img.a_logo {
    width: 20px !important;
    height: auto !important;
    display: inline-block !important;
}

div#mobile_option_container {
    text-align: center !important;
}

a.ui-table-columntoggle-btn.ui-btn.ui-btn-up-c.ui-shadow.ui-btn-corner-all.ui-mini {
    display: none !important;
}

div#navbar_top span {
    display: block !important;
}