/*Quick fix for vanthuan.com*/

/*
Primary color: #941506;
Dark theme Primary color: #8b2313 (RGB: 1139 35 19)
Primary text color: #ffb338 (gold)
Dark theme primary text color: #c9ad0f

rgba(var(--primary-color), 1.5);
*/
:root {
    --gold: #ffb338;
    --dark-gold: #c9ad0f;
    --primary-color: #1f2a64;
    --dark-primary-color: #0652a3;
    --text-color: #f2f2f2;
    --dark-text-color: #b4b4b4;
}

body {
    background-color: #f2f2f2;
}

a,
.btn-link {
    color: var(--primary-color);
}

html.dark-mode a,
html.dark-mode .btn-link {
    color: var(--dark-text-color);
}

a:hover,
.btn-link:hover {
    color: var(--primary-color);
}


img#logo {
    border-radius: 10px;
}

img#logo.border {
    border: 4px groove var(--text-color) !important;
}

html.dark-mode img#logo.border {
    border: 4px groove var(--dark-text-color) !important;
}

.form-control:focus {
    border-color: #b4b4b4 !important;
    box-shadow: 0 0 0 0px #b4b4b4;
}

.input-group .icon:before {
    color: #b3b8ba;
}

html.dark-mode .input-group .icon:before {
    color: #b7bbbc;
}

.input-group-prepend .input-group-text:not(.label) {
    background-color: var(--primary-color) !important;
}

.image-container {
    border-radius: 5px; /* Bo tròn góc 5px */
    overflow: hidden; /* Đảm bảo đổ bóng không tràn ra ngoài viền tròn */
    box-shadow: 
        -5px -5px 10px #e69d32,  /* Đổ bóng phía trên bên trái (hiệu ứng sáng) */
        5px 5px 10px #cc8c2b,    /* Đổ bóng phía dưới bên phải (hiệu ứng tối) */
        inset 0 0 10px #ffc966,  /* Đổ bóng bên trong (hiệu ứng lấp lánh nhẹ) */
        0 0 15px #ffb338;        /* Đổ bóng xung quanh (viền phát sáng) */
}

.image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.input-group-text.icon {
    color: var(--text-color);
}
/* 
html.dark-mode {
} */


.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--dark-primary-color);
    color: var(--dark-text-color);
}

.btn-primary:hover {
    border-color: var(--primary-color);
    background-color: var(--dark-primary-color) !important;
    color: var(--text-color);
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--dark-primary-color);
    border-color: var(--dark-primary-color);
}

.x-small{
    font-size: 75%;
}
html.dark-mode .btn-primary {
    background-color: var(--dark-primary-color);
    border-color: var(--primary-color);
    color: var(--dark-text-color);
}

html.dark-mode .btn-primary:hover {
    background-color: var(--primary-color);
    border-color: var(--dark-primary-color);
    color: var(--text-color);
}

.message-htmlpart div.rcmBody, .message-part div.rcmBody {
    padding: 15px;
}