/*@font-face {
     font-family: "ColfaxAI";
     src: url(https://cdn.openai.com/API/fonts/ColfaxAIRegular.woff2) format("woff2"), url(https://cdn.openai.com/API/fonts/ColfaxAIRegular.woff) format("woff");
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "ColfaxAI";
     src: url(https://cdn.openai.com/API/fonts/ColfaxAIBold.woff2) format("woff2"), url(https://cdn.openai.com/API/fonts/ColfaxAIBold.woff) format("woff");
     font-weight: bold;
     font-style: normal;
}*/
 i {
     padding-right: 5px;
}
 form {
     display: flex;
     flex-direction: column;
}
 input[type="submit"] {
     padding: 12px 0;
     color: #fff;
     background-color: #10a37f;
     border: none;
     border-radius: 4px;
     text-align: center;
     cursor: pointer;
}
 .outerFormDiv {
     width: 100%;
     padding: 50px;
     min-height: 700px;
     text-align: center;
}
 .innerTextDiv {
     color: white;
}
 .innerFormDiv {
     background-color: rgba(238.00000101327896, 238.00000101327896, 238.00000101327896, 1);
     width: 100%;
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
     background-color: rgba(255, 255, 255, 1);
     min-height: 550px;
     padding: 25px
}
 .outerResultsDiv {
     width: 100%;
     min-height: 700px;
     padding: 50px;
     margin-bottom: 100px;
}
 .innerResultsDiv {
     background-color: rgba(238.00000101327896, 238.00000101327896, 238.00000101327896, 1);
     width: 100%;
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
     background-color: rgba(255, 255, 255, 1);
     min-height: 550px;
     padding: 25px
}
 input[type="submit"] {
     padding: 12px 0;
     color: #fff;
     background-color: #10a37f;
     border: none;
     border-radius: 4px;
     text-align: center;
     cursor: pointer;
}
 button {
     padding: 10px 20px;
     color: #fff;
     border: none;
     border-radius: 4px;
     text-align: center;
     cursor: pointer;
}
 #my-dropzone {
     border: #dee2e6 dashed 1px;
     width: 100%;
     height: 200px;
     margin: 0px auto 20px auto;
}
 #my-upload {
     margin: 0px auto;
}
 .dropzone-text {
     color: rgba(237.0000010728836, 23.000000528991222, 76.0000030696392, 1);
     font-family: Open Sans;
     font-size: 48px;
}
 label {
     display: block;
     font-weight: bold;
     margin-bottom: 10px;
}
 input[type="submit"] {
     display: block;
     margin-top: 20px;
     padding: 10px;
     background-color: #007bff;
     color: #fff;
     border: none;
     border-radius: 5px;
     cursor: pointer;
}
 .summary {
     margin-top: 40px;
     border: 1px solid #ccc;
     padding: 20px;
     border-radius: 5px;
}
 h2 {
     font-size: 1.5rem;
     margin-bottom: 20px;
}
 p {
     line-height: 1.5;
}
 body {
     font-size: 1.25rem;
}
 hr {
     background-color: #dee2e6;
     opacity: 1;
}
 p {
     margin: 2rem 0;
}
 p a {
     text-decoration: underline;
}
 blockquote {
     font-style: italic;
     color: #6c757d;
}
 .btn {
     letter-spacing: 0.0625em;
}
 .form-floating input, .form-floating textarea {
     border-left: 0;
     border-right: 0;
     border-top: 0;
}
 .form-floating input:focus, .form-floating textarea:focus {
     box-shadow: none;
}
 .form-floating label {
     color: #6c757d;
}
 #mainNav {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1030;
     border-bottom: 1px solid #dee2e6;
     background-color: #fff;
     font-family: 'EB Garamond', serif;
     /*font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}
 #mainNav .navbar-brand {
     font-weight: 800;
}
 #mainNav .navbar-toggler {
     font-size: 0.75rem;
     font-weight: 800;
     padding: 0.75rem;
     text-transform: uppercase;
}
 #mainNav .navbar-nav>li.nav-item>a.nav-link {
     font-size: 0.75rem;
     font-weight: 800;
     letter-spacing: 0.0625em;
     text-transform: uppercase;
}

footer {
     padding-top: 3rem;
     padding-bottom: 10px;
}
 .section-heading {
     font-size: 2.25rem;
     font-weight: 700;
     margin-top: 3.75rem;
}
 .caption {
     font-size: 0.875rem;
     font-style: italic;
     display: block;
     margin: 0;
     padding: 0.625rem;
     text-align: center;
}
 #The901Logo {
     height: 40px;
}
 textarea {
     width: 100%;
     min-height: 200px;
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     resize: vertical;
}
 .outerFormDivA {
     width: 100%;
     min-height: 400px;
     text-align: center;
}
 .outerFormDivStoryTime {
     background-color: #990000;
     width: 100%;
     padding: 25px 50px 50px 50px;
     min-height: 400px;
     text-align: center;
}
 .innerFormDivA {
     background-color: rgba(238.00000101327896, 238.00000101327896, 238.00000101327896, 1) !important;
     width: 100%;
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
     min-height: 200px;
     padding: 25px;
     text-align: left;
}
 h1 {
     text-align: center;
}
 .results-header {
     color: #A84911;
}
 #results-div {
     min-height: 200px;
     font-size: 11pt;
}
 .summary-note {
     color: #A84911;
     font-size: .88em;
}
 .results-div {
     min-height: 200px;
     font-size: 11pt;
}
 .status-source {
     box-shadow: none !important;
     overflow: visible !important;
     -webkit-box-shadow: none !important;
}
 .dropdown-menu {
     float: none !important;
}
 .services-svg-text {
     pointer-events: none;
}
 .text-muted-footer {
     color: #8C939B;
}
 .c-wrapper {
     margin: 0 !important;
     border-radius: 0px !important;
     border: 0px #DADFE3 solid !important;
}
 .btn {
     text-transform: none !important;
     font-family: Helvetica, Verdana, Geneva, Tahoma, sans-serif !important;
     letter-spacing: 0px !important;
     text-shadow: 0px 0px #000000 !important;
     border-radius: 4px !important;
}
 .btn:hover {
     color: yellow !important;
     background-color: #011f5b !important;
     text-shadow: 0px 0px #000000 !important;
}
 .btn-primary {
     background-color: #0d6efd !important;
     border-color: #0d6efd !important;
}
 .btn-primary:hover {
     background-color: #0a58ca !important;
     border: gray solid 1px !important;
}
 a.btn {
     border: solid 1px #015335 !important;
     color: white !important;
     background-color: #011f5b !important;
     border: solid 1px #015335 !important;
     color: white !important;
     width: auto;
     border: solid 1px #015335;
     background-image: none;
     font-size: 12px;
     font-weight: 600;
     box-shadow: none;
     padding: 5px 20px;
     color: #fff;
}
 a.btn:hover {
     background-color: #0a58ca !important;
     border: gray solid 1px !important;
}
 #helpdesk_ticket_submit {
     min-height: 38px !important;
     font-size: 16px !important;
}
 .collapse {
     height: auto !important;
}
 .hc-search-button {
     display: none;
}
 .helpdesk_view {
     display: none !important;
}
 .nav>li>a:hover {
     background-color: #011f5b !important;
     color: rgba(255, 255, 255, .75) !important;
}
 .ui-autocomplete {
     background-color: white !important;
     padding: 15px 10px 15px 30px;
     left: 0px !important;
     border: #EEEEEE solid 2px !important;
     width: 90% !important;
     margin: 10px auto 10px auto;
}
 .ui-autocomplete a {
     text-decoration: none !important;
}
 .btn {
     font-family: Poppins, Helvetica, sans-serif !important;
}
 a.useful-link {
     background-color: #011f5b !important;
     color: white !important;
     text-decoration: none;
     font-size: 16px !important;
     border: white solid 2px !important;
     min-width: 225px;
     max-width: 225px;
     transition: .2s;
     -moz-transition: .2s;
     -webkit-transition: .2s;
     -o-transition: .2s;
     margin: 0px 20px 20px 20px;
     padding: 10px;
     border-radius: 10px;
     display: inline-block;
}
 a.useful-link:hover {
     background-color: #011f5b !important;
     color: #fd685e !important;
     border: #fd685e solid 2px !important;
}
 #support-search-input {
     width: 100%;
     min-height: 50px;
     border-radius: 6px;
     border: 2px #EEEEEE solid;
}
 .hide {
     display: none;
}
 body {
     overflow-x: hidden;
     color: #011f5b;
}
 footer {
     padding-top: 50px;
     background-color: #011f5b;
}
 footer a {
     color: #999;
     text-decoration: none;
}
 footer a:hover, footer a:focus {
     color: #aaa;
     text-decoration: none;
     border-bottom: 1px dotted #999;
}
 .ticket-list {
     min-height: 600px;
     padding-top: 10px;
}
 .no-border-bottom:hover {
     border-bottom: 0px;
}
 .search-title {
     color: #011f5b;
     font-family: Georgia, 'Times New Roman', Times, serif;
     line-height: 1.2;
     margin-bottom: 0px;
     font-size: 3.5em;
}
 .header-title-span {
     display: block;
}
 .solution-footer-nav {
     text-align: center;
}
 .solution-footer-nav a {
     margin-left: 10px;
     margin-right: 10px;
}
 .solution-center-social-media-links {
     margin-top: -25px;
     margin-bottom: 15px;
     font-size: 18pt;
     transition: .3s;
     -moz-transition: .3s;
     -webkit-transition: .3s;
     -o-transition: .3s;
}
 .solution-center-social-media-links a:hover {
     color: #990000;
}
 .light-blue-font {
     color: #990000 !important;
}
 .light-blue-background {
     background-color: #B1E3F7;
}
 .light-blue-background-btn:hover {
     background-color: #990000 !important;
     border: gray solid 1px;
}
 .light-blue-background-btn {
     background-color: #011f5b;
     border: #011f5b solid 1px;
}
 .golden-yellow-font {
     color: #f2c100;
}
 .soulution-card-icon {
     font-size: 40pt;
}
 .solution-center-hero-section {
     position: relative;
     background-color: navy;
     opacity: .8;
}
 .solution-center-hero-section::after {
     content: "" !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     right: 0 !important;
     position: absolute !important;
     z-index: -1 !important;
     opacity: .8;
}
 .solution-search-form-section {
     padding: 200px 25px 50px 25px;
     min-height: 150px;
     border-bottom: #BABABA solid 2px;
}
 .penn-background {
     background-color: #011f5b;
}
 .penn-font-color {
     color: #011f5b;
}
 .bd-placeholder-img {
     font-size: 1.125rem;
     text-anchor: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
}
 .solution-portal-search-input-group {
     min-height: 50px;
}
 .card-title {
     color: #243F75;
     font-size: 1.6em;
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .services-card-title {
     color: #243F75;
     font-size: 1.6em;
     margin-top: 14px;
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .card-inner {
     text-align: center;
     min-height: 300px;
     margin-top: 5px;
     font-family: Helvetica, Verdana, Geneva, Tahoma, sans-serif;
     border-radius: 3px;
}
 .card-description {
     min-height: 90px;
}
 .solution-service-cards {
     transition: .3s;
     -moz-transition: .3s;
     -webkit-transition: .3s;
     -o-transition: .3s;
}
 .solution-service-cards:hover {
     fill: #990000;
}
 .solution-search-btn {
     background-color: #990000;
     color: white;
}
 .solution-center-nav-logo {
     max-height: 50px;
}
 .card-product:hover {
     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
     transition: .2s;
     -moz-transition: .2s;
     -webkit-transition: .2s;
     -o-transition: .2s;
}
 .card-product {
     transition: .2s;
     -moz-transition: .2s;
     -webkit-transition: .2s;
     -o-transition: .2s;
}
 .card-icon {
     width: 100px;
     height: 100px;
     margin: 10px auto 10px auto;
}
 .hours-of-operation-table {
     font-size: 1em;
}
 .hours-of-operation-table td {
     padding: 5px;
}
 .solution-center-more-info-div {
     border-bottom: #011f5b solid 1px;
     margin-bottom: 25px;
     padding-bottom: 15px;
}
 #topBtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 18px;
     border: none;
     outline: none;
     background-color: #990000;
     color: #011F5B;
     cursor: pointer;
     padding: 15px;
     border-radius: 4px;
}
 #topBtn:hover {
     background-color: #990000;
}
 .solution-center-hr {
     height: 20px;
     background: linear-gradient(90deg, #f8f9fa 0%, #990000 49%, #f8f9fa 100%);
}
 .fresh-desk-links-inner-div {
     border-top: #EEEEEE solid 2px;
     border-bottom: #EEEEEE solid 2px;
}
 .footer-border {
     border-top: #990000 solid 2px;
}
 .header-border-bottom, .full-width-navy-image {
     border-top: #fd685e solid 2px;
}
 .grid-links-outer-div {
     padding-top: 30px;
}
 .full-width-border-top {
     border-top: #EEEEEE solid 2px;
     background-color: #B1E3F7;
     background-color: #F5F5DC;
     background-color: #fff3cd;
}
 .light-beige-font {
     color: #EEEEEE;
}
 .white-font {
     color: #FFFFFF;
}
 .grid-links-inner-div {
     padding: 0 40px 45px 40px;
     border: #f8f9fa solid 1px;
}
 .full-width-header, .grid-links-header, .fresh-desk-links-header {
     font-family: Georgia, 'Times New Roman', Times, serif;
     color: #243F75;
}
 .fresh-desk-links-header a {
     color: #243F75;
     text-decoration: none;
}
 .fresh-desk-links-header a:hover {
     color: #0a58ca;
     text-decoration: none;
}
 .footer-header, .footer-logo-text {
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .footer-header {
     font-size: 24px;
}
 .solution-arrows-ul {
     list-style-type: none;
     position: relative;
     padding-left: 30px;
}
 .article:before {
     content: '\2192';
     margin-left: -20px;
     margin-right: 10px;
     color: #f2c100
}
 .fresh-desk-link {
     text-decoration: none;
     color: #0a58ca;
}
 .fresh-desk-link:hover {
     color: #011f5b;
}
 .footer-address {
     color: #999;
}
 .circle-image-outer-div {
     width: 224px;
     border: #fd685e solid 2px;
     padding: 10px;
     margin: -100px auto 0px auto;
}
 .circle-image-inner-div {
     width: 200px;
     height: 200px;
     overflow: hidden;
}
 .circle-image {
     width: 200px;
     height: 200px;
}
 .full-width-navy-image {
     background-color: #011f5b;
}
 .headline-header {
     text-align: center;
     color: #011f5b;
     font-family: Georgia, 'Times New Roman', Times, serif;
     line-height: 1.2;
     font-size: 3em;
     margin-bottom: 140px;
}
 .headline-header-span {
     color: #f2c100;
}
 .navy-image-links-div {
     color: white;
     text-align: center;
     max-width: 768px;
     padding: 20px 10px 30px 10px;
}
 .navy-image-header {
     font-size: 2.18em;
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .outerFormDivA {
     padding: 15px 0px 15px 0px;
}
 .solution-search-form-section {
     background-color: white;
     opacity: 0.78;
}
 .home-page-rounded-corners {
     margin-top: 10px;
     margin-bottom: 10px;
}

 .vision-modal-ul {
     padding-left: 0px !important;
     padding-right: 40px !important;
}

 .modal {
     background-color: transparent !important;
     background-image: none !important;
     margin: 0 !important;
}

 .modal-body {
    text-align: left;
}

 .confirmation-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    text-align: center;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 65%;
}

.modal-buttons {
    display: flex;
    justify-content: center;
    gap: 45%; /* Adjust the gap as needed */
}

