.flex {
display: flex !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-col {
flex-direction: column !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-center {
align-items: center !important;
justify-content: center !important;
}
.flex-between {
justify-content: space-between !important;
}
.flex-start {
justify-content: flex-start !important;
}
.flex-end {
justify-content: flex-end !important;
}
.items-start {
align-items: flex-start !important;
}
.items-center {
align-items: center !important;
}
.items-end {
align-items: flex-end !important;
}
.gap-8 {
gap: 8px !important;
}
.gap-12 {
gap: 12px !important;
}
h1,
h2,
h3 {
font-family: 'Noto Serif', Georgia, "Times New Roman", serif;
color: #224286;
line-height: 1.3em;
}
h1 {
font-size: 60px;
text-align: center;
}
@media (min-width: 802px) {
body.padTop53 {
padding-top: 100px;
}
}
.img-responsive-inline {
height: 80px;
max-width: 300px;
}
img[src*="placeholder.jpg"] {
display: none !important;
}
html,
body {
background: transparent !important;
min-height: 100% !important;
}
body {
/*position: relative !important;*/
}
body::after {
content: "" !important;
position: fixed !important;
inset: 0 !important;
/*background: linear-gradient(180deg, #ee528914 0%, #b62c6b17 100%) !important;*/
background: #f2f2f2;
z-index: -2 !important;
pointer-events: none !important;
}
body.padTop53 {
background: transparent !important;
}
html {
font-size: 18px !important;
}
body {
font-size: 1rem !important;
line-height: 1.55 !important;
}
#content,
#insidePageContent,
.inner,
.panel-insidePageContent {
font-size: 1rem !important;
}
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
color: #224286;
line-height: 1.3em;
font-weight: 600;
}
h3,
.h3 {
font-size: 38px;
}
p {
margin: 0 0 1rem 0;
}
small,
.small {
font-size: 0.92em;
}
input,
select,
select.input-sm,
textarea,
button,
.form-control,
.form-select,
.btn {
font-size: 1rem;
height: 2.85em;
}
/* Bootstrap-toggle normalization (protect from global .btn overrides in this file). */
.toggle.btn {
min-width: 59px !important;
min-height: 34px !important;
height: 34px !important;
padding: 0 !important;
margin-bottom: 0 !important;
line-height: 1.42857143 !important;
font-size: 14px !important;
}
.toggle.btn .toggle-group {
position: absolute !important;
width: 200% !important;
top: 0 !important;
bottom: 0 !important;
height: 100% !important;
}
.toggle.btn .btn {
height: 100% !important;
margin: 0 !important;
padding: 6px 12px !important;
font-size: 14px !important;
line-height: 1.42857143 !important;
border: 0 !important;
border-radius: 0 !important;
}
.toggle.btn .toggle-on.btn {
padding-right: 24px !important;
}
.toggle.btn .toggle-off.btn {
padding-left: 24px !important;
}
.toggle.btn .toggle-handle {
width: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-width: 0 1px !important;
}
.table {
font-size: 0.98rem;
}
.table th,
.table td {
padding: 0.6rem 0.75rem;
vertical-align: middle;
}
.inner {
background: #ffffff99 !important;
padding: 2rem;
border: 0;
border-radius: 12px;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
box-shadow: none;
backdrop-filter: blur(6px);
}

.billme{margin-top:80px;}
.billme .panel-default {padding: 20px;}
#assignPaydatesBox input, #assignPaydatesBox button{max-width: 100%;}

.panel-insidePageContent {
max-width: 50vw;
align-items: center;
margin: 20px auto;
background: #fff;
padding: 2rem;
border: 0;
border-radius: 12px;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
}
.panel-insidePageContent .panel-insidePageContent {
max-width: none;
margin: 0;
padding: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
}
#content>div.inner>form>center>h1 {
color: #e15a88 !important;
}
body>nav>div.navbar-header>a>img {
display: none;
}
.dropdown-menu {
font-size: 18px;
}
.footer {
position: fixed;
bottom: 0;
text-align: center;
margin: 0 10%;
}
.footer {
position: relative;
}
.container {
padding-top: 120px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
.nav-clients,
.nav-employees,
.nav-homepage {
position: relative;
}
#wrap {
background-color: transparent;
}
@media (min-width: 768px) {
body {
padding-top: 110px !important;
}
}
@media (min-width: 768px) {
body.padTop53 {
padding-top: 110px !important;
}
}
.container,
.container-fluid {
width: 100% !important;
max-width: none !important;
}
body > div.container{
	padding-top:160px;
}
}
@media (min-width: 768px) {
#content .inner {
padding-top: 10px !important;
}
}
@media (max-width: 767px) {
#content,
#content .inner,
.inner,
#insidePageContent,
.panel-insidePageContent {
padding-left: 14px !important;
padding-right: 14px !important;
}
}
@media (min-width: 992px) {
#content {
width: calc(100% - 500px);
}
}
#GoDaddySSLSeal {
display: none !important;
}
.social-bar {
display: flex !important;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: 12px;
}
.social-bar a {
flex: 0 0 auto;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #739b71;
text-decoration: none;
transition: background-color 160ms ease, transform 160ms ease;
}
.social-bar a:hover {
background-color: #1a3266;
transform: translateY(-1px);
}
.social-bar a img.fbMediaIcon,
.social-bar a img.socialMediaIcon,
.social-bar a img[src*="/include/images/socialnetworking/"] {
display: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
}
.social-bar a[href*="facebook"]::before,
.social-bar a[href*="twitter"]::before,
.social-bar a[href*="instagram"]::before {
content: "";
width: 16px;
height: 16px;
display: block;
background-color: #fff;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
.social-bar a[href*="facebook"]::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91V127.41c0-25.35 12.42-50.06 52.24-50.06H295V6.26S259.36 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.2V288z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91V127.41c0-25.35 12.42-50.06 52.24-50.06H295V6.26S259.36 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.2V288z'/%3E%3C/svg%3E");
}
.social-bar a[href*="twitter"]::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.4 151.7c.32 4.54.32 9.1.32 13.69 0 139.1-105.9 299.5-299.5 299.5-59.45 0-114.68-17.22-161.14-47.11 8.44.97 16.57 1.29 25.34 1.29 49.06 0 94.21-16.57 130.3-44.83-46.06-.97-84.79-31.19-98.11-72.77 6.5.97 12.99 1.62 19.82 1.62 9.42 0 18.84-1.29 27.61-3.6-48.41-9.75-84.79-52.04-84.79-102.99v-1.29c13.97 7.82 30.21 12.67 47.43 13.32-28.3-18.84-46.78-51.03-46.78-87.39 0-19.51 5.2-37.36 14.29-52.95 51.97 63.7 129.3 105.26 216.37 109.8-1.62-7.82-2.6-15.97-2.6-24.12 0-57.83 46.78-104.93 104.93-104.93 30.21 0 57.5 12.67 76.67 33.14 23.72-4.54 46.44-13.32 66.6-25.34-7.82 24.44-24.44 44.83-46.06 57.83 21.12-2.26 41.5-8.11 60.34-16.24-14.29 20.79-32.16 39.31-52.63 54.25z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.4 151.7c.32 4.54.32 9.1.32 13.69 0 139.1-105.9 299.5-299.5 299.5-59.45 0-114.68-17.22-161.14-47.11 8.44.97 16.57 1.29 25.34 1.29 49.06 0 94.21-16.57 130.3-44.83-46.06-.97-84.79-31.19-98.11-72.77 6.5.97 12.99 1.62 19.82 1.62 9.42 0 18.84-1.29 27.61-3.6-48.41-9.75-84.79-52.04-84.79-102.99v-1.29c13.97 7.82 30.21 12.67 47.43 13.32-28.3-18.84-46.78-51.03-46.78-87.39 0-19.51 5.2-37.36 14.29-52.95 51.97 63.7 129.3 105.26 216.37 109.8-1.62-7.82-2.6-15.97-2.6-24.12 0-57.83 46.78-104.93 104.93-104.93 30.21 0 57.5 12.67 76.67 33.14 23.72-4.54 46.44-13.32 66.6-25.34-7.82 24.44-24.44 44.83-46.06 57.83 21.12-2.26 41.5-8.11 60.34-16.24-14.29 20.79-32.16 39.31-52.63 54.25z'/%3E%3C/svg%3E");
}
.social-bar a[href*="instagram"]::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9 114.9-51.3 114.9-114.9S287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7 0-41.1 33.5-74.7 74.7-74.7 41.1 0 74.7 33.5 74.7 74.7 0 41.1-33.6 74.7-74.7 74.7zM370.5 136.9c0 14.9-12.1 27-27 27s-27-12.1-27-27 12.1-27 27-27 27 12.1 27 27zM398.8 80c-1.7-35.2-9.9-66.4-36.2-92.6C336.4-38.9 305.2-47.1 270 -48.8 233.8-50.5 214.2-50.5 178-48.8c-35.2 1.7-66.4 9.9-92.6 36.2C59.2-38.9 51-7.7 49.3 27.5 47.6 63.7 47.6 83.3 49.3 119.5c1.7 35.2 9.9 66.4 36.2 92.6 26.2 26.2 57.4 34.4 92.6 36.2 36.2 1.7 55.8 1.7 92 0 35.2-1.7 66.4-9.9 92.6-36.2 26.2-26.2 34.4-57.4 36.2-92.6 1.7-36.2 1.7-55.8 0-92z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9 114.9-51.3 114.9-114.9S287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7 0-41.1 33.5-74.7 74.7-74.7 41.1 0 74.7 33.5 74.7 74.7 0 41.1-33.6 74.7-74.7 74.7zM370.5 136.9c0 14.9-12.1 27-27 27s-27-12.1-27-27 12.1-27 27-27 27 12.1 27 27zM398.8 80c-1.7-35.2-9.9-66.4-36.2-92.6C336.4-38.9 305.2-47.1 270 -48.8 233.8-50.5 214.2-50.5 178-48.8c-35.2 1.7-66.4 9.9-92.6 36.2C59.2-38.9 51-7.7 49.3 27.5 47.6 63.7 47.6 83.3 49.3 119.5c1.7 35.2 9.9 66.4 36.2 92.6 26.2 26.2 57.4 34.4 92.6 36.2 36.2 1.7 55.8 1.7 92 0 35.2-1.7 66.4-9.9 92.6-36.2 26.2-26.2 34.4-57.4 36.2-92.6 1.7-36.2 1.7-55.8 0-92z'/%3E%3C/svg%3E");
}
.social-bar span {
flex: 0 1 auto;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-left: 8px;
font-size: 0.95rem;
line-height: 1.2;
}
.social-bar span a {
width: auto !important;
height: auto !important;
background: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin-left: 6px;
color: #d52e77;
transform: none !important;
font-weight: 600;
}
.social-bar span a::before {
display: none !important;
}
@media (max-width: 600px) {
.social-bar {
gap: 10px;
justify-content: center;
}
.social-bar span {
display: none;
}
.social-bar a {
width: 32px;
height: 32px;
}
}
.col-md-4 > .alert-success {margin-top: 50%;}
.login-form-wrapper {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #fafafa 0%, #eaeaea 100%);
}
.login-form {
width: 100%;
max-width: 400px;
background: #fff;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
margin: 0 auto;
}
.login-form input,
.login-form select {
border-radius: 6px;
border: 1px solid #ccc;
margin-bottom: 1rem;
padding: 0.6rem 0.75rem;
}
.input-group-addon {
background: none;
border: 0;
}
.input-group .form-control {
padding: 24px;
background: #f2f2f2;
border: 0;
box-shadow: none;
}
.input-group select.form-control {
padding: 5px;
}
.btn-primary {
background-color: #e31c79;
border: none;
transition: background-color 0.3s;
}
.btn-primary:hover {
background-color: #c01567;
}
.quick-btn {
position: relative;
display: inline-block;
width: 160px;
height: 120px;
margin: 10px;
text-align: center;
background: #fff;
color: #444;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
text-decoration: none;
transition: all 0.25s ease;
vertical-align: top;
padding-top: 35px;
}
.quick-btn span,
.dashboard-card h6,
#menu ul a {
font-size: 16px;
line-height: 1.15;
}
.quick-btn .label {
font-size: 13px;
font-weight: 400;
}
.btn {
line-height: 2;
padding: 8px 30px;
margin-bottom: 30px;
border-radius: 50px;
}


