body {

    font-family: Arial, sans-serif;
    background: #eceef2;
    font-family: "Questrial", sans-serif;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}



form {

    margin: auto;

    border: 1px solid #ccc;

    border-radius: 1em;

    background: white;
    padding: 50px;
    box-shadow: 0px 0px 10px 0px #8080803d;
}



label {

    margin-top: 1em;

    display: block;

    color: #0066B1;

    font-size: 18px;

}



input[type="text"],

input[type="email"],

input[type="date"],

textarea {

    width: -webkit-fill-available;
    margin-top: 0.5em;
    background: #eceef2;
    border: 0;
    border-radius: 15px;
    padding: 15px;

}



button, .boton {

    color: black;
    background: #ffc000;
    border: none;
    border-radius: 30px;
    font-size: 20px;
    padding: 10px 30px;
    transition: all ease-in-out 0.2s;
    margin-top: 20px;
}

button:hover, .boton:hover {
    transition: all ease-in-out 0.2s;
    color: #ffffff;
    background: #000000;
}

#uploadAttachmentForm button {
    margin-top: 0px !important;
}

.col-md-6 {
    width: 49%;
    display: inline-table;
}

#attachmentsSection {
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 1em;
    background: white;
    padding: 30px;
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px #8080803d;
}

#attachmentsSection p a {
    margin-left: 20px;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
}

#attachmentsSection p a:before {
    content:"•  ";
}

form#uploadAttachmentForm {
    margin: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#personalInfo {

    display: block;

}



#personalInfo.hidden {

    display: none;

}





.admin-container {

    display: flex;

}



.report-list {

    width: 30%;

    border-right: 1px solid #ccc;

    padding: 1em;

}



.report-detail {

    width: 100%;

    padding: 20px 0px 0px 40px;

}


h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}


h1 span, span.bluebold {
    font-weight: 600;
    color: #006fba;
}

.bold {
    font-weight: 600;
}



.contenedor-text {
    margin-top: 0.5em;
    background: #ffffff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 50px;
    box-shadow: 0px 0px 10px 0px #8080803d;
    width: 500px;
    margin: 0 auto;
}



a {
    text-decoration: none;
    color: black;
    font-weight: 600;
}




.copiar {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.copiar .tooltip {
    display: none;
}

.copiar:hover .tooltip {
    display: block;
    transform: translateX(10px);
    font-size: 12px;
    position: absolute;
    color: gray;
    font-weight: 300;
}



#statusResult {
    padding: 25px;
}



.report-item{
    cursor: pointer;
    padding: 10px;
    background: white;
    margin-bottom: 20px;
    border-radius: 15px;
}

.report-list {

    overflow-y: scroll;
    height: 68vh;
}

#login-section {
        width: 500px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 1em;
    background: white;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px #8080803d;
    margin: 0 auto;
}