/* Classes de utilidade */
.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-12 {
    width: 12% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-20 {
    width: 20% !important;
}

.modal-full {
    background: #fff;
}

    .modal-full .modal-content {
        border: none;
    }

.modal-xl {
    max-width: 1000px;
}

.custom-control-textless {
    position: relative;
    margin-top: .3rem;
    margin-left: -1.5rem;
}

    .custom-control-textless::before {
        position: static;
    }

    .custom-control-textless::before,
    .custom-control-textless::after {
        top: 0;
    }

a.collapsible span.icon-coll {
    transition: transform 0.5s;
    transform: scale(1, 1);
}

a.collapsible.collapsed span.icon-coll {
    transform: scale(1, -1);
}

select[readonly] {
    pointer-events: none;
    touch-action: none;
}

/* SIIM */
#barra-botoes {
    top: 0rem;
    left: 0;
    right: 0;
    z-index: 999;
}

.breadcrumb-prog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    font-size: 0.8rem;
}

    .breadcrumb-prog > li {
        position: relative;
        display: block;
        margin-top: 0.5rem;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }

        .breadcrumb-prog > li.active {
            font-weight: 700;
        }

            .breadcrumb-prog > li.active ~ li {
                color: #bbb;
            }

        .breadcrumb-prog > li > .step {
            display: block;
            margin: 0 auto 0.5rem auto;
            width: 2rem;
            height: 2rem;
            border-radius: 1rem;
        }

        .breadcrumb-prog > li.active ~ li > .step {
            box-shadow: 0 0 0 0.3rem #bbb
        }

        .breadcrumb-prog > li > .step::before,
        .breadcrumb-prog > li > .step::after {
            position: absolute;
            display: block;
            height: 0.4rem;
            top: 0.8rem;
            width: 50%;
            content: '';
            z-index: -1;
        }

        .breadcrumb-prog > li > .step::before {
            left: 0;
        }

        .breadcrumb-prog > li.active ~ li > .step::before {
            background-color: #bbb;
        }

        .breadcrumb-prog > li > .step::after {
            right: 0;
        }

        .breadcrumb-prog > li.active > .step::after,
        .breadcrumb-prog > li.active ~ li > .step::after {
            background-color: #bbb;
        }

        .breadcrumb-prog > li:first-child > .step::before {
            display: none;
        }

        .breadcrumb-prog > li:last-child > .step::after {
            display: none;
        }

@media (max-width: 767px) {
    .breadcrumb-prog > li {
        display: none;
    }

        .breadcrumb-prog > li.prev, .breadcrumb-prog > li.active,
        .breadcrumb-prog > li.next {
            display: block;
        }

            .breadcrumb-prog > li.prev > .step::before,
            .breadcrumb-prog > li.next > .step::after {
                width: 0;
            }
}

.status-indicator {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3), 1px 1px 4px rgba(0,0,0,0.1) inset;
    display: inline-block;
    cursor: help;
}