.well {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
border-radius: 0;
}
#family-feature-form {
max-width: 1100px;
margin: 0 auto;
}

.inner.applications-view .row{
  display: flow-root;
}

#feature_sheet .row {
margin-left: 0;
margin-right: 0;
}
#family-feature-form .form-group {
margin-bottom: 1.15rem;
}
#family-feature-form label {
display: inline-block;
margin-bottom: 0.35rem;
font-weight: 600;
}
#family-feature-form .form-control {
height: auto;
min-height: 42px;
padding: 10px 12px;
border-radius: 10px;
}
#family-feature-form textarea.form-control {
min-height: 120px;
resize: vertical;
}
#family-feature-form .input-group {
width: 100%;
}
#family-feature-form .input-group-addon {
width: auto;
min-width: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
#family-feature-form .input-group .form-control:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#family-feature-form .input-group-addon:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#family-feature-form .well {
border-radius: 12px;
padding: 10px 14px;
margin-bottom: 1rem;
}
#family-feature-form .btn {
border-radius: 50px;
padding: 10px 16px;
}
.btn-info {
color: #fff;
background-color: #ef538a;
border-color: #ef538a;
margin-top: 10px;
}
#family-feature-form input[type="radio"] {
transform: translateY(1px);
margin-right: 6px;
}
#family-feature-form .row>.col-xs-2 {
display: none;
}

#family-feature-form .intl-tel-input.allow-dropdown .flag-container{left: -50px;}

