rm-ventas/frontend/public/css/ichn.css

.btn-ichn {
    color: #fff;
    background-color: #00285d;
    border-color: #00285d
}


    .btn-ichn:hover {
        color: #fff;
        background-color: #00142E;
        border-color: #00142E
    }

    .btn-ichn.focus, .btn-ichn:focus {
        box-shadow: 0 0 0 .2rem #00285d
    }

    .btn-ichn.disabled, .btn-ichn:disabled {
        color: #fff;
        background-color: #00285d;
        border-color: #00285d;
    }

    .btn-ichn:not(:disabled):not(.disabled).active, .btn-ichn:not(:disabled):not(.disabled):active, .show > .btn-ichn.dropdown-toggle {
        color: #fff;
        background-color: #00285d;
        border-color: #00285d
    }

        .btn-ichn:not(:disabled):not(.disabled).active:focus, .btn-ichn:not(:disabled):not(.disabled):active:focus, .show > .btn-ichn.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #00285d
        }

.btn-ichnRojo {
    color: #fff;
    background-color: #e22523;
    border-color: #e22523
}


    .btn-ichnRojo:hover {
        color: #fff;
        background-color: #8A101C;
        border-color: #8A101C
    }

    .btn-ichnRojo.focus, .btn-ichnRojo:focus {
        box-shadow: 0 0 0 .2rem #B91425
    }

    .btn-ichnRojo.disabled, .btn-ichnRojo:disabled {
        color: #fff;
        background-color: #B91425;
        border-color: #B91425;
    }

    .btn-ichnRojo:not(:disabled):not(.disabled).active, .btn-ichnRojo:not(:disabled):not(.disabled):active, .show > .btn-ichnRojo.dropdown-toggle {
        color: #fff;
        background-color: #B91425;
        border-color: #B91425
    }

        .btn-ichnRojo:not(:disabled):not(.disabled).active:focus, .btn-ichnRojo:not(:disabled):not(.disabled):active:focus, .show > .btn-ichnRojo.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #B91425
        }


.btn-ichnPurpura {
    color: #fff;
    background-color: #6B3B7C;
    border-color: #6B3B7C;
}

    .btn-ichnPurpura:hover {
        color: #fff;
        background-color: #562965;
        border-color: #562965
    }

    .btn-ichnPurpura.focus, .btn-ichnPurpura:focus {
        box-shadow: 0 0 0 .2rem #844c98
    }

    .btn-ichnPurpura.disabled, .btn-ichnPurpura:disabled {
        color: #fff;
        background-color: #844c98;
        border-color: #844c98;
    }

    .btn-ichnPurpura:not(:disabled):not(.disabled).active, .btn-ichnPurpura:not(:disabled):not(.disabled):active, .show > .btn-ichnPurpura.dropdown-toggle {
        color: #fff;
        background-color: #844c98;
        border-color: #844c98
    }

        .btn-ichnPurpura:not(:disabled):not(.disabled).active:focus, .btn-ichnPurpura:not(:disabled):not(.disabled):active:focus, .show > .btn-ichnPurpura.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #844c98
        }


.btn-ichnVerde {
    color: #fff;
    background-color: #3D912F;
    border-color: #3D912F
}


    .btn-ichnVerde:hover {
        color: #fff;
        background-color: #2A6D1E;
        border-color: #2A6D1E
    }

    .btn-ichnVerde.focus, .btn-ichnVerde:focus {
        box-shadow: 0 0 0 .2rem #3D912F
    }

    .btn-ichnVerde.disabled, .btn-ichnVerde:disabled {
        color: #fff;
        background-color: #3D912F;
        border-color: #3D912F;
    }

    .btn-ichnVerde:not(:disabled):not(.disabled).active, .btn-ichnVerde:not(:disabled):not(.disabled):active, .show > .btn-ichnVerde.dropdown-toggle {
        color: #fff;
        background-color: #3D912F;
        border-color: #3D912F
    }

        .btn-ichnVerde:not(:disabled):not(.disabled).active:focus, .btn-ichnVerde:not(:disabled):not(.disabled):active:focus, .show > .btn-ichnVerde.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #3D912F
        }


.btn-ichnExcel {
    color: #fff;
    background-color: #008000;
    border-color: #008000
}


    .btn-ichnExcel:hover {
        color: #fff;
        background-color: #009900;
        border-color: #009900;
    }

    .btn-ichnExcel.focus, .btn-ichnExcel:focus {
        box-shadow: 0 0 0 .2rem #008000;
    }

    .btn-ichnExcel.disabled, .btn-ichnExcel:disabled {
        color: #fff;
        background-color: #008000;
        border-color: #008000;
    }

    .btn-ichnExcel:not(:disabled):not(.disabled).active, .btn-ichnExcel:not(:disabled):not(.disabled):active, .show > .btn-ichnExcel.dropdown-toggle {
        color: #fff;
        background-color: #008000;
        border-color: #008000
    }

        .btn-ichnExcel:not(:disabled):not(.disabled).active:focus, .btn-ichnExcel:not(:disabled):not(.disabled):active:focus, .show > .btn-ichnExcel.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem #008000
        }


.examen:hover {
    background-image: linear-gradient( rgba(185, 20, 37 ), rgba(185, 20, 37) )
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid;
    border-radius: .5rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: block;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }