:root {
    --seccta-orange: #fcc819;
    --seccta-yellow: #f9f187;
    --seccta-brown: #a59683;
    --seccta-grey: #dddac7;
    --seccta-white: #fcfefe;
    --seccta-darker-orange: #BA9313;
    --seccta-darker-yellow: #B8B263;
    --seccta-darker-brown: #595147;
    --success-background: #28a74520;
    --warning-background: #ffc10720;
    --danger-background: #dc354520;
    --info-background: #17a2b820;
}

/* region accordion sidebar */
#accordionSidebar .sidebar-brand {
    padding: 10px;
}
#accordionSidebar .sidebar-brand-icon {
    height: 100%;
}
#accordionSidebar .sidebar-brand-icon img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
#accordionSidebar.sidebar .sidebar-heading {
    font-size: .9rem;
    padding-top: 5px;
}
#accordionSidebar.sidebar-dark .sidebar-heading {
    color: var(--seccta-white);
    opacity: 70%;
}
#accordionSidebar .nav-item .nav-link span {
    font-size: .9rem;
}
.nav-link {
    padding-bottom: 0 !important;
}
.nav-link > i {
    width: 1rem;
    text-align: center;
}
.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner {
    border-left: 1px solid var(--seccta-yellow);
    margin-bottom: 0;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: rgba(255,255,255,0.8) !important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: transparent !important;
    color: var(--seccta-orange) !important;
}
/* endregion */

/* region topbar */
.navbar.topbar {
    background-color: var(--seccta-darker-brown);
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link,
.topbar #sidebarToggleTop {
    color: #e1e3e2;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: var(--seccta-yellow);
}
.topbar #sidebarToggleTop:active,
.topbar #sidebarToggleTop:focus {
    outline: none;
    box-shadow: none;
}
.topbar #sidebarToggleTop:hover {
    background-color: transparent;
    color: var(--seccta-yellow);
}
/* endregion */

/* region Loading Spinner and Check */
#spinner-tick {
    stroke: var(--seccta-yellow);
    stroke-width: 6;
    transition: all 1s;
}

#spinner-circle {
    stroke: var(--seccta-yellow);
    stroke-width: 6;
    transform-origin: 50px 50px 0;
    transition: all 1s;
}

.spinner-progress #spinner-tick {
    opacity: 0;
}

.spinner-ready #spinner-tick {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: spinner-draw 8s ease-out forwards;
}

.spinner-progress #spinner-circle {
    stroke: var(--seccta-yellow);
    stroke-dasharray: 314;
    stroke-dashoffset: 1000;
    animation: spinner-spin 3s linear infinite;
}

.spinner-ready #spinner-circle {
    stroke-dashoffset: 66;
    stroke: var(--seccta-yellow);
}

#spinner-circle {
    stroke-dasharray: 500;
}

@keyframes spinner-spin {
    0% {
        transform: rotate(0deg);
        stroke-dashoffset: 66;
    }
    50% {
        transform: rotate(540deg);
        stroke-dashoffset: 314;
    }
    100% {
        transform: rotate(1080deg);
        stroke-dashoffset: 66;
    }
}


@keyframes spinner-draw {
    to {
        stroke-dashoffset: 0;
    }
}

#spinner-check {
    width: 300px;
    height: 300px;
}

.spinner-dark #spinner-tick {
    stroke: var(--seccta-darker-orange) !important;
}

.spinner-dark #spinner-circle {
    stroke: var(--seccta-darker-orange) !important;
}

/*.spinner-dark.spinner-progress #spinner-circle {*/
/*    stroke: #f0f0f0 !important;*/
/*}*/

.spinner-dark.spinner-ready #spinner-circle {
    stroke: var(--seccta-darker-orange) !important;
}

/* endregion */

/* region heading sizes */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6 {
    color: #3a3b45;
}
h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.8rem;
}

h3, .h3 {
    font-size: 1.6rem;
}

h4, .h4 {
    font-size: 1.4rem;
}

h5, .h5 {
    font-size: 1.2rem;
}

h6, .h6 {
    font-size: 1rem;
}
/* endregion */

/* region borders */
@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid;
    }
    .border-sm-right {
        border-right: 1px solid;
    }
    .border-sm-bottom {
        border-bottom: 1px solid;
    }
    .border-sm-left {
        border-left: 1px solid;
    }
}
@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid;
    }
    .border-md-right {
        border-right: 1px solid;
    }
    .border-md-bottom {
        border-bottom: 1px solid;
    }
    .border-md-left {
        border-left: 1px solid;
    }
}
@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid;
    }
    .border-lg-right {
        border-right: 1px solid;
    }
    .border-lg-bottom {
        border-bottom: 1px solid;
    }
    .border-lg-left {
        border-left: 1px solid;
    }
}
@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid;
    }
    .border-xl-right {
        border-right: 1px solid;
    }
    .border-xl-bottom {
        border-bottom: 1px solid;
    }
    .border-xl-left {
        border-left: 1px solid;
    }
}
@media (min-width: 1400px) {
    .border-xxl-top {
        border-top: 1px solid;
    }
    .border-xxl-right {
        border-right: 1px solid;
    }
    .border-xxl-bottom {
        border-bottom: 1px solid;
    }
    .border-xxl-left {
        border-left: 1px solid;
    }
}
.border-seccta-orange {
    border-color: var(--seccta-orange) !important;
}