@media (min-width: 992px) {
#family-feature-form .row {
display: flex;
flex-wrap: wrap;
gap: 16px 24px;
align-items: flex-start;
}
#family-feature-form .row>[class*="col-"] {
float: none;
}
#family-feature-form .row>.col-md-4,
#family-feature-form .row>.col-sm-3,
#family-feature-form .row>.col-sm-6,
#family-feature-form .row>.col-md-6 {
width: calc(50% - 12px);
max-width: calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
}
#family-feature-form .row>.col-md-8,
#family-feature-form .row>.col-md-10 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
#childrenSection .panel-insidePageContent {
max-width: 100%;
}
}
@media (min-width: 992px) {
#family-feature-form .row>[class*="col-"]:only-child {
width: 100%;
max-width: 90%;
flex: 0 0 100%;
}
}
@media (max-width: 991px) {
#family-feature-form .row>[class*="col-"] {
width: 100%;
max-width: 100%;
}
#family-feature-form .input-group-addon {
min-width: 40px;
}
#family-feature-form .btn {
width: 100%;
}
}
#feature_sheet {
max-width: 1100px;
margin: 0 auto;
}
#feature_sheet .panel-insidePageContent {
max-width: 1100px;
width: 100%;
}
#family-feature-form .row {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
#family-feature-form .row {
display: flex;
flex-wrap: wrap;
gap: 16px 24px;
align-items: flex-start;
}
#family-feature-form .row>[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
flex: 1 1 320px;
max-width: 100%;
}
#family-feature-form .row>.col-sm-3 {
flex-basis: 220px;
}
#family-feature-form .row>.col-sm-6,
#family-feature-form .row>.col-md-6 {
flex-basis: 520px;
}
#family-feature-form .row>.col-md-8,
#family-feature-form .row>.col-md-10 {
flex-basis: 100%;
}
#family-feature-form .col-md-offset-1 {
margin-left: 0;
}
#family-feature-form .row>.col-xs-2 {
display: none;
}
}
#family-feature-form .form-group {
margin: .15rem 1.15rem;
}
#family-feature-form .input-group {
width: 100%;
}
#family-feature-form .input-group-addon {
min-width: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
}
#family-feature-form .input-group-addon select.form-control {
width: 100%;
min-width: 160px;
border: 0;
box-shadow: none;
padding: 0;
height: 38px;
}
#family-feature-form .input-group-addon i {
margin: 0;
}
.ff-section {
margin: 0 0 18px 0;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 12px;
background: #fff;
}
.ff-section-header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 14px 16px;
border: 0;
background: #6a9d6d;
;
cursor: pointer;
font-weight: 600;
}
.ff-section-header:focus {
outline: none;
}
.ff-section-title {
font-size: 1.05rem;
color: #fff;
text-transform: capitalize;
text-align: left;
}
.ff-section-icon {
color: #fff;
font-size: 30px;
width: 34px;
height: 34px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.04);
line-height: 1;
}
.ff-section-body {
padding: 1rem;
opacity: 1;
overflow: hidden;
transition: max-height 280ms ease, opacity 220ms ease;
}
.ff-collapsed .ff-section-body {
max-height: 0;
opacity: 0;
padding-bottom: 0;
}
.ff-section-icon {
transition: transform 220ms ease;
}
.ff-collapsed .ff-section-icon {
transform: rotate(-90deg);
}
.ff-collapsed .ff-section-icon {
transform: rotate(-90deg);
}
.ff-statusbar {
position: sticky;
top: 0;
z-index: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 12px;
padding: 12px 14px;
margin: 0 0 16px 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.ff-statusbar-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.ff-status-left {
display: flex;
flex-direction: column;
gap: 2px;
}
.ff-status-title {
font-weight: 600;
color: #224286;
line-height: 1.2;
}
.ff-status-text {
font-size: 0.92rem;
color: #555;
}
.ff-status-pill {
font-size: 0.9rem;
font-weight: 600;
padding: 6px 10px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.05);
color: #333;
white-space: nowrap;
}
.ff-pill-saving {
background: rgba(227, 28, 121, 0.10);
color: #9b1453;
}
.ff-pill-saved {
background: rgba(0, 0, 0, 0.05);
color: #333;
}
.ff-pill-submitted {
background: rgba(0, 128, 0, 0.12);
color: #0b5a0b;
}
.ff-progress {
margin-top: 10px;
}
.ff-progress-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 6px;
}
.ff-progress-label {
font-size: 0.92rem;
color: #555;
}
.ff-progress-pct {
font-size: 0.92rem;
font-weight: 600;
color: #333;
white-space: nowrap;
}
.ff-progress-track {
height: 10px;
width: 100%;
border-radius: 999px;
background: rgba(0, 0, 0, 0.07);
overflow: hidden;
}
.ff-progress-fill {
height: 100%;
width: 0%;
border-radius: 999px;
background: #e31c79;
transition: width 200ms ease;
}
@media (max-width: 768px) {
.ff-statusbar {
border-radius: 10px;
padding: 10px 12px;
}
.ff-statusbar-row {
flex-direction: column;
align-items: flex-start;
}
}
#left {
width: auto;
border-right: 1px solid rgba(239, 83, 138, 0.22);
padding: 16px 14px;
background: rgba(255, 255, 255, 0.55) !important;
border-radius: 16px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
backdrop-filter: blur(6px);
}
#left .user-media {
background: #ffffff !important;
border: 1px solid rgba(239, 83, 138, 0.22) !important;
border-radius: 16px;
padding: 14px 12px;
box-shadow: 0 10px 26px rgba(17, 24, 39, 0.06);
margin: 0 0 14px 0;
}
#left .user-media .user-img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 999px;
border: 2px solid rgba(239, 83, 138, 0.25);
background: #fff;
}
#left .media-body {
color: #1f2937;
}
#left .media-heading {
font-size: 16px;
font-weight: 800;
margin: 0;
}
#left ul#menu {
list-style: none;
margin: 0;
padding: 6px 0 10px;
}
#left ul#menu li.panel {
margin: 8px 0;
}
#left ul#menu a {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 12px;
border-radius: 12px;
color: #1f2937 !important;
text-decoration: none !important;
background: rgba(239, 83, 138, 0.06);
border: 1px solid rgba(239, 83, 138, 0.14);
}
#left ul#menu a i {
color: #ef538a;
width: 18px;
text-align: center;
}
#left ul#menu a .pull-right {
margin-left: auto;
opacity: 0.75;
}
#left ul#menu a:hover {
background: rgba(239, 83, 138, 0.10);
border-color: rgba(239, 83, 138, 0.22);
}
#left ul#menu a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(239, 83, 138, 0.18);
}
#left ul#menu li.panel>a.accordion-toggle:not(.collapsed) {
background: rgba(239, 83, 138, 0.14);
border-color: rgba(239, 83, 138, 0.30);
font-weight: 700;
}
#left ul#menu ul.collapse {
list-style: none;
margin: 8px 0 0;
padding: 8px 0 0;
border-left: 2px solid rgba(239, 83, 138, 0.20);
}
#left ul#menu ul.collapse>li {
margin: 6px 0;
padding-left: 10px;
}
#left ul#menu ul.collapse>li>a {
background: #ffffff;
border: 1px solid rgba(239, 83, 138, 0.14);
padding: 10px 12px;
font-size: 16px;
}
#left ul#menu ul.collapse>li>a i {
color: rgba(239, 83, 138, 0.95);
}
#left ul#menu ul.collapse>li>a:hover {
background: rgba(239, 83, 138, 0.07);
}
@media (max-width: 991px) {
#left {
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(239, 83, 138, 0.22);
box-shadow: none;
margin-top: 50px;
}
}
#left #menu {
position: relative !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 6px 0 10px !important;
margin: 0 !important;
}
#left #menu.collapse {
display: block !important;
height: auto !important;
visibility: visible !important;
}
#left #menu .panel {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#left #menu .panel>a {
box-shadow: none !important;
}
#left #menu .collapse {
overflow: hidden !important;
}
#left #menu .pull-right i[class*="icon-angle-"] {
display: inline-block !important;
transition: transform 180ms ease !important;
transform-origin: 50% 50% !important;
}
#left #menu a.accordion-toggle.collapsed .pull-right i[class*="icon-angle-"] {
transform: rotate(0deg) !important;
}
#left #menu a.accordion-toggle:not(.collapsed) .pull-right i[class*="icon-angle-"] {
transform: rotate(-90deg) !important;
}
.inner hr {
margin-top: 10px;
border-top-color: #cccccc6e;
}
#right {
padding: 14px 14px !important;
margin-left: 3px;
background: rgba(255, 255, 255, 0.55) !important;
border: 0;
border-radius: 16px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
backdrop-filter: blur(6px);
}
#right>*:not(.well) {
font-size: 13px !important;
font-weight: 800 !important;
color: #1f2937 !important;
letter-spacing: 0.2px !important;
}
#right .well,
#right .well.well-small {
background: #ffffff !important;
border: 1px solid rgba(239, 83, 138, 0.18) !important;
border-radius: 16px !important;
padding: 14px 14px !important;
margin: 10px 0 16px !important;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06) !important;
}
#right ul,
#right ul.list-unstyled {
margin: 0 !important;
padding: 0 !important;
}
#right ul.list-unstyled li {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 6px 0 !important;
font-size: 18px !important;
line-height: 1.25 !important;
color: #374151 !important;
border-bottom: 1px solid rgba(239, 83, 138, 0.12) !important;
}
#right ul.list-unstyled li:last-child {
border-bottom: 0 !important;
}
#right ul.list-unstyled li span {
font-weight: 800 !important;
color: #111827 !important;
}
#right .progress {
height: 10px !important;
border-radius: 999px !important;
background: rgba(17, 24, 39, 0.08) !important;
box-shadow: none !important;
overflow: hidden !important;
margin: 6px 0 12px !important;
}
#right .progress .progress-bar {
border-radius: 999px !important;
}
#right .pull-right small {
font-size: 12px !important;
font-weight: 800 !important;
color: #6b7280 !important;
}
#right br {
display: none !important;
}
@media (max-width: 991px) {
#right {
padding: 12px !important;
border-radius: 14px !important;
}
#right .well,
#right .well.well-small {
padding: 12px !important;
border-radius: 14px !important;
}
}
#agreementForm,
#agreementForm *,
#service-request-form,
#service-request-form * {
font-family: inherit !important;
}
#agreementForm,
#service-request-form {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: inherit !important;
}
#agreementForm font,
#agreementForm span,
#service-request-form font,
#service-request-form span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1.5em !important;
}
#agreementForm b,
#agreementForm strong,
#service-request-form b,
#service-request-form strong {
font-weight: 400 !important;
}
#agreementForm div,
#service-request-form div {
margin: 0 0 12px !important;
}
#agreementForm br,
#service-request-form br {
display: none !important;
}

