.news_wrap  {
    width: 1600px;
	display: flex;
	gap: .5rem;
	align-items: center;
	padding: .3rem;
	border-radius: var(--br-12);
	background: var(--dark);
	flex-wrap: wrap;
}

.main_news_button  {
    display: flex;
    flex: 1;
    background-color: var(--midtones);
    transition: 1s;
    border-radius: var(--br-8);
    font-size: 16px;
    font-weight: 500;
    color: var(--light);
    padding: .7rem 1rem;
    gap: 1rem;
}
.main_news_button svg {
    width: 25px;
    height: 25px;
}
.active_m svg {
    fill:  var(--primary) !important;
    
}
.card_header {
    background: var(--card-color);
}

.svg_header svg {
    fill: var(--primary);
}

.flex_header_bottom {
    color: var(--custom-text-color);
}

.news_header,
.news_header span {
    color: var(--custom-text-color);
}

.news_header {
    background-color: var(--bottom-line-table);
}

.form_box .news_input_text {
    background-color: var(--navbar-first-color);
    color: var(--custom-text-color);
}

.form_box .news_input_text svg {
    fill: var(--light);
}

.form_box input {
    color: var(--span-color);
}

input[type="radio"] {
    background: var(--span-color);
    border: 1px solid var(--custom-text-color);
    background: radial-gradient(farthest-side, var(--span-color) 94%, #0000) 50% / 0 0 no-repeat content-box;
}

input[type="radio"]:checked {
    border-color: var(--span-color);
}

.form_box .news_multi_radio input[type="date"],
.form_box .news_multi_radio input[type="time"] {
    background-color: var(--button-color-hover);
}

.button_pagination.active {
    background: var(--span-color);
    color: var(--grey-color);
}

.news_prev {
    background-color: var(--menu-bg-color);
}

.modals_i {
    background-color: var(--bg-table-color);
}

.modals-close svg {
    fill: var(--red);
    
}

.news_admin {
    background-color: var(--menu-bg-color);
}

.news_admin_buttons a {
    background-color: var(--button-color);
}

.news_admin_buttons a:hover {
    background-color: var(--button-color-hover);
}

.news_admin_buttons a svg {
    fill: var(--custom-text-color);
}

.news_admin_buttons a:hover svg {
    fill: var(--span-color);
}

.modals_inside {
    background-color: var(--bg-table-color);
}

.news_checkbox label {
    color: var(--custom-text-color);
}

.modals_tittle > div:nth-child(2) {
    color: var(--custom-text-color);
}

/* main loader */

/* ----------- */

.modals_i > .modals_inside {
    background-color: var(--bg);
}

.news_admin_edit a {
    background-color: var(--button-color);
}

.news_admin_edit a:hover {
    background-color: var(--button-color-hover);
}

.news_admin_edit a svg {
    fill: var(--span-color);
}

/* main page */

.news_button {
    background: var(--span-color);
    border: 8px solid var(--card-color);
    color: var(--default-text-color);
}

.news_button:hover {
    color: var(--card-color);
}

.modals_s > .modals-close svg {
    fill: var(--custom-text-color);
}

.news_text {
    color: var(--custom-text-color);
}

.hr_news {
    background: var(--menu-bg-color);
}

.news_prev_block {
    background-color: var(--grey-color);
}

.news_footer {
    color: var(--custom-text-color);
}

.news_footer svg {
    fill: var(--light);
}

.news_admin_avatar {
    border: 1px solid var(--custom-text-color);
}

.news_admin_nick {
    color: var(--span-color);
}

@media (max-width: 576px) {
    .news_button {
        border: 6px solid var(--card-color);
    }

    .btn_main_news {
        border: 1px solid var(--span-color);
    }
}