.modal-content .btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 10px;
    cursor: pointer;
}

.modal-content .btn:hover {
    background-color: #0056b3;
}
 .modal-header {
     background-color: transparent !important;
     border-bottom: 0px !important;
}
 .modal-footer {
     background-color: transparent !important;
     border-top: 0px !important;
     justify-content: center !important;
}
 .useful-modal-link {
     color: #011f5b !important;
     border: #011f5b solid 2px !important;
     min-width: 0px !important;
     margin: 0px 20px 20px 20px !important;
     padding: 10px;
     text-decoration: none;
     border-radius: 8px;
     font-size: 1.1em;
     font-weight: 500;
}
 .useful-modal-link:hover {
     color: #990000 !important;
     border: #990000 solid 2px !important;
     text-decoration: none;
}
 .modal-icon {
     height: 50px;
}
 .sc-modal-close {
     margin: -15px 5px 0px 0px !important;
     border: 1px black solid;
}
 #SolutionCenterHomePageModalTitleLabel {
     font-size: .86em;
}
 .sc-embedded-video {
     position: relative;
     padding-bottom: 56.25%;
    /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%;
     - 16:10 aspect ratio */
    /* padding-bottom: 75%;
     - 4:3 aspect ratio */
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}
 .sc-embedded-video iframe, .sc-embedded-video object, .sc-embedded-video embed {
     border: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .mainNav1 {
     background-color: #F7FCFF !important;
}
 .useful-link {
     text-align: center;
}
 .bg-navy {
     background-color: #011f5b;
}
 #addItemButton {
     text-align: left;
     font-size: 2em;
     float: left;
}
 #addItemButton:hover {
     cursor: pointer;
     color: #011f5b;
}
 .closeIconRegistry {
     font-size: 2em;
     float: right;
}
 .closeIconRegistry:hover {
     cursor: pointer;
     color: #011f5b;
}
 #itemList {
     list-style-type: none;
    /* Removes bullet */
     text-align: left;
    /* Aligns text to the left */
}
 #itemList li {
     clear: both;
     margin-bottom: 25px;
}
 label {
     margin-top: 20px;
}
 .featured-hr-links {
     background-color: #0a58ca;
     color: white;
     padding: 4px 10px 7px 10px;
     border-radius: 25px;
     font-size: 1.5em;
}
 .featured-hr-links:hover {
     background-color: #990000;
}
 .smaller-icon {
     font-size: .8em;
}
 .background-white {
     background-color: white;
}
 .required-field {
     color: #990000;
}
 .nav-link, .nav-link:active, .nav-link:focus, .nav-link:focus-visible, .nav-link:focus-within, .nav-link:visited, .nav-link:target {
     color: white;
}
 .nav-link:hover, .navbar-nav .nav-link.show {
     color: yellow;
}
 .nav-shield {
     height: 40px;
}
 .headline-header-hidden-link {
     color: #990000;
     text-decoration: none;
}
 body {
     padding-right: 0px;
}
 .nav-link {
     font-family: Poppins, Helvetica, sans-serif !important;
}
 .system-status-box {
     margin-left: 20px;
     padding: 20px;
     border: 1px solid white;
}
 .green-status {
     color: #39FF14 !important;
}
 .service-card {
     padding: 0 0.375rem 0 0.375rem;
     --color-primary-disabled-hover: #bc2831;
     --color-primary-disabled: #a91725;
     --color-primary: #95001a;
     --color-primary-hover: #81000f;
     --color-primary-active: #6c0005;
     --color-primary-hover-active: undefined;
     --color-secondary-disabled-hover: #ffffff;
     --color-secondary-disabled: #f9f9f9;
     --color-secondary: #e5e5e5;
     --color-secondary-hover: #d2d2d2;
     --color-secondary-active: #c0c0c0;
     --color-secondary-hover-active: undefined;
     --color-active-rgb: 15, 73, 73;
     --text-primary: #262626;
     --text-default: #262626;
     --text-secondary: #5e5e5e;
     --text-tertiary: #808080;
     --border-color: #d9d9d9;
     --focus-outline: 0 0 0 .2rem #0038b2;
     --carousel-button-background: #fafafa;
     --carousel-button-border: #d9d9d9;
     --carousel-cover-line: linear-gradient(-180deg, rgba(217, 217, 217, 0) 0%, #d9d9d9 5%, #d9d9d9 95%, rgba(217, 217, 217, 0) 100%);
     --color-primary-card-background: #ffffff;
     position: relative;
     display: flex;
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
}
 .service-card:hover {
     border: #990000 solid 1px;
     cursor: pointer;
}
 .service-card-anchor {
     text-decoration: none;
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
     height: 100%;
     max-height: 100%;
}
 .service-card-image-inner-div {
     float: left;
}
 .content-page-outer-div {
     min-height: 550px;
}
 #new-ticket-btn {
     padding-top: 8px !important;
     background-color: #0d6efd !important;
}
 .breadcrumb {
     padding: 1rem 0rem;
    /* Spacing */
     font-size: 1.25rem;
    /* Smaller font size */
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .breadcrumb-item + .breadcrumb-item::before {
     color: #6c757d;
    /* Dark grey for separator */
}
 .breadcrumb a {
     text-decoration: none;
     color: #243F75;
}
 .breadcrumb a:hover {
     text-decoration: none;
     border-bottom: 1px dotted #999;
}
  .clear-both {
     clear:both;
}

 .preview-section .article-title {
     font-size: 2rem;
    /* Adjusted size */
     margin-bottom: 0.5rem;
    /* Reduced spacing below title */
     color: #243F75;
    font-family: "ColfaxAI", Helvetica, sans-serif;
}
 .preview-section .article-date {
     font-size: 1rem;
    /* Larger than the original for emphasis */
     color: #6c757d;
    /* Grey color */
     margin-bottom: 1rem;
    /* Spacing below date */
}
 .preview-section .intro {
     font-size: 1.25rem;
    /* Slightly larger than body text */
     color: #353740;
    /* Dark grey for readability */
     margin-bottom: 1rem;
    /* Spacing below intro */
}

 body, input {
     font-size: 16px;
     line-height: 24px;
     color: #353740;
     font-family: "ColfaxAI", Helvetica, sans-serif;
}
 body {
     background: #E5E5E5;
     font-family: "ColfaxAI", Helvetica, sans-serif;
}
 .main-article-title {
     font-size: 2.2rem;
     margin-top:10px;
}
 .main-article-title-div p {
     margin-top: 0px !important;
}
 .documentation-hr {
     color: #e9ecef;
}
 .modal-body div p:first-of-type {
     margin-top: 0px;
}
 .article-title a {
     text-decoration: none;
     color: #243F75;
}
 .home-page-rounded-corners {
     border-radius: 4px;
}
 .menu-search-li {
     padding-top: 9px;
     padding-right: 9px;
}
 .menu-search-anchor {
     color: white;
     text-decoration: none;
     padding-top:20px;
}
 .menu-search-anchor:hover {
     color: yellow;
}
/* Pagination Container */
 .pagination {
     text-align: center;
     padding: 20px 0;
}
/* General Link Styles */
 .pagination .page-links a {
     color: #007bff;
     text-decoration: none;
     margin: 0 5px;
     padding: 5px 10px;
     border: 1px solid #ddd;
     border-radius: 5px;
     transition: background-color 0.3s, color 0.3s;
}
/* Styles for Current Page Indicator */
 .pagination .current {
     display: inline-block;
     margin: 0 5px;
     padding: 5px 10px;
     background-color: #f0f0f0;
     border: 1px solid #ddd;
     border-radius: 5px;
}
/* Hover Effects */
 .pagination .page-links a:hover {
     color: #0056b3;
     background-color: #e9ecef;
}
/* Disabled Link Styles */
 .pagination .page-links span {
     color: #6c757d;
     margin: 0 5px;
     padding: 5px 10px;
     border: 1px solid #ddd;
     border-radius: 5px;
     cursor: default;
}
 .disabled {
     background-color: #f0f0f0;
     cursor: not-allowed;
}
 .circle {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     float: left;
     margin-top: 16px;
}
/* If we want to remove the circles update the CSS at Line 895 to remove padding */
/* First .circle */
 .preview-section:nth-of-type(1) .circle {
     background-color: #011F5B;
    /* Replace 'color1' with your desired color */
}
/* Second .circle */
 .preview-section:nth-of-type(2) .circle {
     background-color: #990000;
    /* Replace 'color2' with your desired color */
}
/* Third .circle */
 .preview-section:nth-of-type(3) .circle {
     background-color: #82AFD3;
    /* Replace 'color3' with your desired color */
}
/* Fourth .circle */
 .preview-section:nth-of-type(4) .circle {
     background-color: #C35A00;
    /* Replace 'color4' with your desired color */
}
/* Fifth .circle */
 .preview-section:nth-of-type(5) .circle {
     background-color: #F2C100;
    /* Replace 'color5' with your desired color */
}
 .preview-section:nth-of-type(6) .circle {
     background-color: #011F5B;
    /* Replace 'color1' with your desired color */
}
 .search-results-div ul {
     list-style: none;
     padding: 0;
}
 .search-results-div li {
     margin-bottom: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #eee;
}
 .search-results-div li strong {
     font-size: 1.2em;
}
 .search-results-div li p {
     margin: 5px 0;
     color: #666;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     max-width: 100px;
}
/* Pagination Links Styling */
 .search-results-div a {
     color: #007bff;
     text-decoration: none;
}
 .search-results-div a:hover {
     text-decoration: underline;
}
 .home-page-rounded-corners h3 {
     color: #333;
     margin-bottom: 15px;
     font-size: 1.5em;
}
/* Announcement Links Styling */
 .home-page-rounded-corners a {
     color: #007bff;
     text-decoration: none;
}
 .home-page-rounded-corners a:hover {
     text-decoration: none;
     border-bottom: 1px dotted #999;
}
/* Date Styling */
 .home-page-rounded-corners em {
     color: #666;
     font-style: normal;
     display: block;
     margin-bottom: 15px;
}
 .announcement-item {
     padding-bottom: 5px;
    /* Space at the bottom of each item */
     margin-bottom: 5px;
    /* Additional space for separation */
     border-bottom: 1px solid #eee;
    /* Line separator */
}
/* Remove the bottom border from the last item */
 .announcement-item:last-child {
     border-bottom: none;
}
/* Styling for announcement title */
 .announcement-item strong {
     font-size: 1.1em;
    /* Slightly larger font for titles */
}
/* Adjusted margin and padding for date */
 .announcement-date {
     color: #666;
     margin-top: 0;
     padding-top: 0;
     font-style: italic;
}
 .homepage-announcement-and-documentation-span {
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .resized-circle {
     width: 50px !important;
     height: 50px !important;
}
 .penn-card:hover{
     border: 1px solid #990000;
}
 .penn-card-title {
     margin-bottom: 0.75rem;
     font-size: 1.40rem;
     font-weight: bold;
     color: #243F75;
     text-align: left !important;
}
 .penn-card-body {
     flex: 1 1 auto;
     padding: 1.25rem;
}
 .pennn-img-fluid img {
     max-width: 100%;
     height: auto;
}
 .penn-card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0,0,0,.125);
     min-height: 378px;
     max-height: 400px;
     overflow-scrolling: auto;
     cursor: pointer;
     border-radius:1px;
}
 .penn-card-img-top img {
     width: 100%;
     max-height: 124px;
}
 .penn-card-img-top {
     width: 100%;
     border-bottom: 2px solid #eee;
}
 .light-blue-background-btn:hover {
     text-decoration: none !important;
}


  .preview-section-outer {
     margin-left: 0px;
}

 .preview-section .article-image img {
     width: auto;
     float: left;
     border: #eee solid 1px;
}

 .blog-index-page-hr
 {
     color: #eee;
 }