/* Service Request foundation-code helper tables */
#service-request-form [id^="unreported_"] table,
#service-request-form [id^="reported_"] table,
#service-request-form [id^="unreported_"] table td,
#service-request-form [id^="reported_"] table td {
font-size: 14px !important;
line-height: 1.4 !important;
}
.shellcancelled.center, .shellreplacementhelper.center {
width: 100%;
border: 5px solid #f06596;
padding: 20px;
}
.shellwaitlist {
width: 100%;
padding: 20px;
}
@media (max-width: 768px) {
.login-form {
margin: 1rem;
padding: 1.5rem;
}
.panel-insidePageContent {
max-width: 100%;
padding: 1rem;
}
h1 {
margin-top: 80px;
}
}
.footer {
clear: both;
text-align: center;
}
.social-bar {
display: flex;
align-items: center;
gap: 10px;
}
.social-bar img {
display: none;
}
.navbar-fixed-top .navbar-brand {
height: unset;
padding: 0;
}
.navbar-fixed-top {
background-color: #f8f8f8;
padding: 0 50px;
}
.navbar-header {
background-color: transparent;
}
.navbar-top-links.navbar-right {
margin-right: 5px;
}
.nav-clients,
.nav-employees,
.nav-homepage {
position: fixed;
width: 100%;
z-index: 9;
top: 80px;
margin-bottom: 0;
background-color: transparent;
}

.countdown{	background-color: Blue; }
#wrap .countdown {margin-top: 80px;}


@media (max-width: 767px) {
.navbar,
.navbar-header {
background-color: transparent;
border: none;
}
#menu-toggle {
display: none;
}
nav.navbar.nav-clients,
nav.navbar.nav-employees,
nav.navbar.nav-homepage {
overflow: visible !important;
z-index: 10000 !important;
        top: 65px;
}
nav.navbar.nav-clients .navbar-collapse,
nav.navbar.nav-employees .navbar-collapse,
nav.navbar.nav-homepage .navbar-collapse {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: 0 !important;
z-index: 10001 !important;
background: #739b71 !important;
border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
nav.navbar.nav-clients .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.nav-clients .navbar-collapse.collapse.in {
display: block !important;
}
nav.navbar.nav-employees .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.nav-employees .navbar-collapse.collapse.in {
display: block !important;
}
nav.navbar.nav-homepage .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.nav-homepage .navbar-collapse.collapse.in {
display: block !important;
}
}
nav.navbar .navbar-header img:not(.img-responsive-inline) {
display: none !important;
}
@media (min-width: 768px) {
.navbar-collapse {
background-color: #224286;
}
.navbar-nav {
float: none;
margin: 10px auto;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
}
}

div#text {margin-top: 50px}

#text form[name="job_postings"] {
width: 100% !important;
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 12px !important;
}
#text form[name="job_postings"] .shell.center {
max-width: 980px !important;
margin: 0 auto 16px !important;
padding: 16px 16px 14px !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
border-radius: 12px !important;
background: #ffffff !important;
}
#text form[name="job_postings"] .shell.center b {
display: inline-block !important;
min-width: 130px !important;
margin-right: 8px !important;
font-weight: 700 !important;
}
#text form[name="job_postings"] .shell.center .title {
margin-bottom: 10px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid rgba(239, 83, 138, 0.18) !important;
}
#text form[name="job_postings"] .shell.center .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
#text form[name="job_postings"] .shell.center .col-sm-10,
#text form[name="job_postings"] .shell.center .col-sm-11,
#text form[name="job_postings"] .shell.center .col-md-8,
#text form[name="job_postings"] .shell.center .col-md-12 {
width: 100% !important;
float: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#text form[name="job_postings"] .shell.center a {
color: #ef538a !important;
text-decoration: none !important;
text-transform: uppercase;
font-weight: 600 !important;
}
#text form[name="job_postings"] .shell.center a:hover {
text-decoration: underline !important;
}
#text form[name="job_postings"] .shell.center .btn {
padding: 10px 16px !important;
border-radius: 10px !important;
}
@media (max-width: 767px) {
#text form[name="job_postings"] .shell.center b {
min-width: 0 !important;
display: block !important;
margin: 10px 0 2px !important;
}
}
table.oncall_calendar {
width: 100% !important;
max-width: 1100px !important;
margin: 12px auto !important;
}
table.oncall_calendar td {
padding: 0 !important;
border: 0 !important;
}
table.oncall_calendar table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
table.oncall_calendar tr.topdays td {
padding: 12px 8px !important;
text-align: center !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
width: auto !important;
height: 140px !important;
padding: 10px !important;
vertical-align: top !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes,
table.oncall_calendar tr.topdays td {
border: 1px solid rgba(239, 83, 138, 0.35) !important;
}
table.oncall_calendar tr[valign="top"] td {
background: #ffffff !important;
}
table.oncall_calendar td.highlighteddayboxes {
background: rgba(239, 83, 138, 0.12) !important;
}
table.oncall_calendar .toprightnumber {
font-weight: 700 !important;
font-size: 14px !important;
}
@media (max-width: 991px) {
table.oncall_calendar {
max-width: 100% !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
height: 125px !important;
min-height: 125px !important;
}
table.oncall_calendar td.dayboxes>div,
table.oncall_calendar td.highlighteddayboxes>div {
min-height: 125px !important;
}
}

.modal-dialog{margin: 20% auto;}

@media (max-width: 767px) {
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
height: 110px !important;
min-height: 110px !important;
padding: 8px !important;
}
table.oncall_calendar td.dayboxes>div,
table.oncall_calendar td.highlighteddayboxes>div {
min-height: 110px !important;
}
.modal-dialog{margin: 40% auto;}
}
.oncall_scheduleBox {
width: 93%;
background-color: lightyellow;
border-style: solid;
border-width: 1px;
border-color: #f1c4d6;
margin: 3px;
font-family: inherit;
font-size: 16px;
}
.oncall_calendar .currentdate,
form[name="on_call"] .currentdate,
form[name="on_call"] span.currentdate {
font-size: 50px !important;
font-family: 'Noto Serif', Georgia, "Times New Roman", serif !important;
color: #224286 !important;
line-height: 1.3em;
font-weight: 400 !important;
}

