/* Colors */

/* First */
/* :root {
    --wk-bg-body: #0C2136;
    --wk-bg-header: #0B4487;
    --wk-bg-footer: #112A48;
    --wk-secondary: #0F325A;
    --wk-text-color: #ecedef;
    --wk-text-secondary: #B5C1CD;
    --wk-border-color: #3C546E;
} */
/* WhatsApp */
/* :root {
    --wk-bg-body: #0F1C24;
    --wk-bg-header: #1C2D35;
    --wk-bg-footer: #1C2D35;
    --wk-secondary: #19195a;
    --wk-text-color: #ecedef;
    --wk-text-secondary: #8097A1;
    --wk-border-color: #384449;
} */
/* Gmail */
:root {
    --wk-bg-body: #1e1f24;
    --wk-bg-header: #38393e;
    --wk-bg-footer: #121318;
    --wk-secondary: #121318;
    --wk-text-color: #e2e3e8;
    --wk-text-secondary: #83838b;
    --wk-border-color: #4c4d52;
    --bs-body-color: #FFFFFFF;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #FFFFFF00;
}

body {
    background-color: var(--wk-bg-body);
    color: var(--wk-text-color);
}

header {
    background-color: var(--wk-bg-header);
}

footer {
    background-color: var(--wk-bg-footer);
}
.bg-body {
    background-color: var(--wk-bg-body) !important;
}
.text-bg-primary {
    background-color: var(--wk-bg-footer) !important;
}
.text-bg-secondary {
    background-color: var(--wk-secondary) !important;
}
.text-secondary {
    color: var(--wk-text-secondary) !important;
}
.card {
    color: var(--wk-text-color) !important;
}
.border-primary {
    border-color: var(--wk-border-color) !important;
}
.border-secondary {
    border-color: var(--wk-secondary) !important;
}
.modal-content {
    background-color: var(--wk-bg-body);
}
.modal-header, .modal-footer {
    border: none;
}
.bg-tetriary {
    background-color: var(--wk-bg-header) !important;
}
.btn-circle {
    border-radius: 100vw;
}
.btn-primary {
    background-color: var(--wk-bg-footer) !important;
    border-color: var(--wk-bg-footer) !important;
}
.btn-primary:hover, .btn-primary:active {
    background-color: var(--wk-bg-header) !important;
    border-color: var(--wk-bg-header) !important;
}
.btn.working i {
    color: var(--bs-red);
    animation: live 2s ease-in-out infinite;
}
@keyframes live {
  0% { filter:saturate(0); }
  50% { filter:saturate(1); }
  100% { filter:saturate(0); }
}
[type=search], [type=password] {
    background: none !important;
    color: var(--wk-text-color) !important;
    border: 0 !important;
    width: 100%;
}
[type=search]:focus {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
[type=search]::placeholder {
    color: var(--wk-text-secondary);
}
[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 2rem;
  width: 2rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjQ2MDQgNC42NDU5OEM0LjY5MjQ4IDQuNTk5NDEgNC43NDc2NiA0LjU2MjQ3IDQuODA4NDEgNC41MzcyN0M0Ljg2OTE1IDQuNTEyMDYgNC45MzQyNyA0LjQ5OTA4IDUuMDAwMDQgNC40OTkwOEM1LjA2NTgxIDQuNDk5MDggNS4xMzA5MyA0LjUxMjA2IDUuMTkxNjcgNC41MzcyN0M1LjI1MjQyIDQuNTYyNDcgNS4zMDc1OSA0LjU5OTQxIDUuMzU0MDQgNC42NDU5OEw4LjAwMDA0IDcuMjkyOThMMTAuNjQ2IDQuNjQ1OThDMTAuNjkyNSA0LjU5OTQ5IDEwLjc0NzcgNC41NjI2MSAxMC44MDg1IDQuNTM3NDVDMTAuODY5MiA0LjUxMjMgMTAuOTM0MyA0LjQ5OTM1IDExIDQuNDk5MzVDMTEuMDY1OCA0LjQ5OTM1IDExLjEzMDkgNC41MTIzIDExLjE5MTYgNC41Mzc0NUMxMS4yNTI0IDQuNTYyNjEgMTEuMzA3NiA0LjU5OTQ5IDExLjM1NCA0LjY0NTk4QzExLjQwMDUgNC42OTI0NyAxMS40Mzc0IDQuNzQ3NjYgMTEuNDYyNiA0LjgwODM5QzExLjQ4NzcgNC44NjkxMyAxMS41MDA3IDQuOTM0MjMgMTEuNTAwNyA0Ljk5OTk4QzExLjUwMDcgNS4wNjU3MiAxMS40ODc3IDUuMTMwODIgMTEuNDYyNiA1LjE5MTU2QzExLjQzNzQgNS4yNTIzIDExLjQwMDUgNS4zMDc0OSAxMS4zNTQgNS4zNTM5OEw4LjcwNzA0IDcuOTk5OThMMTEuMzU0IDEwLjY0NkMxMS40MDA1IDEwLjY5MjUgMTEuNDM3NCAxMC43NDc3IDExLjQ2MjYgMTAuODA4NEMxMS40ODc3IDEwLjg2OTEgMTEuNTAwNyAxMC45MzQyIDExLjUwMDcgMTFDMTEuNTAwNyAxMS4wNjU3IDExLjQ4NzcgMTEuMTMwOCAxMS40NjI2IDExLjE5MTZDMTEuNDM3NCAxMS4yNTIzIDExLjQwMDUgMTEuMzA3NSAxMS4zNTQgMTEuMzU0QzExLjMwNzYgMTEuNDAwNSAxMS4yNTI0IDExLjQzNzMgMTEuMTkxNiAxMS40NjI1QzExLjEzMDkgMTEuNDg3NyAxMS4wNjU4IDExLjUwMDYgMTEgMTEuNTAwNkMxMC45MzQzIDExLjUwMDYgMTAuODY5MiAxMS40ODc3IDEwLjgwODUgMTEuNDYyNUMxMC43NDc3IDExLjQzNzMgMTAuNjkyNSAxMS40MDA1IDEwLjY0NiAxMS4zNTRMOC4wMDAwNCA4LjcwNjk4TDUuMzU0MDQgMTEuMzU0QzUuMzA3NTUgMTEuNDAwNSA1LjI1MjM2IDExLjQzNzMgNS4xOTE2MiAxMS40NjI1QzUuMTMwODggMTEuNDg3NyA1LjA2NTc4IDExLjUwMDYgNS4wMDAwNCAxMS41MDA2QzQuOTM0MyAxMS41MDA2IDQuODY5MTkgMTEuNDg3NyA0LjgwODQ2IDExLjQ2MjVDNC43NDc3MiAxMS40MzczIDQuNjkyNTMgMTEuNDAwNSA0LjY0NjA0IDExLjM1NEM0LjU5OTU1IDExLjMwNzUgNC41NjI2NyAxMS4yNTIzIDQuNTM3NTIgMTEuMTkxNkM0LjUxMjM2IDExLjEzMDggNC40OTk0MSAxMS4wNjU3IDQuNDk5NDEgMTFDNC40OTk0MSAxMC45MzQyIDQuNTEyMzYgMTAuODY5MSA0LjUzNzUyIDEwLjgwODRDNC41NjI2NyAxMC43NDc3IDQuNTk5NTUgMTAuNjkyNSA0LjY0NjA0IDEwLjY0Nkw3LjI5MzA0IDcuOTk5OThMNC42NDYwNCA1LjM1Mzk4QzQuNTk5NDggNS4zMDc1MyA0LjU2MjUzIDUuMjUyMzYgNC41MzczMyA1LjE5MTYxQzQuNTEyMTIgNS4xMzA4NyA0LjQ5OTE1IDUuMDY1NzUgNC40OTkxNSA0Ljk5OTk4QzQuNDk5MTUgNC45MzQyMSA0LjUxMjEyIDQuODY5MDkgNC41MzczMyA0LjgwODM0QzQuNTYyNTMgNC43NDc2IDQuNTk5NDggNC42OTI0MiA0LjY0NjA0IDQuNjQ1OThaIiBmaWxsPSIjQjVDMUNEIi8+Cjwvc3ZnPgo=);
  background-size: 2rem 2rem;
}
[type=password] {
    border: solid 1px var(--wk-text-secondary) !important;
}
.nav-tabs {
    border-color: var(--wk-bg-body);
}
.nav-link.active {
    background-color: var(--wk-bg-footer) !important;
    border-color: var(--wk-bg-footer) !important;
}
.nav-link {
    color: var(--wk-text-color) !important;
}

