.cont-replies {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.cont-allrep {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
}

.create-replies {
    width: 180px;

    margin-right: 5%;
}

.modal-dialog {
    top: 10%;
}
.modalBodyReplieCont {
    display: grid;
    grid-template-rows: 25% 1fr 10%;

    padding: 4%;
}
.modalBodyReplie {
    margin-top: 2%;
    width: 100%;
    align-self: flex-start;
    display: grid;
    grid-template-columns: 30% 70%;
}
.labelsModal {
    font-size: 14px !important;
    font-weight: 600;
    margin-top: 2%;
}

.textReplies {
    margin-top: 2%;
    width: 100%;
}

.continfoRepli {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%;
}
.contCatRepli {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.continfoRepli > h5 {
    margin-right: 1%;
}

.repliCatList {
    font-size: 14px;
    max-height: 25px;
}

.selectReplies {
    width: 65%;
}

.cont-repliFilter > label {
    font-size: 14px !important;
}

.cont-repliFilter {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 70%;
}

.modal-dialog {
    height: 90%;
}

.modal {
    background: #0e0e0ea3;
}

.modal-content {
    height: 100%;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 850px;
    }
}

.cont-textarea {
    display: flex;
    flex-direction: column;
    height: 90%;
}

.cont-buttonsRepli {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.multiselect {
    width: 200px;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;

    padding: 1.4%;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    position: absolute;
    z-index: 900;
    max-height: 90px;
    overflow: auto;
    background-color: whitesmoke;
    width: inherit;
    border: 1px #dadada solid;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

#checkboxes label:hover {
    background-color: #1e8fffa8;
}

.labelSelectCat {
    display: flex;
    align-items: center;
    font-weight: 200;
}

.inputSelectCat {
    margin-right: 2.5%;
}