:root {
    --media-main-color: #03045E;
    --media-point-color: #edad19;
    --media-point-dark-color: ;
    --media-disabled-color: #7c7c83;

    --media-bg-default-color: #121212;
    --media-bg-light-color: #3d3d3d;

    --media-text-default-color: gray;
    --media-text-light-color: #bcc3c3;
    --media-text-dark-color: #3d3d3d;
}

.darkTheme {
    --point-color: var(--media-point-color);
}

body.darkTheme,
body.darkTheme .total-container,
body.darkTheme .item.type01.img_box,
body.darkTheme div:is(.fixed-box, .section, .header, .inner, .theme-bg, .container, .ad_bottom, .card-body),
body.darkTheme div:is(.ad-box1, .ad-box2, .ad-box3, .popup-content){
    background-color: var(--media-bg-default-color) !important;
}

body.darkTheme .number-list,
body.darkTheme .sec-category > .inner,
body.darkTheme .item.type01,
body.darkTheme .item.type03.btn_unse {
    background-color: var(--media-bg-light-color) !important;
}

body.darkTheme .item.type01:not(.img_box), 
body.darkTheme .item.type03:not(.img_box) {
    border: none !important;
}

body.darkTheme div {
    border-bottom-color: var(--media-text-default-color) !important;
}

body.darkTheme .btn-index,
body.darkTheme .btn-prev,
body.darkTheme .btn-close {
    filter: invert(1) brightness(2) !important;
}


body.darkTheme h1,
body.darkTheme h2,
body.darkTheme h3,
body.darkTheme strong,
body.darkTheme input,
body.darkTheme textarea,
body.darkTheme select,
body.darkTheme .title {
    color: var(--media-text-light-color) !important;
}

body.darkTheme input::placeholder,
body.darkTheme ::-webkit-input-placeholder,
body.darkTheme ::-ms-input-placeholder {
    color: var(--media-text-dark-color) !important;
}

body.darkTheme span,
body.darkTheme #prevMonth,
body.darkTheme #nextMonth,
body.darkTheme div:is(.header, .inner) {
    color: var(--media-text-default-color) !important;
}

body.darkTheme button:disabled,
body.darkTheme .gauge,
body.darkTheme .sec-form .input-col input[type="radio"]+label {
    background-color: var(--media-disabled-color) !important;
}

body.darkTheme .btn-result,
body.darkTheme .btn-progress,
body.darkTheme .progress-box .progress-item .ring:after{
    background-color: var(--media-point-color) !important;
}

body.darkTheme .gaugeValue{
    color: var(--media-main-color) !important;
}

body.darkTheme .sub-box .list-type li .job {
    color: var(--media-point-color) !important;
}

body.darkTheme .progress-box .circle-progress-text {
    fill: var(--media-point-color) !important;
}

body.darkTheme .progress-box .circle-progress-value {
    stroke: var(--media-point-color) !important;
}

body.darkTheme .sub-box .tag-list li,
body.darkTheme .name_list_box > a > div,
body.darkTheme .name_list_box > a > div > span,
body.darkTheme .sub-box .list-type01 li .birth {
    background-color: var(--media-bg-light-color) !important;
    border-color: var(--media-point-color) !important;
    color: var(--media-point-color) !important;
}

body.darkTheme .sec-form .input-col input[type="radio"]:checked+label {
    background-color: var(--media-main-color) !important;
    color: white !important;
}

body.darkTheme div.img-box {
    background-color: white !important;
}

body.darkTheme .input-box {
    background-color: var(--media-bg-default-color) !important;
    border: 1px solid var(--media-text-default-color) !important;
}

body.darkTheme .calendar {
    box-shadow: 0px 4px 11px 0px var(--media-text-default-color) !important;
}

body.darkTheme .calendar thead tr {
    border-bottom: 0.6px solid gray !important;
}

body.darkTheme .bottom-info-text {
    background: var(--media-bg-default-color) !important;
    color: gray;
}

body.darkTheme .yellow {
    color: #ffcc33 !important;
}

body.darkTheme .message-box {
    box-shadow: 0 12px 2px  0 var(--media-bg-light-color) !important;
}

body.darkTheme .item_badge > span,
body.darkTheme .btn-result > strong {
    color: white !important;
}