#WebFormPanel {
	display: none;
}
  /* Spinner Styles */
  .cs-submissionLoader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #ffcc00; /* Dark yellow */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    position: absolute; /* Ensure spinner is centered within the parent */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* Spin Animation */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  /* Spinner Container Styles */
  #cs-spinner {
    display: none; /* Hidden by default */
    position: absolute;
    top: 0;
    left: -30px;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Ensure it stays below the submissionStatus */
  }

  /* Submission Status Styles */
  #cs-submissionStatus {
    display: none; /* Hidden by default */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 300px; /* Minimum width */
    max-width: 800px; /* Maximum width */
    width: 80%; /* Responsive width */
    font-size: 1.5em; /* Larger font size */
    text-align: center;
    z-index: 10000; /* Ensure it stays above the spinner */
  }

  .cs-status-box {
    padding: 30px;
    border-radius: 8px;
    width: 100%; /* Ensure it fills the parent */
    box-sizing: border-box;
    background-color: #ffe6e6; /* Default light red background */
    border: 2px solid #cc0000; /* Default red border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow */
  }

  .cs-status-success {
    background-color: #e6ffe6; /* Light green background */
    border: 2px solid #00cc00; /* Green border */
  }

  .cs-status-error {
    background-color: #ffe6e6; /* Light red background */
    border: 2px solid #cc0000; /* Red border */
  }

  .cs-status-warning {
    background-color: #fff5e6; /* Light orange background */
    border: 2px solid #ff9900; /* Orange border */
  }

  /* Responsive Adjustments */
  @media (max-width: 600px) {
    #cs-submissionStatus {
      width: 90%; /* Increase width on smaller screens */
      min-width: 250px; /* Adjust min-width if needed */
      font-size: 1.2em; /* Slightly smaller font size */
    }
    .cs-status-box {
      padding: 20px; /* Reduce padding on smaller screens */
    }
  }

/* Address typeahead css */

/*
.address-input-container {
    position: relative;
    margin-bottom: 20px; 
    padding: 0;
    display: none; 
}

#addressInput {
    margin-top: 10px;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f3f2f1;
    box-sizing: border-box;
}
*/

/* Autocomplete dropdown styling */
.autocomplete-results {    
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff;
    z-index: 1000;
    display: none;
 }
 
 .autocomplete-item {
    padding: 8px;
    cursor: pointer;
 }
 
 .autocomplete-item:hover {
    background-color: #4468b1;
	color: #ffffff;
 }
		

/* csv_reporttopic as images */
input[id^="csv_reporttopic_"] {
    display: none;
}
label[for^="csv_reporttopic_"] {
    max-width: 190px;
    min-width: 190px;
    max-height: 140px;
    min-height: 140px;
    display: inline-block;
    vertical-align: top;
    padding-top: 6em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-bottom: 6em;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    font-size: 0.8em;
    border: 2px solid #000000;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin: 5px;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    background-repeat: no-repeat;
    background-position: center 1.75rem;
    background-size: 50px 50px;
}

 
label[for="csv_reporttopic_0"] {
    background-image: url("/cs-drugs-image.png");
}
 
label[for="csv_reporttopic_1"] {
    background-image: url("/cs-weapons-image.png");
}
 
label[for="csv_reporttopic_2"] {
    background-image: url("/cs-high-risk-drivers-image.png");
}
label[for="csv_reporttopic_3"] {
    background-image: url("/cs-wanted-persons-image.png");
}
label[for="csv_reporttopic_4"] {
    background-image: url("/cs-suspicious-activity-image.png");
}
 
input[id^="csv_reporttopic_"]:checked + label[for^="csv_reporttopic_"] {
    border-width: 4px;
	border-color: #4468b1;
    box-shadow: 0 8px 20px rgba(68,104,177, 0.2);	
}
 
label[for^="csv_reporttopic_"]:hover {
    border-color: #4468b1;
    color: #4468b1;
}
 
 
 
label[for^="csv_reporttopic_"]:active {
    background-color: #f0f0f0;
    box-shadow: 0 5px 10px rgba(68,104,177, 0.2);	
    transform: translateY(2px);
}
 
label[for^="csv_reporttopic_"]:focus {
    outline: none;
	box-shadow: 0 0 0 4px rgba(68,104,177, 0.2);    
}


/* csv_locationtype as images */
input[id^="csv_locationtype_"] {
    display: none;
}
 
label[for^="csv_locationtype_"] {
	max-width: 190px;
    min-width: 190px;
    max-height: 140px;
    min-height: 140px;
    display: inline-block;
    vertical-align: top;
    padding-top: 6em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-bottom: 6em;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    font-size: 0.8em;
    border: 2px solid #000000;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin: 5px;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    background-repeat: no-repeat;
    background-position: center 1.75rem;
    background-size: 50px 50px;
}
 
