/*.ui-dialog-titlebar-close {
    display: inline-block !important;*/ /* Ensures it is not hidden */
    /*opacity: 1 !important;*/ /* Ensures it's visible */
/*}
    .ui-dialog-titlebar-close::before {
        content: "×";*/ /* Unicode character for the cross symbol */
        /*font-size: 20px;*/ /* Adjust size if needed */
        /*color: black;*/ /* Change color if necessary */
    /*}*/


.ui-dialog-titlebar-close {
    width: 20px; /* Set a fixed width for the button */
    height: 20px; /* Set a fixed height for the button */
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    padding: 0; /* Remove padding */
}

    /* Add the cross symbol in the center */
    .ui-dialog-titlebar-close::before {
        content: "×"; /* Unicode character for the cross symbol */
        font-size: 20px; /* Adjust size if needed */
        color: black; /* Change color if necessary */
        line-height: 1; /* Ensure the text is centered vertically */
        text-align: center; /* Ensure text is aligned */
    }

.dataTables_filter label {
    font-weight: bold !important;
}

.table.table-striped.table-bordered.dataTable.no-footer th {
    background-color: #7C99B8;
    color: #fff;
    text-align: center;
}



.page-item.active .page-link {
    background-color: #7C99B8;
    border-color: #7C99B8;
}

.page-link {
    color: black;
}

/* .pagination > li > a, .pagination > li > span {
        background-color: #fff;
    }

    .pagination > li.active > a, .pagination > li.active > span {
        background-color: #7C99B8;
    }
      */

th, td {
    white-space: nowrap;
}

.table tbody tr td {
    background: #fff /*set your own color*/
}

.table thead tr th {
    background: #fff /*set your own color*/
}

.table.table-striped.table-bordered.dataTable.no-footer tr.odd td {
    background-color: #F5F5F5;
}

.table.table-striped.table-bordered.dataTable.no-footer.DTFC_Cloned tr.even td {
    background-color: #fff;
}

div.container {
    /* width: 95%; */
    max-width: 2000px;
}
/*#divMenubar {
    background-color: #224B7A;
}*/

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#assets-data-table th {
    background-color: #7C99B8;
    color: #fff;
    text-align: center;
}

#assets-data-table {
    width: 100% !important;
}
#headerEdit {
    width: 130px;
}
#tdEdit {
    width: 140px;
}


.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

a.btn.btn-success {
    margin-bottom: 10px;
    border-color: #224B7A;
    background-color: #224B7A;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    float: right;
    cursor: pointer;
}

    a.btn.btn-success:hover {
        border-color: #224B7A;
        background-color: #224B7A;
        color: #fff;
    }
#btnClearExtended {
    background-color: #2C3E50;
    border-color: #337ab7;
    color: #fff
}

a.btn.btn-default.btn-sm {
    color: #fff;
    background-color: darkgray;
}
#btnCreateNew{
    float:right;
}
#btnSubmit, #btnViewDetails{
    background-color: #224B7A;
    border-color: #337ab7;
    color: #fff
}
#LearnernameHlink {
    color: #7C99B8 !important;
}
.support-email {
    color: #7C99B8;
    font-weight: bold;
}
#lblLael {
    color: #224B7A;
}
.form-select option:first-child {
    color: #888; /* Light grey text */
    font-size: 0.9em; /* Slightly smaller text */
    opacity: 0.7; /* Make it slightly more faded */
}

.view-details-icon {
    background-image: url('/images/eye.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    filter: invert(1) brightness(1000%);
}

.start-new-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/images/StartNew.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#tdDocumentApprovalStatus .form-select {
    width: 150px; 
}

.data-entry {
    margin: 20px;
}



.field-set-user-profile {
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #f9f9f9;
    width: 60%; /* Adjust the width as needed */
    margin: 0 auto; /* This centers the fieldset horizontally */
    overflow: hidden;
}

