﻿:root {
    --black-primary: #1A1A1A;
    --black-secondary: #737373;
    --orange-100: #F15C00;
    --orange-200: #FF6600;
    --orange-300: #F15C00;
    --orange-primary: #FF6600;
    --orange-secondary: #FF66001A;
    --orange-background: #FF66000D;
    --green-primary: #16A34A;
    --green-secondary: #E8FFE8;
    --purple-primary: #9333EA;
    --purple-secondary: #F6EDFE;
    --blue-pimary: #0059FF;
    --blue-secondary: #00BAFF;
    --red-primary: #DC2626;
    --red-background: #EF44440D;
    --red-background-secondary: #EF4343;
    --yellow-secondary: #FACC1526;
}


.text-glemo-primary{
    color: var(--black-primary) !important;
}
.text-glemo-secondary{
    color: var(--black-secondary) !important;
}
.btn-glemo-light{
    border: 1px solid rgba(230, 230, 230, 1)!important;
    color: black!important;
}

.bg-orange-primary-light{
    background-color: rgba(255, 102, 0, 0.1)!important;
}

.border-orange-primary-light{
    border: 1px solid rgba(255, 102, 0, 0.2) !important;
}

.bg-dark-light{
    background-color: rgba(244, 244, 244, 1)!important;
}
.text-orange-primary{
    color: var(--orange-primary) !important;
}
.text-purple{
    color: var(--purple-primary) !important;
}
.bg-purple-light{
    background-color: rgba(168, 85, 247, 0.1)!important;
}
.text-green{
    color: var(--green-primary) !important;
}

.bg-green{
    background-color: rgba(34, 197, 94, 0.1)!important;
}
.text-red {
    color: var(--red-primary) !important;
}
.text-glemo-blue{
    color: var(--blue-pimary) !important;
}
.bg-glemo-blue-light{
    background-color: rgba(59, 130, 246, 0.1) !important;
}
.bg-orange-primary {
    background-color: var(--orange-primary) !important;
}
.bg-yellow-secondary {
    background-color: var(--yellow-secondary) !important;
}
.text-yellow-secondary {
    color: var(--yellow-secondary) !important;
}
.text-yellow{
    color: rgba(202, 138, 4, 1)!important;
}
.bg-yellow-secondary-light {
    background-color: rgba(234, 179, 8, 0.1)!important;
}
.bg-orange-gradient {
    background: linear-gradient(to top right, #FA8702, #F25E01) !important;
}
.bg-orange-secondary {
    background-color: var(--orange-secondary) !important;
}

.bg-blue-gradient {
    background: linear-gradient(to top right, #01BCFD, #0163FF) !important;
}
.bg-yellow-gradient {
    background: linear-gradient(to top right, #CCCF0A, #EBAE03) !important;
}
.bg-purple{
    background-color: var(--purple-secondary) !important;
}
.bg-green-primary {
    background-color: var(--green-primary) !important;
}
.bg-green-primary-light{
    background-color:var(--green-secondary) !important;
}
.bg-red {
    background-color: var(--red-background-secondary) !important;
}
.bg-general {
    background-color: #F8F8F8 !important;
}
.bg-greey {
    background-color: #F5F5F5 !important;
}

.text-black-light{
    color: rgba(75, 85, 99, 1)!important;
}
/*.bg-red-secondary {
    background-color: var(--red-background) !important;
}*/

.text-muted{
    color: rgba(115, 115, 115, 1);
}

.text-muted-2{
    color: rgba(107, 114, 128, 1);
}

.text-muted-3{
    color: rgba(106, 113, 129, 0.6);
}

.border-muted{
  border: 1px solid rgba(212, 212, 216, 1)!important; 
}

.hr-light{
    background-color: #D4D4D8; height: 2px; border: none; width: 98%; margin:6px;
}

input[role="switch"]:checked{
    opacity: 1!important;
    background-color: var(--orange-primary)!important;
}

input[role="switch"]:not(:checked){
    opacity: 1!important;
    background-color: rgba(230, 230, 230, 1)!important;
}

.btn-outline-secondary:hover{
    background-color: white!important;
    color: black!important;
}

.btn-glemo-primary{
    background-color: var(--orange-primary) !important;
    color: white!important;
}