/*Botones Opciones*/
.Boton-Opciones {
    background-color: #ffffff !important;
    border: none !important;
    color: black !important;
    display: block !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
}

    .Boton-Opciones:hover {
        opacity: 0.75;
    }

.Boton-Opciones-Icono {
    color: black;
    height: 24px;
    width: 26px;
}
/*Botones Opciones*/

/*Botones Modulos*/
.Boton-Modulos {
    background-color: #ffffff !important;
    border: none !important;
    color: black !important;
    display: block !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}

    .Boton-Modulos:hover {
        opacity: 0.75;
    }

.Boton-Modulos-Icono {
    color: black;
    height: 33px;
    width: 33px;
}

.ModulosMedida {
    flex-direction: row-reverse;
}
/*Botones Modulos*/

/*Botones con icono en Grid*/
.btn-icono {
    background-color: #ffffff !important;
    border: none !important;
    width: 30px;
    height: 30px;
}

    .btn-icono > img {
        width: 30px;
        height: 30px;
    }
/*Botones con icono en Grid*/

/*Espesifica tamaño de Grid*/
.grid-height {
    width: 100% !important;
    height: 572px !important;
}
/*Espesifica tamaño de Grid*/

/*Espesifica tamaño de Grid Cobranza*/
.grid-height2 {
    width: 100% !important;
    height: 525px !important;
}
/*Espesifica tamaño de Grid Adeudos*/
.grid-height3 {
    width: 100% !important;
    height: 455px !important;
}


/*Espesifica tamaño de Grid Adeudos*/

/*Estilo para SpinEdit para Importes*/
.SpinEdit-right {
    text-align: right
}
/*Estilo para SpinEdit para Importes*/

/*Altura ListBox Select Plantel*/
.Plantel-style {
    width: 100% !important;
    height: 100px !important;
}

/*Estilos botones en compones*/
.ComboBox {
    position: relative;
    background-color: transparent;
}

    .ComboBox .buttonAdd {
        position: absolute;
        right: 29.8px;
        top: 0.90px;
        text-transform: uppercase;
        cursor: pointer;
        padding: 0px;
        border-left: 1px solid #c2c4c6;
        background-color: #ffffff;
        color: #212529;
        height: 27.99px;
        width: 28.8px;
    }

        .ComboBox .buttonAdd:hover {
            background-color: #dfdfe0;
        }

        .ComboBox .buttonAdd img {
            padding: 1px;
            height: 14px;
            width: 14px;
        }
/*Estilos botones en compones*/

/*Estilos botones en Form*/
.btn-iconoForm {
    background-color: transparent !important;
    border: none !important;
    width: 30px;
    height: 30px;
}

    .btn-iconoForm > img {
        padding: 1px;
        width: 25px;
        height: 25px;
    }
/*Estilos botones en Form*/

/*Estilos de lisBox para Buzón de quejas  sugerencias*/
.listbox-Titulo {
    display: flex;
    align-items: center;
    color: black;
    padding: 0 1em;
}

.listbox-Titulo-Icono {
    width: 24px;
    height: 24px;
}

    .listbox-Titulo-Icono > img {
        width: 24px;
        height: 24px;
    }

.listbox-item-template-Image {
    display: flex;
    align-items: center;
}

    .listbox-item-template-Image > img {
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
    }

.listbox-item-template-Text-R {
    text-align: right;
    float: right;
}

.listbox-item-template-Text-L {
    text-align: left;
    float: right;
}

.listbox-item-template-text-Respuesta {
    display: flex;
    flex-flow: column;
}

.listbox-item-template-text-Nombre {
    opacity: 0.65;
}
/*Estilos de lisBox para Buzón de quejas y sugerencias*/

/*Estilo boton con icono*/
.btn-icono {
    background-color: #ffffff !important;
    border: none !important;
    width: 28px;
    height: 30px;
}

    .btn-icono > img {
        width: 28px;
        height: 30px;
    }
/*Estilo boton con icono*/

/*Medidas para DxListBox*/
.Chat-style {
    width: 100% !important;
    height: 380px !important;
}

.Adjunto-style {
    width: 100% !important;
    height: 100px !important;
}

.Adjunto-styleAlto {
    width: 100% !important;
    height: 310px !important;
}
/*Medidas para DxListBox*/

.wizard-footer {
    margin-top: 20px;
    text-align: right;
}

    .wizard-footer .btn {
        margin: 5px;
    }
/*Medidas para RichEdit*/
.myRich {
    width: 100% !important;
    height: 550px !important;
}

/*Medidas para RichEdit Oculto*/
.myRichOculto {
    width: 1px !important;
    height: 1px !important;
}