@media screen and (max-width: 767px) {
    .box {
        margin-bottom: 100px;

        & .navbar {
            position: fixed;
            bottom: 0;
            left: 0px;
            width: 100%;
            justify-content: center;
            background-color: #fff;
            padding-top: 5px;
            box-shadow: 0 -5px 3px 0 #FEDC00;
            z-index: 10;
        }
    }

    .tableForm {
        border-top: 2px solid;

        & .dNone {
            display: none;
            border: 0;
        }

        & .Row {
            border-bottom: 2px solid;
        }

        & .type {
            font-size: 1.2rem;
            background-color: #000;
            color: #fff;
        }

        & .borderTop {
            border-top: 1px solid;
        }

        & .moreData::after {
            content: attr(data-label);
            margin-left: 1em;
        }
    }
}

.selectInput {
    & option[disabled] {
        color: #000;
    }
}

.word {
    word-break: keep-all;
}

.shadowNone {
    &:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #000;
    }
}

.textarea {
    resize: none;
}

.customBtn {
    &:hover {
        border-color: #FEDC00;
        background-color: #FEDC00;
        color: #000;
    }
}