.pp-dash-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pp-group-user {
    display: flex;
}

.pp-dash-icon {
    font-size: 36px;
    color: #ff0025;
    padding: 0.4rem 1.1rem 0 1.1rem;
}

p#p-id {
    font-size: 20px;
    color: #494172;
    font-weight: 600;
}

.pp-dash-labeltype {
    background: #F5F5F5;
    border-radius: 0.8rem;
    color: black;
    padding: 0.2rem 0.8rem 0.2rem 0.8rem;
}

.pp-dash-ctype {
    background: #F1F4F7;
    border-radius: 1rem;
    padding: 1.5rem;
}

.pp-c-search {
    display: flex !important;
    justify-content: flex-end;
}

.pp-dash-label-id {
    font-weight: 600;
    color: #212529;
    font-size: 14px;
}

.pp-dash-label-date {
    font-size: 0.9rem;
}

.info_dash_complaint p {
    display: table-header-group;
}

.row.pzfm-cards-main.pp-main {
    margin-bottom: 2rem;
}

.pp-new-line {
    background: lavender;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

/*revisa esto xfis, pero creo k si lo ponemos asi, puede que la vista anterior se desajuste*/
@media screen and (max-width: 991px) {
    .pp-new-line {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

.pp-new-link {
    display: flex;
    justify-content: space-between;
}

.pp-new-label {
    color: red;
    background: rgb(234 30 30 / 24%);
    border-radius: 1rem;
    width: 20%;
    text-align: center;
    padding: 0.2rem;
}

.pp-modal-type {
    text-transform: uppercase;
    font-style: italic;
    color: #ff0025;
    font-weight: 600;
    margin-top: 0.5rem;
}

.pp-modal-close {
    position: relative;
    left: 93%;
    width: 15px;
    margin-top: .8rem;
    font-size: 20px;
    font-weight: 600;
    color: #635B8C;
}

.pp-modal-width {
    max-width: 700px;
}

.pp-modal-subtitle {
    color: #0655bd;
    margin-top: 10px;
    font-weight: 600;
    font-size: 14px;
}

.pp-modal-desc {
    width: 98%;
    margin: 0 auto;
}

.fm-date-group {
    justify-content: space-evenly;
}

.fm-date-in {
    background: #f4f6f9;
    border-bottom-width: 1px;
    border-bottom-color: red;
    border-bottom-style: solid;
}

.fm-input-date {
    background: #f4f6f9;
    border: 0;
    width: 100%;
    outline: none;
}

.pp-nav-link {
    color: black !important;
}

h3#denuncias_sin_respuestas {
    font-size: 20px;
    font-weight: 900;
    color: #23262F;
    margin: .2rem .2rem 2rem .2rem;
}

.fa-solid, .fas {
    font-weight: 900;
    margin-left: .5rem;
}

h3#tipos_denuncias {
    font-size: 20px;
    font-weight: 900;
    color: #23262F;
    margin: .8rem .2rem .8rem 0;
}

p#text-descrp {
    color: #534C7A;
    font-size: 1rem;
}

strong#text-total {
    color: #23262F;
    font-size: 1rem;
}

canvas#myChart {
    padding: .4rem;
}

.pzfm_table th {
    color: #635B8C;
    padding: .5rem;
    border-bottom: 1px solid #615e5f !important;
    font-size: 14px;
    border-top: 0;
}

.btn-danger {
    color: #858796;
    background-color: #ffffff;
    border-color: #858796;
    font-weight: 500;
}



.btn-danger:hover {
    color: #fff;
    background-color: #858796;
    border-color: #858796;
}

.btn-success {
    color: #fff;
    background-color: #0655bd;
    border-color: #0655bd;
    font-weight: 500;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
    margin-top: 35px;
}

button.pp-order-icon {
    margin-left: 0.5rem;
    background: transparent;
    border: 0;
}

.pp-note-body {
    width: fit-content;
}

.pp-note-container button {
    background: transparent;
    border: 0;
    font-size: 0.8rem;
    outline: none;
}

.pp-note-title {
    font-size: 0.7rem;
    display: flex;
    margin-top: 1.5rem;
}

.pp-note-content {
    background: #EEF1F8;
    border-radius: .25rem;
    padding: 10px;
    font-size: 0.9rem;
}

.pp-note-text {
    line-height: 0.1rem;
    margin-left: 0.5rem;
}

.pp-add-note {
    margin-top: 2rem;
    align-items: center;
    display: flex;
}

.pp-add-note button {
    position: absolute;
    border: 0;
    background: #AED0FD;
    right: 50px;
    border: #AED0FD 5px solid;
    border-radius: 5px;
	padding: 0.3rem;
	margin-right: -20px;
}

#pz_modal_notes {
    width: 100%;
    padding: 0.5rem;
    margin: 0.2rem 0 0.2rem 0;
    background: #f4f6f9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-width: 1px;
    border-bottom-color: #AED0FD;
}

/*botones de ordenar*/
button.pp-order-icon {
    border: 0px;
    background: transparent;
}

/*etiqueta de nueva denuncia*/
span#Denuncia_nueva {
    background-color: #f6dde0;
    border-radius: 0.5rem;
    padding: 10px 25px 10px 20px;
}

/*Fila nueva denuncia*/
td.complaint-new-line {
    background-color: #f4f6f9;
}

.btn-success:hover {
    color: #fff;
    background-color: #0655bd;
    border-color: #0655bd;
}

p.pp-dash-label-id.dash-label-email {
    overflow-wrap: break-word;
    word-break: break-all;
}

