.text-errorRed {
    color: #de3030 !important;
}

.bg-reachedLocation {
    background-color: #ecffbc !important;
}

.text-italic {
    font-style: italic !important;
}

.border-normalRed {
    border-color: #de3030 !important;
}

.text-darkGrey {
    color: #737476 !important;
}

.bg-normalRed {
    background-color: #de303047 !important;
}

.vertical-align-super {
    vertical-align: super!important;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.show_password {
    vertical-align: middle;
}

.errorInputField {
    outline-color: #de3030a3 !important;
    background-color: #de303021 !important;
    color: black !important;
    border-color: #de3030a3 !important;
}

.disabledBtn {
    opacity: 0.4 !important;
}

.amchart {
    width: 100%;
    height: 300px;
    font-size: 15px;
}

.grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
}

.grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
}

.min-h-\[500px\] {
    min-height: 500px !important;
}

.min-h-\[400px\] {
    min-height: 400px !important;
}

.min-h-\[300px\] {
    min-height: 300px !important;
}

.h-\[50px\] {
    height: 50px !important;
}

.pb-\[10px\] {
    padding-bottom: 10px !important;
}

.pt-\[18px\] {
    padding-top: 18px !important;
}

.pb-\[22px\] {
    padding-bottom: 22px !important;
}

.lg\:pt-\[22px\] {
    padding-top: 22px !important;
}

.text-\[18px\] {
    font-size: 18px !important;
}

.text-\[15px\] {
    font-size: 15px !important;
}

.text-\[16px\] {
    font-size: 16px !important;
}

.mb-\[12px\] {
    margin-bottom: 12px !important;
}

.h-\[60px\] {
    height: 60px !important;
}

.col-span-3 {
    grid-column: span 3 / span 3 !important
}

.col-span-4 {
    grid-column: span 4 / span 4 !important
}

.gap-3rem {
    gap: 3rem !important
}


.w3-light-grey {
    color: #000 !important;
    border-radius: 10px !important;
}

.w3-tiny {
    font-size: 2px !important;
}

.w3-container {
    padding: 0.01em 16px;
    border-radius: 10px !important;
}

.w3-green {
    color: #fff !important;
    background-color: rgb(var(--primary-color)) !important;
}

.bg-lightBlue5th {
    --tw-bg-opacity: 1 !important;
    background-color: #d2e5f27d !important
}

.badge-icon {
    border-radius: 17px;
    padding: 6px;
    border: 1px solid rgb(var(--primary-color));
    width: 30px;
}

.border-success {
    --tw-border-opacity: 1 !important;
    border-color: #90b72d !important
}

.bg-success {
    --tw-bg-opacity: 1 !important;
    background-color: #90b72d !important
}

.text-success {
    --tw-text-opacity: 1 !important;
    color: #90b72d !important
}

.bg-lightSuccess {
    --tw-bg-opacity: .1 !important;
    background-color: rgb(144 183 45 / .1) !important
}


svg {
    transform-origin: center center;
    touch-action: manipulation;
    user-select: none;
}