.dft-back-next button {
    font-family: IR, sans-serif;
    font-size: 5vw;
    color: #056dae;
    transition: color 350ms ease-in-out;
    background-color: transparent;
    min-width: auto;
}
@media only screen and (min-width:768px) {
    .dft-back-next button {
    font-size: 14px;
}
}
@media only screen and (min-width:992px) {
    .dft-back-next button:hover {
    color: #00bdf2;
}
}
@media only screen and (min-width:1441px) {
    .dft-back-next button {
    font-size: .97155vw;
}
}
.dft-check-radio {
    border-color: transparent;
    transition: border-color 350ms ease-in-out;
    display: inline-flex;
}
.dft-check-radio input[type=checkbox]:checked+span {
    background-color: #84bf00;
}
.dft-check-radio input[type=radio]+span {
    border-radius: 50%}
.dft-check-radio input[type=radio]+span:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    height: 50%;
    width: 50%;
    background-color: #fff;
    transition: all 350ms ease-in-out;
    display: block;
    border-radius: 50%}
.dft-check-radio input[type=radio]:checked+span:before {
    background-color: #84bf00;
}
.dft-check-radio>span {
    height: 6.25vw;
    width: 6.25vw;
    transition: background-color 350ms ease-in-out;
    background-color: #fff;
    flex-shrink: 0;
}
.dft-check-radio .dft-title {
    width: 90%}
