body {
    font-family: "Inter", sans-serif;
    font-size: 12px;
}
body,
.h-100vh {
    min-height: 100vh;
}
:root {
    --bs-border-radius: 9px;
    --bs-border-color: #e1e1e1;
    --bs-warning: #ffb140;
    --bs-warning-rgb: 255, 177, 64;
    --bs-link-color: rgba(130, 130, 130, 1);
    --bs-dark-rgb: 92, 57, 72;
}
.pagination {
    --bs-pagination-active-bg: var(--bs-warning);
    --bs-pagination-active-border-color: var(--bs-warning);
    --bs-pagination-hover-color: var(--bs-warning);
    --bs-pagination-focus-color: var(--bs-warning);
}
.input-group-text,
.form-control {
    border-radius: var(--bs-border-radius);
}
.select2-container {
    border-radius: var(--bs-border-radius);
    font-size: 14px;
}

.nav-pills {
    --bs-nav-pills-link-active-color: rgba(92, 57, 72, 1);
    --bs-nav-pills-link-active-bg: var(--bs-warning);
}
div#v-pills-tab.nav-pills {
    --bs-nav-pills-link-active-color: rgba(92, 57, 72, 1);
    --bs-nav-pills-link-active-bg: #fdf9e4;
}
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28236, 239, 241, 1%29'/%3e%3c/svg%3e") !important;
    background-color: rgba(176, 190, 197, 1);
    border-color: rgba(176, 190, 197, 1);
}
.form-switch .form-check-input:checked {
    background-color: rgba(56, 181, 90, 1);
    border-color: rgba(56, 181, 90, 1);
}
.h1,
h1 {
    font-size: 35px;
}

.fs-6 {
    font-size: 18px !important;
}
.fs-7 {
    font-size: 16px;
}
.fs-8 {
    font-size: 14px;
}
.fs-9 {
    font-size: 12px;
}
.shadow {
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.07) !important;
}
table.table {
    vertical-align: middle;
}

select {
    font-size: 14px !important;
}

textarea {
    font-size: 14px !important;
}

input {
    font-size: 14px !important;
}

.invalid-feedback {
    font-size: 12px;
}
.table-responsive-actions {
    padding-bottom: 100px;
}
.menu-size {
    width: 15%;
}
.side-bar-logo {
    width: 100%;
}

