:root {
    --ar-primary: #008748;
    --ar-primary-rgb: 0, 135, 72;
    --ar-link-color: #008748;
    --ar-link-hover-color: #05753a;
    --ar-warning: #f5c647;
    --ar-warning-rgb: 245,198,71;
    --ar-info: #2eb1cd;
    --ar-info-rgb: 46,177,205;
    --ar-success: #2db74b;
    --ar-success-rgb: 45,183,75;
    --ar-danger: #ec4646;
    --ar-danger-rgb: 236,70,70;
    --ar-border-width: 1px;
    --ar-border-radius: 0.3rem;
    --ar-border-radius-sm: calc(var(--ar-border-radius)*0.5);
    --ar-border-radius-lg: calc(var(--ar-border-radius)*1);
    --ar-border-radius-2xl: calc(var(--ar-border-radius)*2);
}


body {
    --ar-bg-opacity: 1;
    background-color: var(--ar-gray-100) !important;
}

.navbar-brand .logo {
    height: 4rem
}

py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.btn:focus {
    outline: 0;
}

.btn-primary {
    --ar-btn-color: #000;
    --ar-btn-bg: #008748;
    --ar-btn-border-color: #008748;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #05753a;
    --ar-btn-hover-border-color: #05753a;
    --ar-btn-focus-shadow-rgb: 58, 119, 99;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #019d54;
    --ar-btn-active-border-color: #019d54;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #fff;
    --ar-btn-disabled-bg: #56da82;
    --ar-btn-disabled-border-color: #56da82;
}

.btn-outline-primary {
    --ar-btn-color: #008748;
    --ar-btn-border-color: #008748;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #05753a;
    --ar-btn-hover-border-color: #05753a;
    --ar-btn-focus-shadow-rgb: 68, 140, 116;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #019d54;
    --ar-btn-active-border-color: #019d54;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #56da82;
    --ar-btn-disabled-bg: transparent;
    --ar-btn-disabled-border-color: #56da82;
    --ar-gradient: none;
}

.progress {
    --ar-progress-bar-bg: #008748;
}


.btn-warning {
    --ar-btn-color: #fff;
    --ar-btn-bg: #ffd116;
    --ar-btn-border-color: #ffd116;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #f3c300;
    --ar-btn-hover-border-color: #f3c300;
    --ar-btn-focus-shadow-rgb: 201, 173, 68;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #fdcb01;
    --ar-btn-active-border-color: #fdcb01;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #fff;
    --ar-btn-disabled-bg: #ffd36b;
    --ar-btn-disabled-border-color: #ffd36b;
}

.alert-success {
    --ar-alert-color: #008748;
    --ar-alert-bg: #ecfaf4;
    --ar-alert-border-color: #56da82;
}

.object-fit-img {
    object-fit: contain;
    height: 7rem;
    padding: 0.5rem;
    width: 7rem;
}

.progress {
    --ar-progress-height: 1.5rem;
}

.dark-mode .btn.fileinput-button {
    line-height: 1.4;
    color: var(--ar-body-color);
    background-color: transparent;
    background-clip: padding-box;
    border: var(--ar-border-width) solid var(--ar-gray-400);
}


.dark-mode .file-del, .dark-mode .view-file {
    color: var(--ar-body-color);
    text-decoration: none;
}

.project .card-img-top {
    object-fit: cover;
    height: 200px;
    object-position: center center;
}

.arrow-svg {
    transform: rotate(-195deg);
}


@media (max-width: 768px) {
    .arrow-svg {
        transform: rotate(98deg);
    }

    .tab-projects .nav-link {
        font-size: 0.78rem;
    }
}