body {
    color: rgba(34, 34, 34, 1);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 14px;
    background: #fff;
    height: 100vh;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #05396B;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
}

h1, .h1 {
    font-size: 32px;
    line-height: 40px;
}

.crmEntityFormView .tab-title {
    line-height: 1.1;
    font-size: 24px;
    border-bottom: none;
}

.nav-sidebar-primary {
    padding: 20px 0;
    width: 218px;
    height: 100%;
    border: 1px solid rgba(34, 34, 34, 0.10);
    background: var(--secondary-colors-jax-navys-jax-navy, #05396B);
    margin-left: -15px;
    box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}

.nav-sidebar-primary .menu a {
    padding: 10px 24px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    transition: background .4s ease,font-weight .2s ease;
    border: 1px solid #05396B;
    border-left: 4px solid #05396B;
    padding-left: 20px;
}

/* Override for preform bundle */
html[dir=ltr] .nav-sidebar-primary li a, html[dir=ltr] .nav-sidebar-primary li a:hover, html[dir=ltr] .nav-sidebar-primary li a.active {
    margin-left: 0;
}

.nav-sidebar-primary .menu a.active, .nav-sidebar-primary .menu a:hover {
    font-weight: 700;
    border: 1px solid rgba(34, 34, 34, 0.10);
    border-left: 4px solid var(--primary-colors-jax-cyans-jax-cyan-medium, #3997C5);
    background: rgba(244, 248, 252, 0.10);
    padding-left: 20px;
}

.nav-sidebar-primary .menu a:hover {
    text-decoration: none;
}

.nav-sidebar-primary .menu a .fa-stack .fa-circle.fa-stack-2x {
    color: #0077b2;
}

.nav-sidebar-primary .menu a.active .fa-stack .fa-circle.fa-stack-2x {
    color: #3997c5;
}

/* Navbar collpased styles */

a.menu-collapse {
    color: #fff;
    position: absolute;
    width: 1em;
    display: block;
    height: 1em;
    bottom: 2em;
    right: 1.8em;
}

.nav-sidebar-primary.collapsed {
    width: 72px;
}

.nav-menu-item-label{
    padding-left: 5px;
}

.nav-sidebar-primary.collapsed span.nav-menu-item-label {
    display: none;
}

.nav-sidebar-primary.collapsed .menu a {
    padding-left: 20px;
}

/* selector for .main-content when sidebar is collapsed */
.nav-sidebar-primary.collapsed + .main-content {
    width: calc(100% - 42px);
}

.nav-sidebar-primary .menu a .fa-stack-1x.fa-inverse {
    color: var(--secondary-colors-navys-jax-navy-dark, #042E57);
    transition: color .3s ease;
}

.nav-sidebar-primary .menu a:hover .fa-stack-1x.fa-inverse, .nav-sidebar-primary .menu a.active .fa-stack-1x.fa-inverse {
    color: #fff;
}

.nav-sidebar-primary.collapsed .menu a.active, .nav-sidebar-primary.collapsed .menu a:hover {
    /*padding-left: 16px;*/
}

.nav-sidebar-primary, .main-content {
    transition: width 0.2s ease-in-out;
}

h1.siteTitle.header_5 {
    color: #05396B !important;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700 !important;
    font-size: 20px !important;
}
header-date
.navbar-header img {
    height: 41px !important;
    margin: 0 10px 0 !important;
    padding-right: 36px;
}

li.header-date {
    padding-top: 20px;
    font-weight: 700;
}

li.header-date i {
    margin-right: 5px;
    font-size: 18px;
}

a span.username {
    color: rgba(0, 119, 178, 1);
    font-weight: 700;
}

a span.username + span.caret {
    color: rgba(0,119,178,1);
}

a span.username .fa-stack {
    font-size: 18px;
}

a span.username i.fa-solid.fa-circle.fa-stack-2x {
    color: #ECF0F4;
}

a span.username i.fa-regular.fa-user.fa-stack-1x.fa-inverse {
    color: #05396B;
}

div.header {
    padding: 32px 0 32px 22px;
    border-bottom: 1px solid var(--divider, #E2E4E8);
    background: var(--primary-colors-bg-colors-white, #FFF);
    height: 20%;
}

h1.header_3 {
    color: #05396B;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */;
    color: rgba(5, 57, 107, 1);
}

.header h1.header_3 {
    margin: 0;
}

.main-content {
    /* width: calc(100% - 200px); */
    width: calc(100% - 190px);
    padding-left: 0;
    margin-right: -15px;
    height: 100%;
    overflow-y:auto;
}

.internal_navigation {
    display: flex;
    width: 100%;
    /*height: 54px;*/
    padding: 10px 0px 0px 22px;
    align-items: center;
    flex-shrink: 0;

    border-bottom: 1px solid #E2E4E8;
    background: var(--primary-colors-bg-colors-white, #FFF);
    height: 7vh;
}

nav.internal_navigation li a {
    text-decoration: none;
    cursor: pointer;
}

nav.internal_navigation li:hover {
    cursor: pointer;
}

nav.internal_navigation li a.active {
    font-weight: bold;
    color: rgba(0, 119, 178, 1);
    border-bottom: 4px solid;
    padding-bottom: 1em;
}

.main-area {
    background: var(--primary-colors-bg-colors-light-blue-gray, #F4F8FC);
    padding: 22px;
    height: 72%;
}

.content-holder {
    width: 100%;
    padding: 10px 16px;

    border-radius: 4px;
    border: 1px solid #E2E4E8;
    background: var(--primary-colors-bg-colors-white, #FFF);
    }

.content-holder > .entitylist {
    margin: -10px -16px;
}

.content-holder > .entitylist {
    color: #000000;
    border: none;
}

.entitylist, .subgrid {
    background-color: transparent;
}

.entitylist a.details-link, .subgrid a.details-link {
    font-weight: bold;
    color: rgba(0, 119, 178, 1);
}

.entitylist th a, .subgrid th a {
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: rgba(5, 57, 107, 1);
}

.entitylist th input[type="checkbox"], .subgrid th input[type="checkbox"] {
    margin: 0 auto;
    display: block;
}

.entitylist .dropdown-menu a.details-link, .subgrid .dropdown-menu a.details-link {
    text-decoration: none;
}

.entitylist a.detail-link-plain, .subgrid a.detail-link-plain {
    color: rgba(0, 119, 178, 1);
}

.grid-actions {
    padding: 9px;
    margin-bottom: 0;
}

.entitylist thead, .subgrid thead {
    background: rgb(242 244 248);
}

.btn-primary {
    border: 1px solid var(--primary-cyans-jax-cyan, #0077B2);
    background: var(--Cyan, #0177B2);
    color: var(--primary-bg-colors-white, #FFF);
}

.button2, .btn-default {
    color: var(--primary-colors-jax-cyans-jax-cyan, #0077B2);
    border-color: var(--primary-colors-jax-cyans-jax-cyan, #0077B2);
}

.btn-primary, .button2, .btn-default {
    padding: 8px 16px;
    border-radius: 8px;
    border-width: 2px;
    line-height: 28px;
}

/*
a.entitylist-download.btn.btn-info.pull-right.action, a.download-selected.btn.btn-info.pull-right.action {
    padding: 8px 16px;
    border-radius: 8px;
    border-width: 2px;
    border: 2px solid var(--primary-cyans-jax-cyan, #0177B2);
    background: var(--Cyan, #0177B2);
    color: var(--primary-bg-colors-white, #FFF);
    font-weight: bold;
    line-height: 28px;
}
*/

a.entitylist-download.btn.btn-info.pull-right.action, a.download-selected.btn.btn-info.pull-right.action {
    font-weight: bold;
    line-height: 28px;
    background: none;
    color: var(--Cyan, #0177B2);
    padding: 8px 16px;
    line-height: 28px;
    border-radius: 4px;
    border: 1px solid var(--primary-grays-gray-blend, #D9D9D9);
}

a.entitylist-download::after, a.download-selected::after {
    content: '\f1c3';
    font-family: 'FontAwesome';
    margin-left: .5em;
    font-size: 1.1em;
    font-weight: normal;
}

body[data-sitemap-state="/"] a.entitylist-download.btn.btn-info.pull-right.action,
body[data-sitemap-state="/"] a.download-selected.btn.btn-info.pull-right.action{
    border: 2px solid var(--primary-cyans-jax-cyan, #0177B2);
}

/**** Shipments page ****/
body[data-sitemap-state="/shipments/:/"] .grid-actions {
    display: flex;
}

body[data-sitemap-state="/shipments/:/"] .entitylist-search {
    display: flex;
    flex: 1;
}

body[data-sitemap-state="/shipments/:/"] .entitylist input.query.form-control {
    width: calc(100% - 6em);
}

body[data-sitemap-state="/shipments/:/"] .toolbar-actions .action.download-action {
    line-height: 28px;
}

body[data-sitemap-state="/shipments/:/"] .input-group-btn:last-child>.btn {
    line-height: 28px;
}


.grid-actions .btn {
    margin-left: 10px;
}

#EntityFormPanel .actions .btn-primary, #EntityFormPanel .actions .button2, #EntityFormPanel .actions .btn-default {
    width: calc(50% - 2.5px);
}

.entitylist .table>thead>tr>th, .subgrid table>thead>tr>th {
    border-top: 1px solid #e2e4e8;
    vertical-align: middle;
    border-bottom: none;
}

.entitylist .table>tbody>tr>td, .subgrid table>tbody>tr>td {
    padding: 4px 13.143px 4px 16px;
    vertical-align: middle;
    border-top: 1px solid #e2e4e8;
}

.entitylist input.query.form-control, .subgrid input.query.form-control {
    border-radius: 4px 0 0 4px;
    border: 1px solid #D0D0D4;
    background-color: var(--primary-colors-bg-colors-white, #FFF) !important;
    width: 256px;
    padding: 8px 16px;
}

.pagination > li > a, .pagination > li > span {
    text-decoration: underline;
    color: #0077B2;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    color: #0077B2;
    border: none;
    width: unset;
    height: unset;
    text-decoration: underline;
    border-radius: 0;
    background-color: #ECF0F4 !important;
}

.pagination>li.disabled a {
    text-decoration: none;
    color: rgba(34, 34, 34, 0.50);
}

::placeholder {
  color: var(--primary-colors-jax-grays-jax-gray-medium-light, #8A8A8A) !important;
}

.entitylist tbody tr:hover,
.subgrid tbody tr:hover,
.entitylist .table-striped > tbody > tr:hover,
.subgrid table > tbody > tr:hover,
tr.selected {
    background-color: rgba(229, 246, 255, 1) !important;
}

/* Cards */
.cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.card {
    display: flex;
}

.card-inner {
    border-radius: 0.5em;
    padding: 16px;
    margin-bottom: 12px;
    color: #222;
    transition: transform .4s ease;
    background-size: cover;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--divider, #E2E4E8);
    background: #FFF;
    font-size: 14px;
}

.card-inner.striped {
    border-left: 10px solid var(--secondary-colors-greens-jax-green-light, #AFE1AB);
}

.card h3 {
    color: #222;
}

.card-footer {
    align-self: flex-end;
    margin-top: 28px;
}

.card-inner table:not([role="grid"]) td:nth-child(odd) {
    font-weight: bold;
    padding-right: 5px;
}

.card-inner table:not([role="grid"]) td {
    padding-bottom: 5px;
}

.card-header {
    background: var(--primary-colors-bg-colors-light-blue-gray, #F4F8FC);
    margin: -16px -16px 8px -16px;
    padding: 8px 16px;
    border-radius: 4px 4px 0 0;
}

.card-header input[type="checkbox"] {
    margin-right: 8px;
}

.card-header a {
    color: var(--primary-colors-cyans-jax-cyan, #0077B2);
    font-weight: 600;
    font-size: 16px;
}

.card h3.card-header {
    color: var(--primary-colors-grays-jax-gray, #222);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.elevation {
    box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.15);
}

.detail-pane .card-inner table:not([role="grid"]) td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
}

.card-inner table:not([role="grid"]).table>tbody>tr>td {
    border-top: none;
    padding-left: 0;
}

.card-inner table:not([role="grid"]) td:nth-child(even) {
    text-align: right;
}

.card-inner table:not([role="grid"]) .table {
    margin-bottom: 0;
}

tr.divide-after {
    border-bottom: 1px solid var(--divider, #E2E4E8);
}

.card-inner table.table {
    margin-bottom: unset;
}

.card-inner.selected, .card-inner.selected .card-header {
    background: var(--primary-colors-cyans-jax-cyan-extra-light, #E5F6FF);
}

h4.card-title {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: normal;
    color: var(--primary-colors-grays-jax-gray-medium-light, #8A8A8A);
    font-size: 16px;
    line-height: 28px;
    margin: unset;
}

span.color-code {
    font-weight: bold;
    color: var(--secondary-colors-greens-jax-green-medium, #3DA539);
}

.card-inner .label {
    display: inline-block;
    padding: 4px 12px;
    font-size: 75%;
    line-height: 1;
    color: var(--secondary-colors-greens-jax-green-medium, #3DA539);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1.5em;
    border: 1px solid var(--secondary-colors-greens-jax-green-medium, #3DA539);
    font-size: 12px;
    line-height: 20px;
    margin-top: .1em;
}

.card.col-xs-12, .card.col-sm-6, .card.col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

i.mouse-icon {
    font-style: normal;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: rgba(118, 195, 114, 1);
    border-radius: 15px;
    background-image: url(~/mouse-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -6px;
    margin-right: 5px;
}

h4.card-title.icon {
    line-height: 36px;
}

/* Inbox */

/* Bootstrap Style Customisations */
.alert {
    border-radius: 8px;
    box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.15);
    color: var(--primary-colors-medium-gray-80-opacity, rgba(34, 34, 34, 0.80));
    position: relative;
    padding-left: 64px;
}

.alert-success {
    border: 1px solid rgba(4, 135, 0, 0.30);
    background: linear-gradient(0deg, rgba(4, 135, 0, 0.20) 0%, rgba(4, 135, 0, 0.20) 100%), #FFF;
}

.alert-info {
    border: 1px solid rgba(0, 119, 178, 0.30);
    background: linear-gradient(0deg, rgba(0, 119, 178, 0.20) 0%, rgba(0, 119, 178, 0.20) 100%), #FFF;
}

.alert-danger {
    border: 1px solid rgba(171, 35, 40, 0.30);
    background: linear-gradient(0deg, rgba(171, 35, 40, 0.20) 0%, rgba(171, 35, 40, 0.20) 100%), #FFF;
}

.alert-warning {
    background-color: #ffe7c4;
    border-color: #f2b968;
}

.alert .icon-holder {
    position: absolute;
    color: #fff;
    top: 0;
    left: -1px;
    height: 100%;
    padding: 16px;
    border-radius: 8px 0 0 8px;
}

.alert-success .icon-holder {
    background: var(--secondary-colors-greens-jax-green, #048700);
    border: 1px solid var(--secondary-colors-greens-jax-green, #048700);
}

.alert-info .icon-holder {
    background: var(--primary-colors-cyans-jax-cyan, #0077B2);
    border: var(--primary-colors-cyans-jax-cyan, #0077B2);
}

.alert-danger .icon-holder {
    background: var(--secondary-colors-reds-jax-red, #AB2328);
}

.alert-warning .icon-holder {
    background: #f0ad4e;
    border: #f0ad4e;
}

.alert.alert-info .alert-link, .alert.alert-success .alert-link {
    text-transform: capitalize;
    color: var(--primary-colors-cyans-jax-cyan, #0077B2) !important;
    font-weight: bold;
}

.alert-dismissable .close, .alert-dismissible .close {
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
}
.support h5{
font-family: 'Source Sans 3', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
color: #222222 !important;

}
.subheading{
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #05396B;

}
/* Collapsible content */
.panel h5.panel-title a {
    color:#05396B !important;
    font-size: 20px;
    font-weight: 400 !important;
    font-family: 'Source Sans 3', sans-serif;
    line-height: 28px;
    margin: unset;
    margin-left: -40px;
}

.panel-heading {
    padding: 16px;
}

.panel.panel-default {
    border-bottom: 1px solid #BEBEBE;
    margin-top: 0;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-body p {
    font-size: 16px;
}

/* Forms */
.crmEntityFormView{
    background-color: unset;
    color: var(--primary-colors-jax-grays-jax-gray, #222);
    border: none;
}

input.form-control {
    border: 1px solid var(--primary-grays-jax-gray-light, #BEBEBE);
}

.form-control {
    background-color: transparent !important;
    color: var(--primary-colors-jax-grays-jax-gray, #222);
    font-size: 16px;
    line-height: 28px;
    border: 1px solid var(--primary-grays-jax-gray-light, #BEBEBE);
    border-radius: 4px;
    padding: 8px 16px;
    height: 3em;
}

.form-control:focus {
    border-color: rgba(0, 119, 178, 1) !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.control .input-group .btn {
    line-height: 28px;
}

.crmEntityFormView .cell {
    margin-bottom: 25px;
}

label {
    margin-bottom: 8px;
}

.view-grid span.label {
    color: unset;
    font-size: 12px;
    font-weight: unset;
    border: 1px solid;
    padding: 6px 12px;
    border-radius: 60px;
    margin-left: -12px;
    margin-top: 3px;
    display: inline-block;
    margin-bottom: 3px;
}

.view-grid td[data-value*=":681940000,"] span.label {
    color: #3E6890;
    border: 1px solid #7797B5;
}

.view-grid td[data-value*=":681940001,"] span.label {
    color: #048700;
    border: 1px solid #3DA539;
}

.view-grid td[data-value*=":681940002,"] span.label {
    color: #A64F86;
    border: 1px solid #C283AB;
}

.view-grid td[data-value*=":681940003,"] span.label {
    color: #C56140;
    border: 1px solid #ECA48A;
}


@media (max-width: 767px) {
    .crmEntityFormView .cell {
        margin-bottom: 25px;
    }
}

/* Modals */
.modal-content {
    background-color: #fff;
    color: inherit;
    border: none;
}

.modal-dialog {
    background: #fff;
}

.modal body {
    background: #fff;
}

.modal-title {
    font-weight: 400;
    line-height: 32px;
}


.modal-title span.fa {
    display: none;
}

.modal-header {
    padding: 24px 24px 15px;
    border-bottom: none;
}

html[dir=ltr] .crmEntityFormView .actions .btn:first-child {
    margin-right: 16px;
}

#EntityFormPanel .actions .btn-primary, #EntityFormPanel .actions .button2, #EntityFormPanel .actions .btn-default {
    font-size: 16px;
    width: calc(50% - 8px);
}

.crmEntityFormView {
    background-color: transparent;
    color: var(--primary-grays-jax-gray, #222);
    border: none;
}

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

/* Right sidebar modal */
@media (min-width: 992px) {
    .modal.offcanvas-right .modal-lg {
        margin-right: 0;
        margin-top: 0;
        width: 452px;
        margin-bottom: 0;
    }
}

.modal.fade.offcanvas-right .modal-dialog {
    -webkit-transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal.fade.offcanvas-right.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(9, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

/* Left sidebar modal */
@media (min-width: 992px) {
    .modal.offcanvas-left .modal-lg {
        margin-left: 0;
        margin-top: 0;
        width: 452px;
    }
}

.modal.fade.offcanvas-left .modal-dialog {
    -webkit-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -o-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal.fade.offcanvas-left.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(9, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

/* Top sidebar modal */
@media (min-width: 992px) {
    .modal.offcanvas-top .modal-lg {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        height: 50%;
        overflow-y: scroll;
    }
}

.modal.fade.offcanvas-top .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal.fade.offcanvas-top.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal {
    padding-right: 0px !important;
}

/* Bottom sidebar modal */
@media (min-width: 992px) {
    .modal.offcanvas-bottom .modal-lg {
        margin: 0;
        width: 100%;
        height: 50%;
        overflow-y: scroll;
    }
}

.modal.fade.offcanvas-bottom .modal-dialog {
    -webkit-transform: translate(0, 125%);
    -ms-transform: translate(0, 125%);
    -o-transform: translate(0, 125%);
    transform: translate(0, 125%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

.modal.fade.offcanvas-bottom.in .modal-dialog {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}

body[data-sitemap-state="/access-denied/"] ul.weblinks {
    display: none;
}

body[data-sitemap-state^="/projects-with-documents/"] a.details-link.has-tooltip::before {
    display: inline-block;
    text-rendering: auto;
    font: var(--fa-font-solid);
    content: "\e185";
    margin-right: 0.7em;
    font-size: 1.15em;
}

/* Full screen takeover modal */
@media (min-width: 992px) {
    .full-screen-takeover .modal-lg {
        width: 100%;
        margin: 0;
    }
}

@media (min-width: 768px) {
    .full-screen-takeover .modal-dialog {
        width: 100%;
        margin: 0;
    }
}



/* blockUI plugin */
.blockUI.blockOverlay {
    border: none !important;
    background-color: rgb(176 198 218) !important;
}

.blockUI.blockMsg.blockPage, .blockUI.blockMsg.blockElement {
    color: rgba(1, 119, 178, 1) !important;
    border: none !important;
    background-color: transparent !important;
    font-size: 40px !important;
}

/* Responsive */
@media screen and (max-width: 991px) {
    .container-fluid.page {
        padding: 0;
        margin-left: -15px;
    }

    .main-content {
        width: 100%;
    }
    
    div#navbar.navbar-collapse {
        background: #05396b;
        color: #fff;
    }
    
    div#navbar.navbar-collapse i.fa-solid.fa-circle.fa-stack-2x {
        color: #0099d8;
    }
    
    div#navbar.navbar-collapse li a:hover {
        text-decoration: none;
        border-left: 4px solid var(--primary-colors-jax-cyans-jax-cyan-medium, #3997C5);
        background: rgba(244, 248, 252, 0.10);
        color: #fff;
    }

    a span.username {
        color: unset;
        font-weight: unset;
    }
    
    a span.username + span.caret {
        color: unset;
    }
    
    a span.username i.fa-solid.fa-circle.fa-stack-2x {
        color: unset;
    }
    
    a span.username i.fa-regular.fa-user.fa-stack-1x.fa-inverse {
        color: unset;
    }

    a span.username .fa-stack {
        font-size: 14px;
    }

    li.header-date {
        display: none;
    }
}

.card-inner table {
    width: 100%;
}

li.header-date.light {
    padding-right: 15px;
    margin-right: 3px;
    color: var(--primary-grays-jax-gray-medium, #565656);
    font-size: 14px;
    font-weight: 400;
}

/* Page-specfic styles */
body[data-sitemap-state="/messages/:/"] .action-buttons {
    margin-top: 40px;
}

body[data-sitemap-state="/messages/:/"] a.btn.btn-sidebar-action {
    padding: 8px 16px;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 2px solid var(--primary-cyans-jax-cyan, #0077B2);
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-cyans-jax-cyan, #0077B2);
    display: block;
}

body[data-sitemap-state="/messages/:/"] a.btn.btn-sidebar-action i {
    margin-right: 4px;
}

body[data-sitemap-state="/pdf-viewer/:/"] .sidebar-property {
    display: block;
    margin-bottom: 16px;
    margin-left: 16px;
}

body[data-sitemap-state="/pdf-viewer/:/"] .sidebar-property strong {
    display: block;
}

body[data-sitemap-state="/"] .nav-tabs>li.active>a,
body[data-sitemap-state="/"] .nav-tabs>li.active>a:hover,
body[data-sitemap-state="/"] .nav-tabs>li.active>a:focus  {
    color: rgba(0, 119, 178, 1);
    font-weight: bold;
    border-radius: .35em .35em 0 0;
}

body[data-sitemap-state="/"] .input-group.search-hero .input-group-btn:last-child>.btn,
body[data-sitemap-state="/"] .input-group.search-hero .input-group-btn:last-child>.btn-group {
    margin-top: unset;
}

body[data-sitemap-state="/"] .input-group.search-hero .input-group-btn i {
    padding: 0.5em;
}

body[data-sitemap-state="/"] input.featured {
    padding: 0.5em;
    margin-top: 0;
}

body[data-sitemap-state="/"] input.featured::placeholder {
    color: hsl(219 20% 79% / 1) !important;
}

body[data-sitemap-state="/"] input.featured:hover {
    border-color: #69c;
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 15px rgb(102 175 233 / 100%);
}

body[data-sitemap-state="/"] .input-group.search-hero {
    margin: 1.3em 0;
}

.fixed-table-body, .jax-custom-scrollbar{
    background-color: #FFF;
    overflow: scroll;
    scrollbar-color: #0077B2 #FFF;
    scrollbar-width: thin;
}
.required-field::after {
    content: "*";
    color: red;
    margin-left:2px
  }
  .jax-primary-btn{
    border-radius: 8px;
    background-color: #0177B2;
    color: #FFF;
    height: 45px;
    
  }
  .jax-primary-btn:hover, .jax-secondary-btn:hover{
    opacity: 90%;
    color: inherit;
  }
  .jax-secondary-btn{
    border-radius: 8px;
    background-color: #FFF;
    border: 2px solid #0077B2;
    color: #0077B2;
    height: 45px;
  }
.header-section{
    height: 5vh;
  }
  .content-section{
    height: 95vh;
  }