.avatar-upload {
    position: relative;
    max-width: 180px;
}
.avatar-upload .avatar-edit {
    position: absolute;
    right: 8px;
    z-index: 1;
    bottom: 10px;
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + span:hover {
    border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + span:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.44 6.2364C17.48 6.30633 17.55 6.35627 17.64 6.35627C20.04 6.35627 22 8.3141 22 10.7114V16.6448C22 19.0422 20.04 21 17.64 21H6.36C3.95 21 2 19.0422 2 16.6448V10.7114C2 8.3141 3.95 6.35627 6.36 6.35627C6.44 6.35627 6.52 6.31632 6.55 6.2364L6.61 6.11654C6.64448 6.04397 6.67987 5.96943 6.71579 5.89376C6.97161 5.35492 7.25463 4.75879 7.43 4.40844C7.89 3.50943 8.67 3.00999 9.64 3H14.35C15.32 3.00999 16.11 3.50943 16.57 4.40844C16.7275 4.72308 16.9674 5.2299 17.1987 5.71839C17.2464 5.81921 17.2938 5.91924 17.34 6.01665L17.44 6.2364ZM16.71 10.0721C16.71 10.5716 17.11 10.9711 17.61 10.9711C18.11 10.9711 18.52 10.5716 18.52 10.0721C18.52 9.5727 18.11 9.16315 17.61 9.16315C17.11 9.16315 16.71 9.5727 16.71 10.0721ZM10.27 11.6204C10.74 11.1509 11.35 10.9012 12 10.9012C12.65 10.9012 13.26 11.1509 13.72 11.6104C14.18 12.0699 14.43 12.6792 14.43 13.3285C14.42 14.667 13.34 15.7558 12 15.7558C11.35 15.7558 10.74 15.5061 10.28 15.0466C9.82 14.5871 9.57 13.9778 9.57 13.3285V13.3185C9.56 12.6892 9.81 12.0799 10.27 11.6204ZM14.77 16.1054C14.06 16.8147 13.08 17.2542 12 17.2542C10.95 17.2542 9.97 16.8446 9.22 16.1054C8.48 15.3563 8.07 14.3774 8.07 13.3285C8.06 12.2897 8.47 11.3108 9.21 10.5616C9.96 9.81243 10.95 9.40289 12 9.40289C13.05 9.40289 14.04 9.81243 14.78 10.5516C15.52 11.3008 15.93 12.2897 15.93 13.3285C15.92 14.4173 15.48 15.3962 14.77 16.1054Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width: 180px;
    height: 180px;
    position: relative;
    border-radius: 100%;
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.dropdown .dropdown-toggle:after {
    content: none;
}
th {
    white-space: nowrap;
}
.modal-header {
    align-items: self-start;
}
.modal-header .btn-close {
    background-size: 20px 15px !important;
}
/* login */
.login {
    background-image: url("../images/loginbg.jpg");
    background-size: cover;
    background-position: bottom;
}

.login .login-content {
    background-color: #fcfbf8;
}

/* layout */

.side-bar .nav-pills .nav-link {
    font-weight: 600;
    padding: 12px 24px 12px 12px;
}
.side-bar .nav-pills .nav-link.active {
    font-weight: bold;
}
.side-bar .nav-pills span {
    position: absolute;
    width: 37px;
    height: 25px;
    right: -45px;
    left: auto;
    top: 12px;
    line-height: 25px;
    background: #ffecc7;
    border-radius: 10px;
}
.side-bar .nav-pills .nav-link:focus,
.side-bar .nav-pills .nav-link:hover {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}
.side-bar .nav-pills .nav-link img {
    margin-top: -4px;
}

/* steps */
.steps .step .step-circle {
    color: var(--bs-warning);
}
.steps .step.active .step-circle {
    color: var(--bs-body-color);
    background-color: var(--bs-warning);
}
.steps .step:not(:nth-child(1)) .step-circle:before,
.steps .step:not(:nth-child(3)) .step-circle:after {
    content: url("data:image/svg+xml,%3Csvg width='273' height='2' viewBox='0 0 273 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='273' y2='1' stroke='%235C3948' stroke-width='2' stroke-dasharray='5 5'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 10px;
    left: calc(100% + 5px);
}
.steps .step:not(:nth-child(1)) .step-circle:before {
    left: auto;
    right: calc(100% + 5px);
}

/* create estimate  */
.create-estimate .nav-pills .nav-link:not(.active) {
    background-color: #f1f1f1;
}

/* project */
.project .badge.rounded-pill {
    background-color: #c3f7e7;
    color: #1ead46;
    font-size: 12px;
}
.project .bg-green {
    background-color: #79b473;
}
.project {
    --bs-dark-rgb: 19, 80, 91;
    --bs-secondary-rgb: 23, 131, 151;
}
.project .main-bar {
    background-image: url("data:image/svg+xml,%3Csvg width='1567' height='168' viewBox='0 0 1567 168' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1689 -26.6371C1517.97 -3.42149 1064.5 150.5 952 161C784.152 176.666 445.454 -99.409 194.363 -26.6371C-6.51042 31.5805 71.6289 141.378 135.808 189L-21 123.818L18.6982 -26.6371H1689Z' stroke='%23FFE68C'/%3E%3C/svg%3E%0A");
}
.project .btn-secondary {
    --bs-btn-bg: #178397;
    --bs-btn-border-color: #178397;
    --bs-btn-disabled-bg: #178397;
    --bs-btn-disabled-border-color: #178397;
}
.project .btn-dark {
    --bs-btn-bg: #13505b;
    --bs-btn-border-color: #13505b;
    --bs-btn-disabled-bg: #13505b;
    --bs-btn-disabled-border-color: #13505b;
}
.project .btn-success {
    --bs-btn-bg: #79b473;
    --bs-btn-border-color: #79b473;
    --bs-btn-disabled-bg: #79b473;
    --bs-btn-disabled-border-color: #79b473;
}
.project .bg-green {
    background-color: #79b473;
}
.project .bg-success {
    background-color: #67b65f !important;
}
.project .accordion .accordion-item.bg-success .badge {
    background-color: #fdd7a0 !important;
}
.project .accordion .accordion-item.bg-success span,
.project .accordion .accordion-item.bg-success h5 {
    color: white;
}
.project .accordion .accordion-item:nth-child(even) .accordion-header {
    /* background-color: #f5f5f5; */
}
/**********responsive********/
@media (max-width: 1024px) {
    .h1,
    h1 {
        font-size: 30px;
    }
}

@media (max-width: 1522px) {
    .add-cashin {
        margin-top: 24px;
    }
}

@media (max-width: 1400px) {
    .add-cashin {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .steps .step.active .step-circle:after,
    .steps .step.active .step-circle:before {
        content: none;
    }
    .steps .step:not(.active) {
        display: none;
    }
}