h4#filtro-id {
    font-size: 24px;
    margin-top: -20px;
}

h5#filtro-subtitle-tipo {
    font-size: 16px;
    color: #494172;
    font-weight: 600;
}

h5.filtro-subtitle-fecha {
    font-size: 16px;
    color: #494172;
    font-weight: 600;
}


label#fmvt label#fmas label#fmdv label#fmal {
    color: #3d4044;
}

label#desde label#hasta {
    font-size: 12px;
}

a#denuncia-verbal-link1 {
    color: #212529;
    font-style: italic;
    font-size: 14px;
}

a#denuncia-verbal-link2 {
    color: #212529;
    font-style: italic;
    font-size: 14px;
}

.card-header.pzfm-header, .nav-tabs .nav-link.active {
    font-weight: 700;
    color: #ff0025;
    outline: none;
}

strong.pp-note-subtitle {
    font-size: 0.8rem;
}

.text-md.font-weight-bold.text-dark.text-capitalize.mb-1 {
    color: #494173 !important;
    font-weight: 400 !important;
}

.h3.mb-0.font-weight-600.text-pzfm.text-pzfm {
    color: #212529;
}

.table-hover tbody tr:hover {
    color: #858796;
    background-color: #f4f6f9;
}

strong#user-notes {
    font-size: 14px;
    color: #544D7B;
}

p#descp-text-info {
    font-size: 0.8rem;
    font-weight: 600;
}

button:focus {
    /* outline: 1px dotted; */
    /* outline: 0.1rem auto #EEF1F8; */
    text-decoration: underline;
    outline: none;
    color: #757678;
}

/*Filtrar*/
.btn.focus, .btn:focus {
    /* outline: 0; */
    /* box-shadow: 0 0 0 .2rem rgba(78, 115, 223, .25); */
    text-decoration: underline;
    outline: none;
    color: #757678;
    margin-bottom: 0.5rem;
}

label#fmvt-text label#fmas-text label#fmdv-text label#fmal-text {
    font-size: 0.9rem;
}

@media screen and (max-width: 991px) {
    .pzfm_table table td:first-child {
        /* margin: 20px 0 15px !important; */
        width: 100%;
        text-align: left;
        min-height: 20px;
        padding: 0.5rem;
        font-size: 1rem;
    }
}

p#descp-parrafo {
    font-size: 14px;
}

#accordionSidebar .active .nav-link[data-toggle=collapse]::after, #accordionSidebar .active a {
    color: #ff0025;
}

.c-modal-title {
    color: #ff0025;
}

.pp-confirm-message {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.re-confirm-message {
    display: flex;
    flex-direction: column;
}

#pp-remember {
    font-style: italic;
}

.rm-file-list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}

@media screen and (max-width: 425px) {
    .text-md.font-weight-bold.text-dark.text-capitalize.mb-1 {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 375px) {
    .text-md.font-weight-bold.text-dark.text-capitalize.mb-1 {
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .h3.mb-0.font-weight-600.text-pzfm.text-pzfm {
        font-size: 30px;
        margin-top: 0.4px;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .row.pzfm-cards-main.pp-main {
        margin-bottom: 0.2rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .pp-dash-icon {
        font-size: 30px;
        color: #ff0025;
        padding: 0.4rem 0.3rem 0 0.3rem;
        margin-left: -3px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .col-md-12.pp-dash-item {
        padding-right: .1rem;
        padding-left: .1rem;
    }
}

td#icon-card {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

button.btn.btn-sm.btn-pzfm {
    margin-bottom: 0.5rem;
    outline: none;
}

@media screen and (min-width: 320px) and (max-width: 425px) {
    i.fas.fa-user-alt.pp-dash-icon {
        font-size: 1.5rem;
        margin-left: -10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
    p#p-id {
        font-size: 14px;
        color: #494172;
        font-weight: 600;
    }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
    p.pp-dash-label-date {
        font-size: 14px;
    }
}

h4#editor-id {
    font-size: 20px;
    margin-top: -10px;
    margin-bottom: -5px;
}

button.btn-cancel {
    border: #858796 1px solid;
    background: #858796;
    color: #ffffff;
}

button.pp-modal-delete.edit-note-card {
    border: #0655bd 1px solid;
    background: #0655bd;
    color: #ffffff;
}

.pp-note-edit {
    margin: 0 -15px 0 -15px;
}

@media screen and (max-width: 375px) {
    button.btn-cancel button.pp-modal-delete {
        margin-top: 5px;
    }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
    .row.fm-date-group {
        width: 50%;
    }
}

@media screen and (max-width: 375px) {
    li.nav-item {
        margin-left: -10px;
        font-size: 12px;
    }
}

li.nav-item {
    font-weight: 600;
}

a#canal-denuncia {
    color: #ff0025 !important;
}

a#navbarDropdownMenuLink {
    background: #AABFFF;
    border-radius: 25px;
}

nav.navbar.navbar-expand.navbar-light.bg-white.topbar.mb-4.static-top.shadow {
    margin-top: 10px;
}


button.btn-notes {
    background: #AED0FD;
    border: #AED0FD 4px solid;
    border-radius: 5px;
    padding: 0.2rem;
}

i.fa-solid.fa-turn-up.btn-add-note {
    margin-right: 5px;
}

input#note_update {
    background: #EEF1F8;
    border: #EEF1F8 2px solid;
    border-bottom-width: 1px;
    border-bottom-color: #AED0FD;
    padding: 0 0.5rem;
    color: #4a4b55;
}