/* Reset */
.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: unset;
    font-weight: unset;
    font-size: unset;
}

a, .a {
    font-family: unset;
    font-weight: unset;
    font-size: unset;
}

.btn-primary {
    font-family: unset;
    font-weight: unset;
    font-size: unset;
}

p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p {
    font-family: unset;
    font-weight: unset;
    font-size: unset;
    color: unset;
}

p.smallText {
    color: unset;
    font-family: unset;
    font-weight: unset;
    font-size: unset;
}

.button2, .btn-default {
    font-family: unset;
    font-weight: unset;
    font-size: unset;
}
/* End Reset */

body {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #2f2f2f;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a, a, .a, .btn-primary,
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.smallText {
    font-family: Roboto,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: "Segoe UI","Helvetica",sans-serif;*/
    font-family: Roboto,sans-serif;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 0;
}

h1 {
    font-size: 5.4rem;
    line-height: 1.1;
    margin: 0;
}

h2 {
    font-size: 3.2rem;
    line-height: 1.2;
    margin: 0;
}

h3 {
    font-size: 2.4rem;
    line-height: 1.2;
}

h4 {
    font-size: 2.1rem;
}

h5 {
    font-size: 1.8rem;
}

h6 {
    font-size: 1.4rem;
}

p.subheading {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 15px;
    color: #255DBE!important;
}

.dark-solid p.subheading {
    color: #F9D399;
    letter-spacing: 0.15em;
}

.dark-gradient {
    /* Purple gradient background */
    background: linear-gradient(135deg,rgb(51,63,80) 0%,rgb(107,92,119) 67%,rgb(37,46,60) 100%);
}

footer.footer, footer .footer-bottom {
    background: black;
    color: #fff;
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav {
        gap: 20px;
    }
}

.blue-image-overlay-gradient {
   background-image: linear-gradient(0deg, rgb(23, 81, 158) 0%, rgb(18, 103, 155) 100%)
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-weight: 700;
    font-size: 1.2rem;
}

.dark-solid {
    background-image: linear-gradient(0deg, rgb(37, 46, 60) 0%, rgb(51, 63, 80) 100%)
}

.subtle-gradient-fade-in-from-pastel {
    background: linear-gradient(180deg,rgb(220,234,243) 2%,rgb(255,255,255) 100%);
}

.subtle-gradient-fade-in-to-pastel {
    background-image: linear-gradient(0deg, rgb(196, 211, 222) 0%, rgb(255, 255, 255) 100%);
}

footer.footer p.smallText {
    text-align: center;
    margin: 0 auto;
    display: block;
}

footer.footer p.smallText a {
    color: white;
}

footer.footer hr {opacity: .2;}

.footer-links li a {
    font-weight: bold;
}

.footer-links a {
    padding: 5em 1em;
}

.footer-links {
    margin-bottom: 2em;
    margin-top: 1em;
}

footer.footer p.smallText {
    margin-top: 2em;
    color: rgba(255,255,255,.8);
}

footer.footer p.smallText a {
    color: white;
}

.footer-links li a:first-of-type {
    padding-left: 0;
}

.footer-links li a:last-of-type {
    padding-right: 0;
}

.pre-footer {
    padding: 200px;
    background: url(/pointed_bg-blue.png),url(/Contact_CTA_background1.jpg);
    background-size: 50% 100%,cover;
    background-position: left,center;
    background-repeat: no-repeat;
}

.inner-container {
    padding-right: 4em;
}

.pre-footer p {
    color: white;
    font-size: 20px;
    margin-bottom: 2em;
}

.pre-footer a.btn.btn-default {
    color: white;
    border: 1px solid white;
    font-size: 20px;
}

.pre-footer h3 {
    color: white;
    margin-bottom: .7em;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    color: #85C1F2;
    text-decoration: none;
    transition: color .2s ease;
    background: none;
}

.static-top.navbar-dark {
    background-color: #272E3B !important;
}

.navbar-brand img {
    width: auto !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-size: 1rem;
}

.skip-to-content {
    display: none;
}

.dropdown-menu {
    background-color: #353F4E;
    padding: 20px 25px;
    transition: all .4s ease;
}

.dropdown-menu li a {
    color: white;
    transition: color .3s ease;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    padding: unset;
    border: unset;
    text-decoration: none;
    color: #85C1F2;
}

a.dropdown-toggle:focus {background: none !important;text-decoration: none !important;}

section.dark-photographic-fade {
    background: linear-gradient(0deg, rgba(23, 81, 158,1) 5%, rgba(18, 103, 155,0) 30%),url(/GetMorePortablesAU.jpg),rgba(23, 81, 158,1);
    color: white;
    padding: 100px 0;
    background-size: 100% 100%,cover;
    background-position: top,center;
    background-blend-mode: normal,multiply,normal;
}

section.featured-section {
    padding: 100px 0;
}

section.dark-photographic-fade p {
    line-height: 1.7;
    margin: 2rem 0;
    font-size: 1.4rem;
}

section.dark-photographic-fade h2 {
    color: white;
}

section.dark-photographic-fade .inner-container {
    width: 50%;
}

section.dark-photographic-fade a.btn.btn-primary {
    background: white;
    border-radius: .2rem;
    padding: 0.5em 1em;
    color: #255DBE;
    font-weight: 900;
    font-size: 1.3rem;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}

section.blue {
    background: rgba(23, 81, 158,1);
}

section.white {
    background: white;
}

section.white {
    padding: 100px 0;
}

.inner-container {
    max-width: 70%;
}

section.featured-section p {
    line-height: 1.7;
    font-size: 1.15rem;
    margin-bottom: 1.2em;
}

section.featured-section h3 {
    max-width: 50%;
    margin-bottom: 1em;
    font-weight: 900;
    line-height: 1;
}

section.white.gradient-top {
    background: linear-gradient(180deg,rgb(220,234,243) 2%,rgb(255,255,255) 100%);
    background-size: 100% 50%;
    background-repeat: no-repeat;
}

section.white.photo-texture {
    background: linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.95)),url(/Hex-Background-Still-Frame.jpg);
    background-size: cover;
}

