.fs-12 {font-size: 0.75rem !important;}

.login-wrap{height: calc(100vh - 6rem);}

.nav-tabs .nav-link{padding: 0.75rem; font-weight: 500; text-transform: uppercase; color: var(--bs-nav-tabs-link-active-color); border: none; }
.nav-tabs .nav-link.active{border-bottom: 1px solid var(--bs-primary); box-shadow: 0 2px var(--bs-primary); color: var(--bs-primary);}
.nav-tabs .nav-link.active img{filter: brightness(0) saturate(100%) invert(45%) sepia(73%) saturate(509%) hue-rotate(166deg) brightness(96%) contrast(99%);}

.audit-tabs .nav-link{padding: 1rem; font-size: 1rem; font-weight: 400; display: flex; align-items: center;}

.audit-colors > div{position: relative;}
.audit-colors  > div:before{content: ""; width: 4px; height: 100%; position: absolute; left: 0; top: 0;}
.audit-colors > div.color-initial:before{background-color: var(--bs-danger);}
.audit-colors > div.color-repeatable:before{background-color: var(--bs-pink);}
.audit-colors > div.color-defined:before{background-color: var(--bs-yellow);}
.audit-colors > div.color-managed:before{background-color: var(--bs-info);}
.audit-colors > div.color-optimized:before{background-color: var(--bs-success);}

.color-initial {color: var(--bs-danger);}
.color-repeatable {color: var(--bs-pink);}
.color-defined {color: var(--bs-yellow);}
.color-managed {color: var(--bs-info);}
.color-optimized{color: var(--bs-success);}

.box-initial {color: var(--bs-danger); background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)); border:1px solid var(--bs-danger);}
.box-repeatable {color: var(--bs-pink); background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)); border:1px solid var(--bs-pink);}
.box-defined {color: var(--bs-yellow); background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)); border:1px solid var(--bs-yellow);}
.box-managed {color: var(--bs-info); background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)); border:1px solid var(--bs-info);}
.box-optimized{color: var(--bs-success); background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)); border:1px solid var(--bs-success);}


.boxes-links .color-initial a{border-color: var(--bs-danger) !important; color: var(--bs-danger);}
.boxes-links .color-initial a:hover {background-color: var(--bs-danger);}
.boxes-links .color-repeatable a{border-color: var(--bs-pink) !important; color: var(--bs-pink);}
.boxes-links .color-repeatable a:hover {background-color: var(--bs-pink)}
.boxes-links .color-defined a{border-color: var(--bs-yellow) !important; color: var(--bs-yellow);}
.boxes-links .color-defined a:hover {background-color: var(--bs-yellow);}
.boxes-links .color-managed a{border-color: var(--bs-info) !important; color: var(--bs-info);}
.boxes-links .color-managed a:hover {background-color: var(--bs-info);}
.boxes-links .color-optimized a{border-color: var(--bs-success) !important; color: var(--bs-success);}
.boxes-links .color-optimized a:hover {background-color: var(--bs-success);}
.boxes-links a:hover{color: var(--bs-white);}

.audit-question .btn {margin-bottom: 0; padding: 1rem; color: var(--bs-body);}  

.steps-container {display: flex; justify-content: center;}
.step-item + .step-item {background-image: url("../images/breadcrumb-arrow.svg"); background-repeat: no-repeat; padding-left: 3rem; background-position: 1rem center;}
.step-item .step-circle {width: 2rem; height: 2rem; border-color: var(--bs-gray-400) !important; color: var(--bs-gray-600);}
.step-item.active-step {color: var(--bs-primary);}
.step-item.active-step .step-circle {border-color: var(--bs-primary) !important; color: var(--bs-primary);}
.step-item .ion{display: none; font-size: 2rem;}
.step-item.completed {color: var(--bs-green);}
.step-item.completed .step-circle{display: none !important;}
.step-item.completed .ion{display: block;}
.step {display: none;}
.active-step {display: block;}

.card {box-shadow: 0 0px 6px rgba(56,65,74,0.1);}

.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.table-hover tbody tr:hover {
    cursor: pointer;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}