.error, .text_form p a {
    color: red
}

a, ol li a {
    text-decoration: none
}

.Rating, .menu-item:hover .submenu {
    display: block
}

.Rating {
    width: 150px;
    height: 90px;
    overflow: hidden;
    text-indent: -9999px;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 1000;
    background: url(../images/main/warn-18.jpg) no-repeat;
    transform-origin: left top
}

.homeHeader .inner .play__btn, .homeHeader .play__btn, .homeHeader .section__background .play__btn, .homeHeader .section__content .play__btn {
    top: calc(55% - 100px)
}

#btn-group-header {
    display: flex;
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 100
}

#btn-group-header .auth-btn {
    background: #ed7c2b;
    color: #fff;
    margin-right: 5px;
    border-radius: 1.875rem;
    line-height: 1;
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    padding: 5px 10px;
}

#btn-group-header .auth-btn:hover {
    background: #a95012
}

@media (orientation: portrait) {
    .Rating {
        top: 108px;
        position: absolute;
        z-index: 100
    }

    #btn-group-header {
        top: 130px;
        right: 20px
    }
}

.breadcrumb_line {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d7cda9;
    width: 90%
}

ol li a {
    color: #868383;
    font-size: 18px
}

.subListNews .sub-list-news .subListNews__article .midbar__title {
    font-size: 30px
}

@media screen and (min-width: 1024px) {
    .subNews .news_item__title, .subSubweb .news_item__title {
        width: 590px
    }
}

@media (orientation: landscape) {
    .floating .floattop .floatnav ul li .active__dropdown ul li a {
        font-size: 17px
    }
}

#login_form, #register_form {
    font-size: 18px;
    width: 600px;
    margin: 0 auto
}

#login_form button, #register_form button {
    width: 110px;
    background-color: #ed7c2b;
    font-size: 18px;
    padding: 5px;
    border-radius: 1.875rem
}

#login_form button:hover, #register_form button:hover, .btn-custom:hover, .horizontal-menu .menu-item a:hover {
    background-color: #de640d
}

.text_form {
    margin-top: 50px;
    font-size: 18px
}

.error {
    font-size: 14px
}

.article__content, .custom-table {
    font-size: 16px
}

.text-auth {
    color: #de640d !important
}

.list-group {
    background-color: #fcf6ee
}

.account-icon {
    margin-right: 10px
}

.custom-table {
    font-weight: 500;
    --bs-table-bg: #fcf6ee;
    margin-top: 10px
}

.btn-custom, .btn-custom-second {
    width: 110px;
    font-size: 18px;
    padding: 5px;
    border-radius: 1.875rem;
    color: #fff
}

.custom-table thead tr th {
    text-align: justify !important
}

.btn-custom {
    background-color: #ed7c2b
}

.btn-custom-second {
    background-color: #6c757d;
    margin-left: 5px
}

.horizontal-menu, .submenu {
    list-style-type: none;
    padding: 0
}

.monphai_text {
    width: 650px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 278px;
    position: absolute;
    top: 57.5%;
    left: 59%
}

.horizontal-menu {
    margin: 0;
    display: flex;
    justify-content: space-around
}

.active__dropdown, .submenu {
    display: none
}

.horizontal-menu .menu-item {
    margin-right: 20px;
    position: relative
}

.submenu, .submenu .submenu-item {
    margin: 0
}

.horizontal-menu .menu-item a {
    text-decoration: none;
    color: #fff;
    padding: 10px 15px;
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.submenu {
    position: absolute;
    top: 100%;
    left: 0
}

.submenu .submenu-item a {
    padding: 10px 15px;
    white-space: nowrap
}
