@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

* {
    outline: none !important;
    text-decoration: none !important;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif !important;    
}

[data-bs-theme="light"] {
    --bs-body-bg: #f0f2f5;
    --bs-border-color-rgb: 33, 37, 61;
    --bs-border-color: rgba(var(--bs-border-color-rgb), 0.2);
    --bs-border-color-translucent: var(--bs-border-color);
    --bs-header-bg: #fff;
    --bs-workflow-bg: #f6f8fa;
    --bs-body-color-rgb: 33,37,61;
    .card {
        --bs-card-bg: var(--bs-header-bg);
    }
}

[data-bs-theme="dark"] {
    --bs-body-bg: #010409;
    --bs-border-color-rgb: 108, 121, 158;
    --bs-border-color: rgba(var(--bs-border-color-rgb), 0.2);
    --bs-border-color-translucent: var(--bs-border-color);
    --bs-header-bg: #0d1117;
    --bs-workflow-bg: #161b22;
    --bs-emphasis-color-rgb: 230, 237, 243;
    --bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
    .card {
        --bs-card-bg: var(--bs-header-bg);
    }
}

body,
html {
    height: 100%;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.text-body:hover,
a.text-body:focus {
    color: var(--bs-primary) !important;
}

.border-dashed {
    border-style: dashed !important;
}

.svg-4 {
	width: 1.5rem;
	height: 1.5rem;
}
.svg-5 {
	width: 1.25rem;
	height: 1.25rem;
}
.svg-6 {
	width: 1rem;
	height: 1rem;
}
.svg-primary {
	fill: #EB144C;
}
.svg-muted {
	fill: #999;
}

.note {
    min-height: 17px;
    margin: 4px 0 2px;
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
}

.btn.btn-default {
    --bs-btn-color: rgba(var(--bs-body-color-rgb), 0.8);
    --bs-btn-bg: rgba(var(--bs-body-color-rgb), 0.04);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), 0.05);
    --bs-btn-hover-border-color: rgba(var(--bs-border-color-rgb), 0.3);
    --bs-btn-active-bg: rgba(var(--bs-body-color-rgb), 0.08);
    --bs-btn-active-border-color: rgba(var(--bs-border-color-rgb), 0.3);
}

.card .card-title > span {
    color: rgb(var(--bs-border-color-rgb));
}

.content {
    flex: 1;
}

.key-sensi {
    filter: blur(3px);
}

footer a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #99999922;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    transition: opacity border 0.3s ease;
}

footer a:hover {
    opacity: 0.8;
}

footer a+a {
    margin-left: 0.5rem;
}

footer a i {
    color: #212529;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    font-size: 1.4em;
}