html {
    font-size: 0.875em;
}

@font-face {
    font-family: 'avenir_lt_std95_black';
    src: url('../assets/fonts/avenirltstd-black-webfont.woff2') format('woff2'), url('../assets/fonts/avenirltstd-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_lt_std45_book';
    src: url('../assets/fonts/avenirltstd-book-webfont.woff2') format('woff2'), url('../assets/fonts/avenirltstd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('../assets/fonts/avenirltstd-heavy-webfont.woff2') format('woff2'), url('../assets/fonts/avenirltstd-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../assets/fonts/avenirltstd-light-webfont.woff2') format('woff2'), url('../assets/fonts/avenirltstd-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_lt_std65_medium';
    src: url('../assets/fonts/avenirltstd-medium-webfont.woff2') format('woff2'), url('../assets/fonts/avenirltstd-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-light-webfont';
    src: url('../assets/fonts/roboto-light-webfont.woff2') format('woff2'), url('../assets/fonts/roboto-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-bold-webfont';
    src: url('../assets/fonts/roboto-bold-webfont.woff2') format('woff2'), url('../assets/fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 1em;
    color: #333;
    /*    background: #fbf8ee; */ font-family: 'roboto-light-webfont';
    /* background: url(../assets/img/quodem-new.jpg) top center no-repeat; */
}

.informe {
    width: 100%;
    height: 100%;
}

    .informe .container {
        max-width: 100%;
    }

:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) !important;
}

footer .border-top.footer.text-muted {
    position: relative;
    width: 100%;
}

h1 span {
    color: #000;
    font-size: 90px;
    line-height: 84px;
    display: block;
    width: 100%;
}

.btnAudio.right.btnNewChat {
    float: right;
}

.contentGlobalInterior h1 {
    font-family: 'roboto-bold-webfont';
    color: #000;
    font-size: 34px;
    line-height: 38px;
}

.contentBoxElementLanding h1 {
    margin-bottom: 30px;
}

.contentHomeLogo .contentGlobalInterior h1 {
    font-family: 'roboto-bold-webfont';
    color: #000;
    font-size: 46px;
    line-height: 54px;
    margin-top: 30px;
}

.contentBoxGenerate {
    /* background: #f9f5f6; */
    padding: 15px 31px 20px 30px;
    border-radius: 32px;
    border: 1px dashed #ddd;
    float: left;
}

.contentBtnTop {
    width: 100%;
    float: left;
    display: block;
}

.btnAudio.right.btnNewChat input#borrarChat {
    float: right;
    border: 0px;
    box-shadow: none;
    /* padding: 4px 0px 20px 42px !important; */
    border-radius: 0px;
    background: url(../assets/img/iconNewChat.png) 20px 11px no-repeat #FFF !important;
    background-size: 25px !important;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 12px 20px 12px 54px !important;
}

    .btnAudio.right.btnNewChat input#borrarChat:hover {
        background: url(../assets/img/iconNewChatHOVER.png) 20px 11px no-repeat #000 !important;
        background-size: 25px !important;
        color: #FFF !important;
    }

    .btnAudio.right.btnNewChat input#borrarChat:focus {
        box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
        background: url(../assets/img/iconNewChatHOVER.png) 20px 11px no-repeat #000 !important;
        background-size: 25px !important;
        color: #FFF !important;
    }

.entrevistaBox h1.display-4 {
    font-family: 'roboto-bold-webfont';
    color: #000;
    font-size: 34px;
    line-height: 38px;
    text-align: center;
}

.entrevistaBox .voiceToTextControls {
    min-height: auto;
}

.contentTitleBoxVideoOnda img {
    position: absolute;
    width: 240px;
    top: 51px;
}
/*br {
    display: none;
}
.summaryResult br {
    display: block;
}*/
h2 {
    font-family: 'roboto-bold-webfont';
    /*    color: #009900;*/
    color: #000;
    font-weight: 400 !important;
    font-size: 1.5em !important;
    padding-top: 20px;
    padding-bottom: 5px;
    margin: 0px;
}

.contentImagenRight img {
    margin-top: -30px;
}

h3 {
    font-family: 'roboto-bold-webfont';
    color: #3e3e3e;
    font-weight: 400 !important;
    font-size: 20px !important;
    padding-top: 15px;
    padding-bottom: 0px;
}

p {
    font-size: 17px;
    text-align: left;
    font-family: 'roboto-light-webfont';
    margin: 15px 0px 16px 0px;
    line-height: 24px;
}

.fieldsetTabs h2 {
    font-size: 1.7em !important;
}

.fieldsetTabsTranslate h2 {
    font-size: 1.7em !important;
}

.principios {
    font-family: 'Oswald';
    color: #000;
    font-weight: 400 !important;
    font-size: 35px !important;
    margin-bottom: 10px;
    margin-top: 20px;
}

.pie {
    text-decoration: none;
}

    .pie ul li {
        display: inline-block;
        padding: 0px 5px;
    }

        .pie ul li a {
            text-decoration: none;
        }

a {
    cursor: pointer;
}

.contentSup {
    width: 50%;
    float: left;
    text-align: left;
}

    .contentSup.resetpass label {
        font-size: 1em;
        font-family: roboto, sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .contentSup.resetpass input {
        display: block;
        width: 100%;
        padding: 10px !important;
        font-size: 1rem;
        font-weight: 400;
        min-width: 320px !important;
        color: #212529 !important;
        background-color: #fff !important;
        background-clip: padding-box;
        border: 1px solid #ced4da !important;
        -webkit-appearance: none;
        margin: 0 0 10px !important;
    }

        .contentSup.resetpass input[type="submit"] {
            color: #fff !important;
            background-color: #000 !important;
            border-color: #000 !important;
            margin-top: 15px !important;
        }

.contentSupInner {
    width: 100%;
    float: left;
    text-align: left;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.file-upload-wrapper {
    align-items: center;
    gap: 10px; /* Espacio entre el bot�n y el texto */
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.file-upload-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .file-upload-button:hover {
        background-color: #fff;
        color: #000;
        border: 2px solid #000;
    }

.file-upload-wrapper:hover {
    background-color: #fff;
    border-color: #000;
    cursor: pointer; /* Opcional: Cambia el cursor para indicar que toda el �rea es interactiva */
}

    /* Estilo para que el texto del nombre del archivo tambi�n cambie a negro */
    .file-upload-wrapper:hover .file-name {
        color: #000;
    }

textarea, textarea:focus-visible {
    outline: none;
    width: 100%;
    background: #f9f5f6 !important;
    padding: 20px;
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 16px;
    margin-bottom: 0;
    margin: 10px 0px;
    /*    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.075);*/
    border: 1px solid #ddd;
    border-radius: 25px;
}

#formulario textarea, #formulario textarea:focus-visible {
    padding: 42px 20px 20px 20px;
}

#formulario .textarea-clean span {
    color: #000
}

textarea:focus {
    border: 3px solid black !important;
}

.text-left {
    text-align: left !important;
    width: 100% !important;
}

#chatAnswer {
    margin: 10px 0px 10px 0px;
}

.chatResponse {
    float: left;
}

.entrevistaBox div#divQuestions,
.entrevistaBox div#divChatQuestions {
    height: 531px;
    overflow-y: scroll;
    padding: 10px 20px;
}

    .entrevistaBox div#divQuestions ul li,
    .entrevistaBox div#divChatQuestions ul li {
        list-style-type: none;
    }

        .entrevistaBox div#divQuestions ul li ol li,
        .entrevistaBox div#divQuestions ul li ul li,
        .entrevistaBox div#divChatQuestions ul li ol li,
        .entrevistaBox div#divChatQuestions ul li ul li {
            list-style-type: auto;
        }

.text-question {
    /* background: #f4fff8; */
    padding: 15px 0px;
    position: relative;
    /* font-size: 0.875em; */
    /* min-height: 40px; */
    display: block;
    width: 100%;
    float: left;
    /* border: 1px solid #000; */
}

.text-answer {
    font-size: 16px;
    padding: 0px;
    border: 0px;
    position: relative;
    width: 100%;
    float: left;
}

.rolClass {
    font-size: 0px;
    display: block;
    float: left;
    height: 40px;
    width: 43px;
    margin-top: 4px;
    position: absolute;
}

.text-question .rolClass {
    right: 0px;
}

.text-question .rolAnswer {
    float: right;
    margin-right: 50px;
    background: #000;
    color: #FFF;
    margin-left: 0px;
}

.text-answer p {
    margin: 0px;
}
/*.rolAnswer br {
    display:none
}*/
.AIClass {
    font-size: 1.3em;
    color: #000;
    display: none;
}

.HClass {
    background: url(../assets/img/icons/13_hover.png) 3px no-repeat;
    width: 35px;
    height: 35px;
    display: block;
}

h4 {
    font-family: 'roboto-bold-webfont';
    color: #3e3e3e;
    font-weight: 400 !important;
    font-size: 20px !important;
    margin-top: 0px;
}

div#divSummaryHealth {
    width: 100%;
    /*    background: #f8fafd !important;
    border: 1px solid #c9cdd4 !important;
    padding: 20px;*/
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 0.95em;
    border-radius: 15px !important;
    margin: 10px 0px;
    float: left;
}

.USRClass {
    background: url(../assets/img/icons/14_hover.png) 3px no-repeat;
    width: 35px;
    height: 35px;
    display: block;
}

.textChat {
    position: relative;
    float: left;
    width: 100%;
}

.rolAnswer {
    background: #f1f1f1;
    width: auto;
    color: #3e3e3e;
    font-size: 16px;
    padding: 10px 20px 10px 40px;
    border-radius: 20px;
    float: left;
    margin-right: 12px;
    margin-right: 0px;
    margin-left: 50px;
}

select {
    outline: none;
    width: 100%;
    background: url(../assets/img/arrow.png) top right no-repeat #f9f5f6 !important;
    padding: 15px 43px 15px 24px;
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 16px;
    margin-bottom: 0;
    margin: 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.075);*/
    border: 1px solid #ddd;
    border-radius: 25px !important;
}

input[type="radio"] {
    height: 25px;
    width: 25px;
    padding: 3px 3px;
}

input[type=radio] {
    position: absolute;
    left: 0px;
    top: 12px;
    --s: 1em; /* control the size */
    --c: #000; /* the active color */
    float: left;
    aspect-ratio: 1;
    border: calc(var(--s)/8) solid #000;
    background: radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0 no-repeat content-box;
    border-radius: 50%;
    outline-offset: calc(var(--s)/10);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    transition: .3s;
}

.contentRadio {
    position: relative;
}

    .contentRadio span {
        display: block;
        padding: 0px 0px 0px 34px;
        float: left;
    }

input[type=radio]:checked {
    border-color: var(--c);
    background-size: 100% 100%;
}

