:root {
    --ar-primary: #0173cf;
    --ar-primary-rgb: 1,115,207;
    --ar-link-color: #0173cf;
    --ar-link-hover-color: #005ab6;
    --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-body-font-family: 'Inter',sans-serif;
    --ar-root-font-size: 1rem;
    --ar-body-font-size: 1rem;
    --ar-border-width: 1px;
    --ar-border-radius: 0.5rem;
    --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);
}

.btn-primary {
    --ar-btn-bg: #0173cf;
    --ar-btn-border-color: #0173cf;
    --ar-btn-hover-bg: #005ab6;
    --ar-btn-hover-border-color: #005ab6;
    --ar-btn-active-bg: #005ab6;
    --ar-btn-active-border-color: #005ab6;
    --ar-btn-disabled-bg: #0173cf;
    --ar-btn-disabled-border-color: #0173cf;
}

.btn-warning {
    --ar-btn-bg: #f5c647;
    --ar-btn-border-color: #f5c647;
    --ar-btn-hover-bg: #dcad2e;
    --ar-btn-hover-border-color: #dcad2e;
    --ar-btn-active-bg: #dcad2e;
    --ar-btn-active-border-color: #dcad2e;
    --ar-btn-disabled-bg: #f5c647;
    --ar-btn-disabled-border-color: #f5c647;
}

.btn-info {
    --ar-btn-bg: #2eb1cd;
    --ar-btn-border-color: #2eb1cd;
    --ar-btn-hover-bg: #1598b4;
    --ar-btn-hover-border-color: #1598b4;
    --ar-btn-active-bg: #1598b4;
    --ar-btn-active-border-color: #1598b4;
    --ar-btn-disabled-bg: #2eb1cd;
    --ar-btn-disabled-border-color: #2eb1cd;
}

.btn-success {
    --ar-btn-bg: #2db74b;
    --ar-btn-border-color: #2db74b;
    --ar-btn-hover-bg: #149e32;
    --ar-btn-hover-border-color: #149e32;
    --ar-btn-active-bg: #149e32;
    --ar-btn-active-border-color: #149e32;
    --ar-btn-disabled-bg: #2db74b;
    --ar-btn-disabled-border-color: #2db74b;
}

.btn-danger {
    --ar-btn-bg: #ec4646;
    --ar-btn-border-color: #ec4646;
    --ar-btn-hover-bg: #d32d2d;
    --ar-btn-hover-border-color: #d32d2d;
    --ar-btn-active-bg: #d32d2d;
    --ar-btn-active-border-color: #d32d2d;
    --ar-btn-disabled-bg: #ec4646;
    --ar-btn-disabled-border-color: #ec4646;
}

.btn-outline-primary {
    --ar-btn-color: #0173cf;
    --ar-btn-border-color: #0173cf;
    --ar-btn-hover-bg: #0173cf;
    --ar-btn-hover-border-color: #0173cf;
    --ar-btn-active-bg: #0173cf;
    --ar-btn-active-border-color: #0173cf;
    --ar-btn-disabled-color: #0173cf;
    --ar-btn-disabled-border-color: #0173cf;
}

.btn-outline-warning {
    --ar-btn-color: #f5c647;
    --ar-btn-border-color: #f5c647;
    --ar-btn-hover-bg: #f5c647;
    --ar-btn-hover-border-color: #f5c647;
    --ar-btn-active-bg: #f5c647;
    --ar-btn-active-border-color: #f5c647;
    --ar-btn-disabled-color: #f5c647;
    --ar-btn-disabled-border-color: #f5c647;
}

.btn-outline-info {
    --ar-btn-color: #2eb1cd;
    --ar-btn-border-color: #2eb1cd;
    --ar-btn-hover-bg: #2eb1cd;
    --ar-btn-hover-border-color: #2eb1cd;
    --ar-btn-active-bg: #2eb1cd;
    --ar-btn-active-border-color: #2eb1cd;
    --ar-btn-disabled-color: #2eb1cd;
    --ar-btn-disabled-border-color: #2eb1cd;
}

