@charset "utf-8";
/* Start Configure CSS Document */

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

	Author: Approval Pro © 2025 ApprovalPro - All Rights Reserved.

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

body::before {
  content: "";
  position: fixed;      /* Keeps the strip visible while scrolling */
  top: 0;               /* Stick to the top of the viewport */
  left: 0;              /* Start at the left edge */
  width: 100%;          /* Stretch across the full width */
  height: 10px;          /* Thickness of the strip */
  background-color: #00bcd4; /* Your desired color */
  z-index: 9999;        /* Ensure it sits above all other content */
}
/*#documentation_content {
	background-color: #F3F3F3;
	margin-top: 20px;
}*/
#documentation_content p {
	font-size: 14px;
}
#documentation_content p.warning, #documentation_content p.info {
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	border: 1px solid #D3D6DB;
}
#documentation_content p.warning {
	background-color: #ffd;
}
#documentation_content p.info {
background-color::#dff;
}
p.c_1 {
	background-color: #069;
	padding: 20px;
	color: #fff;
	font-size: 48px;
}
p.c_2 {
	background-color: #960;
	margin: 20px;
	font-size: 28px;
	text-align: right;
	color: #CCC;
	padding-right: 20px;
}
p.c_3 {
	width: 200px;
	border: 3px solid #090;
	text-align: center;
	background: #990;
	color: #FFF;
}
p.c_4 {
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fef4e9;
	font-size: 18px;
	border: solid 1px #4093AE;
	background: #4093AE;
	background: -webkit-gradient(linear, left top, left bottom, from(#4093AE), to(#367C94));
	background: -moz-linear-gradient(top, #4093AE, #367C94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4093AE', endColorstr='#367C94');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4093AE', endColorstr='#367C94');
}
p.c_5 {
	text-decoration: blink;
}
p.c_5:after {
	content: " Don't use text-decoration:blink in your docs! (added with :after pseudo class)";
}
p.c_6 {
}
p.c_7 {
}
p.c_8 {
}
p.c_9 {
}
html {
	background-color: #EEEEEE;
	color: #383838;
}
		::-moz-selection {
background:#333636;
color:#00DFFC;
}
::selection {
	background: #333636;
	color: #00DFFC;
}
#documentation_sidebar #documentation_logo {
	background-image: url(/configure/img/logo-3.png);
}
a {
	color: #00bcd4;
}
.btn {
	border-radius: 3px;
}
.btn-primary {
	background-image: -moz-linear-gradient(top, #008C9E, #006673);
	background-image: -ms-linear-gradient(top, #008C9E, #006673);
 background-image: -webkit-gradient(linear, 0 0, 0 008C9E%, from(#343838), to(#006673));
	background-image: -webkit-linear-gradient(top, #008C9E, #006673);
	background-image: -o-linear-gradient(top, #008C9E, #006673);
	background-image: linear-gradient(top, #008C9E, #006673);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008C9E', endColorstr='#006673', GradientType=0);
	border-color: #006673 #006673 #bfbfbf;
	color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	border-color: #008C9E #008C9E #bfbfbf;
	background-color: #006673;
}
hr {
	border-top: 1px solid #003479;
	border-bottom: 1px solid #FFFFFF;
}
#documentation_sidebar, #documentation_sidebar ul a {
	background-color: #343838;
	color: #FFFFFF;
	background-image: url(../img/noise.gif);
/*http://static.revaxarts-themes.com/noise.gif*/
}
#documentation_sidebar ul a {
	-webkit-text-shadow: 1px 1px 0px #494F4F;
	-moz-text-shadow: 1px 1px 0px #494F4F;
	text-shadow: 1px 1px 0px #494F4F;
}
#documentation_sidebar ul {
	border-top: 1px solid #212424;
}
#documentation_sidebar ul a {
	border-top: 1px solid #494F4F;
	border-bottom: 1px solid #212424;
	color: #FFFFFF;
}
#documentation_sidebar ul a:hover {
	background: #333636;
	color: #00bcd4;
	border-top: 1px solid #333636;
}
#documentation_sidebar ul a.current {
	background: #333636;
	color: #00bcd4;
	border-top: 1px solid #333636;
}
#documentation_copyright {
	display: block !important;
	visibility: visible !important;
}
#item-image {
	display: block;
	height: 250px;
	margin: 0 auto;
	text-align: center;
	width: auto;
}
#documentation_overview {
	position: relative;
	height: auto;
	padding-top: 30px !important;
	margin-bottom: 30px;
}
#documentation_version {
	font-weight: bold;
	text-align: center;
}

