:root {
    --success: #82cdb4;
    --success-dark: #5e9482;
    --danger: #d97688;
    --warning: #f1e39b;
    --info: #82c7cd;
    --dark: #3b3a3a;
    --grey: #efecec;
}

.navbar-nav .nav-link.active {
    color: var(--success)!important;
}

.bg-success-custom {
    background-color: var(--success)!important;
}

.bg-warning-custom {
    background-color: var(--warning)!important;
}

.bg-danger-custom {
    background-color: var(--danger)!important;
}

.bg-info-custom {
    background-color: var(--info)!important;
}

.btn-success {
    background-color: var(--success)!important;
}

.btn-danger {
    background-color: var(--danger)!important;
}

.btn-warning {
    background-color: var(--warning)!important;
}

.btn-outline-success {
    border-color: var(--success)!important;
    color: var(--success)!important;
}

.btn-outline-warning {
    border-color: var(--warning)!important;
    color: var(--warning)!important;
}

.btn-outline-info {
    border-color: var(--info)!important;
    color: var(--info)!important;
}

.btn-outline-danger {
    border-color: var(--danger)!important;
    color: var(--danger)!important;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: var(--grey)!important;
}

.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}

.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}

.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}

.breadcrumb-arrow li + li:before {
    padding: 0;
    content: ""
}

.breadcrumb-arrow li span {
    padding: 0 10px
}

.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}

.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}

.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: var(--success);
    border: 1px solid var(--success)
}

.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}

.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}

.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: var(--success);
    border-left-style: solid;
    border-left-width: 11px
}

.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid var(--success-dark)
}

.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: var(--success);
    border: 1px solid var(--success)
}

.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: var(--success)
}

.breadcrumb-arrow li a:active {
    background-color: var(--success);
    border: 1px solid var(--success)
}

.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: var(--success)
}

.breadcrumb-arrow li span {
    color: var(--dark)
}