:root {
	--background: #f0f3f7;
	--background-dark: #454545;
	--dark: #454545;
	--background_li: #f5f5f5;
	--backgroundml: #e3edfb;
	--xplus: #5a78ff;
	--xplus-gdt: #5a78ff;
	--xplus-gdt-hover: #4860cc;
	--xplus_active: #4860cc;
	--xplus-background: #f2f2f2;
	--xplus-clean: #f1f5ff;
	--xplus_hover: #f2f2f2;
	--xplus_dark: #1e40af;
	--blue_ml: #3483f4;
	--black_ml: #5a78ff;
	--border: #3483f4;
	--cinza: #E6E6FA;
	--cinza-dark: #313641;
	--green: #57d9a3;
	--green-hover: green;
	--footer: #f5f5f5;
	--footer-dark: #333;
	--orange: #FF6200;
	--orange_it: #FF6200;
	--pink: #fa2590;
	--red: #dc3545;
	--red-gdt: #d63163;
	--red-gdt-hover: #ec1c65; 
	--card-badge: #ec1c65; 
	--shadow-border-color_: rgba(0, 0, 0, 0.2);
	--container-dark: #444;
	--sidebar-dark: #444;
	--sidebar: #f5f5f5;
	--clean: white;
	--text-clean: white;
	--text: #454545;
	--text-color: #454545;
	--grey: #454545;
	--grey_dark: #595c59;
	--text-gray: #7c7c98;
	--yellow: #ffe15a;
}

::-webkit-scrollbar-track {
	background-color: var(--background);
}

::-webkit-scrollbar-thumb {
	background-color: var(--grey_dark);
	border-radius: 4px;
}

.btn-primary {
	background-color: var(--xplus-gdt);
	border-color: var(--xplus-gdt);
}

.btn-primary:hover {
	background-color: var(--xplus-gdt-hover);
	border-color: var(--xplus-gdt-hover);
}

.btn-success {
	background-color: var(--xplus-gdt);
	border-color: var(--xplus-gdt);
}

.btn-success:hover {
	background-color: var(--xplus-gdt-hover);
	border-color: var(--xplus-gdt-hover);
}

.btn-secondary {
	background-color: var(--xplus-gdt);
	border-color: var(--xplus-gdt);
}

.btn-secondary:hover {
	background-color: var(--xplus-gdt-hover);
	border-color: var(--xplus-gdt-hover);
}

.btn-danger {
	background-color: var(--red-gdt);
	border-color: var(--red-gdt);
}

.btn-danger:hover {
	background-color: var(--red-gdt-hover);
	border-color: var(--red-gdt-hover);
}

.btn-outline-primary {
	color: var(--xplus-gdt);
	border-color: var(--xplus-gdt);
}

.btn-outline-primary:hover {
	background-color: var(--xplus-gdt);
	border-color: var(--xplus-gdt);
	color: white;
}

.text-primary {
	color: var(--xplus-gdt) !important;
}

.bg-primary {
	background-color: var(--xplus-gdt) !important;
}

.border-primary {
	border-color: var(--xplus-gdt) !important;
}

.xplus-footer {
    background: var(--footer) !important;
    margin-top: auto !important;
    padding-top: 15px !important;
    border-top: 2px solid var(--background) !important;
    text-align: center !important;
}

.xplus-credits {
    font-size: 11px !important;
    color: var(--text-gray) !important;
    line-height: 1.2 !important;
    padding: 5px 0 !important;
}

.xplus-credits a {
    color: var(--orange) !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.xplus-credits img {
    width: 40px !important;
    height: auto !important;
    margin-left: -2px !important;
    vertical-align: middle !important;
}