.tn-control {
    margin: 0 0 18px 0;
}

.tn-control label {
    display: block;
    margin-bottom: 6px;
}

#tn-tipo-test,
#tn-numero-palabras {
    box-sizing: border-box;
    padding: 8px;
    max-width: 100%;
}

#tn-tipo-test {
    min-width: 280px;
}

#tn-numero-palabras {
    width: 100px;
}

.tn-boton {
    display: inline-block;
    padding: 10px 18px;
    margin: 5px 8px 15px 0;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
}

.tn-boton:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.tn-boton-direccion {
    background: #2271b1;
    color: #fff;
}

.tn-boton-realizar {
    background: #135e96;
    color: #fff;
    font-weight: 600;
}

.tn-listado {
    margin-top: 15px;
}

.tn-tabla {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0 20px 0;
}

.tn-tabla th,
.tn-tabla td {
    border: 1px solid #dcdcde;
    padding: 9px;
    text-align: left;
    vertical-align: middle;
}

.tn-tabla th {
    font-weight: 600;
}

.tn-palabra {
    font-weight: 500;
}

.tn-respuesta {
    width: 100%;
    box-sizing: border-box;
    padding: 7px;
    min-height: 36px;
}

.tn-mensaje {
    margin: 10px 0;
}

.tn-aviso {
    padding: 10px 12px;
    background: #f0f0f1;
    border-left: 4px solid #2271b1;
}

.tn-aviso.tn-error {
    border-left-color: #d63638;
    background: #fcf0f1;
}

.tn-resumen {
    font-size: 18px;
    margin: 20px 0 10px 0;
}

.tn-resultado-ok {
    font-size: 22px;
    font-weight: 700;
}

.tn-resultado-error {
    font-size: 20px;
    font-weight: 700;
}

.tn-correcta-text {
    font-size: 15px;
    font-weight: 400;
    margin-left: 5px;
}

@media (max-width: 600px) {
    .tn-boton {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .tn-tabla {
        font-size: 14px;
    }

    .tn-tabla th,
    .tn-tabla td {
        padding: 7px;
    }
}


.tn-cargar-diccionario {
    max-width: 700px;
}

.tn-cargar-diccionario pre {
    padding: 12px;
    overflow-x: auto;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
}

.tn-aviso.tn-exito {
    border-left-color: #00a32a;
    background: #edfaef;
}