#documentation_content {
    margin-top: 20px;
	margin: 0 auto;        /* keep your top spacing */
    padding: 0;              /* remove default padding */
    width: auto;            /* full viewport width */
    box-sizing: border-box;  /* ensure padding doesn’t expand width */
}

/* Alternating dark/light sections */
#documentation_content section:nth-of-type(odd) {
    background-color: #EEEEEE !important; /* current dark grey */
    margin-top: 20px;
	padding: 10px 40px 40px 40px !important; /* top | right | bottom | left */
}

#documentation_content section:nth-of-type(even) {
    background-color: #F5F5F5 !important; /* slightly darker grey */
    margin-top: 20px;
	padding: 10px 40px 40px 40px !important; /* top | right | bottom | left */
}

/* Feature List - Custom Checkmarks */
ul.feature-list {
    list-style: none !important;  /* remove default bullets */
    padding-left: 0 !important;
    margin-left: 0 !important;
}

ul.feature-list li {
    position: relative;
    padding-left: 30px;  /* room for checkmark */
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
    color: #495057;
    list-style: none !important; /* ensure no bullets from parent CSS */
}

ul.feature-list li::before {
    font-family: "Font Awesome 5 Free"; /* ensure correct FA font */
    font-weight: 900; /* solid style */
    content: "\f00c"; /* checkmark unicode */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #00bcd4;
    display: inline-block;
	font-size: 22px; /* larger tick size */
}

.timezone-select {
  max-width: 350px;   /* set width limit */
  width: auto;        /* don’t stretch full width */
  display: inline-block; /* ensures it stays compact */
}
/* Progress Bar on Reporting Section */
.progress-container {
  max-width: 70%;   /* set width limit */
  width: auto;        /* don’t stretch full width */
}

/* Toggles Reporting Section */
.form-check-input:checked {
  background-color: #28a745; /* Bootstrap success green */
  border-color: #28a745;
}

.form-switch .form-check-input {
  transform: scale(1.5);
  margin-right: 12px;
}

.form-switch .form-check-label {
  font-size: 1.2rem;
  vertical-align: middle;
}

/* Toggles Reminder Section */
/* Visual highlight styles */
/* Base style for all reminder items */
.reminder-item {
  position: relative;
}

/* Add a left color bar when active */
.reminder-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px; /* pulls the color bar 20px to the left */
  width: calc(100% + 10px);
  height: 100%;
  border-radius: 8px;
  z-index: 0;
}

/* Different colors for each priority */
.reminder-item.active[data-priority="high"]::before {
  background-color: #ffe5e5;
  border: 2px solid #dc3545;
}

.reminder-item.active[data-priority="medium"]::before {
  background-color: #fff6e0;
  border: 2px solid #ffc107;
}

.reminder-item.active[data-priority="low"]::before {
  background-color: #e8f7e8;
  border: 2px solid #28a745;
}

/* Keep content above the pseudo-element */
.reminder-item > * {
  position: relative;
  z-index: 1;
}

/* ===================================
   16. Terms Page Accordion
=================================== */

/* Full scoped accordion button gradient */
#page-terms .accordion-button {
    background: linear-gradient(135deg, #003479, #00bcd4) !important;
    color: #fff !important;
    font-weight: bold;
    border: none !important;
}

#page-terms .accordion-button.collapsed {
    background: linear-gradient(135deg, #003479, #00bcd4) !important;
    color: #fff !important;
    border: none !important;
}

/* Remove focus/active shadows */
#page-terms .accordion-button:focus {
    box-shadow: none !important;
}

/* Accordion icons */
#page-terms .accordion-button i {
    margin-right: 0.5rem;
}

/* Override default collapse arrow color */
#page-terms .accordion-button::after {
    color: #fff !important;
}

/* Accordion content */
#page-terms .accordion-body {
    background-color: #f8f9fa !important;
}

#page-terms #documentation_content h2 {
margin-bottom:0px !important;
}
#page-terms .accordion-header {
margin-bottom:0px !important;

}

/* Links inside accordion */
#page-terms a {
    color: #00bcd4 !important;
}

#page-terms #termsLastUpdated {
    font-size: 0.7rem;
    color: #555;
    font-style: italic;
    text-align: right;
    margin-top: 1rem;
}
#page-terms #termsLastUpdated strong {
    font-style: normal;
}
/* Target the button directly */
#toggleAccordion {
    display: inline-block;
    padding: 5px 15px;   /* smaller padding */
    background-color: #00bcd4;
    color: #fff;
    font-size: 0.9rem;   /* smaller font */
    font-weight: bold;
    border-radius: 6px;
    margin-top: 10px;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

#toggleAccordion:hover {
    background-color: #003479;
    color: #fff;
    text-decoration: none;
}