.modal-body {
position: relative;
padding: 60px;
}
#agreementBlock {
border: none;
}
.modal-footer {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: flex-start;
}
.ff-landing-card {
background: #f2f2f2;
border: 0px solid #ddd;
border-radius: 8px;
padding: 18px 18px 14px;
margin-bottom: 18px;
}
.ff-landing-card p {
font-size: 18px;
line-height: 1.5;
margin: 10px;
}
table.calendar,
table.calendar * {
text-shadow: none !important;
filter: none !important;
box-shadow: none !important;
}
table.calendar {
width: 100% !important;
border: 1px solid rgba(239, 83, 138, 0.35) !important;
border-radius: 12px !important;
border-collapse: separate !important;
overflow: hidden !important;
background: #ffffff !important;
color: #1f2937 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
}
table.calendar a {
color: #ef538a !important;
text-decoration: none !important;
}
table.calendar a:hover {
text-decoration: underline !important;
}
table.calendar td,
table.calendar th {
border: 1px solid rgba(239, 83, 138, 0.35) !important;
padding: 10px 10px !important;
vertical-align: middle !important;
}
table.calendar .calendar-heading {
background: #ffffff !important;
color: #1f2937 !important;
padding: 14px 14px !important;
border-bottom: 1px solid rgba(239, 83, 138, 0.35) !important;
height: auto !important;
}
table.calendar .previous,
table.calendar .next {
margin-top: 0 !important;
font-size: 14px !important;
}
table.calendar .previous {
margin-right: 14px !important;
}
table.calendar .next {
margin-left: 14px !important;
}
table.calendar .previous a,
table.calendar .next a {
color: #ef538a !important;
}
table.calendar #month_selector {
float: none !important;
display: inline-flex !important;
gap: 10px !important;
align-items: center !important;
padding: 0 !important;
margin: 10px 0 0 !important;
}
table.calendar select {
background: #ffffff !important;
color: #1f2937 !important;
border: 1px solid rgba(239, 83, 138, 0.60) !important;
border-radius: 10px !important;
padding: 10px 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
outline: none !important;
}
table.calendar select option {
background: #ffffff !important;
color: #1f2937 !important;
}
table.calendar .normal-day-heading,
table.calendar .weekend-heading {
background: #ffffff !important;
color: #1f2937 !important;
font-size: 14px !important;
font-weight: 700 !important;
text-align: center !important;
height: auto !important;
line-height: 1.2 !important;
padding: 10px 6px !important;
}
table.calendar .day-with-date,
table.calendar .open-details {
background: #ffffff !important;
color: #1f2937 !important;
font-size: 14px !important;
height: auto !important;
min-height: 140px !important;
overflow: auto !important;
padding: 10px !important;
vertical-align: top !important;
}
table.calendar .weekend {
background: #ffffff !important;
}
table.calendar .current-day,
table.calendar .current-day .open-details {
background: rgba(239, 83, 138, 0.12) !important;
}
table.calendar .day-number {
color: inherit !important;
font-weight: 700 !important;
font-size: 14px !important;
}
table.calendar td ul {
margin: 8px 0 0 !important;
padding: 0 !important;
text-align: left !important;
}
table.calendar td ul li {
background: rgba(239, 83, 138, 0.10) !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
border-radius: 12px !important;
padding: 8px 10px !important;
margin-top: 8px !important;
font-size: 14px !important;
line-height: 1.25 !important;
list-style: none !important;
}
table.calendar td ul li span.event-time {
font-weight: 700 !important;
font-size: 14px !important;
}
table.calendar .event-details {
display: none;
font-size: 14px !important;
line-height: 1.35 !important;
margin: 6px 0 0 !important;
}
table.calendar .event-details div {
word-wrap: break-word !important;
overflow: hidden !important;
white-space: normal !important;
}
table.calendar .week-number {
background: #ffffff !important;
border-left: 1px solid rgba(239, 83, 138, 0.35) !important;
font-size: 14px !important;
font-weight: 700 !important;
width: auto !important;
padding: 6px !important;
}
table.calendar .week-number span {
color: #6b7280 !important;
transform: none !important;
font-size: 14px !important;
}
table.calendar .open-details {
border: 1px solid rgba(239, 83, 138, 0.35) !important;
border-radius: 12px !important;
padding: 10px !important;
}
table.calendar .close-details {
color: #ef538a !important;
font-size: 14px !important;
text-decoration: underline !important;
}
@media (max-width: 991px) {
table.calendar .day-with-date,
table.calendar .open-details {
min-height: 125px !important;
padding: 9px !important;
}
table.calendar td ul li {
font-size: 13px !important;
padding: 8px 9px !important;
}
}
@media (max-width: 767px) {
table.calendar {
font-size: 14px !important;
}
table.calendar .calendar-heading {
padding: 12px 12px !important;
}
table.calendar select {
padding: 9px 10px !important;
font-size: 14px !important;
}
table.calendar .normal-day-heading,
table.calendar .weekend-heading {
font-size: 14px !important;
padding: 8px 4px !important;
}
table.calendar .day-with-date,
table.calendar .open-details {
min-height: 110px !important;
padding: 8px !important;
}
table.calendar td,
table.calendar th {
padding: 8px 8px !important;
}
}
table.calendar td.day-with-date,
table.calendar td.open-details,
table.calendar td.current-day {
height: 140px !important;
min-height: 140px !important;
vertical-align: top !important;
}
table.calendar td.day-with-date>div,
table.calendar td.open-details>div,
table.calendar td.current-day>div {
display: block !important;
min-height: 140px !important;
}
@media (max-width: 991px) {
table.calendar td.day-with-date,
table.calendar td.open-details,
table.calendar td.current-day {
height: 125px !important;
min-height: 125px !important;
}
table.calendar td.day-with-date>div,
table.calendar td.open-details>div,
table.calendar td.current-day>div {
min-height: 125px !important;
}
}
@media (max-width: 767px) {
table.calendar td.day-with-date,
table.calendar td.open-details,
table.calendar td.current-day {
height: 110px !important;
min-height: 110px !important;
}
table.calendar td.day-with-date>div,
table.calendar td.open-details>div,
table.calendar td.current-day>div {
min-height: 110px !important;
}
}
table.oncall_calendar,
table.oncall_calendar * {
text-shadow: none !important;
filter: none !important;
box-shadow: none !important;
}
table.oncall_calendar {
width: 100% !important;
max-width: 900px !important;
margin: 12px auto !important;
border: 1px solid rgba(239, 83, 138, 0.35) !important;
border-radius: 12px !important;
border-collapse: separate !important;
overflow: hidden !important;
background: #ffffff !important;
color: #1f2937 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
}
table.oncall_calendar table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
table.oncall_calendar td,
table.oncall_calendar th {
border: 1px solid rgba(239, 83, 138, 0.35) !important;
padding: 10px !important;
vertical-align: top !important;
background: #ffffff !important;
}
table.oncall_calendar tr.topdays td {
font-weight: 700 !important;
text-align: center !important;
padding: 12px 8px !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
height: 140px !important;
min-height: 140px !important;
width: auto !important;
}
table.oncall_calendar .toprightnumber {
font-weight: 700 !important;
font-size: 14px !important;
}
table.oncall_calendar .toprightnumber a {
color: #ef538a !important;
text-decoration: none !important;
}
table.oncall_calendar .toprightnumber a:hover {
text-decoration: underline !important;
}
table.oncall_calendar td.highlighteddayboxes {
background: rgba(239, 83, 138, 0.12) !important;
}
table.oncall_calendar td.dayboxes div[align="center"],
table.oncall_calendar td.highlighteddayboxes div[align="center"] {
margin-top: 10px !important;
}
.currentdate {
font-size: 18px !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
#month,
#year {
background: #ffffff !important;
color: #1f2937 !important;
border: 1px solid rgba(239, 83, 138, 0.60) !important;
border-radius: 10px !important;
padding: 10px 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
outline: none !important;
}
@media (max-width: 991px) {
table.oncall_calendar {
max-width: 100% !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
height: 125px !important;
min-height: 125px !important;
}
table.oncall_calendar td.dayboxes>div,
table.oncall_calendar td.highlighteddayboxes>div {
min-height: 125px !important;
}
}
@media (max-width: 767px) {
table.oncall_calendar {
font-size: 13px !important;
}
table.oncall_calendar td,
table.oncall_calendar th {
padding: 8px !important;
}
table.oncall_calendar td.dayboxes,
table.oncall_calendar td.highlighteddayboxes {
height: 110px !important;
min-height: 110px !important;
}
table.oncall_calendar td.dayboxes>div,
table.oncall_calendar td.highlighteddayboxes>div {
min-height: 110px !important;
}
.currentdate {
font-size: 16px !important;
}
#month,
#year {
padding: 9px 10px !important;
font-size: 13px !important;
}
}
.icon-4x {
font-size: 2em;
}
dt {
font-weight: 400;
}
h3.text-info {
font-size: 24px;
}
#timesheetform #hideTimeCard #servicetime {
float: none !important;
width: 100% !important;
max-width: 100% !important;
}
#timesheetform #hideTimeCard #servicetime.panel-insidePageContent,
#timesheetform #hideTimeCard #servicetime>.panel-insidePageContent {
width: 100% !important;
}
#timesheetform #hideTimeCard #servicetime .panel-insidePageContent {
display: flex !important;
flex-wrap: wrap !important;
gap: 14px 18px !important;
}
#timesheetform #hideTimeCard #servicetime .panel-insidePageContent>.form-group {
width: calc(50% - 9px) !important;
margin: 0 0 10px !important;
}
#timesheetform #hideTimeCard #servicetime .panel-insidePageContent>.form-group:first-child {
width: 100% !important;
}
#timesheetform #hideTimeCard #servicetime .input-group,
#timesheetform #hideTimeCard #servicetime .form-control {
width: 100% !important;
}
#timesheetform #miscnotes .col-md-6,
#timesheetform #miscnotes .form-group,
#timesheetform #miscnotes .input-group,
#timesheetform #miscnotes textarea#misc_1 {
width: 100% !important;
max-width: 100% !important;
min-height: 240px !important;
}
@media (max-width: 991px) {
#timesheetform #hideTimeCard #servicetime .panel-insidePageContent>.form-group {
width: 100% !important;
}
}
#showpayscale {
width: 100% !important;
max-width: 520px !important;
margin: 14px auto 26px !important;
padding: 14px 16px !important;
border-radius: 12px !important;
box-sizing: border-box !important;
}
#showpayscale input[type="text"] {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 10px 12px !important;
background: rgb(255 255 255) !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
border-radius: 10px !important;
color: #1f2937 !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
#showpayscale input[type="text"]:last-child {
margin-bottom: 0 !important;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
display: flex;
justify-content: center;
align-items: center;
}
.panel-insidePageContent .filemanager {
max-width: 1100px !important;
margin: 0 auto !important;
padding: 10px 12px !important;
}
.panel-insidePageContent .filemanager .search input[type="search"] {
width: 100% !important;
max-width: 520px !important;
padding: 10px 12px !important;
border: 1px solid rgba(239, 83, 138, 0.35) !important;
border-radius: 12px !important;
background: #ffffff !important;
font-size: 15px !important;
line-height: 1.3 !important;
box-sizing: border-box !important;
}
.panel-insidePageContent .filemanager .breadcrumbs {
margin: 12px 0 10px !important;
padding: 8px 10px !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
border-radius: 12px !important;
background: rgba(239, 83, 138, 0.06) !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
.panel-insidePageContent .filemanager ul.data {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.panel-insidePageContent .filemanager li.files {
margin: 0 0 10px !important;
}
.panel-insidePageContent .filemanager a.files {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 14px !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
border-radius: 14px !important;
background: #ffffff !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.panel-insidePageContent .filemanager a.files:hover {
border-color: rgba(239, 83, 138, 0.45) !important;
background: rgba(239, 83, 138, 0.04) !important;
}
.panel-insidePageContent .filemanager a.files .icon.file.f-pdf {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 12px !important;
background: rgba(239, 83, 138, 0.12) !important;
border: 1px solid rgba(239, 83, 138, 0.25) !important;
color: #ef538a !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
}
.panel-insidePageContent .filemanager a.files .name {
flex: 1 1 auto !important;
font-size: 18px !important;
line-height: 1.35 !important;
font-weight: 400 !important;
color: #111827 !important;
word-break: break-word !important;
}
.panel-insidePageContent .filemanager a.files .details {
flex: 0 0 auto !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #6b7280 !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.panel-insidePageContent .filemanager a.files {
padding: 11px 12px !important;
gap: 10px !important;
}
.panel-insidePageContent .filemanager a.files .details {
display: none !important;
}
}
.title {
background: #f2f2f2;
padding: 5px;
text-transform: capitalize;
}
.shell {
/*background: #f2f2f2;*/
border: 0px solid #ddd;
padding: 20px;
width: 100%;
}
.shell h4 {
font-size: 20px;
font-weight: normal;
font-family: inherit;
line-height: 1.5em;
}
.polaroid {
position: relative;
width: 260px;
min-height: 300px;
background: #f2f2f2;
border-radius: 12px;
box-shadow: none;
padding: 16px;
text-align: center;
}
.polaroid p {
position: absolute;
bottom: 12px;
left: 0;
width: 100%;
margin: 0;
text-align: center;
font: inherit;
font-size: 22px;
line-height: 1.4;
font-weight: 400;
color: #224286;
}
.polaroid img {
display: block;
margin: 0 auto;
width: 230px;
height: 230px;
/*border-radius: 50%;*/
border: 0;
box-shadow: none;
object-fit: cover;
object-position: center;
}
.polaroid img.img-rounded {
/*border-radius: 50% !important;*/
}
.polaroid {
position: relative;
width: 260px;
min-height: 320px;
background: #fff;
border-radius: 12px;
padding-top: 16px;
text-align: center;
}
.polaroid::before {
content: "";
display: block;
width: 230px;
height: 230px;
margin: 0 auto;
/*border-radius: 50%;*/
background: transparent;
}
.polaroid img {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
width: 230px;
height: 230px;
/*border-radius: 50%;*/
object-fit: cover;
background: transparent;
}
input[type="checkbox"],
input[type="radio"] {
width: 20px !important;
height: 20px !important;
padding: 0 !important;
margin: 0 10px 0 0 !important;
line-height: normal !important;
vertical-align: middle !important;
}
.checkbox label,
.checkbox-inline,
.radio label,
.radio-inline {
display: inline-flex;
align-items: center;
gap: 10px;
line-height: 1.3;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
position: static !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
@media (max-width: 980px) {
h1 {
font-size: 46px;
}
.modal-body {
padding: 80px 20px 20px;
}
.navbar.navbar-fixed-top {
z-index: 9999;
}
.navbar.navbar-fixed-top .navbar-header {
float: none !important;
display: flex;
align-items: center;
justify-content: flex-start;
}
.navbar.navbar-fixed-top .navbar-brand {
float: none !important;
height: auto !important;
padding: 8px 10px !important;
}
.navbar.navbar-fixed-top .navbar-brand img {
height: 60px;
width: auto;
}
.navbar.navbar-fixed-top .navbar-top-links {
float: none !important;
display: block;
width: 100%;
margin: 0 !important;
padding: 0 10px 10px !important;
}
.social-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.navbar .btn,
.navbar input,
.navbar select {
height: auto !important;
padding: 6px 10px !important;
}
}
@media (max-width: 767px) {
#menu-toggle {
display: inline-flex !important;
}
}
#menu-toggle.btn {
height: auto !important;
padding: 8px 10px !important;
margin: 10px 12px !important;
border-radius: 6px !important;
line-height: 1 !important;
width: auto !important;
}
#menu-toggle.btn.btn-primary {
background: transparent !important;
border: 1px solid #919ec6 !important;
color: #1a3266 !important;
box-shadow: none !important;
text-shadow: none !important;
}
#menu-toggle i {
font-size: 18px;
line-height: 1;
}
.navbar.navbar-fixed-top {
z-index: 9999;
}
.navbar.navbar-inverse.navbar-fixed-top {
background: #ffffff !important;
border: 0 !important;
box-shadow: 0 48px 80px -12px #0000001c;
}
@media (max-width: 767px) {
#menu-toggle {
float: right !important;
}
}
#menu-toggle {
display: none !important;
}
.navbar.navbar-inverse .navbar-toggle {
background: transparent !important;
border: 0px solid #919ec6 !important;
border-radius: 6px !important;
height: auto !important;
padding: 8px 10px !important;
margin: 10px 12px !important;
}
.navbar.navbar-inverse .navbar-toggle:hover,
.navbar.navbar-inverse .navbar-toggle:focus {
background: transparent !important;
}
.navbar.navbar-inverse .navbar-toggle .icon-bar {
background-color: #1a3266 !important;
}
@media (max-width: 767px) {
.navbar.navbar-fixed-top {
min-height: 0 !important;
}
#menu-toggle {
margin: 8px 12px !important;
align-self: center;
}
.navbar.navbar-fixed-top .navbar-header {
align-items: center !important;
}
.navbar-collapse,
.navbar .collapse.in {
margin-top: 0 !important;
padding-top: 0 !important;
}
#menu.collapse.in,
#menu.collapsing {
margin-top: 0 !important;
padding-top: 6px !important;
}
.navbar-nav .open .dropdown-menu {
position: static !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #ffffff !important;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
background: #ffffff !important;
border-color: #e5e5e5 !important;
}
.navbar-nav>li>a {
padding: 14px 14px !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
.dropdown-menu>li>a {
padding: 14px 16px !important;
font-size: 16px !important;
line-height: 1.2 !important;
color: #1a3266 !important;
}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

background: transparent !important;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
background: #f5f7ff !important;
color: #1a3266 !important;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0 !important;
}
}
#footer {
background: transparent !important;
background-color: transparent !important;
}
#footer {
display: block !important;
float: none !important;
clear: both !important;
}
#footer,
#footer * {
box-sizing: border-box !important;
}
#footer {
width: 100% !important;
max-width: 100% !important;
position: relative !important;
left: auto !important;
right: auto !important;
margin: 0 !important;
text-align: center;
background: transparent !important;
}