input[type=radio]:disabled {
    background: linear-gradient(to bottom, #000 0%, #000 100%) 50%/100% 20% no-repeat content-box;
    opacity: .5;
    cursor: not-allowed;
}

.contentInf {
    width: 100%;
    float: left;
    margin-top: 40px;
    margin-bottom: 100px;
}

.contentSup input {
    color: #fff !important;
    border-radius: 7px !important;
    min-width: 120px;
    float: left;
    background: #e5c322 !important;
    border: 0 !important;
    margin: 15px 5px 0 0 !important;
    padding: 13px !important;
}

.hidden-title {
    display: none;
}

nav.navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white.border-bottom.box-shadow.mb-3 {
    box-shadow: none;
    border: 0px !important;
    background: none !important;
}

.contentInf h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1.9em !important;
    color: #0e1b4d;
    margin-bottom: 20px;
}

.btnAudio {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .btnAudio button, .btnAudio input, .btnAudio a, input.btn.btn-default {
        color: #FFF !important;
        border-radius: 50px !important;
        display: block;
        float: right;
        border: 2px solid #000 !important;
        background: #000 !important;
        padding: 12px 40px !important;
        text-decoration: none;
        box-shadow: 0px 0px 0px 6px rgba(223, 254, 218, 0.25);
        font-weight: bold;
    }

    #cookieConsentContainer .btnAudio button, .btnAudio input, .btnAudio a, input.btn.btn-default {
        color: #000 !important;
        border-radius: 50px;
        display: block;
        float: left;
        border: 2px solid #000;
        background: #FFF !important;
        padding: 12px 40px !important;
        text-decoration: none;
        box-shadow: none;
        font-weight: bold;
    }

.contentHomeLogo .btnAudio button, .contentHomeLogo .btnAudio input, .contentHomeLogo .btnAudio a, .contentHomeLogo input.btn.btn-default {
    float: left;
}

.btnAudio button:hover, .btnAudio input:hover, .btnAudio a:hover, input.btn.btn-default:hover, .btnAudio button:focus, .btnAudio input:focus, .btnAudio a:focus, input.btn.btn-default:focus {
    border: 2px solid #000;
    background: #000 !important;
    color: #FFF !important;
    font-weight: 900;
}

.btnAudio button:focus, .btnAudio input:focus, .btnAudio a:focus, input.btn.btn-default:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}

.btnAudio button:focus, .btnAudio input:focus, .btnAudio a:focus, input.btn.btn-default:focus {
    border: 3px solid black !important;
}

.right {
    display: flex;
    justify-content: end;
}

.navbar-collapse.collapse.d-sm-inline-flex.justify-content-between {
    float: right !important;
    width: auto;
    flex-basis: auto;
    flex-grow: initial;
}

.nav-link.text-dark {
    padding: 8px 5px 8px 15px !important;
    font-weight: 500;
    width: 100%;
    display: block;
}

    .contentLoginBox button.btn.btn-primary .nav-item.active .text-dark, .nav-link.text-dark:hover {
        color: #fff !important;
        background: #000;
        padding: 8px 25px;
        transition: all ease 0.3s;
        font-weight: 500;
        width: 100%;
        display: block;
    }

footer.border-top.footer {
    float: left;
    width: 100%;
    font-size: 16px;
    border-top: 1px solid #e4e4e4;
    color: #1e2326 !important;
    /* border: 0px !important;*/
}

    footer.border-top.footer a {
        color: #3e3e3e !important;
        text-decoration: underline;
        font-weight: bold;
    }

.questionTitle, .keyPointsTitle, .improvementTitle, .translateTitle, .summaryTitle {
    font-family: 'Oswald';
    color: #000;
    font-weight: 400 !important;
    font-size: 1.7em !important;
    float: left;
}

.privacy-notices {
    background: #FFF;
    color: #2f3138;
    width: 100%;
    padding: 20px;
    float: left;
    border: 1px solid #000 !important;
    background-color: #FFF;
    margin: 0px;
    padding: 17px 30px;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 8px;
    text-align: left;
}

    .privacy-notices p {
        margin: 0 auto;
        margin-block-start: 0px;
        margin-block-end: 0px;
        font-size: 0.75em;
        line-height: 20px;
        float: none;
        word-break: break-word;
    }

    .privacy-notices p {
        padding: 0px;
        text-align: left;
    }

.cookie-consent-container {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #000;
    color: #FFF;
    padding: 10px;
    text-align: center;
    z-index: 1000;
    float: left;
}

main {
    margin-bottom: 100px;
    float: left;
    width: 100%;
}

.fieldsetTabs {
    border-radius: 5px; /* Bordes redondeados */
    padding: 10px; /* Espacio interno para separar el contenido del borde */
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

    .fieldsetTabs div {
        margin: 2px 10px 3px 10px;
    }

    .fieldsetTabs select {
        width: 50%;
    }

.summaryResult, .questionResult, .keyPointsResult, .improvementResult, .translateResult {
    border: 1px solid #ffd500 !important;
    background-color: #fcf8e7;
    margin: 0px;
    padding: 17px;
    width: 100%;
    float: left;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 8px;
}

.question {
    font-weight: bold;
}

.keyPointsResult .question {
    font-weight: normal;
}

.answer {
    padding-left: 30px;
}

.correct {
    padding-left: 50px;
    font-style: oblique;
}

.selectVoice {
    width: 100%;
}

#voiceToTextDivSummary {
    display: none;
    margin-bottom: 26px;
    width: 100%;
    border-radius: 20px;
    float: left;
    border: 1px solid #ffd300;
    padding: 4px 10px 6px 10px;
    background-color: #f9f5f6;
    margin-right: 1%;
    border-radius: 5px;
    padding: 15px 31px 20px 30px;
    border-radius: 32px;
    border: 1px dashed #ddd;
    float: left;
}

#voiceToTextDivTranslate {
    display: none;
    width: 100%;
    float: left;
    border: 1px solid #ffd300;
    padding: 4px 10px 6px 10px;
    background-color: #f9f5f6;
    border-radius: 5px;
    padding: 15px 31px 20px 30px;
    border-radius: 32px;
    border: 1px dashed #ddd;
    float: left;
}

#voiceToTextDivTranslateText {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

#contentAll {
    display: block;
    width: 100%;
    margin: 20px 0;
    float: left;
}

.voiceToTextControls {
    min-height: 80px;
}

#divAudio, #divAudioPlayer, #divCopyQuestion, #divCopyKeyPoints, #divCopyTranlate, #divCopyImprovement, #divAudioTranslate, #divAudioSpanish {
    display: none;
}

#divAudioPlayer {
    float: left;
    width: 100%;
    padding: 20px 25px;
    border: 1px solid #ffd300 !important;
    background-color: #fcf8e7;
    margin: 10px 0px 20px 0px;
    width: 100%;
    border-radius: 8px;
    display: none;
}

.error {
    color: #E60000;
}

    .error span {
        width: 100%;
        color: #E60000;
        padding: 13px 20px;
        border: 1px solid #E60000;
        background: #ffe7e7;
        border-radius: 15px;
        margin: 0px 0px 20px 0px;
        display: inline-block;
        float: left;
    }

#warningMessage {
    color: #E60000;
    display: none;
    border: 2px solid #fff;
}

.textarea-container {
    position: relative;
}

.chatBotImagen div#divQuestions,
.chatBotImagen div#divChatQuestions {
    height: auto;
    max-height: 550px;
}

.fileupload-container {
    border: 1px solid #ddd !important;
    background-color: #f9f5f6;
    margin: 0px;
    padding: 17px;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 8px;
    text-align: center;
}

    .fileupload-container img {
        display: block;
        margin: 13px auto 0 auto;
        float: none;
    }

    .fileupload-container input {
        border: none;
    }

input#file-upload-button:hover {
    background-color: red !important;
}

.fileName {
    padding: 1px 1px 1px 10px;
    font-weight: bold;
}

.textarea-clean {
    position: relative;
}

.clearShadow {
    background: #fcf8e7;
}

.darkShadow {
    background: #e9fbea;
}

div#divSummary\ imagenPadding {
    padding-bottom: 20px !important;
    width: 100%;
    float: left;
}


.typeContentOption .text-answer .rolAnswer {
    padding-left: 49px !important;
}
textarea#contenidoTextArea, textarea#Description {
    padding: 42px 20px 20px 20px;
}

.clear-button {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
    border: none;
    background-color: transparent;
}

.tabs {
    justify-content: space-between;
}

.tab-button {
    padding: 10px 20px;
    background-color: #4472C4;
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 10px 10px 0px 0px;
}

.contentNarrativo div#divQuestions,
.contentNarrativo div#divChatQuestions {
    height: initial;
    max-height: 500px;
}

.tab-button-active {
    padding: 10px 20px;
    background-color: #FFF;
    color: #4472C4;
    border: 1px solid #4472C4;
    border-bottom: 0px;
    cursor: pointer;
    font-weight: bolder;
    border-radius: 10px 10px 0px 0px;
}

.fieldsetTabs {
    display: none;
}

.fieldsetTabsTranslate {
}

.sendButton {
    cursor: pointer;
}

    .sendButton svg {
        width: 20px;
        height: 20px;
        color: #000;
    }

.textChat {
    position: relative;
}

    .textChat textarea {
        font-size: 16px !important;
        /* font-weight: bold !important; */
        padding-right: 30px;
        border: 1px solid #cacaca;
        box-sizing: border-box;
        width: 100%;
        min-height: 65px !important;
        resize: none;
        margin-top: 39px;
        overflow-y: hidden;
        padding: 20px 63px 10px 35px;
        background: #f1f1f1 !important;
    }

    .textChat span {
        position: absolute;
        right: 20px;
        bottom: 35px;
    }

table.table-relations {
    width: 100%;
    border: 0px;
    text-align: center;
}

.table-categories {
    width: 100%;
    border: 0px;
    text-align: center;
}

    .table-categories td {
        padding: 5px;
        padding: 10px 10px;
        border: 0px;
        border-radius: 20px;
        margin: 20px;
        color: #FFF;
    }

.td-category {
    background-color: #87c7d8;
    font-weight: bold;
}

.table-relations {
    border: solid 2px #4472C4;
}

    .table-relations td {
        padding: 10px 10px;
        border: 0px;
        margin: 20px;
    }

.td-relation, th.td-relation {
    background-color: #000;
    font-weight: bold;
    color: #fff;
}