.field-set-legend {
    font-size: 1.2em;
    font-weight: bold;
    background-color: #D3D3D3; /* Set background color */
    color: #224B7A; /* Set text color */
    font-weight: bold; /* Make text bold */
    padding: 8px 15px; /* Add some padding for spacing */
    border-radius: 5px; /* Optional: Add rounded corners */
    font-size: 16px; /* Set font size */
    text-align: center; /* Center the text */
}

.status-label {
    font-weight: bold;
    padding: 10px;
}

.status-column {
    padding: 10px;
}

.status-control-column {
    padding: 10px;
}

.btn-link {
    background: none;
    border: none;
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}


#labelHMEIandMA.status-label, #labelImmigration.status-label, #labelMethodistGlobal.status-label, #labelInservices.status-label {
    font-weight: bold !important;
    font-size: 16px !important;
    color: white !important;
    padding: 8px !important;
    background-color: #7C99B8 !important;
}

#btnAddAdhocApprover{
    float:right;
}

#btnOptionalLearnerSearch,
#btnWorkQueueSearch,
#btnWorkQueueClear,
#btnSubmitHMEIApproval,
#btnReSubmitHMEIApproval,
#btnSubmitInservicesCompleted,
#btnSubmitImmigrationApproval,
#btnReSubmitImmigrationApproval,
#btnSubmitMethodistGlobalApproval,
#btnReSubmitMethodistGlobalApproval,
#btnAddAdhocApprover {
    background-color: #224B7A;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

#btnSubmitDocumentApproval {
    background-color: #224B7A;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}
#btnReSubmitDocumentApproval {
    background-color: #224B7A;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}


.form-select {
    padding: 5px;
    width: 100%;
}
#txtDocumentComment{
    width:100%;
}

#spanLearnerName {
    display: block; /* or inline-block */
    text-align: center;
    width: 100%; /* Ensure it takes full width of the container */
}
#Searchdiv
{
    background-color:#F5F5F5;
}
    #Searchdiv form label {
        color: #224B7A;
    }
/*
.field-set-user-profile table tr {
    border: none;
}*/

#tblAddAdHocApprover {
  /*  width: 100%;
    table-layout: fixed;
    word-wrap: break-word;*/

    display: block;
    max-width: 100%;
    overflow-x: auto;
}


#tblAddAdHocApprover thead tr {
    background-color: #7C99B8;
    color: white;
    font-weight: bold;
}

#tblAddAdHocApprover tbody tr {
    background-color: #f2f2f2; 
}

    #tblAddAdHocApprover th, #adhocRow {
        padding: 8px;
        text-align: left; /* Optional: Align text to the left */
        overflow: hidden; /* Hide overflowed content */
        text-overflow: ellipsis; /* Add ellipsis for overflowed text */
        word-break: break-word; /* Break long words to avoid overflow */
        white-space: normal; /* Allow text to wrap instead of staying in one line */
    }
#adhocRow {
    word-wrap: break-word; /* Break long words and allow wrapping */
}

.edit-icon::before {
    content: "\270E"; /* Unicode for a pencil */
    font-size: 16px;
}
.submit-icon::before {
    content: "\21B6"; /* Unicode for a right circular arrow */
    font-size: 16px;
}
.withdraw-icon::before {
    content: "\21B5"; /* Unicode for a left circular arrow */
    font-size: 16px;
}

.approval-control {
    /* Style your custom approval control here */
}

.tables-container-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.table-side-by-side {
    width: 100%;
    border-collapse: collapse;
}


  .table-side-by-side th, .table-side-by-side td {
        padding: 8px;
        border: 1px solid #ddd;
    }
#LearnerTypefieldset {
    width: 100%;
}



.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 1.5em !important;
    height: 1.5em !important;
    top: 50% !important;
    margin-top: -0.75em !important;
    opacity: 1 !important;
}

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: inline-block !important;
        text-indent: 0 !important;
        font-size: 18px !important;
        color: #333 !important;
    }

.ui-datepicker .ui-datepicker-prev {
    left: 0.3em !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 0.3em !important;
}

.Searchtextbanner {
    background-color: #e3f2fd;   
    color: #0d47a1; /* darker text */
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    font-weight: 500;
    margin-bottom: 15px;
}