section.blue.gradient-bottom-vivid {
    padding: 100px 0;
    background: radial-gradient(farthest-corner at 40px 95%, #905bb5 3%,#2b64c3 35%, #3272ca 100%);
}

section.blue.gradient-bottom-dull {
    padding: 100px 0;
    background: radial-gradient(farthest-corner at 40px 95%, #50607d 3%,#283140 60%);
}

section.blue.gradient-bottom-dull p.subheading {
    color: #8AAAC2 !important;
}

section.blue.gradient-bottom-vivid p.subheading {
    color: white !important;
}

section.featured-section.blue, section.featured-section.blue h3 {
    color: white;
}

section.blue.featured-section p.subheading {
    color: rgba(255,255,255,.3) !important;
}

div#mainContent {
    background: linear-gradient(180deg,rgb(220,234,243) 2%,rgb(255,255,255) 300px);
    background-size: 300px auto,100% auto;
    background-position: top,left -50px;
}
.grid-actions {
    border: none;
}

.entitylist {
    border: none;
    background: none;
}

thead {
    background: #0065a4;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.5);
}

thead a {
    color: white;
}

a.btn.btn-primary {
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 2px 2px rgba(0,0,0,.4);
    border: none;
}

.page-link,.page-link:hover {
    color: #00619e;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #00629f !important;
    border-color: #0063a1;
}

td {
    font-size: 0.9em;
    padding: 1em .5em !important;
}

.entity-grid .view-grid {
    border-radius: 0.6em;
}

input.query.form-control {
    padding: .55em 1em;
    border-right: none;
    border-radius: .7em 0 0 .7em;
}

.input-group-btn button {
    border-radius: 0 .55em .55em 0 !important;
}

.crmEntityFormView {
    padding: 40px;
    border-radius: .5em;
    box-shadow: 0 2px 2px rgba(57,87,106,.3);
}

.crmEntityFormView .tab-title {
    font-weight: 100;
    font-size: 2.4rem;
    padding-bottom: .3em;
    margin-bottom: .6em;
}

legend.section-title h3 {
    text-transform: uppercase;
    color: rgb(61 100 169);
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 1.15rem;
}

.crmEntityFormView .actions {
    border-top: none;
}

.btn-primary {
    border-radius: 2em;
    font-size: 1.2rem;
}

.crmEntityFormView .cell .field-label {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: .5em;
}

input.form-control,.form-select {
    border-color: hsl(219 20% 79% / 1);
    padding: .5em 1em;
    border-radius: 2em;
}

.input-group button {
    padding: .5em 1em;
}

.crmEntityFormView .cell div.control {
    clear: unset;
    float: right;
    width: 80%;
    margin-top: -.5em;
}

/* media query max width 1020px */
@media screen and (max-width: 1020px) {
    .crmEntityFormView .cell div.control {
        clear: both;
        float: unset;
        width: unset;
        margin-top: unset;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 90%;
    }
}

div#content-container .crmEntityFormView {
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    border-radius: 0;
}

