/* Login Style */

.form-signin {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Logo */

.migunani-logo {
    width: 9%;
    height: 9%;
}

/* Style For Transaction View Table */
.pane-hScroll {
    overflow: auto;
    width: 100%;
}

.pane-vScroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
}

.table-transaction {
    table-layout: fixed;
}

.transaction-th,
.transaction-td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-fixed {
    overflow: auto;
    height: 40vh;
}

.table-fixed thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}
.table-fixed tbody th {
    position: sticky;
    left: 0;
}

.tr-transaction{
    cursor: pointer;
}
/* PRODUK HEADER STYLE */

.produk {
    border: 0;
    background-color: white;
    font-weight: 700;
}

/* ICON */
.action-icon {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

/* SEARCH MODAL */
.modal-body .btn-collapse::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform 0.35s ease;
    transform-origin: 0.5em 50%;
}

.modal-body .btn-collapse[aria-expanded="true"]::before{
    transform: rotate(90deg);
}

.modal-body .btn-collapse{
    width: 100%
}

.modal .formDate{
    display: block;
    width: 40%
}

/* Provinsi Tag */
.tag-container{
    background-color: #F0F1F2;
    border-radius: 10%;
}

.tag-close{
    cursor: pointer;
}

/* ICON DELETE */
.btn-delete{
    max-width: fit-content;
    max-height: fit-content;
}

.icon-delete:hover{
    color: black;
}

.icon-delete{
    width: 125%;
    height: 125%;
    color: #dc3545;
}