.btn-outline-success {
    --ar-btn-color: #2db74b;
    --ar-btn-border-color: #2db74b;
    --ar-btn-hover-bg: #2db74b;
    --ar-btn-hover-border-color: #2db74b;
    --ar-btn-active-bg: #2db74b;
    --ar-btn-active-border-color: #2db74b;
    --ar-btn-disabled-color: #2db74b;
    --ar-btn-disabled-border-color: #2db74b;
}

.btn-outline-danger {
    --ar-btn-color: #ec4646;
    --ar-btn-border-color: #ec4646;
    --ar-btn-hover-bg: #ec4646;
    --ar-btn-hover-border-color: #ec4646;
    --ar-btn-active-bg: #ec4646;
    --ar-btn-active-border-color: #ec4646;
    --ar-btn-disabled-color: #ec4646;
    --ar-btn-disabled-border-color: #ec4646;
}

.btn-primary {
    --ar-btn-bg: #0173cf;
    --ar-btn-border-color: #0173cf;
    --ar-btn-hover-bg: #005ab6;
    --ar-btn-hover-border-color: #005ab6;
    --ar-btn-active-bg: #005ab6;
    --ar-btn-active-border-color: #005ab6;
    --ar-btn-disabled-bg: #0173cf;
    --ar-btn-disabled-border-color: #0173cf;
}

.btn-warning {
    --ar-btn-bg: #f5c647;
    --ar-btn-border-color: #f5c647;
    --ar-btn-hover-bg: #dcad2e;
    --ar-btn-hover-border-color: #dcad2e;
    --ar-btn-active-bg: #dcad2e;
    --ar-btn-active-border-color: #dcad2e;
    --ar-btn-disabled-bg: #f5c647;
    --ar-btn-disabled-border-color: #f5c647;
}

.btn-info {
    --ar-btn-bg: #2eb1cd;
    --ar-btn-border-color: #2eb1cd;
    --ar-btn-hover-bg: #1598b4;
    --ar-btn-hover-border-color: #1598b4;
    --ar-btn-active-bg: #1598b4;
    --ar-btn-active-border-color: #1598b4;
    --ar-btn-disabled-bg: #2eb1cd;
    --ar-btn-disabled-border-color: #2eb1cd;
}

.btn-success {
    --ar-btn-bg: #2db74b;
    --ar-btn-border-color: #2db74b;
    --ar-btn-hover-bg: #149e32;
    --ar-btn-hover-border-color: #149e32;
    --ar-btn-active-bg: #149e32;
    --ar-btn-active-border-color: #149e32;
    --ar-btn-disabled-bg: #2db74b;
    --ar-btn-disabled-border-color: #2db74b;
}

.btn-danger {
    --ar-btn-bg: #ec4646;
    --ar-btn-border-color: #ec4646;
    --ar-btn-hover-bg: #d32d2d;
    --ar-btn-hover-border-color: #d32d2d;
    --ar-btn-active-bg: #d32d2d;
    --ar-btn-active-border-color: #d32d2d;
    --ar-btn-disabled-bg: #ec4646;
    --ar-btn-disabled-border-color: #ec4646;
}

.btn-outline-primary {
    --ar-btn-color: #0173cf;
    --ar-btn-border-color: #0173cf;
    --ar-btn-hover-bg: #0173cf;
    --ar-btn-hover-border-color: #0173cf;
    --ar-btn-active-bg: #0173cf;
    --ar-btn-active-border-color: #0173cf;
    --ar-btn-disabled-color: #0173cf;
    --ar-btn-disabled-border-color: #0173cf;
}

.btn-outline-warning {
    --ar-btn-color: #f5c647;
    --ar-btn-border-color: #f5c647;
    --ar-btn-hover-bg: #f5c647;
    --ar-btn-hover-border-color: #f5c647;
    --ar-btn-active-bg: #f5c647;
    --ar-btn-active-border-color: #f5c647;
    --ar-btn-disabled-color: #f5c647;
    --ar-btn-disabled-border-color: #f5c647;
}