@media only screen and (min-width:768px) {
    .dft-check-radio>span {
    height: 20px;
    width: 20px;
}
}
@media only screen and (min-width:992px) {
    .dft-check-radio:hover {
    border-color: #00bdf2;
}
}
@media only screen and (min-width:1441px) {
    .dft-check-radio>span {
    height: 1.38793vw;
    width: 1.38793vw;
}
}
.dft-form span.dft-text {
    display: block;
    transition: color .2s ease-in-out, opacity .2s ease-in-out;
}
.dft-form span.dft-text.hidden {
    display: inline-flex!important;
    opacity: 0;
}
.dft-form .form-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dft-form .form-group {
    position: relative;
}
.dft-form .dft-input label, .dft-form .dft-select label {
    color: #056dae;
    position: absolute;
    top: 6.25vw;
    left: 0;
    transition: font .2s ease-in-out, top .2s ease-in-out, color .2s ease-in-out;
    pointer-events: none;
    z-index: 1;
}
.dft-form .dft-input input, .dft-form .dft-select select {
    border-bottom-width: .3125vw;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    margin-bottom: 1.5625vw;
    width: 100%;
    background-color: transparent;
    transition: border-bottom-color .2s ease-in-out;
}
.dft-form .dft-input input:required, .dft-form .dft-select select:required {
    box-shadow: none;
    outline: 0;
}
.dft-form .dft-input input:required:focus~span, .dft-form .dft-select select:required:focus~span {
    opacity: 1;
    color: #056dae;
}
.dft-form .dft-input input:disabled~.dft-icon-down, .dft-form .dft-input input:disabled~label, .dft-form .dft-select select:disabled~.dft-icon-down, .dft-form .dft-select select:disabled~label {
    color: #ccc;
}
.dft-form .dft-input input:disabled, .dft-form .dft-input input:focus, .dft-form .dft-select select:disabled, .dft-form .dft-select select:focus {
    border-bottom-color: #ccc;
}
.dft-form .dft-input input:hover, .dft-form .dft-select select:hover {
    border-bottom-color: #00bdf2;
}
.dft-form .dft-input input:not([m-empty]):focus+label, .dft-form .dft-input input:not([m-empty]):valid+label, .dft-form .dft-select select:not([m-empty]):focus+label, .dft-form .dft-select select:not([m-empty]):valid+label {
    top: 0;
    font-size: 4.375vw;
}
.dft-form .dft-input input:not([m-empty]):focus, .dft-form .dft-select select:not([m-empty]):focus {
    border-bottom-color: #056dae;
}
.dft-form .dft-input input[m-empty=false]+label, .dft-form .dft-input input[m-empty=true]:focus+label, .dft-form .dft-select select[m-empty=false]+label, .dft-form .dft-select select[m-empty=true]:focus+label {
    top: 0;
    font-size: 4.375vw;
}
.dft-form .dft-input input[m-empty=true]:focus, .dft-form .dft-input input[m-empty=true]:focus:hover, .dft-form .dft-select select[m-empty=true]:focus, .dft-form .dft-select select[m-empty=true]:focus:hover {
    border-bottom-color: #056dae;
}
.dft-form .dft-input input[m-empty]:focus~span, .dft-form .dft-select select[m-empty]:focus~span {
    opacity: 1;
    color: #056dae;
}
.dft-form .dft-input input[m-empty=false]:focus, .dft-form .dft-select select[m-empty=false]:focus {
    border-bottom-color: #056dae;
}
.dft-form .dft-input input.warning, .dft-form .dft-select select.warning {
    border-bottom-color: red!important;
}
.dft-form .dft-input input.warning:focus, .dft-form .dft-input input.warning:hover, .dft-form .dft-select select.warning:focus, .dft-form .dft-select select.warning:hover {
    border-bottom-color: red!important;
}
.dft-form .dft-input input.warning~span:not(.dft-icon-down), .dft-form .dft-select select.warning~span:not(.dft-icon-down) {
    color: red!important;
}
.dft-form .dft-input input.success, .dft-form .dft-select select.success {
    border-bottom-color: #84bf00!important;
}
.dft-form .dft-input input.success:focus, .dft-form .dft-input input.success:hover, .dft-form .dft-select select.success:focus, .dft-form .dft-select select.success:hover {
    border-bottom-color: #84bf00!important;
}
.dft-form .dft-input input.success~span:not(.dft-icon-down), .dft-form .dft-select select.success~span:not(.dft-icon-down) {
    color: #84bf00!important;
}
.dft-form .dft-input input {
    color: #323232;
    padding: 6.25vw 0 3.125vw;
}
.dft-form .dft-input input.typing:focus {
    border-bottom-color: #056dae;
}
.dft-form .dft-input input.typing~span {
    color: #056dae;
}
.dft-form .dft-select select {
    padding: 6.25vw 6.25vw 3.125vw 0;
}
.dft-form .dft-select select~.dft-icon-down {
    color: #056dae;
}
.dft-form .dft-select select option {
    color: #323232;
}
.dft-form .dft-select select:valid {
    border-bottom-color: #84bf00;
    color: #323232;
}
.dft-form .dft-select select[m-empty=true] {
    border-bottom-color: #ccc;
}
.dft-form .dft-select select[m-empty=true]~span:not(.dft-icon-down) {
    color: #ccc;
}
.dft-form .dft-select select[m-empty=true]:hover {
    border-bottom-color: #00bdf2;
}
.dft-form .dft-select .dft-icon-down {
    position: absolute;
    top: 7.8125vw;
    right: 0;
    pointer-events: none;
}
@media only screen and (min-width:768px) {
    .dft-form .dft-input label, .dft-form .dft-select label {
    top: 20px;
}
.dft-form .dft-input input, .dft-form .dft-select select {
    border-bottom-width: 1px;
    margin-bottom: 5px;
}
.dft-form .dft-input input:not([m-empty]):focus+label, .dft-form .dft-input input:not([m-empty]):valid+label, .dft-form .dft-select select:not([m-empty]):focus+label, .dft-form .dft-select select:not([m-empty]):valid+label {
    font-size: 14px;
}
.dft-form .dft-input input[m-empty=false]+label, .dft-form .dft-input input[m-empty=true]:focus+label, .dft-form .dft-select select[m-empty=false]+label, .dft-form .dft-select select[m-empty=true]:focus+label {
    font-size: 14px;
}
.dft-form .dft-input input {
    padding: 20px 0 10px;
}
.dft-form .dft-select select {
    padding: 20px 20px 10px 0;
}
.dft-form .dft-select .dft-icon-down {
    top: 25px;
}
}
@media only screen and (min-width:992px) {
    .dft-form .dft-input input:not([m-empty]):focus+label, .dft-form .dft-input input:not([m-empty]):valid+label, .dft-form .dft-select select:not([m-empty]):focus+label, .dft-form .dft-select select:not([m-empty]):valid+label {
    font-size: 16px;
}
.dft-form .dft-input input[m-empty=false]+label, .dft-form .dft-input input[m-empty=true]:focus+label, .dft-form .dft-select select[m-empty=false]+label, .dft-form .dft-select select[m-empty=true]:focus+label {
    font-size: 16px;
}
}
@media only screen and (min-width:1441px) {
    .dft-form .dft-input label, .dft-form .dft-select label {
    top: 1.38793vw;
}
.dft-form .dft-input input, .dft-form .dft-select select {
    border-bottom-width: .0694vw;
    margin-bottom: .34698vw;
}
.dft-form .dft-input input:not([m-empty]):focus+label, .dft-form .dft-input input:not([m-empty]):valid+label, .dft-form .dft-select select:not([m-empty]):focus+label, .dft-form .dft-select select:not([m-empty]):valid+label {
    font-size: 1.11034vw;
}
.dft-form .dft-input input[m-empty=false]+label, .dft-form .dft-input input[m-empty=true]:focus+label, .dft-form .dft-select select[m-empty=false]+label, .dft-form .dft-select select[m-empty=true]:focus+label {
    font-size: .97155vw;
}
.dft-form .dft-input input {
    padding: 1.38793vw 0 .69396vw;
}
.dft-form .dft-select select {
    padding: 1.38793vw 1.38793vw .69396vw 0;
}
.dft-form .dft-select .dft-icon-down {
    top: 1.73491vw;
}
}
progress.dft-progress {
    appearance: none;
    -webkit-appearance: none;
    -ms-appareance: none;
    -moz-appearance: none;
    border: none;
    outline: 0;
    height: 3.125vw;
    background-color: #ccc;
    width: 100%;
    transition: opacity 350ms ease-in-out;
}
progress.dft-progress[value] {
    height: 3.125vw;
}
progress.dft-progress::-webkit-progress-bar {
    background: #ccc;
}
progress.dft-progress::-webkit-progress-value {
    background: #84bf00;
    transition: width 350ms ease-in-out;
}
progress.dft-progress::-moz-progress-bar {
    background: #84bf00;
}
progress.dft-progress::-ms-fill {
    background: #84bf00;
    border: none;
}
@media only screen and (min-width:768px) {
    progress.dft-progress {
    height: 10px;
}
progress.dft-progress[value] {
    height: 10px;
}
}
@media only screen and (min-width:1441px) {
    progress.dft-progress {
    height: .69396vw;
}
progress.dft-progress[value] {
    height: .69396vw;
}
}
.dft-screen-result {
    height: 100%}
/*Convivencia provisional dft & cbx*/
/*Cambio de clase de[m-container=form]  cbx-sub-text -> dft-text.text-small*/

[m-container=form] .dft-text.text-small {
    font-size: 3.75vw;
    font-family: IL, Arial, Helvetica, sans-serif;
    color: #53565a;
}
@media (min-width:768px) {
    [m-container=form] .dft-text.text-small {
    font-size: 12px;
}
}
@media (min-width:1024px) {
    [m-container=form] .dft-text.text-small {
    font-size: 1.56vw;
}
}
@media (min-width:1280px) {
    [m-container=form] .dft-text.text-small {
    font-size: 1vw;
}
}
@media (min-width:1440px) {
    [m-container=form] .dft-text.text-small {
    font-size: 1.11vw;
}
}