.loader {
    border: 5px solid #ffd200;
    border-top: 5px solid #00981a;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loaderMicrophone {
    width: 281px;
    height: 355px;
    position: fixed;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../assets/img/once/optimiaChat.png) center no-repeat;
    background-size: 260px;
    display: none;
}

    .loaderMicrophone input {
        position: absolute;
        bottom: -70px;
        width: 100%;
        text-align: center;
        color: #000;
        border-radius: 8px;
        /* min-width: 120px; */
        /* float: left; */
        background: #ffd300;
        border: 0;
        padding: 5px 0px;
        text-decoration: none;
    }

    .loaderMicrophone::after {
        font-family: 'Oswald';
        color: #FFF;
        font-size: 33px;
        content: "Hable ahora";
        display: block;
        position: absolute;
        bottom: -30px;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }

#loaderMicrophone input#stopButton {
    padding: 20px 34px;
    font-size: 18px;
    width: 100%;
    left: 0px;
    bottom: -107px;
    color: #FFF;
    background: #000;
    font-weight: bold;
    border-radius: 67px;
    cursor: pointer;
}

.containerLoader, .containerLoaderMicrophone {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000c7;
    display: none;
    z-index: 99;
}

#containerLoaderText {
    position: fixed;
    width: 100%;
    height: 50%;
    top: 60%;
    left: 0;
    color: white;
    text-align: center;
    font-size: 1.5em;
    font-weight: bolder;
    z-index: 99;
}

.containerLoader[aria-hidden="false"] {
    pointer-events: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#checkMicrophone {
    display: none;
}
/***/
header.container {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0px;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display: block !important;
    width: 100%;
    padding: 0px;
}

a.navbar-brand {
    width: 100%;
    display: block;
    text-align: center;
}

    a.navbar-brand img {
        width: 155px;
    }

.navbar-collapse.collapse.d-sm-inline-flex.justify-content-between {
    color: #FFF;
    background: #000;
    /* display: block; */
    width: 100%;
    float: left;
}

ul.navbar-nav.flex-grow-1 {
    width: 100%;
    float: left;
    margin: 0px;
    float: left;
    padding: 0px;
}

li.nav-item {
    width: 12.5%;
    /* height: 60px; */
    display: table;
    font-size: 0.875em;
}

    li.nav-item ul {
        width: 100%;
        background: #FFF;
        padding: 0px;
        margin: 0px;
    }

        li.nav-item ul li {
            list-style: none;
            width: 100%;
            color: #3e3e3e;
        }

            li.nav-item ul li a {
                display: block;
                padding: 15px 12px;
                width: 100%;
                color: #3e3e3e;
                text-decoration: none
            }

                li.nav-item ul li a:hover {
                }

            li.nav-item ul li:hover {
                color: #FFF;
            }

a.nav-link.text-dark {
    color: #FFF !important;
    display: block;
    vertical-align: middle;
}

.nav-item.active .text-dark, .nav-link.text-dark:hover {
    background: #FFF;
    border-radius: 0px;
    color: #000 !important;
    font-weight: 900;
    height: 100%;
    display: block;
}

nav.navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white.border-bottom.box-shadow.mb-3 {
    padding-top: 0px;
}