label[for="csv_locationtype_0"] {
    background-image: url("/cs-private-residence-image.png");
}
 
label[for="csv_locationtype_1"] {
    background-image: url("/cs-business-premises-image.png");
}
 
label[for="csv_locationtype_2"] {
    background-image: url("/cs-public-space-image.png");
}
label[for="csv_locationtype_3"] {
    background-image: url("/cs-online-image.png");
}

 
input[id^="csv_locationtype_"]:checked + label[for^="csv_locationtype_"] {
    border-width: 4px;
	border-color: #4468b1;
    box-shadow: 0 8px 20px rgba(68,104,177, 0.2);	
}
 
label[for^="csv_locationtype_"]:hover {
    border-color: #4468b1;
    color: #4468b1;
}
 
 
 
label[for^="csv_locationtype_"]:active {
    background-color: #f0f0f0;
    box-shadow: 0 5px 10px rgba(68,104,177, 0.2);
	transform: translateY(2px);
}
 
label[for^="csv_locationtype_"]:focus {
    outline: none;
	box-shadow: 0 0 0 4px rgba(68,104,177, 0.2);    
}




/* fix msft action buttons bug when only 1 item in subgrids */
.view-grid {
	min-height: 10em !important;
}

.checkbox-cell .control {
	margin-left: 30px !important;	
}

.checkbox-cell .description.below {
	margin-left: 60px !important;	
}

.progress .list-group-item.active {
	background-color: #4468b1 !important;
	
}

.progress .list-group-item.incomplete {
	
}

.btn.disabled, .btn:disabled {
    color: #FFFFFF;
    pointer-events: none;    
	background-color: #4468b1 !important;
    border-color: #4468b1 !important;    	
}

.csvhide{
	display: none;
}

.picklist.horizontal > label{
	margin-right: 15px !important;
}

.idle-warning {
    position:fixed !important;
    top:0 !important;
    width:100%;
    z-index:100 !important;
}

/* fix brand hover */
.static-top.navbar-dark .navbar-brand a {
    text-decoration: none !important;
}


@font-face {
  font-family: 'Rethink Sans';
  font-weight: normal;
  font-style: normal;  
  src: url('/RethinkSans-VariableFont_wght.ttf') format('truetype');  
}
@font-face {
  font-family: 'Rethink Sans ExtraBold';
  font-weight: normal;
  font-style: normal;  
  src: url('/RethinkSans-ExtraBold.ttf') format('truetype');  
}
@font-face {
  font-family: 'Rethink Sans Bold';
  font-weight: normal;
  font-style: normal;  
  src: url('/RethinkSans-Bold.ttf') format('truetype');  
}


body {
    font-family: "Rethink Sans" !important;
    font-size: 16px;
    line-height: 1.4em;
    color: #000033;    
}


.CSVCharCounter {
	font-family: "Rethink Sans" !important; 
}

.CSVQuickExit{
	height: 100%;
	margin-left: 1em;
	font-size: 20px !important;
	font-weight: Bold !important;
}

.nav-link.dropdown-toggle, .drop_language{
	font-family: "Rethink Sans" !important; 
	font-weight: Bold !important;
	color: #000033;	
	background-color: #ffffff !important;
}


a.nav-link.dropdown-toggle::after{
	color: #000033 !important;
}





a { 
    font-family: "Rethink Sans" !important; 
}

p { 
    font-family: "Rethink Sans" !important; 
}

h1, h2 { 
    font-family: "Rethink Sans ExtraBold" !important; 
}

h3, h4, h5, h6 { 
    font-family: "Rethink Sans Bold" !important; 
}
h1 { font-size: 1.8em; margin: 0.8em 0 0.5em 0; line-height: 0.95em; }
h2 { font-size: 1.4em; margin: 0 0 0.4em 0; }
h3 { font-size: 1.4em; margin: 0 0 0.7em 0; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }



/*START:Improvement Tickets, SP*/
.header-actions {
    display: flex;
    align-items: center;
    gap: 10px; 
    flex-wrap: nowrap; 
}

@media (max-width: 667px) {
    .header-actions {
        flex-wrap: wrap; 
        justify-content: space-evenly;
        gap: 5px;
    }
}

.navbar-nav .dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000;
   
}

.navbar-nav .dropdown-menu:hover{
    background-color:#4468b1 !important; 
    color: white !important; 
}
.nav-link.dropdown-toggle, .drop_language {
    color: white;
    background-color: #000033 !important;
}

.navbar .dropdown-menu .dropdown-item:hover {
    background-color:#4468b1 !important; 
    color: white !important; 
}
.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #000033 !important;
    color: white !important; 
}


/*END:Improvement Tickets, SP*/