.btn-outline-info {
    --ar-btn-color: #2eb1cd;
    --ar-btn-border-color: #2eb1cd;
    --ar-btn-hover-bg: #2eb1cd;
    --ar-btn-hover-border-color: #2eb1cd;
    --ar-btn-active-bg: #2eb1cd;
    --ar-btn-active-border-color: #2eb1cd;
    --ar-btn-disabled-color: #2eb1cd;
    --ar-btn-disabled-border-color: #2eb1cd;
}

.btn-outline-success {
    --ar-btn-color: #2db74b;
    --ar-btn-border-color: #2db74b;
    --ar-btn-hover-bg: #2db74b;
    --ar-btn-hover-border-color: #2db74b;
    --ar-btn-active-bg: #2db74b;
    --ar-btn-active-border-color: #2db74b;
    --ar-btn-disabled-color: #2db74b;
    --ar-btn-disabled-border-color: #2db74b;
}

.btn-outline-danger {
    --ar-btn-color: #ec4646;
    --ar-btn-border-color: #ec4646;
    --ar-btn-hover-bg: #ec4646;
    --ar-btn-hover-border-color: #ec4646;
    --ar-btn-active-bg: #ec4646;
    --ar-btn-active-border-color: #ec4646;
    --ar-btn-disabled-color: #ec4646;
    --ar-btn-disabled-border-color: #ec4646;
}

.steps {
    --ar-steps-padding-y: .6rem;
    --ar-steps-padding-x: 1.5rem;
    --ar-steps-number-size: 4.5rem;
    --ar-steps-number-inner-size: 3.5rem;
    --ar-steps-number-border-radius: 50%;
    --ar-steps-number-font-size: calc(var(--ar-body-font-size) * 1.25);
    --ar-steps-number-inner-bg: var(--ar-gray-100);
    --ar-steps-number-color: var(--ar-primary);
    --ar-steps-connect-width: var(--ar-border-width);
    --ar-steps-connect-style: dashed;
    --ar-steps-connect-color: var(--ar-gray-400);
    --ar-steps-active-number-bg: rgba(var(--ar-warning-rgb), 0.1);
    --ar-steps-active-number-inner-bg: var(--ar-yellow);
    --ar-steps-active-number-color: #fff;
    --ar-steps-success-number-bg: rgba(var(--ar-success-rgb), 0.1);
    --ar-steps-success-number-inner-bg: var(--ar-success);
    --ar-steps-success-number-color: #fff;
}

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

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

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

.btn:focus {
    outline: 0;
}


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

.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);
}

.btn {
    text-transform: capitalize
}

.btn-sm, .btn-group-sm > .btn {
    --ar-btn-font-size: calc(var(--ar-body-font-size) * 0.80);
}

.count-input .form-control {
    width: 3rem !important;
}

.fw-bold {
    font-weight: 900 !important;
}

.dark-mode .bg-white {
    background-color: #000 !important;
}

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

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


.dark-mode .logo[data-mode="light"] {
    display: none;
}

.dark-mode .logo[data-mode="dark"] {
    display: block;
}

.logo[data-mode="dark"] {
    display: none;
}

.unit-title {
    margin-left: 3px;
    font-size: .75em
}


.accordion-invoices .accordion-button {
    display: block !important
}


.progress-minify .ready-pnl {
    display: none !important;
}

.progress-minify .steps {
    margin: 0 !important;
}

    .progress-minify .steps h6 {
        font-size: .75em;
        font-weight: normal
    }

    .progress-minify .steps .step-body small {
        display: none !important;
    }

.progress-minify .steps {
    --ar-steps-padding-x: 0
}

    .progress-minify .steps.steps-xs {
        --ar-steps-padding-y: .2rem;
        --ar-steps-number-size: 1.8rem;
        --ar-steps-number-inner-size: 1.2rem;
        --ar-steps-number-font-size: calc(var(--ar-body-font-size) * .9);
    }