:root {
    --footer-bg-color: #f3f2f0;
    --footer-cyan-color: #6e87aa;
    --taduoo-light-grey: #f4f4f4;
    --taduoo-light-grey-2: #bfbfbf;
    --taduoo-dark-grey: #707793;
    --taduoo-dark-grey-2: #7b8082;
}


/* TEXT */
.text-taduoo-cyan,
.text-taduoo-cyan * {
    color: var(--footer-cyan-color);
}

.text-taduoo-dark-grey {
    color: var(--taduoo-dark-grey);
}

.text-taduoo-dark-grey-2,
.text-taduoo-dark-grey-2 * {
    color: var(--taduoo-dark-grey-2);
}


/* BACKGROUND */
.bg-taduoo-light-grey {
    background-color: var(--taduoo-light-grey);
}

/* BORDER */
.border-taduoo-light-grey-2 {
    border-color: var(--taduoo-light-grey-2);
}


/* BUTTON */
.btn-taduoo-dark-grey {
    background-color: var(--taduoo-dark-grey);
    color: white;
}

.btn-taduoo-dark-grey:hover {
    background-color: #5e647a;
    color: white;
}


/* GENERAL */
.quotation-input::placeholder {
    color: var(--taduoo-dark-grey-2);
}

.quotation-input ~ label::after {
    background-color: transparent !important;
}

.tdo-precompiled,
.tdo-precompiled:focus {
    background-color: aliceblue !important;
}

.psw-input {
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-toggle-psw {
    color: lightgrey;
    border: 1px solid #dee2e6;
    border-left: 0;
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .375rem .75rem;
    font-size: 1rem;
    background-color: white;
    transition: .3s;
}

footer {
    background-color: #2e3047;
}