/*CODE FOR MENU BAR*/
.static-top.navbar-dark {
    height: 50px;
}

/*Make menu item to left*/
.navbar-collapse {
    flex-grow: 0;
}

/* Line below Menu Bar */
.navbar-dark .navbar-nav > li > a:hover {
    border-bottom: inherit !important;
}

/*===============================================================================================================================*/

/*Improved Search Report icon*/
.btn-default {
    padding: 6px 12px !important;
}

/*==============================================================================================================================*/

.dropdown-item:focus, .dropdown-item:hover {
    color: white;
    background-color: #273272 !important;
    padding: 4px 16px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    padding: 4px 16px;
}

/*Text of Lable color*/
a[role="button"] {
    color: #273272;
}

/*Color of hyperlink*/
/* a {
    color: #273272 !important;

} */
/*==============================================================================================================================*/

/*Pagination for table*/
.pagination li.active a {
    background-color: #273272; /* Active page color */
}

/*==============================================================================================================================*/

/*Request fEWR Button and create buttons like input date range etc*/
a.btn.btn-primary.float-end.action.create-action {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

/*==============================================================================================================================*/

/*Request Detail popup dropdown button in list*/
.modal-dialog {
    max-width: 60%; /* Adjust width as needed (default modal-lg is ~800px) */
    width: 60%;
    margin: auto; /* Ensures centering */
}

/*Sppiner*/
.form-loading {
    position: absolute;  /* Positions loader relative to modal-body */
    top: 50%;
    left: 50% !important;
    transform: translate(-50%, -50%);  /* Centers it perfectly */
    z-index: 1050; /* Ensures it's above other content */
}

/*==============================================================================================================================*/

/*Are sure want to delete Button on every form*/
button.primary.btn.btn-primary{
    margin-bottom: 0px !important;
    padding: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 6px !important;
}

/*==============================================================================================================================*/

/*Active Progress bar*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #273272;
}

/*===================================================================================================================================================*/
/*cr-sfr1, cr-sfr2*/

/* Color of Text in entire Form */
.table-info {
    --bs-table-color: #666;
}

/* Pateint DOB field */
.form-control.picklist {
    flex-wrap: wrap;
    flex-direction: column;
}

.form-control.picklist select {
    font-weight: bold !important;
    color: #666;
}

/*Expanded fields*/
textarea{
    height: auto !important;
}

/*Space for Optionset to left side*/
select{
    padding-left: 10px !important;
}

/*No space when optionset is on readonly form*/
select:disabled {
    padding-left: 0px !important; 
}

/*Check Box issue*/
/* Target the closest .checkbox-cell to adjust layout */
.checkbox-cell {
    display: flex !important;
}

/* Target the .table-info inside .checkbox-cell */
.checkbox-cell .table-info {
    order: 2 !important;
}

/*SRF | Linked Hospital Create Form basic form--> 
/* Input Date Range to left*/
td.clearfix.cell.subgrid-cell {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/*Delete Popup footer*/
.modal-footer {
    background-color: #f5f5f5;
}

select.readonly {
    pointer-events: none;
    padding-left: 0px !important;
}

/*cr-sfr2*/
/*Calender incon in SFR 2 create form for Date of Offence/ Incident field*/
span.input-group-addon.btn {
    height: 42px;
}

/*3dvr*/
/*Make If there is no Crown Court trial date listed, you are not permitted to make a 3DVR request. to left*/
span.description.above {
    float: left;
}

/*search box height*/
input.query.form-control {
    height: 38px;
}

/*Unsupported files error popup*/
.modal-dialog.error-modal-dialog {
    margin-top: 108px;
}
/*==============================================================================================================================*/

/*Remove vertical and horizontal scrolling of subgrid table*/
.view-grid.table-responsive:not(.has-pagination) {
    overflow: visible !important;
  }

/*================================================================================================================================*/
/*Canvas Sihnature