DIV.iq-dataform
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
}

DIV.iq-dataform>DIV {
    min-width: 50%;
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    filter: drop-shadow(2px 2px 2px rgb(221, 220, 220));
    height: max-content;
}

DIV.iq-dataform>DIV.IQ2ControlGroupsDivLayer, 
DIV.iq-dataform DIV.IQ2ControlGroupsDivLayer 
{
    min-width: 100%;
    max-height: 20vh;
    overflow: auto;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    border-radius: 0.25rem;
    border: 1px solid rgb(212, 212, 212);
    padding: 0;
}

DIV.iq-dataform.full-size>DIV {
    min-width: 100%;
}

DIV.iq-dataform>DIV.iq-dataform-text-dv {
    flex-direction: column;
}

DIV.iq-dataform>DIV.iq-dataform-text-dv,
DIV.iq-dataform>DIV.iq-dataform-submit-dv {
    min-width: 100%;
}

DIV.iq-dataform>DIV.iq-dataform-links-dv,
DIV.iq-dataform>DIV.iq-dataform-selector-dv {
    display: none;
}

DIV.iq-dataform>DIV Label,
DIV.iq-dataform>DIV select,
DIV.iq-dataform>DIV input {
    margin: 0;
    display: inline-block;
}

DIV.iq-dataform>DIV Label {
    min-width: 30%;
    max-width: 60%;
    flex-shrink: 0;
    border: 1px solid #ced4da;
    border-right: 3px solid #97b3cf;
    border-radius: 0.25rem 0 0 0.25rem;
    background-color: #e2ebf5;
    padding: .375rem .75rem;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: bold;
    color: #041e46;
}

DIV.iq-dataform>DIV.iq-dataform-text-dv label {
    border-right: 1px solid #ced4da;
    border-bottom: 3px solid #97b3cf;
    border-radius: 0.25rem 0.25rem 0 0;
    max-width: 100%;
}

DIV.iq-dataform>DIV.iq-dataform-text-dv textarea {
    border-radius: 0 0 0.25rem 0.25rem;
    min-height: 7rem;
}

DIV.iq-dataform>DIV input,
DIV.iq-dataform>DIV select {
    border-radius: 0 0.25rem 0.25rem 0;
}

DIV.iq-dataform>DIV.iq-dataform-submit-dv {
    justify-content: center;
}

DIV.iq-dataform>DIV.iq-dataform-checkbox-dv label {
    padding-left: 2rem;
    cursor: pointer;
}

DIV.iq-dataform>DIV.iq-dataform-checkbox-dv input {
    position: absolute;
    margin: 0.75rem;
    cursor: pointer;
}

DIV.iq-dataform>DIV.iq-dataform-submit-dv input,
DIV.iq-dataform>DIV.iq-dataform-submit-dv button {
    border-radius: 0.25rem;
    min-width: 15rem;
    margin: 0.5rem;
}

DIV.iq-dataform>DIV.iq-dataform-text-dv {
    order: 100;
}

DIV.iq-dataform>DIV.iq-dataform-submit-dv {
    order: 110;
}

.IQControlsGroupLabelDV {
    width: 100%;
}

Label.IQControlsGroupLabel,
DIV.iq-dataform Label.IQControlsGroupLabel {
    display: block;
    margin: 0;
    padding: .375rem .75rem;
    background-color: #e2ebf5;
    border-radius: 0.25rem 0.25rem 0 0;
    color: #041e45;
    font-weight: bold;
    border: none;
    border-bottom: 4px solid #97b3ce;
    min-width: auto;
    max-width: none;
}

.IQControlsGroupDV {
    display: inline-block;
    display: flex;
    border: 1px solid #ced4d9;
    margin: 0.5rem;
    border-radius: 0.25rem;
    padding: 0;
}

DIV.iq-dataform>DIV .IQ2CheckBoxType, 
DIV.iq-dataform>DIV.IQ2CheckBoxType {
    border: 1px solid #ced4d9;
    border-radius: 0.25rem;
    padding: 0;
    min-width: auto;
    margin: 0.5rem;
}

DIV.iq-dataform>DIV input[type='radio'],
DIV.iq-dataform>DIV input[type='checkbox'],
.IQControlsGroupDV input.IQRadioGroup,
.IQControlsGroupDV input.IQCheckBoxList 
{
    display: block;
    margin: 0.5rem;
    cursor: pointer;
    position: relative;
    height: auto !important;
}

DIV.iq-dataform>DIV input[type='radio']+label,
DIV.iq-dataform>DIV input[type='checkbox']+label, 
.IQControlsGroupDV input[type='radio']+label,
.IQControlsGroupDV input[type='checkbox']+label {
    display: block;
    margin: 0;
    padding: 0.25rem;
    background-color: #e2ebf5;
    border-radius: 0 0.25rem 0.25rem 0;
    color: #041e45;
    font-weight: bold;
    border: none;
    border-left: 4px solid #97b3ce;
    cursor: pointer;
    min-width: auto;
    max-width: none;
}

DIV.iq-dataform.small-fonts label,
DIV.iq-dataform.small-fonts input,
DIV.iq-dataform.small-fonts textarea
{
    font-size: 0.85rem;
}

@media screen and (max-width: 1300px) {
    DIV.iq-dataform>DIV {
        min-width: 100%;
    }
}


/** Estilos Generales de botones y controles */

.btn-link:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="file"]:hover {
    text-decoration: none;
    color: white;
    cursor: pointer;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 0.5s;
}

.btn-success {
    border-color: #127028;
}

.IQ2InvalidInput {
    background-color: #FFF2F2;
}

ul.ui-autocomplete {
    z-index: 3000;
    max-height: 35%;
    max-width: 70%;
    overflow-x: hidden;
    overflow-y: auto;
}

.iq-upload-status {
    position: fixed; 
    padding: 1rem; 
    color: #9F2743; 
    font-weight: bold; 
    background-color: #FFFFDF; 
    border: 2px solid #000000; 
    border-radius: 1rem;
    top: 20px; 
    left: 20px;
    filter: drop-shadow(4px 4px 4px gray);
}

.iq-upload-status::before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 1.2rem;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\F11DD";
    animation-name: mdi-spin;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


/** Estilos de Formas en Ventanas Emergentes */

.modal-dialog DIV.iq-dataform.form-group {
    padding: 0;
    margin-bottom: 0;
}

.modal-dialog DIV.iq-dataform DIV.iq-dataform-submit-dv {
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 10px;
    border-top: 1px solid silver;
    background-color: #fff;
    filter: none;
}

@media screen and (max-width: 800px) {  
    DIV.iq-dataform>DIV.iq-dataform-submit-dv input,
    DIV.iq-dataform>DIV.iq-dataform-submit-dv button {
        min-width: 10rem;
    }
}