:root {
    --black: #000;
    --dark-gray: #606060;
    --light-gray: #ced4da;
    --green: #1EAA8C;
    --green-inactive: rgba(135,205,190,1);
    --green-tab: #1c9c80;
    --light-gray: #F0F0F0;
    --red: #FF465A;
    --white: #fff;
    --white-inactive: rgba(255,255,255,0.5);
    --yellow: #FFE15A;
    --filter-green: invert(44%) sepia(32%) saturate(5382%) hue-rotate(141deg) brightness(104%) contrast(76%);
    --filter-white: brightness(0) invert(1);
}

.text-white {
    color:var(--white);
}
.text-green {
    color: var(--green);
}

.bg-gray {
    background-color: var(--light-gray)
}

.bg-green {
    background-color: var(--green)
}

.bg-white {
    background-color: var(--white)
}

.border-white {
    border-color: var(--white)
}

.transition-all {
    transition: 300ms ease all
}

.transition-bg {
    transition: 300ms ease background-color
}

.filter--green {
    filter: var(--filter-green)
}
.filter--white {
    filter: var(--filter-white)
}

.text--black {
    color: var(--black)
}

::-moz-placeholder {
    color: var(--green);
    opacity: 1
}

:-ms-input-placeholder {
    color: var(--green);
    opacity: 1
}

::-webkit-input-placeholder {
    color: var(--green);
    opacity: 1
}