/* Text */
.fs-sm {
    font-size: 0.75rem;
}
.text-truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2lh;
}
.text-truncate-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3lh;
}

/* Layout */

body {
    overflow-x: hidden;
}

footer > a {
    width: 16.667%;
}

.swiffy-slider > .slider-indicators {
    position: static;
    margin-top: 1rem;
    margin-bottom: 0;
    display: flex;
}

.modal, .modal-body, .modal-content {
    overflow-x: hidden;
}

/* Footer */
.btn.special {
    background-color: var(--wk-bg-footer);
    position: fixed;
    bottom: 2rem;
    width: 125px;
    height: 125px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 6px var(--wk-bg-body);
    border-radius: 100vh;
}
.btn.special > .bi {
    font-size: 3rem !important;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}

/* Behaviour */
.modal.fade .modal-dialog.slide-up {
    transform: translate(0, 60vh);
}
/* OLD */

/* Carousel */

/* bootstrap-select */

.bootstrap-select {
  width: 100% !important;
}
.bootstrap-select button {
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.bootstrap-select > .dropdown-toggle:after {
    border: 0 !important;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    width: 0.85rem;
}

/* bootstrap-datepicker */

.datepicker, .datepicker-days, .datepicker-days > .table-condensed {
    width: 100%;
}