/* Stylesheet for SCM prototype */

.sample {
    font-size: 12pt; 
    font-weight:bold;
}


.frmRequisition {
    max-width: 1024px;
    color: white;
    background: rgb(6, 51, 94);
    margin: 14px auto;
    padding: 14px;
    border-radius: 14px;
    display: block;
}

ul.ReqStatus {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 8px 0;
    background: #2a6297;
}

ul.ReqStatus li {
    list-style: none;
    color:wheat;
    padding: 2px 6px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
}

ul.ReqStatus li.active {
    color: #ffc107;
    background: #052048;
    cursor: default;
}

.frmRequisition fieldset {
    border: 1px solid white;
    padding: 14px;
    margin: 14px;
}


.xtable-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

#tblUsers {
    max-width: 1000px;
}

#tblUsers .actions a {
    display: inline-block;
    text-align: center;
    min-width: 100px;
    margin: 0 2px 0 2px;
}

.table th {
    --bs-table-color: white;
    --bs-table-bg:rgb(6, 51, 94);
}

#requisitionViewHeader{
    color:white;
    background-color: rgb(6, 51, 94);
}

.list-group-item-action {
    cursor: pointer;
}

#site_header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height: 60px;
    z-index: 1000;
}

#site_content {
    position:relative;
    padding:60px 0;
    z-index: 900;
} 



#site_footer {
   text-align: center;
   height: 50px;
   z-index: 950;
}

#site_footer p {margin:0; color: white}


/* used for highlighting something for a short period e.g. a table row that was updated*/
.htmx-swapped, .htmx-swapped td{
    animation: highlight 1.5s ease-out;
}

@keyframes highlight {
    0% { background-color: #cfa020; }
    100% { background-color: transparent; }
}