.border-seccta-yellow {
    border-color: var(--seccta-yellow) !important;
}

.border-seccta-brown {
    border-color: var(--seccta-brown) !important;
}

.border-seccta-grey {
    border-color: var(--seccta-grey) !important;
}

.border-seccta-white {
    border-color: var(--seccta-white) !important;
}

.border-seccta-darker-orange {
    border-color: var(--seccta-darker-orange) !important;
}

.border-seccta-darker-brown {
    border-color: var(--seccta-darker-brown) !important;
}

.border-seccta-darker-yellow {
    border-color: var(--seccta-darker-yellow) !important;
}
/* endregion */

/* region label styles */
.enhancedLabels label {
    font-weight: 700 !important;
    color: var(--seccta-brown) !important;
}
/* endregion */

/* region autocomplete */
.autocomplete-wrapper {
    position: relative;
}
.autocomplete__select {
    position: relative;
    overflow: hidden;
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #d1d3e2;
    border-radius: 0.25rem;
    appearance: none;
}
.autocomplete-wrapper.has-focus .autocomplete__select {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.autocomplete__input {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.autocomplete__input:focus {
    outline: none;
}
.autocomplete__list {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d1d3e2;
    border-radius: 0.25rem;
    margin-top: -1px;
    overflow: hidden;
    word-break: break-all;
    padding: 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
.autocomplete-wrapper[aria-expanded="true"] .autocomplete__list {
    display: block;
}
.autocomplete__list .autocomplete__item {
    padding: 0.375rem 1.55rem 0.375rem 0.55rem;
    border-radius: 0.25rem;
    cursor: default;
}
.autocomplete__list .autocomplete__item:hover,
.autocomplete__list .autocomplete__item:focus {}

.autocomplete__list .autocomplete__item.active-item {
    background: #e1e1e1;
}
.autocomplete__select .autocomplete__clear {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25;
    text-indent: -9999px;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
/* endregion */

/* region inline edit */
table.inline-edit:not(.editing) td[contenteditable=true]:hover,
table.inline-edit.editing td[contenteditable=true]:focus{
    background: var(--warning-background) !important;
}
table.inline-edit td,
table.inline-edit th {
    position: relative;
}
table.inline-edit .spinner-progress,
table.inline-edit .spinner-ready {
    position: absolute;
    right: 1em;
    top: calc(50% - 10px);
}
table.inline-edit .btn .spinner-progress,
table.inline-edit .btn .spinner-ready {
    position: static !important;
}
/* endregion */

.bg-gradient-primary {
    background-color: var(--seccta-darker-brown);
    background-image: linear-gradient(180deg, var(--seccta-darker-brown) 75%, var(--seccta-darker-orange) 100%);
    background-size: cover;
}

/* Login Page */
.bg-login-image {
    background: none;
    padding-right: 0;
}
.bg-login-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#login-card {
    box-shadow: 0 0 2rem var(--seccta-darker-orange) !important;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Toastr */
.toast-top-right {
    margin-top: 4.5rem;
}

/* Form control */
.form-control.no-validate:valid,
.custom-select.no-validate:valid {
    border-color: #ced4da;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: none;
}
.form-control:required {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Emandatory%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon' fill='%23fd7e14' transform='translate(143.376623, 149.333333)'%3E%3Cpolygon id='*' points='152.103896 213.333333 198.372294 180.08658 144.069264 119.411255 225.246753 103.619048 208.34632 49.3160173 131.324675 83.3939394 140.744589 2.84217094e-14 84.2251082 2.84217094e-14 93.6450216 83.3939394 16.6233766 49.3160173 0 103.619048 80.9004329 119.411255 26.5974026 180.08658 73.1428571 213.333333 112.484848 141.298701'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(1em + .375rem) calc(1em + .375rem);
    padding-right: calc(1.5em + .75rem) !important;
}
.required-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Emandatory%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon' fill='%23fd7e14' transform='translate(143.376623, 149.333333)'%3E%3Cpolygon id='*' points='152.103896 213.333333 198.372294 180.08658 144.069264 119.411255 225.246753 103.619048 208.34632 49.3160173 131.324675 83.3939394 140.744589 2.84217094e-14 84.2251082 2.84217094e-14 93.6450216 83.3939394 16.6233766 49.3160173 0 103.619048 80.9004329 119.411255 26.5974026 180.08658 73.1428571 213.333333 112.484848 141.298701'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(1em + .375rem) calc(1em + .375rem);
    width: calc(1em + .375rem);
    padding-inline: 0.25em;
    margin-inline: 0.25em;
}
.form-inline-text {
    padding-block: 0.375rem;
}

.tab-content > .tab-pane {
    padding: 1em;
}