#footer .row.footer,
#footer .col-sm-12,
#footer p {
/*width: 100% !important;
max-width: 100% !important;*/
}
#footer p {
text-align: center !important;
margin: 0 !important;
padding: 10px 15px !important;
}
#footer,
#footer * {
transform: none !important;
}
#backToTop {
position: fixed !important;
right: 20px !important;
bottom: 20px !important;
width: 56px !important;
height: 56px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
background: #ffffff !important;
border: 1px solid rgba(239, 83, 138, 0.35) !important;
font-size: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16) !important;
transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
z-index: 9999 !important;
}
#backToTop::before {
content: "↑" !important;
font-size: 26px !important;
font-weight: 900 !important;
color: #ef538a !important;
}
#backToTop:hover {
transform: translateY(-3px) !important;
box-shadow: 0 14px 28px rgba(17, 24, 39, 0.22) !important;
background: rgba(239, 83, 138, 0.06) !important;
}
#backToTop:focus {
outline: none !important;
box-shadow: 0 0 0 4px rgba(239, 83, 138, 0.22), 0 10px 22px rgba(17, 24, 39, 0.16) !important;
}
#backToTop:active {
transform: translateY(-1px) !important;
}
body::before{
content:"" !important;
position:fixed !important;
left:85% !important;
top:18% !important;
width:620px !important;
height:620px !important;
background:url("/assets/images/AHH-HeartLight.svg") center/contain no-repeat !important;
opacity:0.08 !important;
pointer-events:none !important;
z-index:-1 !important;
animation: heartFloat3d 8s ease-in-out infinite !important;
will-change: transform !important;
}
@keyframes heartFloat3d{
0%{   transform: translate3d(-50%, 0, 0); }
50%{  transform: translate3d(-50%, -40px, 0); }
100%{ transform: translate3d(-50%, 0, 0); }
}
html,
body {
margin: 0 !important;
}
body,
body.padTop53 {
padding-top: 0 !important;
}
.navbar-fixed-top+#content,
.navbar-fixed-top~#content,
.navbar-fixed-top+.container,
.navbar-fixed-top~.container {
padding-top: 110px !important;
}
body:not(.padTop53) #content {
padding-top: 0 !important;
}
html {
overflow-x: hidden !important;
}
@media (min-width: 768px) {
body #left,
body #right,
body #content,
body #content .inner {
padding-top: 110px !important;
}
body #content .inner {
padding-top: 0 !important;
}
}
@media (max-width: 767px) {
body #left,
body #right,
body #content {
padding-top: 120px !important;
}
}
@media (min-width: 992px) {
#left, #right {
width: calc(220px);
margin-top: 110px;
}
}
/* admin navbar */
.navbar-top-links > li > a > i:not(.icon-chevron-down):not(.caret),
.navbar-top-links > li > a > span > i:not(.icon-chevron-down):not(.caret) {
  font-size: 26px;
  line-height: 1;
  vertical-align: middle;
}

