﻿@import url('../open.iconic/font/css/open-iconic-bootstrap.min.css');

.registo_form_layout {
    max-width: 1000px;
    margin: auto;
}

.reg_diario_list_group {
    background-color: var(--dx-grid-header-color, rgba(0, 0, 0, 0.03));
}

.break_line {
    white-space: break-spaces;
}

.qij_date_filter {
    max-width: 150px !important;
    min-width: 150px !important;
}

.reg_d_mat_grid .dxbl-grid-edit-row td {
    vertical-align: top !important;
}

.reg_d_mat_grid .dxbl-grid-edit-row .dxbl-grid-command-cell {
    vertical-align: middle !important;
}

.reg_d_quest_display {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.reg_d_quest_1 {
    flex: 0 1 auto;
    margin-left: 0 !important;
    min-width: 385px !important;
    margin-right: auto !important;
}

.reg_d_quest_2 {
    flex: 0 1 35%;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.ui-state-highlight {
    background-color: rgba(var(--bs-primary-rgb), .3);
    height: 40px;
}

.ui-state-hover {
    background: rgba(var(--bs-primary-rgb), .3);
}

.ui-draggable-dragging {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%);
}

.dxbl-grid .dxbl-grid-table > tbody > tr[data-visible-index] {
    cursor: pointer;
}

.reg_quiz {
    border: 1px solid lightgray;
    font-size: 0.875rem !important;
    height: auto !important;
}

    .reg_quiz td:first-child {
        overflow: hidden;
    }

    .reg_quiz td {
        border: 1px solid lightgray;
        margin: auto !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

        .reg_quiz td dxbl-check {
            justify-content: center !important;
        }


.reg_line {
    margin-top: 1rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.reg_sub_line {
    height: fit-content;
    display: flex;
    flex-direction: row;
}

.reg_perguntas {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.reg_pergunta_container {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    border-bottom: 1px solid black;
    padding-bottom: .5rem;
}

.reg_pergunta_label {
    font-size: medium;
    font-weight: bold;
}

.reg_pergunta {
    width: 100%;
    margin-left: 0;
}

.reg_opcao {
    display: flex;
    flex-direction: row;
    margin-top: auto;
    margin-bottom: auto;
    gap: 0.5rem;
    width: auto;
    padding: 0;
}

.reg_quiz_guardar {
    width: 100%;
}

.reg_validation {
    display: inline-flex;
    font-size: 10pt;
}

.quiz_resp_filter {
    width: 125px;
}

.check_middle {
    width: 100%;
    justify-content: center;
}

.reg_video_item_label {
    padding: .5rem;
    font-size: large;
    display: flex;
    padding-top: 0;
    justify-content: center;
}

.rdi_center_panel {
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
}

.rdi_center_fit {
    flex-direction: column;
    width: fit-content;
    margin: auto;
}

.control_bg {
    width: 10%;
    backdrop-filter: brightness(.8);
    margin-bottom: 35px;
}

.renov_file_display {
    justify-content: center;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.renov_file_buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.renov_image_display {
    max-width: 10rem;
    max-height: 10rem;
    margin: auto;
}

.renov_top_elements {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    row-gap: 1rem;
}

.rdi_data {
    margin-right: auto !important;
    margin-left: auto !important;
}

.rd_chat_buttons {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: end;
    gap: .5rem;
}

.rd_upload {
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
    flex: auto;
    gap: 0.5rem;
    align-items: center;
}

    .rd_upload .rz-fileupload-buttonbar {
        height: 30px;
        padding: 0;
    }

    .rd_upload .rz-fileupload-content {
        flex: auto;
        overflow: auto;
    }

    .rd_upload .rz-fileupload-choose {
        display: flex;
        align-items: center;
        font-weight: normal;
        height: 30px;
    }

.rdi_upload .rz-fileupload-content {
    justify-content: right;
    display: flex;
}

.grid_entradas {
    max-height: 725px;
    margin-bottom: 1rem;
    overflow: auto;
}

@media (max-width: 500px) {
    .reg_line {
        flex-direction: column;
    }

    .reg_sub_line {
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .rdi_data {
        margin-left: 0 !important;
    }
}

@media (min-width: 992px) {
   /* .reg_line {
        width: 58%;
    }*/

    .reg_quiz_guardar {
        width: 80px;
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    .rdi_data {
        margin-right: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .qij_status_filter {
        max-width: 130PX !important;
        min-width: 130px !important;
    }

    .remov_pad_mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