div#content-container {
    padding: 1em;
    max-width: 100%;
}

button.btn.btn-default.clearlookupfield,button.btn.btn-default.launchentitylookup {
    padding: .62em 1em;
}

button.btn.btn-default.launchentitylookup {
    border-radius: 0 2em 2em 0;
}


/***** Tabular screens *****/
.table>thead {
    color: #fff;
    vertical-align: middle;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.table-hover > tbody > tr:hover td:first-of-type {
    font-weight: bold;
}

.table-hover > tbody > tr {
transition: background-color .5s ease;
}

.table-hover > tbody > tr td {
transition: color .5s ease
}

.table-hover > tbody > tr:hover {
    background-color: hsl(203 100% 42% / 1) !important;
}

.table-hover > tbody > tr:hover td {
    color: #fff !important;
}

.table>thead th span:first-of-type {
    margin-right: .25rem;
}

.table>thead th a[data-action] {
    padding: .1rem;
}

/***** OOTB form improvements *****/
.field-label {
    float: none;
    display: block;
}

html[dir=ltr] .crmEntityFormView .cell .field-label {
    display: block !important;
    float: none;
}

.crmEntityFormView .cell div.control {
    float: none;
}

span[style="visibility:hidden;"] {
    display: none;
}

span.input-group-addon.btn {
    border-radius: 0 2em 2em 0;
    border-color: #0065a4;
    background-color: #fff;
    color: #0065a4;
}

.input-group-addon, .input-group-addon.active {
    padding: 8px 12px;
}

span.input-group-addon.btn.active {
    border-radius: 0 2em 2em 0 !important;
}

span.input-group-addon.btn.active, span.input-group-addon.btn:hover {
    background-color: #0065a4;
    color: #fff;
}

.bootstrap-datetimepicker-widget tr td button {
    background-color: unset;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0 !important;
}

/* List metadata */
.text-bg-dark {
    background: linear-gradient(0deg, #0266a4, #272e3b);
    border: none;
}

.text-bg-dark .content-panel.card.entitylist-filter {background: none;border: none;}

.text-bg-dark .entitylist-filter-option-group .h4 {
    color: #fff;
    font-size: 1.2rem;
}

li.entitylist-filter-option-group.list-inline-item {
    padding: 0 1rem;
}

.text-bg-dark .entitylist-filter button {
    color: #fff;
    border-color: #fff;
}

.text-bg-dark #offcanvasMetadataFiltersLabel {
    color: #fff;
}