/* Estilos generales */

    body {
        font-family: system-ui;
        font-size: 10pt;
        font-weight: 500;
        width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

    a:hover {
        text-decoration: underline;
    }

    hr {
        display: none;
    }

    /* Login */

    body.login {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .login-wrapper {
        width: 350px;
        padding: 20px;
        margin: 0 auto;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
    }

    .login-wrapper .help-block {
        color: #ad0000;
    }

    /* Barra superior */

    .top-bar {
        margin-bottom: 20px;
    }

    .top-bar h3 {
        display: inline-block;
        color: #505050;
        margin-bottom: 4px;
    }

    .top-bar .enlace-recargar {
        display: block;
        float: right;
        font-size: 18px;
        line-height: 35px;
    }

    .top-bar .enlace-recargar img {
        margin-top: -3px;
        margin-right: 4px;
        height: 10px;
    }

    .top-bar .menu-usuario {
        display: inline-block;
        font-size: 14px;
        line-height: 34px;
        background: #f3f3f3;
        padding: 0 16px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-top: 3px;
    }

    .top-bar .menu-usuario .nombre-usuario {
        margin-right: 15px;
    }

    .top-bar .menu-usuario a {
        padding: 10px;
        color: #5d5d5d;
    }

    .top-bar .menu-usuario a:hover {
        text-decoration: none;
        color: black;
    }

    .top-bar .menu-usuario a.current {
        font-weight: bold;
        color: black;
        border-bottom: 2px solid #206bc4;
    }

    /* Tablas PhpMyEdit */

    table.pme-main {
        border: #004d9c 1px solid;
        border-collapse: collapse;
        border-spacing: 0px;
        width: 100%;
    }

    th.pme-header {
        padding: 4px;
        background: #f4f6fa;
        vertical-align: middle;
        text-align: center;
        text-transform: uppercase;
        font-size: 8pt;
        font-weight: bold;
    }

    .pme-navigation {
        margin-bottom: 10px;
    }

    .pme-navigation:last-child {
        margin-top: 10px;
    }

    table.pme-navigation {
        border: #004d9c 0px solid;
        border-collapse: collapse;
        border-spacing: 0px;
        width: 100%;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f4f6fa;
    }

    .pme-row-1 {
        background: white;
    }

    td.pme-navigation-0, td.pme-navigation-1 {
        white-space: nowrap;
    }

    td.pme-navigation-0 a.pme-navigation-0:nth-child(3), td.pme-navigation-1 a.pme-navigation-1:nth-child(3) {
        display: none;
    }

    .pme-navigation-0, .pme-navigation-1, .pme-filter, .pme-sortinfo {
        text-align: center;
    }

    .pme-key-0, .pme-key-1, .pme-key-0-changelink, .pme-key-1-changelink, .pme-key-0-respuestas-text-area, .pme-key-1-respuestas-text-area {
        font-weight: bold;
        text-transform: uppercase;
    }

    td.pme-key-0, td.pme-value-0, td.pme-value-0-changelink, td.pme-value-1-changelink, td.pme-help-0, td.pme-navigation-0, td-pme-cell, td.pme-cell-0, td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1, td.pme-sortinfo, td.pme-filter {
        padding: 3px;
    }

    td.pme-key-0, td.pme-value-0, td.pme-help-0, td.pme-navigation-0, td.pme-cell, td.pme-cell-0, td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1, td.pme-sortinfo, td.pme-filter {
        border: #e8e8e8 1px solid;
    }

    td.pme-buttons {
        text-align: left;
    }

    td.pme-message {
        text-align: center;
    }

    td.pme-stats {
        text-align: right;
    }

    .table-t3 .pme-row-0:hover, .table-t3 .pme-row-1:hover, .table-t3 .pme-row-0:hover td, .table-t3 .pme-row-1:hover td {
        background: #e3e3e3 !important;
    }

    .table-t3 {
        table-layout: fixed;
    }

    .table-t3 td {
        word-wrap: break-word;
        overflow-wrap: break-word;
        width: 100%;
        vertical-align: middle;
        text-align: center;
        padding: 10px;
        font-size: 12.5px;
    }

    .table-t3 td input, .table-t3 td select {
        max-width: 100%;
    }

    .table-t4 .pme-value-0 {
        background-color: white !important;
        text-align: left !important;
        font-weight: normal !important;
    }

    .table-t4 .pme-value-1 {
        background-color: white !important;
        text-align: left !important;
        font-weight: normal !important;
    }

    .table-t4 input {
        padding: 3px;
    }

    .table-t4 tr {
        background-color: transparent !important;
    }

    .table-t4 select {
        padding: 5px;
    }

    .pme-add {
        font-weight: bold;
    }

    .pme-hide, .pme-clear, .pme-copy {
        display: none;
    }

    .pme-sortinfo {
        font-size: 12px;
        color: #969696;
    }

    .pme-form {
        margin-top: 10px;
    }

    .pme-message {
        font-weight: bold;
        background: #ffffe4;
        border: 1px solid lightgrey;
    }

    /* Ajustes de HTML para CKEditor */

    table p {
        margin: 0;
    }

    table ul {
        margin: 0;
    }

    table br {
        display: none;
    }

    .table-t4 br {
        display: block;
    }

    /* Ajustes para Adopta en Los Abedules */

    body {
        color: #4c3123;
    }

    a {
        color: #4c3123;
    }

    a:hover {
        color: #4c3123;
    }

    .btn-primary {
        background-color: #ffc90d;
        color: #0a0a0a;
        border: 0;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .btn-primary:hover {
        background: #4c3123;
        color: white !important;
    }

    .login-wrapper img {
        margin-bottom: 20px;
    }

    .logo-bar {
        display: inline-block;
    }

    .top-bar-logo {
        height: 45px;
        position: relative;
        margin-right: 10px;
    }

    .top-bar .menu-usuario {
        background: transparent;
        padding: 0 0;
        border-bottom: 1px solid #e7e7e7;
    }

    .top-bar .enlace-recargar {
        font-size: 12px;
        line-height: 40px;
        margin-right: 5px;
        font-weight: bold;
    }

    .pme-value-1, .pme-value-0 {
        word-break: break-all;
    }

    #leyenda h4 {
        font-size: 14px;
    }

    #leyenda-toggle {
        cursor: pointer;
    }

    #leyenda-toggle:hover {
        color: black;
    }

    #leyenda-ul {
        margin-top: 15px;
    }

    .card-body {
        padding: 5px;
    }

    #accordion textarea {
        border-color: #e7e7e7;
    }

    #toggle-password-label {
        margin-top: 5px;
        display: block;
    }

    .login-wrapper #toggle-password {
        position: relative;
        vertical-align: middle;
        bottom: 1px;
    }

    .informe-div:not(:last-child) {
        padding: 10px;
        border: 1px solid #e2e2e2;
        border-radius: 6px;
        margin-bottom: 35px;
    }

    .informe-div h4 {
        margin-bottom: 15px;
    }

    .informe-div h5 {
        margin-top: -10px;
        margin-bottom: 15px;
    }

    .informe-div-avisos {
        margin-top: 20px;
    }

    .informe-div .alert {
        margin-bottom: 0.5rem;
    }

    .informe-div .alert:last-child {
        margin-bottom: 0;
    }

    .fecha-informe {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .selector-fecha-informe {
        display: inline-block;
    }

    input[name="PME_data_previos"], input[name="PME_data_lista_negra"]{
        display: none;
    }

    .menu-usuario-dropdown {
        display: inline-block;
    }

    .menu-usuario-dropdown .dropbtn {
        border: none;
        color: #5d5d5d;
        background: transparent;
        padding: 10px;
    }

    .menu-usuario-dropdown a.nochild {
        color: #5d5d5d;
        padding: 10px;
        display: inline-block;
    }

    .menu-usuario-dropdown a.nochild.current {
        font-weight: bold;
        color: black;
    }

    .menu-usuario-dropdown a.nochild:hover {
        color: black;
        text-decoration: none;
    }

    .menu-usuario-dropdown .dropdown {
        position: relative;
        display: inline-block;
        padding: 0;
    }

    .menu-usuario-dropdown .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;
    }

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

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

    .menu-usuario-dropdown .dropdown-content a.current {
        font-weight: bold;
        color: black;
    }

    .menu-usuario-dropdown .dropdown:hover .dropdown-content {
        display: block;
    }

    .menu-usuario-dropdown .dropdown:hover .dropbtn {
        color: black;
    }

    .menu-usuario-dropdown .arrow {
        border: solid #5d5d5d;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        position: relative;
        top: -3px;
        margin-left: 5px;
    }

    .menu-usuario-dropdown .arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .table-t4 img {
        max-width: 300px !important;
        height: auto !important;
    }

    @media screen and (max-width: 600px) {
        body {
            width: auto;
        }
        .login-wrapper {
            width: auto;
            margin-top: 0;
        }
        .top-bar {
            text-align: center;
            height: inherit;
        }
        .top-bar-logo {
            float: none;
            margin-bottom: 10px;
        }
        .menu-usuario {
            margin-left: 0 !important;
            float: none !important;
            white-space: nowrap;
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        table {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }
        table.pme-main {
            border: 0;
        }
        .enlace-recargar {
            display: block !important;
            width: 100%;
            font-size: 14px !important;
            margin-bottom: 0;
            float: none !important;
        }
        #leyenda h4 {
            font-size: 17px;
        }
        #leyenda li {
            line-height: 20px;
        }
        .pme-buttons input[name='PME_sys_disabledoperation'] {
            display: none;
        }
        td.pme-stats {
            display: none;
        }
        .informe-div table {
            display: table;
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 0;
        }
        .card button {
            white-space: normal;
            text-align: left;
        }
        a.btn {
            white-space: normal;
        }
    }