:root {
    /* Purple */
    --purple: #4F2D7F;
    --purple-80: #725799;
    --purple-60: #9581b2;
    --purple-40: #b9abcc;
    --purple-20: #dcd5e5;

    /* Warm grey */
    --warm-grey: #C8BEAF;
    --warm-grey-80: #d3cbbf;
    --warm-grey-60: #ded8cf;
    --warm-grey-40: #e9e5df;
    --warm-grey-20: #f4f2ef;

    /* Teal */
    --teal: #00A7B5;
    --teal-80: #33b9c4;
    --teal-60: #66cad3;
    --teal-40: #99dce1;
    --teal-20: #ccedf0;

    /* Green */
    --green: #9BD732;
    --green-80: #afdf5b;
    --green-60: #c3e784;
    --green-40: #d7efad;
    --green-20: #ebf7d6;

    /* Orange */
    --orange: #FF7D1E;
    --orange-80: #ff974b;
    --orange-60: #ffb178;
    --orange-40: #ffcba5;
    --orange-20: #ffe5d2;

    /* Red */
    --red: #DE002E;
    --red-80: #e53358;
    --red-60: #eb6682;
    --red-40: #f299ab;
    --red-20: #f8ccd5;

    --yellow-gt: #ffc23d
}
  
/*** Text Color GT ***/

.text-purple-gt {
    color: var(--purple) !important;
}
.text-purple-gt-80 {
    color: var(--purple-80) !important;
}
.text-purple-gt-60 {
    color: var(--purple-60) !important;
}
.text-warm-grey-gt {
    color: var(--warm-grey) !important;
}
.text-teal-gt {
    color: var(--teal) !important;
}
.text-green-gt {
    color: var(--green) !important;
}
.text-orange-gt {
    color: var(--orange) !important;
}
.text-red-gt {
    color: var(--red) !important;
}


/*** Background Color GT ***/

/* Purple */
.bg-yellow-gt {
    background-color: var(--yellow-gt) !important;
}
.bg-purple-gt {
    background-color: var(--purple) !important;
}
.bg-purple-gt-80 {
    background-color: var(--purple-80) !important;
}
.bg-purple-gt-60 {
    background-color: var(--purple-60) !important;
}
.bg-purple-gt-40 {
    background-color: var(--purple-40) !important;
}
.bg-purple-gt-20 {
    background-color: var(--purple-20) !important;
}

/* Grey */
.bg-warm-grey-gt {
    background-color: var(--warm-grey) !important;
}
.bg-warm-grey-gt-80 {
    background-color: var(--warm-grey-80) !important;
}
.bg-warm-grey-gt-60 {
    background-color: var(--warm-grey-60) !important;
}
.bg-warm-grey-gt-40 {
    background-color: var(--warm-grey-40) !important;
}
.bg-warm-grey-gt-20 {
    background-color: var(--warm-grey-20) !important;
}

/* Teal */
.bg-teal-gt {
    background-color: var(--teal) !important;
}
.bg-teal-gt-80 {
    background-color: var(--teal-80) !important;
}
.bg-teal-gt-60 {
    background-color: var(--teal-60) !important;
}
.bg-teal-gt-40 {
    background-color: var(--teal-40) !important;
}
.bg-teal-gt-20 {
    background-color: var(--teal-20) !important;
}

/* Green */
.bg-green-gt {
    background-color: var(--green) !important;
}
.bg-green-gt-80 {
    background-color: var(--green-80) !important;
}
.bg-green-gt-60 {
    background-color: var(--green-60) !important;
}
.bg-green-gt-40 {
    background-color: var(--green-40) !important;
}
.bg-green-gt-20 {
    background-color: var(--green-20) !important;
}

/* Orange */
.bg-orange-gt {
    background-color: var(--orange) !important;
}
.bg-orange-gt-80 {
    background-color: var(--orange-80) !important;
}
.bg-orange-gt-60 {
    background-color: var(--orange-60) !important;
}
.bg-orange-gt-40 {
    background-color: var(--orange-40) !important;
}
.bg-orange-gt-20 {
    background-color: var(--orange-20) !important;
}

/* Red */
.bg-red-gt {
    background-color: var(--red) !important;
}
.bg-red-gt-80 {
    background-color: var(--red-80) !important;
}
.bg-red-gt-60 {
    background-color: var(--red-60) !important;
}
.bg-red-gt-40 {
    background-color: var(--red-40) !important;
}
.bg-red-gt-20 {
    background-color: var(--red-20) !important;
}

/*** Alerts ***/
.alert-success-gt {
    color: #fff;
    background-color: var(--green) !important;
    border-color: var(--green) !important;
  }

.alert-warning-gt {
    color: #fff;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}
/*** Buttons GT ***/

.btn-purple-gt{
    color: var(--white)  !important;
    background-color: var(--purple)  !important;
    border-color: var(--purple)  !important;
}

.btn-warm-grey-gt {
    color: black  !important;
    background-color: var(--warm-grey)  !important;
    border-color: var(--warm-grey)  !important;
}
.btn-teal-gt {
    color: var(--white) !important;
    background-color: var(--teal)!important;
    border-color: var(--teal)!important;
}
.btn-green-gt{
    color: var(--white) !important;
    background-color: var(--green)!important;
    border-color: var(--green)!important;
}
.btn-orange-gt {
    color: var(--white) !important;
    background-color: var(--orange)!important;
    border-color: var(--orange)!important;
}
.btn-red-gt {
    color: var(--white) !important;
    background-color: var(--red)!important;
    border-color: var(--red)!important;
}

.active-gt{
    color: #fff !important;
    background-color: var(--purple)  !important;
    border-right: 5px solid var(--green)  !important;
}

.border-gt{
    border-left: 5px solid var(--green)  !important;
}

.dropdown_client_dash{
    font-size:larger;
}


/* hover */

.border-gt:hover{
    cursor: pointer;
    border-left: 20px solid var(--green)  !important;
}


.card-ativo{
    border-left:.50rem solid #4e73df!important
}
.hover_card{
    cursor: pointer;
}

.hover_card:hover{
    border-left:.50rem solid var(--green)!important
}