@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------
CREDITS
Theme Name: FSSI CSR
Description: FSSI-specific theme for ESO CSR
Author: FSSI, 714.436.3300
Version: 1.0
Last changed: 07/11/25 [tb]
Assigned to: Joey Paragas [jp]
			 Tiffany Baca [tb]
----------------------------------------
CONTENTS
1.0. Body <body>
    1.1. Links / a, a:focus, a:hover
    1.2. Headers / h1, h2, h3, h4, h5, h6
    1.3. Paragraph / p, strong, small, ul, blockquote
    1.5. Buttons / .btn
    1.6. Forms / form
    1.7. Alerts / .alert
2.0. Header / <header>
3.0. Containers / <main>
4.0. Left Column / .col-left
    4.1. Sidebar Navigation / .sidebar
5.0. Right Column / .col-right
    5.1. Bootstrap "Table" / .page
        5.1.1. Headers / .bstable-headers
        5.1.2. Rows / .bstable-row
        5.1.3. Columns / .*-col
    5.2. Reports / .reports-col
6.0. Footer / <footer>
    6.1. Copyright / .copyright
----------------------------------------
COLORS
Purple:     #51284F (81, 40, 79)
Blue:       #5E8AB4 (94, 138, 180)
Lt Blue: 	#A6BED5
Gray:       #BEBEC1
----------------------------------------
TYPOGRAPHY
Copy: 300, 400, 700 Arial
/************************************************
*   1.0. BODY                                 *
************************************************/
body { background-color:#ffffff; color:#656569; font:300 13px/1.4 Arial, Helvetica, "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif; margin:0 auto; width:650px; }
	/* 1.1 LINKS */
	/* 1.2 HEADERS */
	h1, h2, h3 { color:#FFFFFF; font-weight:700; margin-bottom:0; padding:5px 0; }
	h1, h2 { font-size:18px; }
	h3 { font-size:14px; margin-bottom:0; }
	ul, ol { margin-bottom:4px; }
	ol { padding-left:16px; }
	li, .modal .modal-content { line-height:1.2; }
	p { margin-bottom:4px; }
	hr { border-top:1px solid #BEBEC1; display:block; margin:6px auto 0; width:592px; }
	strong { font-weight:700; }
	/* 1.3 BUTTONS */
	.btn { border-radius:50px; font-size:12px; font-weight:700; padding:7px 25px; box-shadow:none;}
	/* Colors */
		/* Primary */
		.btn-primary, .btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color:#51284F!important; border:2px solid #51284F!important; color:#FFFFFF!important; }
		.btn-primary:hover, .btn-blue, .btn-blue:disabled { background-color:#5E8AB4!important; border:2px solid #5E8AB4!important; color:#FFFFFF; }
		/* Bootstrap Button Outline */
		.btn-primary:focus, .btn-alt:focus, .btn-alt-blue:hover:active, .btn-alt-blue:hover:focus { box-shadow: 0 0 0 0.2rem rgba(81, 40, 79, 0.25)!important; }
		.btn-primary:hover:active, .btn-primary:hover:focus, .btn-blue:focus, .btn-alt-blue:focus, 
		.btn-alt:hover:active, .btn-alt:hover:focus { box-shadow: 0 0 0 0.2rem rgba(94, 138, 180, 0.25)!important; }
		/* Alt */
		.btn-alt { background-color:#FFFFFF!important; border:2px solid #51284F; color:#51284F!important; }
		.btn-alt-blue, .btn-alt:hover:not([disabled]) { background-color:#FFFFFF; border:2px solid #5E8AB4; color:#5E8AB4; text-align:left; }
		.btn-alt:hover:not([disabled]) { color:#5E8AB4!important; text-align:center; }
		.btn-alt-blue:hover { border-color:#51284F; color:#51284F; }
		.btn-alt-blue:focus { box-shadow: 0 0 0 0.2rem rgba(94, 138, 180, 0.25); }
	.btn-full { width:100%; }
	#btn-back { width:120px; }
	.btn-combine { margin-top:10px; padding:7px; }
	.btn-combine .fa-layer-group { font-size:18px; padding-right:4px; position:relative; top:2px; }
	.btn.disabled, .btn:disabled { opacity:0.30; }
	.calendar {  background-color:transparent; color:#51284F; border:0; padding:0 0 0 10px; }
	.calendar span { font-size:25px; }
	.fa-check-circle, .fa-file-pdf { color:#5E8AB4; font-size:15px; cursor: pointer; }
	.fa-check-circle:hover, .fa-file-pdf:hover { color:#A6BED5; }
	/* 1.4 FORMS */
	.form-control { font-size:14px; }
	.form-select { appearance:none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235E8AB4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position:right 0.75rem center; background-repeat:no-repeat; background-size:16px 12px; font-weight:400; }
	.form-select:hover { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2351284F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-position:right 0.75rem center; background-repeat:no-repeat; background-size:16px 12px; font-weight:400; }
	/* 1.5 CHECKBOX */
	.pretty { margin:0; height:20px; width:20px; }
	.pretty.p-toggle .state.p-off .icon, .pretty input:checked~.state.p-info-o .icon, .pretty input:checked~.state.p-info-o .svg, .pretty input:checked~.state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { font-size:20px; color:#A6BED5; }
	.pretty input:checked~.state.p-info-o .icon, .pretty input:checked~.state.p-info-o .svg, .pretty input:checked~.state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color:#5E8AB4; }
	/* 1.6 LOADER */
	.spinner-border { height:15px; margin-right:7px; width:15px; }
/************************************************
*   2.0. HEADER                                 *
************************************************/
header, .title, .heading { background-color:#5E8AB4; }
.header-logo { background-color:#FFF !important; border-bottom:3px solid #51284F; padding:16px 0; }
.header-logo .col-12 { display:flex; align-items:center; }
/************************************************
*   3.0. CONTAINERS                             *
************************************************/
.title, .search-form, .results-text { padding: 0 15px; }
.tooltip { font-family: Arial, sans-serif; font-size:13px; }
.tooltip-inner { line-height:1.1; padding:0.5rem; }
/************************************************
*   3.0. SECTIONS                               *
************************************************/
section { margin-bottom:15px; }
/* Instructions */
.instructions { position:relative; }
.instructions .body-text { padding-top:20px; }
.instructions .btn-combine-doc, .instructions #btn-back { position:absolute; top:20px; right:15px; }
/* Search */
.search form { border:1px solid #5E8AB4; padding-top:15px; padding-bottom:0px;  }
.search .btn { margin-top:28px; }
.search label { color:#5E8AB4; font-weight:700; }
.search .search-form .col-3 { padding-right:0; }
.search .search-form .col-3:last-child { padding-right:15px; }
.search .form-control:focus { border-color:#51284F; box-shadow: 0 0 0 0.2rem rgba(81, 40, 79, 0.25); } 
/* Results */
.results .results-text, .search-output, .title { border-right:1px solid #5E8AB4; border-left:1px solid #5E8AB4; }
.results .results-text { padding-top:5px; padding-bottom:5px; }
.results .results-text p { margin-bottom:0; }
.results .search-output { background-color:#EEF3F7;  border-bottom:1px solid #5E8AB4; padding:0 15px 20px; }
.results .search-output .heading > div:first-child, .results .result > div:first-child { padding-left:25px; }
.results .search-output sup { top:-0.1em; }
.results .result { padding-top:6px; }
.results .result > div:first-child, .results .result > div:nth-child(2) { display:flex; align-items:center; }
.results .result span { font-size:20px; }
.results .pagination { justify-content:space-between; margin:10px -15px 0; width:100%}
.results .pagination div:nth-child(2) { display:flex; justify-content:center; }
.results .pagination select { font-weight:700; padding:7px 15px 7px 15px; width:100px; -webkit-appearance:none; -moz-appearance:none; }
/* Contact */
.contact { width:100%; }
.contact p { margin:15px 0 0; text-align:center; }
/* Modal */
.modal .modal-content { position:relative; text-align:center; }
.modal .modal-dialog { margin-top:180px; max-width:584px!important; width:584px!important; }
.modal .close { color:#5E8AB4; font-size:14px; opacity:1; position:absolute; right:20px; top:20px; }
.modal .close:hover { color:#A6BED5; opacity:1; }
.modal .btn-cancel { text-align:center; width:95px; }
.modal .btn-process { align-items:center; display:flex; opacity:1; }
.modal-header, .modal-footer {  border:0; justify-content:center; }
.modal-header { padding-bottom:0; }
.modal-footer { padding-top:0; }
.modal h2 { color: #5E8AB4; }
/* Datepicker */
.ui-datepicker .ui-widget-header {
	border: 1px solid #5E8AB4;
	background: #5E8AB4 repeat-x;
}