.table th {
      background-color: var(--color-f1);
}

.sidebar-nav .nav-item {
    margin-bottom: 5px;
    margin-top: 1px;
}
.ms-dialog .sidebar {
    display: none !important;
}


.ms-dialog .navbar{
    display: none !important;
}



/* The outer container of the SharePoint modal dialog */
.ms-dlgFrameContainer {
       min-height: 500px !important;
}

/* Optional: control the inner content area */
.ms-dlgContent {
   
    min-height: 500px !important;
}

/* Optional: make sure the iframe inside fits properly */
.ms-dlgFrame {

    min-height: 500px !important;
}

.form-control:disabled {
       margin-bottom: 2px;
}
 .toast-container {
            position: fixed;
            top: 20px;
            z-index: 1050;
        }
        .toast-container.ltr {
            right: 20px;
        }
        .toast-container.rtl {
            left: 20px;
        }


.ms-webpart-zone {
    display: inline !important ;
}

.ms-webpart-cell-vertical {
    display: inline !important;
}

.ms-webpart-chrome-vertical {
    display: inline !important;
}


#suiteBar {
   display:none !important;
}
#s4-ribbonrow {
     display:none !important;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}


/* Style disabled Select2 to match Bootstrap form-control disabled state */

/* Main container when disabled */
.select2-container--disabled .select2-selection {
  background-color: #f5f5f5 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  border-color: #ced4da !important;
}

/* Single select disabled */
.select2-container--disabled .select2-selection--single {
  background-color: #f5f5f5  !important;
  color: #6c757d !important;
}

/* Multiple select disabled */
.select2-container--disabled .select2-selection--multiple {
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
}

/* Disabled text color */
.select2-container--disabled .select2-selection__rendered {
  color: #6c757d !important;
}

/* Remove the dropdown arrow interaction on disabled */
.select2-container--disabled .select2-selection__arrow {
  opacity: 0.5;
  cursor: not-allowed !important;
}

/* Multiple select tags when disabled */
.select2-container--disabled .select2-selection__choice {
  background-color: #f5f5f5 !important;
  border-color: #9ca3af !important;
  color: #6c757d !important;
}

/* Remove the X button on tags when disabled */
.select2-container--disabled .select2-selection__choice__remove {
  display: none !important;
}

/* Ensure hover states don't work when disabled */
.select2-container--disabled .select2-selection:hover {
  border-color: #ced4da !important;
}

/* Additional override for focus states */
.select2-container--disabled.select2-container--focus .select2-selection,
.select2-container--disabled.select2-container--open .select2-selection {
  border-color: #ced4da !important;
  box-shadow: none !important;
}

.sidebar-nav .nav-link:not(.collapsed) .submenu-icon img {
    transform: rotate(180deg);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #f5f5f5  !important;
    border: 1px solid #e4e4e4 !important;
        }
.select2-selection__rendered {
    padding-top: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057 !important;
    line-height: 1.5 !important;
    padding-left: 0 !important;
    padding-right: 3px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem) !important;
   }


.tgl-side-menu {
        min-height: 450px !important;
}

.report-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
}


.ai-score-status-red
{
	
	color:var(--bs-red) !important;
}

.ai-score-status-orange
{
	
	color:var(--bs-yellow) !important;
}

.ai-score-status-green
{
	
	color:var(--bs-success) !important;
}



.progress-bar-red
{
	
	background-color:var(--bs-red) !important;
}


.progress-bar-orange
{
	
	background-color:var(--bs-yellow) !important;
}


.progress-bar-green
{
	
	background-color:var(--bs-success) !important;
}

.ai-score-badge-red
{
	
	background-color:var(--bs-red) !important;
}


.ai-score-badge-orange
{
	
	background-color:var(--bs-yellow) !important;
}

.ai-score-badge-green
{
	
	background-color:var(--bs-success) !important;
}




div:where(.swal2-container) button:where(.swal2-styled):hover {
    /* background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover)); */
    color: var(--bs-primary) !important;
}



       .radioSpace label {
        margin-inline-start: 10px;
        font-size: var(--font-size-20);
        font-weight: bold;
    }
    .attachments-block
    {
        padding: 5px !important;
    margin-bottom: 5px !important;
    }
    .attachments-block img{
        width: unset !important;
    }
    label:has(> input.aspNetDisabled) {
    opacity: 0.5;
    cursor: not-allowed;
}


.attachments-block:has(input.aspNetDisabled) {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    pointer-events: none; 
}
.attachments-block:has(+ .text-danger[style*="display: inline"]) {
    border-color: #dc3545 !important;
}





.page_enabled  {
    color: var(--color-40) !important;
    border-radius: 6px;
    width: 2vw;
    height: 2vw;
    padding: 0.2vw;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: var(--font-size-16);
    font-family: var(--font-medium);
}


.page_disabled  {
   
    border-radius: 6px;
    width: 2vw;
    height: 2vw;
    padding: 0.2vw;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: var(--font-size-16);
    font-family: var(--font-medium);
    color: var(--color-primary);
    background-color: #E6F2FF !important;
    border-color: #E6F2FF;
}




.spinner-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
         background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
   

            display: none;
            z-index: 99999;
        }
        
        .spinner-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        
        .spinner {
            width: 40px;
            height: 40px;
             border: 3px solid #f3f3f3;
            border-top: 3px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .spinner-text {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #007bff;
            font-size: 18px;
            font-weight: 600;
        }







.progressPanel {
       position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
  backdrop-filter: blur(5px);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  
    }

        .progressPanel::before {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
             border: 3px solid #f3f3f3;
            border-top: 3px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }


.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    font-size: 1.05em;
}


.ms-webpart-zone {
    display: inline !important;
}

.ms-webpart-cell-vertical {
    display: inline !important;
}

.ms-webpart-chrome-vertical {
    display: inline !important;
}




body h3,
body h4,
body h5,
 {
    margin: inherit;
  
}

.select2-container {
        min-width: 150px !important;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    font-size: var(--font-size-16) !important;
}