.navbar-top-links > li > a > i.icon-chevron-down,
.navbar-top-links > li > a > span > i.icon-chevron-down,
.navbar-top-links > li > a > .caret {
  font-size: 13px;
  line-height: 1;
  font-weight:100;
  vertical-align: middle;
}

/* Join Team */
body.jointeam .panel-insidePageContent {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

body.jointeam #jointeam-form .row {
  margin-left: 0;
  margin-right: 0;
}

body.jointeam #jointeam-form .row > .form-group {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

body.jointeam #jointeam-form .row > .form-group > [class*="col-"] {
  float: none !important;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

@media (min-width: 768px) {
  body.jointeam #jointeam-form .row > .form-group > [class*="col-"]:first-child {
    width: 32%;
    padding-right: 18px;
  }

  body.jointeam #jointeam-form .row > .form-group > [class*="col-"]:nth-child(2) {
    width: 68%;
  }

  body.jointeam #jointeam-form .row > .form-group > .col-xs-6.col-xs-offset-3 {
    width: 68% !important;
    margin-left: 32% !important;
  }
}

body.jointeam #jointeam-form .input-group {
  width: 100%;
  display: block;
}

body.jointeam #jointeam-form .form-control,
body.jointeam #jointeam-form select.form-control,
body.jointeam #jointeam-form textarea.form-control {
  width: 100% !important;
}

