:root {
    --vw: 100vw;
    --vh: 100vh;
}
/* display */
.display-none       {display: none}
.display-inline     {display: inline}
.display-inlineblock{display: inline-block}
.display-block      {display: block}

/* texto */
.text-italic        {font-style: italic}
.text-underline     {text-decoration: underline}

/* formulario */
.form-control::-moz-placeholder {
    opacity: 1;
}
textarea.form-control {
    resize: none;
}
select ~ .form-control-feedback {/* Fix para feedback de bootstrap en los select, sacado de https://github.com/twbs/bootstrap/issues/14202 */
    margin-right: 15px;
}

.input-group .input-group-addon .mdi-eye-off-outline,
.input-group .input-group-addon .mdi-eye-outline {
    cursor: pointer;
}

.dua-radio,
.dua-checkbox {
    margin: 2px 0px;
}
.dua-radio label,
.dua-checkbox label,
.dua-radio input,
.dua-checkbox input {
    cursor: pointer;
}
.dua-radio label,
.dua-checkbox label {
    margin-bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.dua-radio input,
.dua-checkbox input {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid black;
    margin: 0 6px 0 0;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dua-radio input {
    border-radius: 50%;
}
.dua-radio input:checked:before {
    content: '•';
    /*content: '⚫';
    content: '●';*/
}
.dua-checkbox input:checked:before {
    content: '✓';
    /*content: '✔';*/
}

/* varios */
.infoAyuda {
    width: 12px;
    height: 12px;
    background-image: url('../images/ayuda.png');
    display: inline-block;
}


.dropdownMenu {
    position: relative;
}
.dropdownMenu .dropdownMenu-cont {
    background-color: white;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
}
.desktop .dropdownMenu:hover .dropdownMenu-cont,
.mobile .dropdownMenu-on .dropdownMenu-cont {
    display: block;
}


#duaGallery #duaGallery-close:before,
#duaGallery #duaGallery-prev:before,
#duaGallery #duaGallery-next:before {
    font-family: 'Material Design Icons';
}
#duaGallery #duaGallery-close:before {
    content: '\F156';
}
#duaGallery #duaGallery-prev:before {
    content: '\F141';
}
#duaGallery #duaGallery-next:before {
    content: '\F142';
}