.contentBoxModels {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.contentBoxModelsElement {
    width: 100%;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 20px 30px 20px 130px;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

    .contentBoxModelsElement img {
        position: absolute;
        left: 20px;
    }

.contentBoxModelsElementInfo h3 {
    font-family: 'Oswald';
    color: #243780;
    font-weight: 400 !important;
    font-size: 1.4em !important;
    margin: 0px;
}

.contentBoxModelsElementInfo p {
    margin-bottom: 5px;
}

.contentBoxModelsElementInfo a {
    display: block;
    background: #efc52e;
    float: left;
    color: #FFF;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 35px;
    font-size: 0.95em;
}

body {
    background-position: 50% top !important;
}

.contentHomeLogo header.container {
    max-width: 960px;
}

.contentHomeLogo a.navbar-brand {
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    width: auto;
    border:0px !important
}


.contentHomeLogo h1 {
    margin-top: 0px;
}

.contentHomeLogo a.navbar-brand img {
    width: 270px;
}

    .contentHomeLogo a.navbar-brand img.second-logo {
        margin-top: 32px;
    }

a.navbar-brand img.second-logo {
    width: 120px;
}

a.asistente01 {
    background: url(../assets/img/once/iconAsistentes01.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.asistente01, a.asistente01:hover, a.asistente01:focus {
        background: url(../assets/img/once/iconAsistentes01Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.asistente02 {
    background: url(../assets/img/once/iconAsistentes02.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}
a.asistente05 {
    background: url(../assets/img/once/iconRoles.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
    background-size: 23px;
}
    .active a.asistente02, a.asistente02:hover, a.asistente02:focus {
        background: url(../assets/img/once/iconAsistentes02Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }
.active a.asistente05, a.asistente05:hover, a.asistente05:focus {
    background: url(../assets/img/once/iconRolesHover.png) 12px no-repeat #000;
    padding: 8px 5px 8px 40px !important;
    color: #FFF;
    border-radius: 30px;
    background-size: 23px;
}
a.asistente03 {
    background: url(../assets/img/once/iconRoles.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}
a.asistente03 {
    background: url(../assets/img/once/iconAsistentes03.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.asistente03, a.asistente03:hover, a.asistente03:focus {
        background: url(../assets/img/once/iconAsistentes03Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.contenido01 {
    background: url(../assets/img/once/iconTraduccion01.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.contenido01, a.contenido01:hover, a.contenido01:focus {
        background: url(../assets/img/once/iconTraduccion01Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.contenido02 {
    background: url(../assets/img/once/iconTraduccion02.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.contenido02, a.contenido02:hover, a.contenido02:focus {
        background: url(../assets/img/once/iconTraduccion02Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.contenido03 {
    background: url(../assets/img/once/iconTraduccion03.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.contenido03, a.contenido03:hover, a.contenido03:focus {
        background: url(../assets/img/once/iconTraduccion03Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.imagen01 {
    background: url(../assets/img/once/iconImagen01.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.imagen01, a.imagen01:hover, a.imagen01:focus {
        background: url(../assets/img/once/iconImagen01Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.imagen02 {
    background: url(../assets/img/once/iconImagen02.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.imagen02, a.imagen02:hover, a.imagen02:focus {
        background: url(../assets/img/once/iconImagen02Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.imagen03 {
    background: url(../assets/img/once/iconImagen03.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.imagen03, a.imagen03:hover, a.imagen03:focus {
        background: url(../assets/img/once/iconImagen03Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.audio01 {
    background: url(../assets/img/once/iconAudio01.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.audio01, a.audio01:hover, a.audio01:focus {
        background: url(../assets/img/once/iconAudio01Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.audio02 {
    background: url(../assets/img/once/iconAudio02.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.audio02, a.audio02:hover, a.audio02:focus {
        background: url(../assets/img/once/iconAudio02Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.audio03 {
    background: url(../assets/img/once/iconAudio03.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.audio03, a.audio03:hover, a.audio03:focus {
        background: url(../assets/img/once/iconAudio03Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.modelos01 {
    background: url(../assets/img/once/iconAvanzadas01.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.modelos01, a.modelos01:hover, a.modelos01:focus {
        background: url(../assets/img/once/iconAvanzadas01Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.modelos02 {
    background: url(../assets/img/once/iconAvanzadas02.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.modelos02, a.modelos02:hover, a.modelos02:focus {
        background: url(../assets/img/once/iconAvanzadas02Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.modelos03 {
    background: url(../assets/img/once/iconAvanzadas03.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

    .active a.modelos03, a.modelos03:hover, a.modelos03:focus {
        background: url(../assets/img/once/iconAvanzadas03Hover.png) 12px no-repeat #000;
        padding: 8px 5px 8px 40px !important;
        color: #FFF;
        border-radius: 30px;
    }

a.nav-link.icon40, a.nav-link.icon41, a.nav-link.icon42, a.nav-link.icon43, a.nav-link.icon44 {
    cursor: auto;
}

.contentImagenRight {
    background: url(/assets/img/once/optimiahome.png) top left no-repeat;
    height: 590px;
}

.container.pie p {
    float: left;
    font-size: 0.875em;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    text-align: center;
    line-height: initial;
}

.container.pie ul {
    line-height: initial;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    font-size: 0.875em;
    text-align: center;
}

.pie ul li {
    padding: 15px 10px;
}

.ContentBtnModals {
    width: 100%;
    padding-top: 20px;
}

    .ContentBtnModals a {
        cursor: pointer;
        display: block;
        background: #efc52e;
        text-align: center;
        color: #FFF;
        width: 100%;
        text-decoration: none;
        padding: 10px 30px;
        border-radius: 35px;
        font-size: 0.95em;
    }

        .ContentBtnModals a:hover {
            background: #a0800c;
        }

.contentBoxModelsElementIA {
    float: left;
    width: 30%;
}

    .contentBoxModelsElementIA img {
        width: 100%;
    }

.contentBoxModelsElementIA {
    float: left;
    width: 30.5%;
    margin-bottom: 30px;
}

    .contentBoxModelsElementIA.centerBoxContent {
        margin: 0px 4%;
    }

video {
    width: 100%;
    float: left;
}

.modal-body {
    padding: 0px !important;
}

button.btn-close {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #0b2c68;
    right: -60px;
    color: #FFF !important;
    border-radius: 50px;
    opacity: 1;
    font-weight: bold;
}

.modal-dialog {
    max-width: 75% !important;
}

.progress-bar {
    width: 100%;
    background-color: #ddd;
    margin: 0px;
}

.progress {
    height: 20px;
    background-color: #4CAF50;
    text-align: right;
    color: white;
    margin: 0px;
    padding-left: 5px;
}

.classificationName {
    width: 400px;
}

.classificationScore {
    width: 200px;
}

.contentOptionsMenu {
    color: #33383b;
    position: absolute;
    right: 0px;
    margin: 0px;
    padding: 0px 0px 0px 0px !important;
    border-radius: 50px;
    top: 30px;
/*    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);*/
}

.contentLoginBox .form-group textarea {
    color: #3e3e3e !important;
    border: 1px solid #757575 !important;
    background-color: #f7f7f7 !important;
    border-radius: 20px !important;
    padding: 10px 20px !important;
    height: auto !important;
    font-size: 1em;
    font-family: roboto, sans-serif;
    font-weight: 300;
    font-style: normal;
    width: 100%;
    box-shadow: none;
    border: 0px;
    border-radius: 50px;
    padding: 12px 20px !important;
}

.contentOptionsMenu a {
    color: #33383b;
    padding: 0px 0px 0px 30px;
    text-decoration: none;
    font-weight: bold;
}

.loginButton {
    float: right;
    margin: 10px 20px 10px 15px;
}

    .loginButton a, .loginButton a:hover, .loginButton a:link {
        text-decoration: none;
        color: #2f3138;
        font-weight: bold;
    }

a.iconContacto {
/*    background: url(../assets/img/optimia/iconContacto.png) 20px 13px no-repeat #FFF;
    background-size: 24px;
    padding: 13px 20px 12px 51px;*/
    display: inline-block;
/*    border-radius: 69px;*/
}

/*    a.iconContacto:hover {
        background: url(../assets/img/optimia/iconContactoHover.png) 20px 13px no-repeat #000;
        background-size: 24px;
        padding: 13px 20px 12px 51px;
        display: inline-block;
        border-radius: 69px;
        color: #fff;
    }

    a.iconContacto:focus {
        background: url(../assets/img/optimia/iconContactoHover.png) 20px 13px no-repeat #000;
        background-size: 24px;
        padding: 13px 20px 12px 51px;
        display: inline-block;
        border-radius: 69px;
        color: #fff;
        box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
    }*/

a.iconPreguntas {
    background: url(../assets/img/optimia/iconFaqs.png) 7px 11px no-repeat #FFF;
    background-size: 24px;
    padding: 13px 1px 12px 36px;
    display: inline-block;
}

    a.iconPreguntas:hover {
        background: url(../assets/img/optimia/iconFaqsHover.png) 7px 11px no-repeat #FFF;
        background-size: 24px;
        color: #048b33
    }

.btn-link, .btn-link:hover {
    color: #000;
    text-decoration: underline;
}

.form-group .checkbox {
    display: none;
}

.form-group input {
    width: 400px;
    margin-bottom: 15px;
}
/****/
.loginButton a {
    color: #33383b;
    /*    background: url(../assets/img/optimia/iconlogoutNormal.png) 11px 10px no-repeat #FFF;*/
    position: absolute;
    right: 105px;
    /*    width: 110px;*/
    /*    margin: 0px;
    padding: 5px  !important;*/
    /*    border-radius: 50px;*/
    top: 30px;
    /*    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);*/
}

    .loginButton a:hover {
/*        background: url(../assets/img/optimia/iconlogout.png) 11px 10px no-repeat #000;*/
        color: #FFF;
    }

    .loginButton a:focus {
/*        background: url(../assets/img/optimia/iconlogout.png) 15px 10px no-repeat #000;*/
        color: #FFF;
/*        box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);*/
    }

.contentLoginBox {
    width: 100%;
    padding-top: 25px;
}

    .contentLoginBox form {
        width: 80%;
    }

    .contentLoginBox h1 {
        margin-bottom: 30px;
        font-size: 3.45em !important;
    }

    .contentLoginBox label {
        height: auto !important;
        font-size: 1em;
        font-family: roboto, sans-serif;
        font-weight: 600;
        font-style: normal;
    }

#btnEmailLink {
    border: 2px solid #fff;
}

.contentLoginBox #btnEmailLink {
    background: #fff !important;
    font-weight: bold;
    border-radius: 80px !important;
    margin-top: 20px;
    margin-left: 0;
    padding: 12px 40px;
    border: 2px solid #000 !important;
    color: #000 !important;
    transition: all .5s;
    font-size: 16px;
    width: 100%;
}

    .contentLoginBox #btnEmailLink:focus, .contentLoginBox #btnEmailLink:hover {
        background: #000 !important;
        font-weight: bold;
        border-radius: 80px !important;
        margin-top: 20px;
        margin-left: 0;
        padding: 12px 40px;
        border: 2px solid #fff;
        color: #fff !important;
        transition: all .5s;
        font-size: 16px;
        width: 100%;
    }

.contentLoginBox .form-group input {
    color: #000 !important;
    border: 0px;
    background-color: #f7f7f7 !important;
    border: 1px solid #757575 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    height: auto !important;
    font-size: 1em;
    font-family: roboto, sans-serif;
    font-weight: 300;
    font-style: normal;
    width: 100%;
    box-shadow: none;
    border: 0px;
    border-radius: 50px;
    padding: 12px 20px !important;
}

.text-danger ul {
    padding: 0px;
}

.text-danger li {
    list-style: none;
    padding: 0px;
}

.validation-summary-errors {
    /* background: #FFE0E3; */
    padding: 12px 20px;
    border: 1px solid red;
    border-left: 10px solid red;
    border-radius: 9px;
    font-weight: bold;
    color: #000000;
}
.contentLanding button.navbar-toggler {
    display: none !important;
}
    .validation-summary-errors ul {
        margin: 0px;
    }

.contentLoginBox .form-group input:focus, #email:focus {
    border: 3px solid black;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}

input#email {
    color: #3e3e3e !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #757575 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    height: auto !important;
    font-size: 1em;
    font-family: roboto, sans-serif;
    font-weight: 300;
    font-style: normal;
    width: 100%;
    box-shadow: none;
    border: 0px;
    border-radius: 50px;
    padding: 12px 20px !important;
}

.contentLoginBox button.btn.btn-primary {
    background: #FFF !important;
    font-weight: bold;
    border-radius: 80px;
    margin-top: 20px;
    margin-left: 0;
    padding: 12px 40px;
    border: 2px solid #000;
    color: #000;
    transition: all .5s;
    font-size: 16px;
    width: 100%;
}

    .contentLoginBox button.btn.btn-primary:hover, #btnEmailLink:hover, .contentLoginBox button.btn.btn-primary:focus, #btnEmailLink:focus {
        border: 2px solid #000;
        color: #FFF;
        background: #000 !important;
        font-weight: 900;
    }

.form-control:focus {
    border-color: #ced4da;
    box-shadow: 0 0 0 0.25rem rgba(174, 233, 203, .25);
}

.loginContent {
    background-image: url(/assets/img/quodem-new-login.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-position: 50% top !important;
}
/*****/
label {
    font-family: 'roboto-light-webfont';
    color: #33383b;
    font-size: 16px;
    padding: 13px 0px 8px 0px;
}
/*****/
.container {
    position: relative;
}

ul.navbar-nav.flex-grow-1 {
    background: #fff !important;
    padding: 15px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}

.navbar-collapse.collapse.d-sm-inline-flex.justify-content-between {
    float: left !important;
    width: 280px !important;
    background: none !important;
    position: absolute;
    z-index: 1;
}

div#rolAnswer:focus-visible {
    border: 0px !important;
    outline: none;
}

li.nav-item {
    width: 100% !important;
    padding: 4px 0px 4px 0px !important;
}

a.nav-link.text-dark {
    color: #252525 !important;
}

.nav-item.active .text-dark, .nav-link.text-dark:hover {
    color: #016520 !important;
    background: none;
    font-weight: bold;
    height: 100%;
}

.contentGlobalInterior {
    min-height:925px;
    padding-left: 330px;
    position: relative
}

.contentHomeLogo .contentGlobalInterior {
    min-height: auto;
    padding-left: 330px;
    position: relative
}

.contentHomeLogo .contentGlobalInterior {
    padding-left: 0px;
    margin: 0px;
    position: static;
}

header.container {
    max-width: 1140px;
}

a.navbar-brand img {
    width: 230px;
    margin: 10px 0px 0px 12px;
    float: left;
}

.contentBoxAudio label {
    font-weight: bold;
}

input#pdfFile::file-selector-button, input#excelFile::file-selector-button, input#imgFile::file-selector-button, input#pdfFile::file-selector-button, input#audioFile::file-selector-button, input#videoFile::file-selector-button {
    background: #000 !important;
    border: 2px solid #fff !important;
    padding: 6px 20px !important;
    border-radius: 8px;
    color: #FFF;
    margin: 5px 10px;
    cursor: pointer;
}

    input#pdfFile::file-selector-button:hover, input#excelFile::file-selector-button:hover, input#imgFile::file-selector-button:hover, input#pdfFile::file-selector-button:hover, input#audioFile::file-selector-button:hover, input#videoFile::file-selector-button:hover {
        background: #fff !important;
        color: #000;
        border: 2px solid #000 !important;
    }

textarea#question {
    border-radius: 50px !important;
}

.tab-button {
    font-size: 16px;
    padding: 10px 15px;
    background: none;
    color: #757575;
    margin: 0px;
    float: left;
    border: 1px solid #cbcbcb;
}

.fieldsetTabs {
    width: 100%;
}

.fieldsetTabsTranslate {
    width: 100%;
}

button.tab-button.tab-button-active, button.tab-button:hover {
    border: 0px;
    color: #fff !important;
    background: #000;
    font-weight: bold;
    height: 100%;
    display: table-cell;
    border: 1px solid #000;
}

.content50Label, #divVoice, .selectVoice, .voiceToTextLanguage {
    position: relative;
    height: 55px;
    width: 100%;
    margin: 10px 0px;
    float: left;
}

.selectVoice {
    margin-top: 20px;
}

    .content50Label label, #divVoice label, .selectVoice label, .voiceToTextLanguage label {
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        width: 30%;
        margin-right: 3%;
        line-height: 18px;
        float: left;
    }

    .content50Label select, #divVoice select, .selectVoice select, .voiceToTextLanguage select {
        width: 66%;
        margin-left: 33%;
        border-radius: 50px !important;
    }

        .content50Label select:focus, #divVoice select:focus, .selectVoice select:focus, .voiceToTextLanguage select:focus {
            border: 3px solid black !important;
        }

.fieldsetTabs div {
    margin: 2px 10px 3px 0px;
}

.contentbtn, .btnAudio {
    margin: 10px 0;
    width: 100%;
    text-align: right !important;
    float: left;
    display: block;
}

    .contentbtn > div {
        margin: 0px;
        width: 100%;
        text-align: center;
        float: left;
        display: block;
    }

    .btnAudio input[type="submit"] {
        margin: 12px 0px;
    }

div#divAudioPlayerPodcast {
    width: 100%;
    float: left;
}

legend {
    /* display: none; */
    font-family: 'roboto-bold-webfont';
    color: #000;
    font-weight: 400 !important;
    font-size: 20px !important;
    margin-top: 0px;
}

.fieldsetTabs {
    float:left;
    border: 1px solid #000;
    font-size: 16px;
    border-radius: 0px 10px 10px 10px;
}

.voiceToTextLanguage {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
}

button#recordButton {
    margin-top: 20px;
}

.contentBoxAudio {
    float: left;
    padding: 20px 0px;
    border: 1px solid #c9cdd4 !important;
    background-color: #f8fafd;
    margin: 10px 0px 20px 0px;
    width: 100%;
    border-radius: 14px;
    text-align: center;
}

main {
    margin-bottom: 20px;
}

.privacy-notices p {
    width: 100%;
/*    padding: 0px 7%;*/
    text-align: left;
    margin: 0 auto;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 0.75em;
    line-height: 19px;
    float: none;
    word-break: break-word;
}
/****/
div#divAudioPlayerPodcast .btnAudio, div#divAudioPlayer .btnAudio {
    text-align: center !important;
}

.btnAudio button {
    /*display: none;*/
}

a.nav-link.icon40 {
    color: #000 !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    font-weight: 800;
    font-family: 'roboto-bold-webfont';
    font-size: 16px;
}

    a.nav-link.icon40:hover {
        color: #000 !important;
        text-transform: uppercase;
        padding: 8px 5px !important;
        font-weight: 800;
        font-family: 'roboto-bold-webfont';
        font-size: 16px;
    }

a.nav-link.icon41 {
    color: #000 !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    font-weight: 800;
    font-family: 'roboto-bold-webfont';
    font-size: 16px;
}

    a.nav-link.icon41:hover {
        color: #000 !important;
        text-transform: uppercase;
        padding: 8px 5px !important;
        font-weight: 800;
        font-family: 'roboto-bold-webfont';
        font-size: 16px;
    }

a.nav-link.icon42 {
    color: #000 !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    font-weight: 800;
    font-family: 'roboto-bold-webfont';
    font-size: 16px;
}

    a.nav-link.icon42:hover {
        color: #000 !important;
        text-transform: uppercase;
        padding: 8px 5px !important;
        font-weight: 800;
        font-family: 'roboto-bold-webfont';
        font-size: 16px;
    }

a.nav-link.icon43 {
    color: #000 !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    font-weight: 800;
    font-family: 'roboto-bold-webfont';
    font-size: 16px;
}

    a.nav-link.icon43:hover {
        color: #000 !important;
        text-transform: uppercase;
        padding: 8px 5px !important;
        font-weight: 800;
        font-family: 'roboto-bold-webfont';
        font-size: 16px;
    }

a.nav-link.icon44 {
    color: #000 !important;
    text-transform: uppercase;
    padding: 8px 5px !important;
    font-weight: 800;
    font-family: 'roboto-bold-webfont';
    font-size: 16px;
}

    a.nav-link.icon44:hover {
        color: #000 !important;
        text-transform: uppercase;
        padding: 8px 5px !important;
        font-weight: 800;
        font-family: 'roboto-bold-webfont';
        font-size: 16px;
    }

.contentBoxElementLanding {
    text-align: center;
}

.elementLanding {
    display: inline-block;
    border-radius: 50px;
    width: 31%;
    text-align: left;
    margin: 0 1% 20px 1%;
    min-height: 390px;
    padding: 20px 20px;
    background: #FFF;
    /* float: left; */
    position: relative;
    /* border: 1px solid #ffd200; */
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}
    /*  .elementLanding:hover {
        border-radius: 50px;
        background: #fcf8e7;
        float: left;
    }*/
    .elementLanding a {
        margin-bottom: 17px;
        color: #333;
        text-decoration: none;
        padding: 7px 18px;
    }

        .elementLanding a:hover {
            color: #000;
            font-weight: bold;
            background: #dff4e7;
    /*        border-radius: 25px;*/
        }

        .elementLanding a img {
            margin-right: 5px;
            width: 25px;
        }

.elementLandingIcon {
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 500px;
    /*    background: #FFF;*/
    float: left;
}

.elementLanding h2, .elementLanding p, .elementLanding a {
    float: left;
    width: 100%;
}

.elementLanding h2 {
    color: #646463;
    font-size: 20px !important;
    padding-bottom: 0px;
    padding-left: 97px;
    padding-right: 49px;
    padding-top: 0px;
    height: 82px;
    vertical-align: middle;
    align-content: center;
    width: 100%;
    box-sizing: border-box;
}

.elementLanding a {
    color: #000;
    font-weight: bold;
}

.elementLanding p {
    margin: 0px 0px 20px 0px;
}

.elementLanding a:hover, .elementLanding a:focus {
    color: #FFF;
/*    border-radius: 40px;*/
    font-weight: bold;
    background: #000;
}

    .elementLanding a:hover img, .elementLanding a:focus img {
        filter: brightness(0) invert(1);
    }

.contentLanding .contentGlobalInterior {
    min-height: auto;
    padding-left: 0px;
    position: static;
}

.noMenu .contentGlobalInterior {
    min-height: auto;
    padding-left: 0px;
    position: relative;
}

.noMenu .privacy-notices {
    display: none
}

.noMenu nav.navbar-collapse.collapse.d-sm-inline-flex.justify-content-between {
    display: none !important
}

.noMenu .contentGlobalInterior h1 {
    font-family: 'roboto-bold-webfont';
    color: #33383b;
    font-size: 50px;
    line-height: 54px;
}

.contentTitleBoxVideo {
    text-align: center;
}

body.medicalChat.entrevistaBox video {
    width: 280px;
    margin: 0 auto;
    float: none;
    /* top: 0; */
    /* left: 0; */
    /* width: 100vw; */
    /* height: 100vh; */
    /* pointer-events: none; */
}

.contentTitleBoxVideoFull {
    position: relative;
    overflow: hidden;
}

.contentTitleBoxVideo {
    width: 100%;
    top: 12px;
    text-align: center;
    position: absolute;
}

.contentTitleBoxVideoOnda {
    text-align: center;
    width: 100%;
    height: 385px;
    display: flex;
    justify-content: center;
    align-items: center;
}

svg#waveSVG {
    float: none;
    width: 100%;
    height: 100%;
}

.contentTitleBox p {
    margin: 0px;
}

.contentButtonsMicro {
    width: 100%;
    margin-top: -57px;
    padding-bottom: 32px;
    position: relative;
    float: left;
    text-align: center;
}
input#close {
    padding: 20px 34px;
    font-size: 18px;
    /* width: 100%; */
    right: 30px;
    top: 30px;
    color: #000;
    background: #FFF;
    font-weight: bold;
    border-radius: 67px;
    cursor: pointer;
    position: fixed;
    border: 0px;
}
    input#close:hover {
        color: #FFF;
        background: #000;
    }


.iconChatTexto {
    color: #000;
    background: url(../assets/img/once/iconTexto.png) #FFF 22px 19px no-repeat;
    padding: 20px 20px 20px 55px;
    text-decoration: none;
    display: inline-block;
    border-radius: 60px;
    position: relative;
    top: -45px;
    border: 2px solid #000;
}

   .iconChatTexto:hover, .iconChatTexto:focus {
        color: #FFF;
        background: url(../assets/img/once/iconTextoHover.png) #000 22px 19px no-repeat;
        padding: 20px 20px 20px 55px;
        text-decoration: none;
        display: inline-block;
        border-radius: 60px;
        position: relative;
        top: -45px;
        border: 2px solid #000;
    }

.iconChatMensajes {
    color: #000;
    background: url(../assets/img/once/iconConversacion.png) #FFF 22px 19px no-repeat;
    /* background-size: 25px; */
    padding: 20px 20px 20px 55px;
    text-decoration: none;
    display: inline-block;
    border-radius: 60px;
    position: relative;
    top: -45px;
    border: 2px solid #000;
}

    .iconChatMensajes:hover, .iconChatMensajes:focus {
        color: #FFF;
        background: url(../assets/img/once/iconConversacionHover.png) #000 22px 19px no-repeat;
        /* background-size: 25px; */
        padding: 20px 20px 20px 55px;
        text-decoration: none;
        display: inline-block;
        border-radius: 60px;
        position: relative;
        top: -45px;
        border: 2px solid #000;
    }

.recordButton {
    margin: 0px 22px 0 22px;
    top: 50px !important;
    left: initial !important;
    right: initial !important;
    z-index: 9;
    border-radius: 1000px;
    border: 0px;
    /* float: left; */
    display: inline-block;
    width: 135px;
    position: relative;
}

button#recordButton {
    margin-top: 0px;
    height: 115px !important;
    width: 115px !important;
    background: url(../assets/img/once/iconMicrofono.png) top left no-repeat #000 !important;
    position: relative !important;
    background-position: center center !important;
    background-size: 40px 70px !important;
    border-radius: 1000px;
    border: 0px;
}

.recordButton span {
    font-weight: bold;
    font-size: 18px;
}

.recordButtonContent {
    width: 100%;
    float: left;
    border: 1px solid #ddd !important;
    background-color: #f9f5f6;
    margin: 0px;
    padding: 17px;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 8px;
    text-align: center;
}

.btnAudio.left.voiceToTextControls button#recordButton {
    width: 270px !important;
    background: url(../assets/img/once/iconMicrofono.png) 28px 7px no-repeat #000 !important;
    background-size: 22px !important;
    height: auto !important;
    padding: 16px 0px 18px 75px !important;
    text-align: left;
    float: none;
    color: #FFF !important;
    margin: 0 auto;
}

input#stopButton {
    padding: 20px 34px;
    font-size: 18px;
    width: 100%;
    left: 0px;
    bottom: -107px;
    font-weight: bold;
}

.contentBoxTextMessage {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #000;
    padding: 11px 20%;
    left: 0px;
    z-index: 97;
}

.medicalChat.entrevistaBox .textChat textarea {
    margin-top: 0px;
}

button#sendButton {
    background: url(../assets/img/once/iconSendMessage.png) top left no-repeat !important;
    background-size: 40px 40px !important;
    background-position: 4px 5px !important;
    height: 50px !important;
    width: 50px !important;
    position: absolute;
    z-index: 999999999999999999;
    top: 6px;
    width: auto;
    right: 8px;
    border: none;
    border-radius: 50px;
    font-size: 0px;
}

.divQuestionsTitle h2 {
    font-size: 28px !important;
    font-family: 'Oswald';
    color: #FFF;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 8px 0px;
}

div.divQuestionsBox {
    position: fixed;
    width: 531px;
    z-index: 98;
    background: #FFF;
    top: 5%;
    height: 600px;
    right: 0px;
    border-radius: 30px 0px 0px 30px;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
}

.divQuestionsTitle {
    background: #000 !important;
    border-radius: 30px 0px 0px 0px;
    padding: 12px 40px;
    font-family: 'Oswald';
    color: #FFF;
    font-size: 28px;
}

div#divQuestions,
div#divChatQuestions {
    max-height: 531px;
    overflow-y: scroll;
}

#divScroll {
    float: left;
    width: 100px;
}

.cerrar {
    cursor: pointer;
    display: block;
    position: absolute;
    background: #FFF;
    color: #000;
    height: 38px;
    width: 146px;
    top: 16px;
    right: 11px;
    line-height: 32px;
    font-size: 15px;
    text-align: center;
    border-radius: 53px;
    text-decoration: none;
}

.boxChatClose a#cerrarChatTexto {
    top: -29px;
    color: #000;
    background: #FFF;
    POSITION: relative;
    display: inline-block;
    /* font-weight: bold; */
    font-family: 'Oswald';
    border: 1px solid #000;
}

.boxChatClose {
    height: 12px;
    POSITION: relative;
    text-align: center;
}

.ocultar {
    display: none;
}

.mostrar {
    display: block;
}

.content50Label.contentLanguage {
    margin: 0px 0px 35px 0px;
    width: 400px;
}

.contentGenerateImage {
    text-align: left;
    width: 94%;
    margin: 0 0 0 50px;
}

    .contentGenerateImage h2 {
        margin-bottom: 10px;
        width: 100%;
    }

a.btnGenerateImage,
button.btnGenerateImage {
    color: #000 !important;
    border-radius: 50px;
    display: block;
    margin: 20px 0px;
    float: right;
    border: 2px solid #000;
    background: #FFF !important;
    padding: 12px 40px !important;
    text-decoration: none;
    box-shadow: 0px 0px 0px 6px rgba(223, 254, 218, 0.25);
    font-weight: bold;
    cursor: pointer;
}

a.btnGenerateImage:hover,
a.btnGenerateImage:focus,
button.btnGenerateImage:hover,
button.btnGenerateImage:focus {
    border: 2px solid #000;
    background: #000 !important;
    color: #FFF !important;
    font-weight: 900;
}

button.btnGenerateImage:disabled {
    opacity: 0.8;
    cursor: default;
}

.chatImageGeneration {
    float: left;
    width: 94%;
    margin: 0px 5%;
}

.chatImageActions {
    width: 100%;
    float: left;
}

.generatedImageResult {
    float: left;
    width: 100%;
}

.rolAnswer table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    display: block;
    overflow-x: auto;
}

.rolAnswer th,
.rolAnswer td {
    border: 1px solid #d9dee7;
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.rolAnswer th {
    background: #f5f7fa;
    font-family: 'roboto-bold-webfont';
    color: #162033;
}

.rolAnswer thead,
.rolAnswer tbody,
.rolAnswer tr {
    width: 100%;
}


.contentTabsGeneral {
    width: 100%;
    float: left;
}

.content50Label.contentLanguage select#selectLanguage, .voiceToTextLanguage select#selectLanguage {
    width: 200px;
}

.content50Label.contentLanguage label {
    float: right;
    display: block;
    text-align: right;
    width: 186px;
}

input#cerrarChatTexto {
    position: relative;
    width: 180px;
    margin: 0 auto;
    top: -30px;
    -webkit-appearance: none;
    appearance: none;
    font-family: 'Oswald';
    border: 1px solid #000;
}

div#divSummary {
    width: 100%;
    float: left;
}
div#divSummaryResult {
    width: 100%;
    float: left;
}

.voiceToTextLanguage label {
    float: right;
    display: block;
    text-align: right;
    width: 255px;
}

.content50Label.contentLanguage select#selectLanguage, .voiceToTextLanguage select#selectLanguage {
    width: 200px;
    float: right;
}

.content50Label.contentLanguage {
    margin: 0px 0px 35px 0px;
    width: 400px;
    float: right;
}

.voiceToTextLanguage {
    margin: 10px 0px 10px 0px;
    width: 480px;
    float: left;
}

.contentTabsGeneral div#divQuestions
.contentTabsGeneral div#divChatQuestions {
    height: initial;
    overflow-y: auto;
    width: 100%;
}

.noHeight {
    margin: 0px !important;
    overflow: auto !important;
    width: 100% !important;
    height: initial !important;
    min-height: initial !important;
    max-height: initial !important;
}


    .noHeight .questionResult {
        margin: 20px 0px;
    }


.chatFeedback {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin: 0.5rem 0.5rem 1rem 3rem;
    padding: 1rem;
    width: 80%;
}

.feedbackLabel,
.feedbackStatus {
    font-size: 0.9rem;
}

.feedbackButton {
    border: 1px solid #b7c3cc;
    background: #fff;
    color: #27485a;
    border-radius: 999px;
    padding: 0.25rem 0.8rem;
    cursor: pointer;
}

.feedbackButton.selected {
    background: #27485a;
    color: #fff;
    border-color: #27485a;
}

.feedbackButton:disabled {
    cursor: default;
    opacity: 0.8;
}

.chatFeedback {
    text-align: center;

    padding: 20px 0px;
    float: left;
    width: 94%;
    margin: 0px 5%;
}
span.feedbackLabel {
    font-family: 'roboto-light-webfont';
    font-size: 17px;
    font-weight: bold;
    margin-top: 9px;
    margin-right: 10px;
}

button.feedbackButton {
    border: 2px solid #000;
    font-weight: bold;
    color: #000;
    padding: 7px 20px;
    margin-top: 10px;
    width: 77px;
}

.feedbackButton.selected {
    background: #000;
    color: #fff;
    border-color: #000;
}
span.feedbackStatus {
    display: block;
    margin-top: 9px;
    margin-left: 10px;
}




@media (prefers-contrast: more) {
    audio:: -webkit-media-controls-play-button, audio::-webkit-media-controls-volume-slider-container, audio::-webkit-media-controls-volume-slider, audio::-webkit-media-controls-mute-button {
        filter: invert(100%) brightness(200%);
    }

    input#pdfFile::file-selector-button, input#excelFile::file-selector-button, input#imgFile::file-selector-button, input#pdfFile::file-selector-button, input#audioFile::file-selector-button, input#videoFile::file-selector-button {
        border: 2px solid #fff !important;
    }
}
/****/
a.nav-link.icon01 {
    background: url(../assets/img/once/iconHome.png) 12px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon01, .nav-link.icon01:hover {
    background: url(../assets/img/once/iconHomeHover.png) 12px no-repeat #000;
    padding: 8px 5px 8px 40px !important;
    color: #FFF !important;
    border-radius: 30px;
}

a.nav-link.audio03 {
    padding: 8px 5px 8px 40px !important;
    background: url(../assets/img/once/iconAudio03.png) 12px no-repeat;
    border-radius: 50px;
}

.nav-item.active .audio03, .nav-link.audio03:hover, .nav-link.audio03:focus {
    background: url(../assets/img/once/iconAudio03Hover.png) 12px no-repeat #000;
    padding: 8px 5px 8px 40px !important;
    color: #FFF !important;
    font-weight: normal;
    border-radius: 30px;
}

a.nav-link.icon02 {
    background: url(../assets/img/icons/02.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon02, .nav-link.icon02:hover {
    background: url(../assets/img/icons/02_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon03 {
    background: url(../assets/img/icons/03.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon03, .nav-link.icon03:hover {
    background: url(../assets/img/icons/03_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon04 {
    background: url(../assets/img/icons/04.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon04, .nav-link.icon04:hover {
    background: url(../assets/img/icons/04_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon05 {
    background: url(../assets/img/icons/05.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon05, .nav-link.icon05:hover {
    background: url(../assets/img/icons/05_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon06 {
    background: url(../assets/img/icons/06.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon06, .nav-link.icon06:hover {
    background: url(../assets/img/icons/06_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon08 {
    background: url(../assets/img/icons/07.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon08, .nav-link.icon08:hover {
    background: url(../assets/img/icons/07_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon09 {
    background: url(../assets/img/icons/08.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon09, .nav-link.icon09:hover {
    background: url(../assets/img/icons/08_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon10 {
    background: url(../assets/img/icons/09.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon10, .nav-link.icon10:hover {
    background: url(../assets/img/icons/09_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon11 {
    background: url(../assets/img/icons/10.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon11, .nav-link.icon11:hover {
    background: url(../assets/img/icons/10_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon12 {
    background: url(../assets/img/icons/11.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon12, .nav-link.icon12:hover {
    background: url(../assets/img/icons/11_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon13 {
    background: url(../assets/img/icons/12.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon13, .nav-link.icon13:hover {
    background: url(../assets/img/icons/12_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon014 {
    background: url(../assets/img/icons/13.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon014, .nav-link.icon014:hover {
    background: url(../assets/img/icons/13_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

a.nav-link.icon07 {
    background: url(../assets/img/icons/chat.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.nav-item.active .icon07, .nav-link.icon07:hover {
    background: url(../assets/img/icons/chat_hover.png) 3px no-repeat;
    padding: 8px 5px 8px 40px !important;
}

.contentBoxCheck {
    width: 100%;
    float: left;
}

.contentBoxCheckElement {
    width: 20%;
    float: left;
}

    .contentBoxCheckElement a {
        box-shadow: inset 0 0 0 0.1rem rgba(58, 3, 45, .08), 0 10px 20px rgba(58, 3, 45, .04), 0 2px 6px rgba(58, 3, 45, .04), 0 0 1px rgba(58, 3, 45, .04);
        content: "";
        background-color: #fff;
        border-radius: 0.4rem;
    }

.contentBoxInfo {
    float: left;
    width: 100%;
}

.contentPDF.contentBoxInfo {
    display: none;
}

.contentBoxCheckElement a {
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.075);
    border-radius: 12px !important;
    background-color: #fff;
    text-align: center;
    display: block;
    float: left;
    color: #252525;
    text-decoration: none;
    width: 80%;
    margin: 30px 10% 20px 10%;
    padding: 65px 0px 10px 0px !important;
    border: 1px solid #fff !important;
}

    .contentBoxCheckElement a:hover {
        border: 1px solid #000;
        color: #000;
        font-weight: bold;
    }

    .contentBoxCheckElement a.iconText {
        background: url(../assets/img/icons/iconText.png) center 3px no-repeat;
    }

        .contentBoxCheckElement a.iconText:hover, .contentBoxCheckElement a.iconText:focus, .contentBoxCheckElement a.iconText.active {
            background: url(../assets/img/icons/iconTextHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

    .contentBoxCheckElement a.iconPDF {
        background: url(../assets/img/icons/iconPDF.png) center 3px no-repeat;
    }

        .contentBoxCheckElement a.iconPDF:hover, .contentBoxCheckElement a.iconPDF:focus, .contentBoxCheckElement a.iconPDF.active {
            background: url(../assets/img/icons/iconPDFHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

    .contentBoxCheckElement a.iconExcel {
        background: url(../assets/img/icons/iconExcel.png) center 3px no-repeat;
    }

        .contentBoxCheckElement a.iconExcel:hover, .contentBoxCheckElement a.iconExcel:focus, .contentBoxCheckElement a.iconExcel.active {
            background: url(../assets/img/icons/iconExcelHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

    .contentBoxCheckElement a.iconExcel {
        background: url(../assets/img/icons/iconExcel.png) center 3px no-repeat;
    }

        .contentBoxCheckElement a.iconExcel:hover, .contentBoxCheckElement a.iconExcel:focus, .contentBoxCheckElement a.iconExcel.active {
            background: url(../assets/img/icons/iconExcelHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

    .contentBoxCheckElement a.iconAudio {
        background: url(../assets/img/icons/iconAudio.png) center 3px no-repeat;
    }

        .contentBoxCheckElement a.iconAudio:hover, .contentBoxCheckElement a.iconAudio:focus, .contentBoxCheckElement a.iconAudio.active {
            background: url(../assets/img/icons/iconAudioHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

    .contentBoxCheckElement a.iconVideo {
        background: url(../assets/img/icons/iconVideo.png) center 3px no-repeat
    }

        .contentBoxCheckElement a.iconVideo:hover, .contentBoxCheckElement a.iconVideo:focus, .contentBoxCheckElement a.iconVideo:hover {
            background: url(../assets/img/icons/iconVideoHover.png) center 3px no-repeat #000;
            border-radius: 12px !important;
            color: #FFF;
        }

.iconChatsBox .contentBoxCheckElement a.iconText {
    background: url(../assets/img/iconChatExpert.png) center 3px no-repeat;
    background-size: 130px;
    background-position: center 10px;
}



.iconChatsBox .contentBoxCheckElement a.iconText:hover {
    background: url(../assets/img/iconChatExpertHover.png) center 3px no-repeat #000;
    background-size: 130px;
    background-position: center 10px;
    border-radius: 12px !important;
    color: #FFF;
}


.contentBoxGenerate.text-start {
    width: 100%;
    float: left;
    margin: 0 auto;
}

.table tr th {
    color: #FFF;
    background: #000;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.table tr th button, .table tr th button:hover {
    color: #FFF;
    background: #000;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

button.btn.btn-danger {
    color: #000;
    font-size: 14px;
    background: #FFF;
    border-radius: 200px;
    border: 1px solid #000;
}
    button.btn.btn-danger:hover {
        color: #FFF;
        font-size: 14px;
        background: #000;
        border-radius: 200px;
        border: 1px solid #000;
    }
.table tr {
    font-size: 14px;
}

form.mt-4 {
    float: left;
    width: 100%;
}

button.btn.btn-dark {
    margin: 10px auto;
    float: none;
    display: block;
    padding: 10px 35px;
    border-radius: 130px;
}
a.iconBackChat {
    color: #000;
    font-size: 14px;
    background: #FFF;
    border-radius: 200px;
    border: 1px solid #000;
    padding: 10px 20px !important;
    display: block;
    float: right;
    margin-bottom: 25px;
}

a.iconBackChat:hover {
    color: #FFF;
    background: #000;
}

button.btn.btn-primary {
    float: right;
    background: #000;
    border: 0px;
    padding: 10px 25px;
    border-radius: 130px;
}








div#rolOtroDiv {
    width: 100%;
    padding-top: 15px;
}

input#rolOtro {
    outline: none;
    width: 100%;
    background: #fcf8e7 !important;
    border: 1px solid #ffd500 !important;
    padding: 15px 20px 15px 19px;
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 0.95em;
    border-radius: 7px !important;
    margin-bottom: 0;
    margin: 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

div#formatOtroDiv {
    width: 100%;
    padding-top: 15px;
}


input#formatOtro {
    outline: none;
    width: 100%;
    background: #fcf8e7 !important;
    border: 1px solid #ffd500 !important;
    padding: 15px 20px 15px 19px;
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 0.95em;
    border-radius: 7px !important;
    margin-bottom: 0;
    margin: 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}


.contentImagenRight {
    width: 50%;
    float: left;
}
/****/
.contentImagenRight {
    background: url(/assets/img/once/optimiahome.png) top left no-repeat;
    height: 590px;
}

    .contentImagenRight.chatBot {
        background: url(/assets/img/once/optimiaChatHome.png) top left no-repeat;
        height: 590px;
    }

#formulario textarea#question, #formulario textarea#question:focus-visible {
    padding: 20px;
}

#stepLoaderOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6); /* fondo gris transl�cido */
    z-index: 9999; /* muy alto para estar encima de todo */
    display: flex;
    align-items: center;
    justify-content: center;
}

#stepLoaderContainer {
    background-color: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 600px;
    font-size: 1.3rem;
    font-weight: bold;
}

/****/
@media (max-width: 1200px) {
    .contentImagenRight {
        background: url(/assets/img/once/optimiahome.png) top left no-repeat;
        height: 590px;
        background-size: 100%;
    }

        .contentImagenRight.chatBot {
            background: url(/assets/img/once/optimiaChatHome.png) top left no-repeat;
            height: 590px;
            background-size: 100%;
        }
}

@media (min-width: 1400px) {
    .contentHomeLogo header.container {
        max-width: 1320px;
    }
}
.voiceToTextLanguage {
    min-height: 55px;
    height: auto;
}
@media (max-width: 991px) {
    .voiceToTextLanguage {
        width: 100%;
    }

    h1 span {
        color: #000;
        font-size: 70px;
        line-height: 68px;
        display: block;
        width: 100%;
    }

    .voiceToTextLanguage label {
        float: right;
        display: block;
        text-align: center;
        position: relative;
        text-align: center;/*
        padding-bottom: 20px;*/
        width: 100%;
    }

    .content50Label.contentLanguage select#selectLanguage, .voiceToTextLanguage select#selectLanguage {
        width: 100%;
        margin-left: 0px;
    }

    .pie ul li {
        float: left;
        width: 100%;
        border-bottom: 1px dashed #fff;
        padding: 15px 0px;
    }

    .container.pie p {
        padding: 20px 0px 15px 0px;
    }

    .contentHomeLogo header.container {
        max-width: 720px;
    }

    .contentHomeLogo .navbar-expand-sm .navbar-toggler {
        display: none !important;
    }

    .contentHomeLogo a.navbar-brand {
        text-align: center;
        max-width: 100%;
    }

    .contentHomeLogo a.navbar-brand {
        text-align: left;
    }

    .contentHomeLogo h1 {
        margin-top: 0px;
    }

    .contentHomeLogo a.navbar-brand img {
        /*width: 155px;
        margin-top: 0px;*/
    }
}

.instructions {
    font-size: 0.8em;
    font-style: oblique;
    padding-bottom: 20px;
}

.selectContentGenerate {
    padding-bottom: 20px;
}

.d-sm-inline-flex {
    display: initial !important;
}

.footerLogoPie {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 25px 30px 0px;
}

    .footerLogoPie img {
        width: 160px;
    }

@media (max-width: 768px) {
    .voiceToTextLanguage label {
        padding-bottom: 0px;
    }

    h1 span {
        font-size: 70px;
    }

    .contentImagenRight {
        width: 100%;
        text-align: center;
        background: url(/assets/img/once/optimiahome.png) top left no-repeat;
        height: 354px;
        margin-top: 20px;
        background-size: 100%;
    }

        .contentImagenRight img {
            margin-top: 0px;
            width: 100%;
        }

    a.nav-link.text-dark.icon01 {
        color: #252525 !important;
        background: url(../assets/img/once/iconHome.png) 12px no-repeat;
        padding: 8px 5px 8px 40px !important;
        font-size: 12px;
        margin-top: 15px;
    }

    a.nav-link.icon40:hover, a.nav-link.icon41:hover, a.nav-link.icon42:hover, a.nav-link.icon43:hover, a.nav-link.icon44:hover {
        padding: 12px 15px !important;
    }

    nav.navbar-collapse.d-sm-inline-flex.justify-content-between.collapse {
        display: none !important;
    }

    a.navbar-brand img {
        width: 230px;
        margin: 10px 0px 10px 12px;
        float: left;
    }

    .loginButton a {
        right: 27px;
        top: 105px;
        border-radius: 0px 0px 22px 21px;
    }

    .contentGlobalInterior {
        position: static
    }

    .contentLoginBox {
        width: 100%;
        margin-bottom: 40px;
    }

        .contentLoginBox form {
            width: 100%;
        }

    .contentBoxModelsElementIA {
        float: left;
        width: 100%;
    }

        .contentBoxModelsElementIA.centerBoxContent {
            margin: 0;
            margin-bottom: 30px;
        }

    .contentHomeLogo a.navbar-brand img {
        margin-top: 0px;
        width: 155px;
    }

        .contentHomeLogo a.navbar-brand img.second-logo {
            width: 72px;
            margin-top: 4px;
        }

    .contentHomeLogo a.navbar-brand {
        text-align: center;
    }

    .text-center.fondo {
        /*        padding-top: 300px;
        background-size: 373px !important;
        background: url(../assets/img/quodemMobile.jpg) center -15px no-repeat;
        float: left;
        width: 100%;*/
    }

        .text-center.fondo .btnAudio {
            display: block !important;
            width: 100%;
        }

            .text-center.fondo .btnAudio a {
                display: block !important;
                width: 100%;
                text-align: center;
                padding: 10px 20px !important;
            }

    body {
        background: none !important;
    }

    .contentSup {
        width: 100%;
        text-align: center;
    }

        .contentSup input {
            width: 100%;
        }

        .contentSup.resetpass label {
            font-size: 1em;
            font-family: roboto, sans-serif;
            font-weight: 600;
            font-style: normal;
        }

        .contentSup.resetpass input {
            display: block;
            width: 100%;
            padding: 10px !important;
            font-size: 1rem;
            font-weight: 400;
            min-width: 320px !important;
            color: #212529 !important;
            background-color: #fff !important;
            background-clip: padding-box;
            border: 1px solid #ced4da !important;
            -webkit-appearance: none;
            margin: 0 0 10px !important;
        }

            .contentSup.resetpass input[type="submit"] {
                color: #fff !important;
                background-color: #000 !important;
                border-color: #000 !important;
                margin-top: 15px !important;
            }

    .btnAudio button {
        width: 100%;
        margin-top: 15px;
    }

    main {
        margin-bottom: auto;
        float: inherit;
    }

    footer.border-top.footer {
        position: static;
    }

    a.navbar-brand {
        max-width: 250px;
    }

    nav.navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white.border-bottom.box-shadow.mb-3 {
        border-bottom: 1px solid #dddddd !important;
        min-height: 96px;
    }

    li.nav-item ul {
        background: none;
    }

    .contentBoxModelsElement {
        text-align: center;
        padding: 20px 30px;
    }

    .contentBoxModelsElementInfo a {
        width: 100%;
        margin-top: 5px;
    }

    .contentBoxModelsElement img {
        margin-bottom: 5px;
        position: relative;
        left: 0;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 1em;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}
/*.navbar-collapse.d-sm-inline-flex.justify-content-between {
    display: block ;
}*/
@media (max-width: 1600px) {
}

@media (max-width: 768px) {
    .contentHomeLogo .contentGlobalInterior h1 {
        font-family: 'roboto-bold-webfont';
        color: #000;
        font-size: 45px;
        line-height: 54px;
        margin-top: 30px;
        text-align: left;
    }

    .contentImagenRight {
        width: 100%;
        text-align: center;
        background: url(/assets/img/once/optimiahome.png) top center no-repeat;
        height: 354px;
        margin-top: 20px;
        background-size: 300px;
    }

    .contentBoxCheckElement {
        width: 50%;
        float: left;
    }

        .contentBoxCheckElement a {
            width: 94%;
            margin: 14px 3% 18px 3%;
        }

    button.navbar-toggler {
        position: absolute;
        top: 16px;
        right: 20px;
    }

    .contentGlobalInterior {
        padding: 20px 20px !important;
    }

    .navbar-expand-sm .navbar-toggler {
        display: block;
        position: absolute;
        top: 24px;
        right: 25px;
        background: #000 !important;
        border-radius: 41px;
        height: 45px;
        width: 45px;
        padding: 0px 9px;
    }

    .contentLanding .navbar-expand-sm .navbar-toggler {
        right: 25px;
    }

    .navbar-collapse.collapse.d-sm-inline-flex.justify-content-between .navbar-collapse.d-sm-inline-flex.justify-content-between {
        display: none !important;
    }

    .navbar-collapse.d-sm-inline-flex.justify-content-between.collapse.show {
        display: block !important;
    }

    ul.navbar-nav.flex-grow-1 {
        display: block;
    }

    li.nav-item {
        width: 100%;
    }

    a.nav-link.text-dark {
        color: #FFF !important;
        padding: 20px 15px !important;
    }
}

@media (min-width: 768px) {
    /*    .container, .container-md, .container-sm {
        max-width: 100%;
    }*/
}

@media (max-width: 768px) {
    #divAudioPlayer {
        padding: 20px 15px;
    }

    .container, .container-sm {
        max-width: 100%;
    }

    .contentGlobalInterior {
        min-height: 600px;
        padding-left: 0;
    }

    button.tab-button {
        width: 100%;
    }

    .content50Label, #divVoice, .selectVoice, .voiceToTextLanguage {
        height: auto;
        width: 100%;
    }

        .content50Label label, #divVoice label, .selectVoice label, .voiceToTextLanguage label {
            width: 100%;
            position: relative;
            top: 0px;
            text-align: center;
            margin: 10px 0px 5px 0px;
        }

        .content50Label select, #divVoice select, selectVoice select, .voiceToTextLanguage select {
            width: 100%;
            margin-left: 0%;
        }

    a .navbar-brand img {
        width: 140px;
        margin: 5px 0px 0px 12px;
        float: left;
    }

    .btnAudio a {
        width: 100% !important;
        float: left;
        margin-top: 13px;
    }

    .loginButton a {
        margin-right: 0;
        padding: 13px 14px 17px 15px;
    }

    .btnAudio input[type="submit"] {
        margin: 12px 0px;
        width: 100%;
    }

    .content50Label select, #divVoice select {
        width: 100%;
        border-radius: 65px !important;
    }

    .navbar-collapse.d-sm-inline-flex.justify-content-between.collapse.show {
        z-index: 9999;
        width: 97% !important;
        margin: 0px;
        padding: 0px;
        /* left: 0px; */
        /* top: -13px; */
        border-radius: 0px !important;
    }

    ul.navbar-nav.flex-grow-1 {
        border-radius: 30px;
        padding: 0px 0px 15px 0px !important;
    }

    a.nav-link.text-dark {
        color: #000 !important;
        padding: 12px 15px !important;
        text-align: left;
        background: none;
    }

    .nav-item.active .text-dark, .nav-link.text-dark:hover {
        background: #FFF;
        padding: 12px 15px !important;
        color: #000 !important;
    }
    /****/
    a.nav-link.icon01 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon01, .nav-link.icon01:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon02 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon02, .nav-link.icon02:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon03 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon03, .nav-link.icon03:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon04 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon04, .nav-link.icon04:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon05 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon05, .nav-link.icon05:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon06 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon06, .nav-link.icon06:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon08 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon08, .nav-link.icon08:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon09 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon09, .nav-link.icon09:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon10 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon10, .nav-link.icon10:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon11 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon11, .nav-link.icon11:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon12 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon12, .nav-link.icon12:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon13 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon13, .nav-link.icon13:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon014 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon014, .nav-link.icon014:hover {
        padding: 20px 5px !important;
    }

    a.nav-link.icon07 {
        padding: 20px 5px !important;
    }

    .nav-item.active .icon07, .nav-link.icon07:hover {
        padding: 20px 5px !important;
    }

    ul.navbar-nav.flex-grow-1 {
        padding: 0px
    }

    li.nav-item {
        padding: 0px !important;
    }
}

@media (max-width: 576px) {
    /*    .container, .container-md, .container-sm {
        max-width: 100%;
    }*/
    .contentBoxCheckElement {
        width: 100%;
        float: left;
    }

    .fileupload-container input {
        width: 100%;
    }

    a.navbar-brand img {
        width: 160px;
        margin: 0px 0px 0px 25px;
    }

        a.navbar-brand img.second-logo {
            width: 88px;
        }

    .navbar > .container-fluid {
        margin-top: 8px;
    }
}

@media (min-width: 1400px) {
    header.container {
        max-width: 1320px;
    }
}

@media (max-width: 1200px) {
    .elementLanding {
        min-height: 440px;
    }
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 991px) {
    .elementLanding {
        width: 48%;
        min-height: 400px;
    }
}

.headerTopLinks {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.headerTopLinks .skipContent,
.headerTopLinks .contentOptionsMenu,
.headerTopLinks .loginButton,
.headerTopLinks .loginButton a,
.headerTopLinks .contentOptionsMenu a {
    position: static;
    right: auto;
    top: auto;
    margin: 0;
}

.headerTopLinks .contentOptionsMenu {
    display: flex;
    align-items: center;
    gap: 16px;
}

.headerTopLinks .contentOptionsMenu a {
    padding: 0;
}

.headerTopLinks .loginButton form {
    margin: 0;
}

a.skipContent {
    text-decoration: none;
    font-weight: bold;
    color: #33383b;
    position: absolute;
    right: 185px;
    margin: 0px;
    /*    padding: 5px 20px 5px 20px !important;*/
    /*    border-radius: 50px;*/
    top: 30px;
    /*    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);*/
}

    a.skipContent:hover {
        color: #FFF;
        background: #000
    }
input {
    letter-spacing: 0.5px !important;
}

@media (max-width:767px) {
    .contentBoxTextMessage {

        padding: 11px 2%;
        
    }
    button#mostrarChatTexto {
        width: 100%;
        top: 166px;
        padding: 20px 20px;
    }

    button#mostrarMensajes {
        width: 100%;
        top: 35px;
        background: none;
        padding: 20px 20px;
    }

    .recordButton {
        top: -60px !important;
    }

    a.skipContent {
        right: 158px;
        TOP: 105PX;
        background: #FFF;
        border-radius: 0PX 0PX 20PX 20PX;
        padding: 13px 20px 13px 20px !important;
    }
        .recordButton {
        width: 100%;
        margin: 0;
    }

        .recordButton span {
            display: block;
            float: left;
            width: 100%;
        }

  

    a.iconChatTexto {
        top: 20px;
    }

    a.iconContacto:hover, a.iconContacto:focus {
        /*        font-size: 0px;*/
        padding: 13px 20px 13px 20px !important
        /*  background: url(../assets/img/optimia/iconContactoHover.png) 11px 10px no-repeat #000;*/
    }

    a.iconChatMensajes {
        top: 43px;
    }

    .contentOptionsMenu a {
        /*      font-size: 0px;*/
        padding: 13px 20px 13px 20px !important
        /*  background: url(../assets/img/optimia/iconContacto.png) 11px 10px no-repeat #FFF;*/
    }

   .contentOptionsMenu {
        right: 85px;
        top: 23px;
    }

    .contentLanding .contentOptionsMenu,
    .contentHomeLogo .contentOptionsMenu {
        right: 30px;
        top: 23px;
    }

    .headerTopLinks {
        width: 100%;
        justify-content: flex-end;
        gap: 10px;
    }

    .headerTopLinks .contentOptionsMenu {
        gap: 10px;
    }

    .headerTopLinks .skipContent,
    .headerTopLinks .contentOptionsMenu a,
    .headerTopLinks .loginButton a {
        padding: 8px 12px !important;
    }

    .loginButton a {
        background: #FFF;
        padding: 13px 30px 13px 31px !important;
    }

        .loginButton a:hover, .loginButton a:focus {
            background: #000;
            padding: 13px 30px 13px 31px !important;
        }

    nav.navbar.navbar-expand-sm.navbar-toggleable-sm.navbar-light.bg-white.border-bottom.box-shadow.mb-3 {
        margin-bottom:60px !important;
    }

    .content50Label.contentLanguage select#selectLanguage, .voiceToTextLanguage select#selectLanguage {
        width: 100%;
        float: right;
    }

    .content50Label.contentLanguage label {
        text-align: center;
        width: 100%;
    }

    .content50Label.contentLanguage {
        margin: 20px 0px 35px 0px;
        width: 100%;
        float: right;
    }

    .elementLanding {
        width: 98%;
        min-height: auto;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
@media (max-height: 660px) {
    div#mensajes {
        width: 100%;
        height: 100%;
        top: 0px;
        overflow-y: scroll;
    }

    .entrevistaBox div#divQuestions,
    .entrevistaBox div#divChatQuestions {
        height: auto;
        overflow-y: auto;
    } 
}
/* Control Audio*/
#audioPlayer {
    width: 100%;
    height: 54px;
    max-width: 100%;
    margin: 20px auto;
    display: block !important;
}
/* Personalizar los controles del reproductor de audio */
audio::-webkit-media-controls-panel {
    background-color: #f6f6f6; /* Color de fondo de los controles */
}

audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-pause-button {
    color: #000; /* Color de fondo de los botones de play y pausa */
}

audio::-webkit-media-controls-mute-button, audio::-webkit-media-controls-volume-slider {
    color: #000; /* Color de fondo del bot�n de mute y el control de volumen */
}




a.navbar-brand {
    FLOAT: LEFT;
    /* MARGIN-TOP: -19PX; */
    WIDTH: AUTO;
}
a.nav-link.icon41,
a.nav-link.icon40,
a.nav-link.icon42,
a.nav-link.icon43,
a.nav-link.icon44{
    text-decoration: none !important;
}



a {
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: underline !important;
    font-weight: bold;
    background: no-repeat;
    /*    border-bottom: 1px solid #000 !important;*/
    padding: 5px 10px !important;
}

    a:hover,
    a:focus {
        background: #000;
        border-radius: 50px !important;
        color: #FFF !important;
    }

.contentLoginBox a.btn.btn-link {
    margin-top: 10px;
}

footer.border-top.footer a:hover,
footer.border-top.footer a:focus{
    margin-top: 15px;
    color: #FFF !important;
}
a.navbar-brand:hover,
a.navbar-brand:focus {
    background: none !important;
    border-radius: 0px !important;
}

a.navbar-brand,
a.navbar-brand:hover,
a.navbar-brand:focus {
    border: 0px !important;
    border-radius: 0px !important;
}

.zoom-gt400 .loaderMicrophone {
    height:0px;
}
.zoom-gt400 input#close {
    padding: 10px 34px;
}