:root {
    --primary-purple: #3e648a;
    --primary-purple-dark: #293744;
    --grey: #495057;
    --light-grey: #aeb0b1;
}

a {
    color: #3e648a;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: #495057;
}

.w-90 {
    width: 90%;
}

.card {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.small-box {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.card-footer {
    background-color: #fff;
}

h3.card-title {
    font-size: 1rem;
    margin-bottom: 0;
    color: var(--light-grey)
}

.btn {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.text-nd {
    color: #bbb;
}

.code {
    font-family: "Fira Code", monospace;
}


.contract-code a {
    color: #3e648a;
    font-weight: 500;
    display: block;
    border: 1px solid #3e648a;
    padding: 1px 3px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.contract-code a:hover {
    color: #405972;
    border: 1px solid #405972;
    background-color: #eef5ff;
}

.role-badge {
    display: inline-block;
    min-width: 50%;
    text-align: center;
    padding: 1px;
    color: var(--light-grey);
    border: 1px solid var(--light-grey);
    font-size: 11px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}


.ic-logo {
    font-weight: 700;
    font-size: 36px;
    display: block;
    text-align: center;
}

.ic-logo-aside {
    font-weight: 700;
}

[class*=sidebar-light] .brand-link {
    border-bottom: none;
}

.main-footer {
    border-top: none;
}

.text-purple {
    color: var(--primary-purple) !important;
}

.content-wrapper {
    background-color: #f6f8fa;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-purple);
    border: 1px solid var(--primary-purple);
}

.btn-outline-primary {
    background-color: #fff;
    color: var(--primary-purple);
    border: 1px solid var(--primary-purple);
}

.btn-primary:hover,
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary-purple-dark);
    border: 1px solid var(--primary-purple-dark);
}

.form-control {
    font-size: 14px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.custom-file-input {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary-purple);
    outline: 0;
    box-shadow: inset 0 0 0 transparent;
}

.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text, .login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text, .register-card-body .input-group .form-control:focus~.input-group-append .input-group-text, .register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text {
    border-color: var(--primary-purple);
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: transparent;
    color: var(--primary-purple);
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
    background-color: transparent;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
    color: var(--primary-purple);
}

input[type="search"].search-field {
    padding: 9px 4px 9px 40px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 512 512'%3E%3Cpath fill='grey' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;

}

.nav-header {
    color: #999 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 2px;
}

.nav-info {
    display: block;
    color: #ddd !important;
    font-size: 14px !important;
}

.nav-info-sec {
    display: block;
    color: #ccc !important;
    font-size: 12px !important;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Sfoglia";
    font-size: 1rem;
}

.custom-file-label {
    font-size: 1rem;
}

.bg-timeline {
    border: 1px solid var(--grey);
    color: var(--grey);
    background-color: #fff !important;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: none;
}

[class*=sidebar-dark-] {
    background-color: #293744;
}

.main-sidebar {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.nav-pills .nav-link {
    border-radius: 6px;
}

i.fas.fa-angle-left.right {
    font-size: 1rem;
}

a.as-link,
a.as-link:hover {
    color: #495057;
}

a.as-link.collapsed i.as-chev::before {
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

a.as-link i.as-chev::before {
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -ms-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.select2-container {
    min-width: 100% !important;
}

.select2-selection {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    line-height: 1rem !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}

.select2-selection:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primary-purple) !important;
    outline: 0;
    box-shadow: inset 0 0 0 transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: none !important;
    color: #495057;
}

.page-item:first-child .page-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-export {
    background-color: transparent !important;
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    cursor: pointer;
}

.btn-export:hover {
    background-color: #28a745 !important;
    color: #fff !important;
}

input[type="date"] {
    cursor: pointer;
}

[class*=sidebar-dark] .user-panel {
    border-bottom: none !important;
}

.nav-info {
    color: #495057 !important;
    height: 2.5rem;
    position: relative;
    display: block;
    padding: .5rem 1rem;
}

.alert {
    border: none !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}

.modal-content {
    box-shadow: none !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
}

.select2-selection__arrow {
    display: none !important;
}

.time-badge {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #dee2e6;
}

.badge {
    font-weight: 400 !important;
    font-size: 16px;
}

.badge-status {
    border: 1px solid #293744;
    color: #293744;
    text-transform: uppercase;
    width: 400px;
}

.badge-fastsign {
    background-color: #5867DD;
    color: #fff;
}

.badge-finished {
    background-color: #007637;
    color: #fff;
}

.timeline>div>.timeline-item>.time {
    padding: 15px !important;
}

.alert-info {
    background-color: #3e648a;
}

.card-primary.card-outline {
    border-top: 3px solid #3e648a;
}

.pagination>li>a {
    background-color: white !important;
    color: #000 !important;
}

.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: var(--primary-purple) !important;
    background-color: #eee !important;
    border-color: #ddd !important;
}

.pagination>li>a:hover {
    color: #000 !important;
    background-color: #eee !important;
    border-color: #ddd !important;
}

.pagination>.active>a {
    color: white !important;
    background-color: var(--primary-purple) !important;
    border: solid 1px var(--primary-purple) !important;
}

.pagination>.active>a:hover {
    background-color: var(--primary-purple-dark) !important;
    border: solid 1px var(--primary-purple-dark) !important;
    color: #fff !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 06x !important;
}

table.dataTable.table>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px var(--primary-purple) !important;
}

.pointer {
    cursor: pointer;
}

.btn-delete:hover {
    color: #a20a0a;
}

.notification-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 60%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.notification-message {
    font-size: 10px;
}

.notification-date {
    font-size: 9px !important;
}