.btn-blog-index-page {
    padding: 11px 12px 12px 12px;
    border: 1px solid #00a0d3;
    display: inline-block;
    text-decoration: none;
    color: #002d72;
    margin-right: 16px;
    transition: background-color .3s ease;
    font-weight: bold;
    min-width: 160px;
    text-align: center;
}
.btn-blog-index-page:hover {
    background-color: #00a0d3;
}

.article-title-main
{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #243F75;
    text-align: left !important;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.article-title {
     font-size: 2.25rem;
    /* Large size */
     font-weight: bold;
    /* Bold font */
     margin-bottom: 1rem;
    /* Spacing below title */
     color: #243F75;
    /* Dark color for contrast */
     text-align: left !important;
     font-family: Georgia, 'Times New Roman', Times, serif;
}
 .article-date {
     font-size: 0.85rem;
    /* Small size */
     color: #6c757d;
    /* Grey color */
     margin-bottom: 1rem;
    /* Spacing below date */
}
 .article-body {
     font-size: 1.33rem;
    /* Comfortable reading size */
     line-height: 1.6;
    /* Spacing between lines */
     color: #212529;
    /* Dark grey for readability */
}

/* TODO add CSS for 3 view ports */
@media (min-width: 768px) {
     .outerFormDivA {
         padding: 25px 50px 50px 50px;
    }
     .header-title-span {
         color: white;
         text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    }
     .solution-search-form-section {
         background-color: transparent;
         opacity: 1;
    }
     .bd-placeholder-img-lg {
         font-size: 3.5rem;
    }
     .solution-center-more-info-div {
         border-bottom: #011f5b none 0px;
         margin-bottom: 0px;
         padding-bottom: 0px;
    }
     .search-title {
         font-size: 4.1em;
    }
     .headline-header {
         font-size: 3.75em;
    }
     .circle-image-outer-div {
         width: 324px;
         padding: 10px;
         margin: -25px auto 0px auto;
    }
     .circle-image-inner-div {
         width: 300px;
         height: 300px;
         overflow: hidden;
    }
     .circle-image {
         width: 300px;
         height: 300px;
    }
}
 @media (min-width: 768px) and (max-width: 1199.98px) {
     .solution-center-social-media-links {
         margin-top: 15px;
    }
     .hours-of-operation-table {
         font-size: .80em;
    }
}
 @media (max-width: 1199.98px) {
     .dropdown-menu {
         text-align: center !important;
         width: 50% !important;
         margin: 0 auto !important;
    }
}
 @media (min-width: 1200px) {
     .card-description {
         padding-top: 15px;
         min-height: 111px;
    }
     .card-inner {
         min-height: 360px;
    }

     .header-title-span {
         display: inline;
    }
     .search-title {
         font-size: 4.7em;
    }
     .headline-header {
         font-size: 4.25em;
    }
     .grid-links-inner-div {
         padding: 0px 0px 45px 0px;
    }
     .circle-image-outer-div {
         width: 374px;
         padding: 10px;
         margin: -100px auto 0px auto;
    }
     .circle-image-inner-div {
         width: 350px;
         height: 350px;
         overflow: hidden;
    }
     .circle-image {
         width: 350px;
         height: 350px;
    }
     .navy-image-header {
         padding-top: 0px;
         margin: 45px 0px 25px 0px;
    }

      .penn-card-img-top
     {
     max-height: 110px;
     }

 }


 @media (max-width: 1281.98px) {
     .search-title {
         margin-top: -100px;
         margin-bottom: 75px;
    }

    .penn-card
    {
         min-height: 370px;
    }


 }

 @media (min-width: 1282px) {
     .search-title {
         margin-top: -100px;
         margin-bottom: 200px;
    }

     .penn-card
    {
         min-height: 0px;
    }

 }


.solution-center-social-media-links li a svg
{
    width: 28px;
    height: 28px;
    color: #67cef6;
}

.solution-center-social-media-links li a svg:hover
{
    color: #EEE;
}

.search-outer-div
{
    min-height: 550px;
}

.device-more-info
{
    margin-top:10px;
    color: #011f5b;
    cursor: pointer;
}

.device-more-info:hover
{
    color: #990000;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    background-color: #011f5b !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none !important;
    background-color: #011f5b !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current
{
    color: white !important;
}
.device-good
{
    color: green
}

.device-caution
{
    color: yellow;
}

.device-danger
{
    color: #990000;
}

.device-health-circle
{
    margin-right:10px;
}

/*This empty class is used with d-none in order to hide content until the user is authorized*/
.auth-only
{}

.no-padding-margin
{
    padding: 0px;
    margin: 0px;
}
.no-top-padding-margin
{
    padding-top: 0px;
    margin-top: 0px;
}
.no-bot-padding-margin
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

input::file-selector-button {
    margin-top: 1rem;
    font-weight: bold;
    color: #011F5B;
    padding: 0.5em;
    border: thin solid grey;
    border-radius: 3px;
    transition: 0.5s;
    border-radius: 15px 40px;
}

input[type="file"]::file-selector-button:hover {
    color: white;
    background-color: #011F5B;
    cursor: pointer;
}

.form-group {
    margin-bottom: 10px;
}

.form-check-inline {
    align-items: center;
    display: flex;
}

.form-check-input {
    margin-right: 10px; /* Space between radio and label */
}

.form-check-label {
    margin-bottom: 0; /* Remove default margin-bottom to align with input */
    margin-top: 8px;
}

.button-container {
    display: flex;
    justify-content: space-between; /* Space between buttons */
    align-items: center; /* Align items vertically */
    margin-top: 1rem; /* Optional: adjust top margin */
}

.button-container p {
    margin: 0; /* Remove default margin */
}

.button-container .btn-blog-index-page {
    margin-left: auto; /* Push "Print Page" button to the far right */
}

#description {
    min-height: 120px;
    overflow-y: hidden;
    resize: none;
    box-sizing: border-box;
}