#table-container {
    width: 100%; /* Optional: Set the width of the table container */
    margin-top: 40px;
}

.table-wrapper {
    max-height: 500px; /* Set the height for the table */
    overflow-y: auto; /* Enable vertical scrolling */
    border: 1px solid rgb(43 60 78);
}

.myTable {
    width: 100%;
    border-collapse: collapse; /* Ensure borders don't overlap */
    border: none;
    font-size: 14px;
}

.myTd {
    padding: 5px;
    border-bottom: 1px solid rgb(247 247 247);
}

.myTh {
    padding: 5px;
    position: sticky; /* Make the header sticky */
    top: 0;
    z-index: 2;
    height: 52px;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid rgb(120, 120, 120);
    background-color: #283c4d;
}

.myTbody .myTr:hover {
    background-color: #ddedeb; /* Light green background when hovering over a row */
	color: #000000;
}

.myTbody {
    color: #000000;
    text-align: center;
}

th{
   font-weight:600;
}

.center-text td {
    text-align: center;
}

.checked-row {
    background-color: #b7e0dc;/*#11756d;*/
    color: #000000;
}
.hovererd-row{
  background-color: #ddedeb; /* Light green background when hovering over a row */
	color: #000000;
}

.round-checkbox {
    width: 20px; /* Size of the checkbox */
    height: 20px;
    border-radius: 50%; /* Make it round */
    border: 1px solid #8c8c8c; /* Border color */
    appearance: none; /* Remove default styling */
    outline: none;
    cursor: pointer;
    /*position: relative;*/
    transition: background-color 0.2s, border-color 0.2s; /* Smooth transitions */
}
.round-checkbox:hover {
    border: 1px solid #8c8c8c; /* Border color */
}
.round-checkbox:checked {
    background-color: #2b3c4e;
    border-color: #b7e0dc;
}

.row-wrapper{
margin-top: 40px;
text-align: right;
}

.ms-CommandBar-secondaryCommand{
visibility: hidden;
}

.text-span{
    font-size: 14px; 
}

.loader {
    display:flex;
  background: rgba(22, 22, 22, 0.3); 
    width: 100%; height: 100%; 
    position: fixed; 
    top: 0;
    left: 0;
    z-index: 10;
}

.loader > .innerloader { 
    background: transparent url(~/loading-icon.gif) no-repeat center top;
    position: absolute;
    min-width: 200px; /* image-width of loader */
    min-height: 200px; /* image-height of loader */
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top: 148px; /* 128px image-height of loader + 20px margin */
    text-align: center;
    color: #ffffff;
}

.loader-hidden{
    opacity: 0;
    visibility: hidden;
}
.custom-dialog { 
    display: none; 
    position: fixed; top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    border: 1px solid #ccc; 
    padding: 20px; 
    background: #fff; 
    z-index: 1000; 
    text-align: center;
}
.custom-dialog-overlay { 
    display: none; 
    position: fixed; 
    top: 0; left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.5); 
    z-index: 999; 
    }

.custom-dialog button {
    margin: 5px;
}