.container-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.header-view-phone {
    padding: 5px;
    top: 54px;
    background-color: #1975C5;
    width: 100%;
    color: white;
}


.container-list-view {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: 60%;
}

.section-fail {
    display: none;
}

    .section-fail.active {
        display: block;
    }

.title-list-view {
    cursor: pointer;
    text-decoration: none;
    color: black;
}

.ul-list-view {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: none;
}

.list-view {
    position: relative;
    background-color: #F3F3F3;
    border: solid 1px #e2e2e2;
}

.display-status {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 10px;
    color: white;
    padding: 2px 5px;
    border-radius: 5px;
}

    .display-status.success {
        background-color: #4CAF50;
    }

    .display-status.danger {
        background-color: #F44336;
    }

    .display-status.success {
        background-color: #4CAF50;
    }

    .display-status.pass-alert {
        background-color: #FF9800;
    }

.container-reviewer {
    display: flex;
    flex-direction: row;
    align-items: end;
    margin-top: 10px;
    justify-content: start;
    width: 100%;
}

.detail-reviewer {
    font-size: 12px;
    color: white;
    margin-top: 5px;
    background-color: #E74C3C;
    padding: 3px 10px;
    border-radius: 10px;
}

.container-rectangle-view {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    padding: 20px;
    border-bottom: solid 1px rgb(218, 217, 217);
}

    .container-rectangle-view:hover {
        background-color: #f8f7f7;
    }

.child-icon {
    font-size: 22px;
}

.child-arow {
    font-size: 22px;
    margin-left: auto;
}

.container-rectangle-view.large {
    min-height: 150px;
}

.container-check {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.target-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.container-control {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    width: 80%;
}

.selected-option-control {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    width: 20%;
    gap: 10px;
}


.btn-select-option {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center; /* centra verticalmente */
    align-items: center; /* centra horizontalmente */
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
}

.container-points {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.btn-na {
    background-color: #EFC535;
    color: white;
}

.btn-no {
    background-color: #E74C3C;
    color: white;
}

.btn-si {
    background-color: #2ECC71;
    color: white;
}

.point-title {
    font-weight: bold;
    font-size: 16px;
}

.lbl-check {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 16px;
}

.container-image-na {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: auto;
}

    .container-image-na img {
        width: 20%;
    }

@media (max-width:800px) {

    .container-phone {
        align-items: start;
    }


    .container-list-view {
        width: 100%;
    }

    .content-main.view-phone {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: none;
    }

    .container-image-na img {
        width: 60%;
    }
}