dialog{
    border: 0px;
    border-radius: 16px;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}

a:hover{
    cursor: pointer;
}


#t-table-view th{
    text-align: end;
    font-weight: 500;
}

.sticky-col {
  position: sticky;
  left: 0;            /* stick to the left edge */
  z-index: 2;         /* keep it above other cells */
}



/* status color */

.request-status-1{color: orange; font-weight: bold;}
.request-status-2{color: green; font-weight: bold;}
.request-status-3{color: red; font-weight: bold;}


/**
1: 'ADDITIONAL DETAILS REQUIRED',
2: 'CHECKED',
3: 'ON HOLD',
4: 'FOR RELEASING',
5: 'PARTIAL',
6: 'RELEASED',
7: 'CANCELLED',
**/

.release-status-1,
.release-status-2,
.release-status-3,
.release-status-4,
.release-status-5,
.release-status-6,
.release-status-7,
.release-status-8{
    font-weight: bold;
}
.release-status-1{color:orange;}
.release-status-4{color:#825e5c;}
.release-status-5{color:#16a085;}
.release-status-6{color: green;}
.release-status-7{color: grey;}
.release-status-8{color: red;}


.liquidation-status-1{color:orange; font-weight: bold;}
.liquidation-status-2{color:green; font-weight: bold;}

/* end status colors */



/* loading styles */
.htmx-loader{
    display: none;
    z-index:99999999;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.7);
    border-radius: 0px;
    border:0px;
}
.htmx-request .htmx-loader,
.htmx-request.htmx-loader{
    display:block;
}
/* HTML: <div class="loader"></div> */
.c-loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ffa516);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}