body.jointeam #jointeam-form .radio label {
  display: inline-block;
  margin-right: 14px;
}
.form-submit-button-simple_carolina_blue {
  border-radius: 50px !important;
  padding: 8px 18px !important;
  color: #fff !important;
  font-size:16px;
  font-weight: normal;
  border: 0 !important;
  background: #468dcf !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  filter: none !important;
  margin-bottom:10px;
}

.form-submit-button-simple_carolina_blue:hover,
.form-submit-button-simple_carolina_blue:focus,
.form-submit-button-simple_carolina_blue:active {
  background: #468dcf !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

/* bio editing */
.shell.edit_bio {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.shell.edit_bio .title h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.shell.edit_bio .title h2 input[type="text"] {
  width: 220px;
  max-width: 100%;
}

.shell.edit_bio .form-group {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.shell.edit_bio .form-group > .col-xs-3,
.shell.edit_bio .form-group > .col-xs-6 {
  float: none !important;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .shell.edit_bio .form-group > .col-xs-3 {
    width: 30%;
    padding-right: 18px;
  }

  .shell.edit_bio .form-group > .col-xs-6 {
    width: 70%;
  }
}

.shell.edit_bio textarea[name="summary"] {
  width: 100% !important;
  min-height: 260px;
  resize: vertical;
}

@media (min-width: 992px) {
  .shell.edit_bio textarea[name="summary"] {
    min-height: 360px;
  }
}

.shell.edit_bio .polaroid img {
  max-width: 100%;
  height: auto;
}

.shell.edit_bio .col-md-4,
.shell.edit_bio .col-md-7 {
  padding-left: 15px;
  padding-right: 15px;
}

.shell.edit_bio .col-md-offset-9 {
  float: none !important;
  margin-left: auto !important;
  width: auto;
  text-align: right;
}
/* misc */
.errorMessage {
    font-size: 18px;
}

.applicationText p, .jointeam .applicationText p{
	margin-top:80px;
}
.staff .title, .edit_bio .title {
    background: transparent;
}
.staff .shell, .shell.edit_bio{
	background: #fff;
}
.shell.edit_bio{
	width:80%;
}
/* staff*/
body.staff .shell {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 36px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 30px;
    box-sizing: border-box;
    clear: both;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
}

body.staff .shell .title {
    width: 100%;
    margin: 0 0 10px;
}

body.staff .shell .title h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
}

body.staff .shell .col-md-4,
body.staff .shell .col-md-7 {
    float: none;
    display: block;
    min-height: 1px;
    box-sizing: border-box;
}

body.staff .shell .col-md-4 {
    flex: 0 0 260px;
    max-width: 260px;
    width: 100%;
}

body.staff .shell .col-md-7 {
    flex: 1 1 0%;
    max-width: calc(100% - 296px);
    width: 100%;
}

body.staff .shell .polaroid {
    width: 100%;
    max-width: 260px;
    padding: 14px;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    text-align: center;
    box-sizing: border-box;
}

body.staff .shell .polaroid p {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

body.staff .shell .polaroid {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.staff .shell .polaroid img,
body.staff .shell .img-responsive {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 220px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    object-position: center center;
    border-radius: 10px;
}

body.staff .shell .col-md-7 p,
body.staff .shell .col-md-7 h4 {
    margin-top: 0;
}

body.staff .shell .col-md-7 h4 {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400;
}

body.staff .shell .col-md-7 a.btn.btn-primary {
    display: inline-block;
    margin-bottom: 18px;
}

body.staff .shell p,
body.staff .shell h4,
body.staff .shell a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

@media screen and (max-width: 991px) {
    body.staff .shell {
        gap: 24px;
        padding: 24px;
    }

    body.staff .shell .col-md-4,
    body.staff .shell .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    body.staff .shell .col-md-4 {
        text-align: center;
    }

    body.staff .shell .polaroid {
        max-width: 300px;
        margin: 0 auto;
    }

    body.staff .shell .title h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    body.staff .shell {
        padding: 20px;
        gap: 20px;
        border-radius: 12px;
    }

    body.staff .shell .title h2 {
        font-size: 26px;
    }

    body.staff .shell .polaroid p {
        font-size: 18px;
    }

    body.staff .shell .col-md-7 h4 {
        font-size: 18px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 480px) {
    body.staff .shell {
        padding: 16px;
        gap: 16px;
    }

    body.staff .shell .title h2 {
        font-size: 24px;
    }

    body.staff .shell .col-md-7 h4 {
        font-size: 17px;
    }

    body.staff .shell .polaroid {
        padding: 10px;
    }
}
/* Foundation codes table: prevent description text from forcing table overflow */
#example.foundation-codes-table.dataTable th,
#example.foundation-codes-table.dataTable td {
  font-size: 0.92rem;
  padding: 0.45rem 0.55rem;
}

#example.foundation-codes-table.dataTable th.foundation-col-description,
#example.foundation-codes-table.dataTable td.foundation-col-description,
#example.foundation-codes-table.dataTable th:nth-child(3),
#example.foundation-codes-table.dataTable td:nth-child(3) {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-width: 320px;
  text-align: left !important;
}

#example.foundation-codes-table.dataTable th:not(.foundation-col-description):not(:nth-child(3)),
#example.foundation-codes-table.dataTable td:not(.foundation-col-description):not(:nth-child(3)) {
  white-space: nowrap;
}


.ahh-landing {
    padding: 60px 0;
    background: #f8f8f8;
}

.ahh-landing-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 38px;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 38px;
    background: #ffffff;
    border-radius: 22px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
    min-height: 500px;
}

.ahh-landing-image {
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
}

.ahh-landing-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
}

.ahh-landing-content {
    max-width: 520px;
}

p.ahh-eyebrow {
    margin: 0 0 10px;
    font-size: 0.85rem!important;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #d85e88!important;
}

.ahh-landing-content h1 {
    margin: 0 0 16px;
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    line-height: 1.15;
    color: ##224286;
    text-align: left;
}

.ahh-landing-content p {
    margin: 0 0 24px;
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    line-height: 1.6;
    color: #2e4382;
}

.ahh-landing-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 26px;
    border-radius: 999px;
    background: #d85e88;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    color: #FFFFFF !important;
    border-width: 0px !important;
    font-size: 18px;
    text-transform: uppercase !important;
    background-color: #224286;
}

.ahh-landing-button:hover,
.ahh-landing-button:focus {
    background: #224286;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

@media (max-width: 991px) {
    .ahh-landing {
        padding: 48px 0;
    }

    .ahh-landing-card {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 30px;
    }

    .ahh-landing-content {
        max-width: none;
        text-align: center;
    }

    .ahh-landing-image img {
        min-height: 280px;
    }
}

@media (max-width: 575px) {
    .ahh-landing {
        padding: 32px 0;
    }

    .ahh-landing-card {
        padding: 20px;
        border-radius: 16px;
    }

    .ahh-landing-image {
        border-radius: 14px;
    }

    .ahh-landing-image img {
        min-height: 220px;
    }

    .ahh-landing-button {
        width: 100%;
        padding: 14px 18px;
    }
}


/* tweaks post launch */

body.login-page > div.container{
	padding-top: 60px;
}