.w-10 {
width: 10%;
}

.report_data .report-date {
    width: 7rem;
    text-align: center;
}

.report_data .report-attachment {
    width: 3.5rem;
    text-align: center;
}

.report_data .report-reportnum {
    width: 5.4rem;
    text-align: center;
}





.report-messages th,
.report-messages td {
    padding: 0.5rem;
}

.report-new {
    width: 1rem;
}

.report-assessment {
    width: 4rem;
    text-align: center;
}

.report_staff td{
    border-top: solid 1px #28a745;
    border-bottom: solid 1px #28a745;
}

.report_staff .report-attachment {
    width: 1rem;
    text-align: center;
}

.report_staff .report-date {
    width: 9.5rem;
    text-align: right;
}
.report_staff .report-name {
    width: 7rem;
}

.report_staff .report-subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
    max-width: 0;
}

.report_staff .report-reportnum {
    width: 5rem;
    text-align: center;
}

.nav-item.active {
    background-color:#68a8fd;
}

#report_area:empty + #report_none {
    display: block !important;
}

.attachmentsFiles {
    list-style: none;
    width: 100%;
}

.mailbox-attachment-icon {
    overflow: hidden;
    height:180px;
    max-height:180px;
    position: relative;
}

.mailbox-attachment-name {
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word !important;
}

.attachmentsFiles li {
    border: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    margin-right: 10px;    
}

.attachmentsFiles img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.attachmentsFiles li .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.custom-file-label {
    overflow: hidden;
}

.dropdown-menu-lg {
    min-width: 90px;
}

#modal-sendlist .modal-content {
    height: 900px;
}

#modal-sendlist .modal-body {
    overflow: scroll;
}


.contact_data .contact-date {
    width: 7rem;
    text-align: center;
}

.contact_data .contact-attachment {
    width: 3.5rem;
    text-align: center;
}

.contact_data .contact-contactnum {
    width: 5.4rem;
    text-align: center;
}

.contact-messages th,
.contact-messages td {
    padding: 0.5rem;
}

.contact-new {
    width: 1rem;
}

.contact-assessment {
    width: 4rem;
    text-align: center;
}
.contact_staff td{
    border-top: solid 1px #fd7e14;
    border-bottom: solid 1px #fd7e14;
}

.contact_staff .contact-attachment {
    width: 1rem;
    text-align: center;
}

.contact_staff .contact-date {
    width: 9.5rem;
    text-align: right;
}
.contact_staff .contact-name {
    width: 7rem;
}

.contact_staff .contact-subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
    max-width: 0;
}

.contact_staff .contact-reportnum {
    width: 5rem;
    text-align: center;
}


@media (max-width: 768px) {
    .report_data {   
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .report_data .report-date {
        width: 100%;
        text-align: left;
    }
    .report_data .report-title {
        width: 85%;
    }
    .report_data .report-attachment {
        width: 15%;
    }
    .report_data .report-reportnum {
        width: 33.3%;
    }

    .report_staff {   
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .report_staff .report-new {
        width: 10%;
    }
    .report_staff .report-name {
        width: 90%;
    }
    .report_staff .report-attachment {
        width: 12.5%;
        text-align: center;
    }
    .report_staff .report-assessment {
        width: 25%;
        text-align: center;
    }
    .report_staff .report-date {
        width: 50%;
        text-align: right;
    }

    .contact_data {   
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .contact_data .contact-date {
        width: 100%;
        text-align: left;
    }
    .contact_data .contact-title {
        width: 85%;
    }
    .contact_data .contact-attachment {
        width: 15%;
    }
    .contact_data .contact-contactnum {
        width: 33.3%;
    }

    .contact_staff {   
        display: flex;
        flex-wrap: wrap;
        width: auto;
    }
    .contact_staff .contact-new {
        width: 10%;
    }
    .contact_staff .contact-name {
        width: 90%;
    }
    .contact_staff .contact-attachment {
        width: 12.5%;
        text-align: center;
    }
    .contact_staff .contact-assessment {
        width: 25%;
        text-align: center;
    }
    .contact_staff .contact-date {
        width: 50%;
        text-align: right;
    }

}

@media (max-height: 900px) {
    #modal-sendlist .modal-content {
        height: 800px;
    }    
}

@media (max-height: 800px) {
    #modal-sendlist .modal-content {
        height: 700px;
    }    
}

@media (max-height: 700px) {
    #modal-sendlist .modal-content {
        height: 600px;
    }    
}

@media (max-height: 600px) {
    #modal-sendlist .modal-content {
        height: 500px;
    }    
}