/* Minification failed. Returning unminified contents.
(302,22): run-time error CSS1030: Expected identifier, found ','
(302,74): run-time error CSS1031: Expected selector, found ')'
(302,74): run-time error CSS1025: Expected comma or open brace, found ')'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(1213,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(1213,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(1214,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(1215,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(1215,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(1238,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg'
(1255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1270,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-box-shadow'
 */
#settingsHover {
    position:relative;
}
#settingsHover:hover ul {
    display:block;

}

#settingsHover2 {
    position:relative;
}
#settingsHover2:hover ul {
    display:block;

}
#settingsMenu {
    position:absolute;
    top:20px;
    left:-42px;
    display:none;
    z-index:1000;
    background-color:white;
    padding-left:0px;
    border:1px solid #0296ff;
	}
#settingsMenu li{
	list-style:none;
	padding:0px;
	margin:0px;
	}
#settingsMenu li a {
  	height: 18px;
    width:125px;
    line-height:18px;
	text-decoration: none;
	font-weight:normal;
    border-bottom:1px solid #0296ff;
    color:#000;
	}	
	
#settingsMenu li a:hover {
	background-color:#3A9BFC;
    font-weight:bold;
    color:black;
	}

.tab_header {
    background-color:#444444;
    margin-left:-10px;
    height:40px;
    border-bottom:4px solid #0070bf;   
    vertical-align:middle;
    padding-left:20px;
}
.tab_header p{
    color:white;
    font-size:1.4em;
    height:40px;
}
.Initial_tab{
    color:black;
    background-color:white;
    font-size:1.1em;
    padding:0px;
    margin:0px;
    width:145px;
    height:40px;
}
.Clicked_tab{
    color:white;
    background-color:#0070bf;
    font-size:1.1em;
    padding:0px;
    margin:0px;
    width:145px;
    height:40px;
}

.tab_sub_header {
       background-color:#333333;
       height:35px;
       border-bottom:1px solid #444444;
       color:white;
       padding-left:30px;
       vertical-align:middle;
       width:570px;
       font-size:12px;
}
.tab_sub_header .centered_text{
    display:inline;
    font-size:1.4em;
    margin-right:10px;
    line-height:35px;
}

.Initial_sub_tab{
    background-color:#333333;
    color:white;
    font-size:1.1em;
    padding:0px;
    margin:0px;
    width:115px;
    height:31px;
    margin-top:-1px;
}
.Clicked_sub_tab{
    background-color:#333333;
    color:#3A9BFC;
    font-size:1.1em;
    padding:0px;
    margin:0px;
    width:115px;
    height:31px;

}
.previousNext {
     margin-left:-10px;
       height:35px;
       border-top:1px solid #444444;
       padding-left:40px;
       padding-top:20px;
       padding-bottom:20px;
       vertical-align:middle;
}


#navbar #analyticsModeHeader {
    color:#444;
    font-weight:600;
    width:300px;
    height:40px;
    line-height:35px;
    text-align:center;
     font-size:11px;
    background-color: #F19121;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F19121 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F19121 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #F19121 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F19121));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F19121 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F19121 100%);
}

#topRight {
}/*
.
<a href="#" style="">*/

.WizardBar {
    display:block;
    position:relative;
    left:-10px;top:-10px;
   width:1188px;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   background-color:#6994b7;
   color:white;
   font-size:16px;
   height:40px;line-height:40px;
}
.navElement {
    display:block;
    float:left;
    width:262px;
    line-height:40px;
    height:40px;
    padding-left:20px;
    text-decoration:none;
    background-color:#6994b7;
    text-align:center;
    font-weight:bold;
}
.navElementActive {
    display:block;
    float:left;
    width:261px;
    line-height:40px;
    height:40px;
    padding-left:20px;
    text-decoration:none;
    background-color:#2875BD;
    text-align:center;
    font-weight:bold;
}

 .arrow-right {
     display:inline;
     float:left;
	width: 0; 
	height: 0; 
	border-top: 20px solid #6994b7;
	border-bottom: 20px solid #6994b7;
	border-left: 20px solid #6994b7;
}
  .arrow-right_active {
    display:inline;
    float:left;
	width: 0; 
	height: 0; 
	border-top: 20px solid #6994b7;
	border-bottom: 20px solid #6994b7;
	border-left: 20px solid #2875BD;
}
  .arrow-right_active_last {
    display:inline;
    float:left;
	width: 0; 
	height: 0; 
	border-top: 20px solid #2875BD;
	border-bottom: 20px solid #2875BD;
	border-left: 20px solid #6994b7;
}
#tri{
    margin: auto;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid rgba(243, 159, 0, 0.8);
    position: relative !important;
    top: 82px;
}

.my_icon{
    width: 50px; 
    height: 50px; 
    position: absolute; 
    top: -75px; 
    left: -25px; 
    color: rgba(243, 159, 0, 0.8);
    background: white;
    font-size: 30px;
    border-radius: 2em;
	padding-top: 7px;
    line-height: 43px;
}

.contentPanelWrapper{
	width: 100%;
	border: 1px solid #CCCCCC;
}

.contentPanelHeader{
	background: #444444;
	color: white;
	display: inline-block;
	width: 100%;
	height: 30px;
}

.contentPanelHeader div{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: top;
}

.contentPanelCollapseBox{
	background: #222222; 
	width: 30px; 
	display: inline-block; 
	text-align: center;
	height: 29px !important;
}

.contentPanelItemTitle{
	margin-left: 10px;
	font-weight: bold;
	font-size: 15px;
}
/*
===============
HFX Blue
===============
#008ace;
#0071B5; Darken 10%
#F2F9FF; Lighten 80%
===============
HFX Purple
===============
#644396;
===============
Approval Green
===============
#b6eb75
===============
Pending Yellow
===============
#fde173
===============
Denied Red
===============
#f59f8e
#df2f2f
===============
*/

a {
    text-decoration: none;
}

a:hover:not(.nav-link, .btn, .page-link, .list-group-item, .dropdown-item) {
    text-decoration: underline;
}

/* Typography */
@font-face {
    font-family: 'OpenSans';
    src: url(/Content/global/fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url(/Content/global/fonts/OpenSans-Light.ttf) format('truetype');
}

:root {
    --bs-font-sans-serif: OpenSans, Arial, sans-serif;
}

/* Icons */
.glyphicon.glyphicon-button, .fa.fa-button {
    border: 0.2rem solid #333;
    color: #333;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

    .glyphicon.glyphicon-button.blue,
    .fa.fa-button.blue {
        border-color: #008ace;
        color: #008ace;
    }

    .glyphicon.glyphicon-button.gray,
    .fa.fa-button.gray {
        border-color: gray;
        color: gray;
    }

    .glyphicon.glyphicon-button.red,
    .fa.fa-button.red {
        border-color: #df2f2f;
        color: #df2f2f;
    }

    .glyphicon.glyphicon-button.green,
    .fa.fa-button.green {
        border-color: #b6eb75;
        color: #b6eb75;
    }

    .glyphicon.glyphicon-button.disabled {
        border-color: #737373 !important;
        color: #737373 !important;
    }

a.glyphicon.glyphicon-button:focus,
a.glyphicon.glyphicon-button:hover,
a.glyphicon.glyphicon-button:visited,
a.fa.fa-button:focus,
a.fa.fa-button:hover,
a.fa.fa-button:visited {
    text-decoration: none;
}

.glyphicon.glyphicon-button:hover,
.fa.fa-button:hover {
    background-color: #333;
    color: white;
}

.glyphicon.glyphicon-button.blue:hover,
.fa.fa-button.blue:hover {
    background-color: #008ace;
}

.glyphicon.glyphicon-button.red:hover,
.fa.fa-button.red:hover {
    background-color: #df2f2f;
}

.glyphicon.glyphicon-button.green:hover,
.fa.fa-button.green:hover {
    background-color: #b6eb75;
}

.fa.fa-button.fa-button-wide {
    padding: 5px 8px;
}

.fa.fa-button.fa-button-slim {
    padding: 5px 6px;
}

html {
    min-height: 100%;
    position: relative;
    font-family: Arial;
    font-size: 14px;
}

/*For the absolute footer*/
body {
    padding-bottom: 75px;
}

    body.frame-body {
        margin: 0;
        padding: 0;
    }

header {
    height: 130px !important;
    position: relative;
    margin-bottom: 20px;
}

    header .page-category {
        position: relative;
        font: 26px 'OpenSans-Light', sans-serif;
        color: #eee;
        top: 75px;
    }

    header .page-title {
        font-size: 32px;
        color: #fff;
        top: 75px;
        position: relative;
        font-weight: lighter;
        font-family: 'OpenSans-Light', sans-serif;
    }

    header .page-favourite {
        font-size: 14pt;
        color: #fff;
        top: 75px;
        padding-left: 5px;
        cursor: pointer;
    }

    header #divider {
        height: 34px;
        width: 1px;
        display: inline-block;
        background: #eee;
        margin: 15px;
    }


/** CC container width needs to extend beyond the default bootstrap 1170px.
    These 3 new media declarations will facilitate this ensuring the header properly positioned
    **/
.container {
    max-width: none;
}

@media(min-width: 1300px) {
    .container {
        width: 1280px;
    }
}

@media(min-width: 1400px) {
    .container {
        width: 1380px;
    }
}

@media(min-width: 1500px) {
    .container {
        width: 1500px;
    }
}

label {
    color: #333;
    font-weight: 700;
}

.checkbox label, .radio label {
    font-weight: 400;
}

/*
    Buttons
*/
.btn {
    height: 28px;
    border-radius: 14px;
    padding: 0 20px;
    outline: none;
    white-space: nowrap;
}

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: none;
    }

a.btn {
    padding: 3px 20px;
}

li.noclick {
    pointer-events: none;
    cursor: not-allowed;
}

.btn-default {
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-disabled-color: #7a7a7a;
    --bs-btn-disabled-bg: rgb(255 255 255 / 0.65);
    --bs-btn-disabled-border-color: #dedede;
}

.btn-primary {
    --bs-btn-bg: #008ace;
    --bs-btn-disabled-bg: #008ace;
}

.btn.pull-right:not(:first-child) {
    margin-right: 5px;
}

.btn.pull-left:not(:first-child) {
    margin-left: 5px;
}

.input-group-btn .btn {
    height: 34px; /* To match .form-control elements */
}

.input-group .btn {
    height: auto;
}

/*
    Navigation
*/
.navbar-cc .navbar-brand {
    padding: 7px 15px;
}

.navbar-cc.navbar-default {
    background: rgba(0,0,0,0.6);
    height: 65px;
    border-radius: 0;
    border: none;
}

.navbar-cc .navbar-nav > li > a {
    padding: 20px 15px;
}

.navbar-cc .navbar-nav .badge-blue {
    background-color: #008ace;
}

.navbar-cc .nav .open > a,
.navbar-cc .nav .open > a:hover,
.navbar-cc .nav .open > a:focus {
    background: none;
}

.navbar-cc.navbar-default .navbar-nav > li > a {
    color: #fff;
    border-top: 3px solid transparent;
    transition: border-top 0.25s;
}

    .navbar-cc.navbar-default .navbar-nav > li > a:hover,
    .navbar-cc.navbar-default .navbar-nav > li > a:active,
    .navbar-cc.navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        border-top: 3px solid #fff;
        transition: border-top 0.25s;
    }

    .navbar-cc.navbar-default .navbar-nav > li > a.active {
        border-top: 3px solid #fff;
    }


.navbar-cc ul.nav-tabs,
.navbar-cc ul.nav-tabs > li > a {
    border-bottom: 1px solid #644396;
}

.navbar-cc .nav-tabs > li > a {
    background-color: #e6e6e6 !important;
    color: #000 !important;
}

.navbar-cc .nav-tabs > li.active > a,
.navbar-cc .nav-tabs > li:hover > a {
    background-color: #644396 !important;
    color: #fff !important;
}

.tab-pane {
    position: relative;
}

#main-navigation-dropdown {
    padding: 18px 15px 15px;
    top: -4px;
}

/*Dropdown Menu*/
.navbar-cc .dropdown-menu {
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0;
}

.navbar-cc .dropdown-hamburger {
    padding-top: 7px;
}

    .navbar-cc .dropdown-hamburger ul > li {
        list-style: none;
    }

    .navbar-cc .dropdown-hamburger > .dropdown-toggle::after,
    .navbar-cc .dropdown-notifications > .dropdown-toggle::after {
        display: none;
    }

    .navbar-cc .dropdown-hamburger .dropdown-menu {
        left: auto;
        right: 0;
    }

.navbar-cc .dropdown-menu > li > a {
    color: #868686;
    padding: 5px 20px;
    width: 100%;
    display: block;
}

.navbar-cc .dropdown-menu > li:not(:last-child) > a {
    border-bottom: solid 1px #d9d9d9;
}

.navbar-cc .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #6f4ba2;
    color: #fff;
    text-decoration: none;
}

.navbar-cc a.dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.navbar-cc .pop-out-triangle {
    width: 0px !important;
    height: 0px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

    .navbar-cc .pop-out-triangle.purple {
        border-bottom-color: #6f4ba2;
    }

/*Multilevel Dropdown*/
.navbar-cc .dropdown-submenu {
    position: relative;
    white-space: nowrap;
}

    .navbar-cc .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -1px;
        margin-left: -1px;
    }

    .navbar-cc .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .navbar-cc .dropdown-submenu > a:after {
        display: block;
        font-family: 'Glyphicons Halflings';
        content: '\e257';
        float: left;
        width: 0;
        height: 0;
        margin-left: -16px;
    }

    .navbar-cc .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .navbar-cc .dropdown-submenu.pull-left {
        float: none;
    }

        .navbar-cc .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/*
    Panels
*/
.card-default > .card-header {
    background: #484848;
    color: #fff;
}

.panel .table {
    margin-bottom: 0;
}

/*
    Footer
*/
footer {
    text-align: center;
    color: #838383;
    width: 100%;
    background: #333;
    height: 75px;
    padding-top: 8px;
    position: absolute;
    bottom: 0;
}

    footer span {
        height: auto;
        padding-top: 5px;
        font-size: 16px;
        font-weight: lighter;
        font-style: italic;
    }

    footer .footerPipe {
        display: inline-block;
        height: 35px;
        border-right: solid 1px #838383;
        margin: 0 10px;
        top: 12px;
        position: relative;
    }

    footer #footerLogo {
        display: inline-block;
        top: 12px;
        position: relative;
        height: 35px;
        width: 145px;
        background: url(/Content/global/images/CompanyLogos/HFX-Enterprise---GREY25-2color.png) no-repeat center;
    }

    footer .copyright {
        font-size: 8pt;
        font-style: normal;
        position: absolute;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

/* Help Hovers
    Adds a colored hover "help" tooltip to a page element
 
To use: 
    Visible element that you want to add the help tooltip to should use class help
    Invisible element that you want to appear as a tooltip should use class helpTooltip and must be enclosed within the "help" element.
*/

.help {
    cursor: help;
    margin: 0;
    padding: 0;
    position: relative;
}

.helpIcon {
    width: 30px;
    height: 18px;
    vertical-align: middle;
    color: #008ace;
}

.help .helpTooltip {
    background: #008ace;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #666;
    color: #fff;
    height: auto;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: auto;
    width: 180px;
    left: 100%;
    margin-left: 10px;
    margin-top: -15px;
    filter: alpha(opacity=100);
    opacity: 1;
    padding: 8px 16px;
    top: 50%;
    z-index: 999;
    line-height: 18px;
}

.help > .helpTooltip:after {
    border-bottom: 8px solid transparent;
    border-right: 8px solid;
    border-color: inherit;
    border-top: 8px solid transparent;
    content: '';
    height: 0;
    margin-top: -8px;
    position: absolute;
    right: 100%;
    top: 16px;
    width: 0;
}

.help:hover .helpTooltip {
    visibility: visible;
}

.helpImage {
    width: 600px;
    height: 300px;
}

/*Datatable Pagination*/
.pagination {
    --bs-pagination-border-radius: 20px;
    --bs-pagination-color: #008ace;
    --bs-pagination-hover-color: #008ace;
    --bs-pagination-hover-bg: #F2F9FF;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #ccc;
    --bs-pagination-active-border-color: #ccc;
    --bs-pagination-focus-color: #008ace;
    --bs-pagination-focus-bg: #F2F9FF;
    --bs-pagination-focus-box-shadow: none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > button {
    color: #008ace;
    outline: none;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > button:hover,
    .pagination > li:not(:first-child) > a:focus,
    .pagination > li:not(:last-child) > a:focus,
    .pagination > li:not(:first-child) > span:focus,
    .pagination > li:not(:last-child) > span:focus,
    .pagination > li:not(:first-child) > button:focus,
    .pagination > li:not(:last-child) > button:focus {
        color: #008ace;
        background: #F2F9FF;
    }

    .pagination > li:not(.disabled):last-child > a:hover,
    .pagination > li:not(.disabled):first-child > a:hover,
    .pagination > li:not(.disabled):last-child > span:hover,
    .pagination > li:not(.disabled):first-child > span:hover,
    .pagination > li:not(.disabled):last-child > button:hover,
    .pagination > li:not(.disabled):first-child > button:hover,
    .pagination > li:not(.disabled):last-child > a:focus,
    .pagination > li:not(.disabled):first-child > a:focus,
    .pagination > li:not(.disabled):last-child > span:focus,
    .pagination > li:not(.disabled):first-child > span:focus,
    .pagination > li:not(.disabled):last-child > button:focus,
    .pagination > li:not(.disabled):first-child > button:focus {
        background-color: #008ace;
        color: #fff;
    }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 5px 0;
}
/*Table*/
table.dataTable {
    color: #333;
}

.panel > .panel-body .table:only-child {
    margin-bottom: 0;
}

.table thead {
    color: #333;
    background: #f0f0f0;
}

.table > tbody > tr > td > input[type="image"] {
    vertical-align: middle;
}

.table-bordered.server-paging {
    border: none;
}

    .table-bordered.server-paging > thead,
    .table-bordered.server-paging > tbody {
        border: 1px solid #ddd;
    }

    .table-bordered.server-paging > tfoot > tr > td {
        border: none;
        padding: 0;
    }

.table-hover > tbody > tr {
    transition: background 0.25s;
}

    .table-hover > tbody > tr:hover > td {
        background: #F2F9FF;
        transition: background 0.25s;
        color: #000;
        box-shadow: none !important;
    }

        .table-hover > tbody > tr:hover > td:first-child {
            box-shadow: 4px 0px 0 -1px #008ACE inset !important;
        }

.dataTables_wrapper .top .dataTables_length {
    margin-top: 5px;
}

.panel > div .table.dataTable {
    margin: 0 !important;
}

.dt-paging .pagination {
    justify-content: flex-end;
}

table.dataTable thead .dt-column-order:before,
table.dataTable thead .dt-column-order:after {
    content: "" !important;
}

table.dataTable thead .dt-orderable-asc.dt-orderable-desc .dt-column-order:after {
    content: "" !important;
    font-family: "Glyphicons Halflings";
    font-size: 1rem;
    opacity: 0.125;
}

table.dataTable thead .dt-orderable-asc.dt-orderable-desc.dt-ordering-asc .dt-column-order:after {
    content: "" !important;
    opacity: 0.6;
}

table.dataTable thead .dt-orderable-asc.dt-orderable-desc.dt-ordering-desc .dt-column-order:after {
    content: "" !important;
    opacity: 0.6;
}

table.dataTable thead th {
    text-align: left !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
    top: auto;
    height: 3rem;
}

/*Modal*/
.modal-content {
    border-radius: 8px;
}

    .modal-content .modal-header {
        padding: 5px 5px 5px 11px;
    }

.modal-header .close {
    margin: -5px -5px -5px 0;
    border-radius: 0 4px 0 0;
    height: 35px;
    width: 35px;
}

.list-inline {
    margin-left: 0;
}

/* Chart grid styling */
.charts-grid {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

    .charts-grid > .charts-row {
        display: table-row;
    }

.charts-row > .chart-container {
    display: table-cell;
    padding: 0 20px 10px 20px;
    border-right: 30px solid transparent;
}

    .charts-row > .chart-container:last-child {
        border-right: none;
    }

.chart-container > .chart-heading {
    color: white;
    background-color: #333;
    margin: 0 -20px 10px -20px;
    padding: 1ex 20px;
    overflow: hidden;
}

.chart-legend {
    list-style: none;
    padding: 0;
    font-size: 12px;
}

    .chart-legend li {
        padding: 0.25ex 0;
    }

        .chart-legend li span {
            display: inline-block;
        }

.chart-legend-color {
    margin-right: 0.5em;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    vertical-align: middle;
}

/* X-editable styling */
.editable-container button.editable-submit,
.editable-container button.editable-cancel {
    border: none;
    background: none;
    margin-left: 0;
}

    .editable-container button.editable-submit:hover,
    .editable-container button.editable-submit:active,
    .editable-container button.editable-cancel:hover,
    .editable-container button.editable-cancel:active {
        outline: none;
    }

.document-page {
    border: solid 1px #cecece;
    padding: 30px 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
}

.grid-link-btn:focus, .grid-link-btn:hover {
    text-decoration: none;
}

.tab-iframe-Content {
    width: 100%;
    border: 0;
    height: 100%;
}

/* Intended to look like an <a> link */
.more-info {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

    .more-info:hover {
        color: #23527c;
        text-decoration: underline;
        outline: 0;
    }

.less-info {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

    .less-info:hover {
        color: #23527c;
        text-decoration: underline;
        outline: 0;
    }

.no-margin {
    margin: 0px !important;
}

.backdrop {
    background: #ececec;
}

/*Pulse effect*/
.pulse {
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 138, 206, 0.4);
    animation: none;
}

    .pulse:hover {
        animation: none;
    }

.flex {
    display: flex;
}

.btn.notAllowed {
    cursor: not-allowed;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 138, 206, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 138, 206, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 138, 206, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 138, 206, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 138, 206, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 138, 206, 0);
        box-shadow: 0 0 0 10px rgba(0, 138, 206, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 138, 206, 0);
        box-shadow: 0 0 0 0 rgba(0, 138, 206, 0);
    }
}

/* Re-add styles removed from Bootstrap 5 */
pre {
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.form-inline .form-control,
.form-inline .form-select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-inline .input-group {
    display: inline-flex;
    width: auto;
    vertical-align: middle;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.well {
    background-color: var(--bs-tertiary-bg);
}

.card-header > h3,
h3.card-header {
    font-size: 16px;
}

.card-title {
    margin-bottom: 0;
}

.card-title > a {
    color: inherit;
}

.toast {
    --bs-toast-font-size: 1rem;
}

.modal-header .btn-close {
    --bs-btn-close-opacity: 0.75;
    --bs-btn-close-hover-opacity: 1;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: auto;
}

.dropdown-menu {
    box-shadow: var(--bs-dropdown-box-shadow);
}

@keyframes pulse-short {
    100% {
        -moz-box-shadow: inset 0 0 0 80px #CCC;
        -webkit-box-shadow: inset 0 0 0 80px #CCC;
        box-shadow: inset 0 0 0 80px #CCC;
        height: 60px;
        width: 60px;
        left: -22px;
        opacity: 0;
    }
}

@-moz-keyframes pulse-long {
    100% {
        -moz-box-shadow: inset 0 0 0 10px #CCC;
        -webkit-box-shadow: inset 0 0 0 10px #CCC;
        box-shadow: inset 0 0 0 10px #CCC;
        height: 60px;
        width: 60px;
        left: -22px;
        opacity: 0;
    }
}

@-webkit-keyframes pulse-long {
    100% {
        -moz-box-shadow: inset 0 0 0 10px #CCC;
        -webkit-box-shadow: inset 0 0 0 10px #CCC;
        box-shadow: inset 0 0 0 10px #CCC;
        height: 60px;
        width: 60px;
        left: -22px;
        opacity: 0;
    }
}

@keyframes pulse-long {
    100% {
        -moz-box-shadow: inset 0 0 0 10px #CCC;
        -webkit-box-shadow: inset 0 0 0 10px #CCC;
        box-shadow: inset 0 0 0 10px #CCC;
        height: 60px;
        width: 60px;
        left: -22px;
        opacity: 0;
    }
}

.btnPulse.inactive.throb::before {
    animation: 1000ms ease 0s normal none infinite pulse-long;
    box-shadow: 0 0 0 0 #CCC inset;
    display: block;
    height: 100%;
    left: 3px;
    margin: 0 auto;
    right: 0;
    top: 50%;
    transform: translate3d(-3px, -50%, 0px);
    width: 100%;
}

.btnPulse.inactive::before {
    border-radius: 100%;
    bottom: -5px;
    box-shadow: 0 0 0 1px #CCC inset;
    content: "";
    display: block;
    height: 30px;
    left: -10px;
    margin: 0 auto;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: all 300ms ease-in-out 0s;
    width: 30px;
}

.btnPulse.inactive.throb::after {
    animation: 2500ms ease 300ms normal none infinite pulse-short;
    border-radius: 100%;
    bottom: -5px;
    box-shadow: 0 0 0 0 #CCC inset;
    content: "";
    display: block;
    height: 30px;
    left: -9px;
    margin: 0 auto;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translate3d(-2px, -50%, 0px);
    transition: all 300ms ease-in-out 0s;
    width: 30px;
}

.btnPulse.inactive {
    background: #CCC none repeat scroll 0 0;
    border: medium none;
    border-radius: 100%;
    height: 10px;
    outline: medium none;
    padding: 0;
    position: absolute;
    width: 10px;
    overflow: visible;
    margin:7px 0 0 12px;
}

.btnPulse {
    border-radius: 50%;
    cursor: pointer;
    height: 15px;
    padding: 0;
    transition: all 300ms ease-in-out 0s;
    width: 15px;
}

.loader {
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1000;
    margin-left:20px;
}

#button-container {
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
}

#loadingWrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    display: block;
    z-index: 1000;
    background-color: #5ca4d6;
}
.hfx-card-buttons {
    float: right;
}

.hfx-card-buttons > a {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 30px;
}

.hfx-card.hfx-card-maximized {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
}

.hfx-card.hfx-card-maximized .hfx-card-buttons > a.hfx-btn-minimize {
    display: none;
}

.hfx-card .card-body,
.hfx-card .card-footer {
    transition: all 0.25s;
}

.hfx-card.hfx-card-minimized .card-body,
.hfx-card.hfx-card-minimized .card-footer {
    visibility: hidden;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 0.25s;
}

.hfx-card.hfx-card-minimized .hfx-card-buttons > a.hfx-btn-maximize,
.hfx-card.hfx-card-no-maximize .hfx-card-buttons > a.hfx-btn-maximize {
    display: none;
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('/Content/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('/Content/fonts/glyphicons-halflings-regular.svg') format('svg');
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'glyphicons-halflings-regular';
    src: url('/Content/fonts/glyphicons-halflings-regular.woff') format('woff');
}

.ui-datepicker {
    padding: 0;
    border-radius: 0;
    font-family: inherit;
    border: none;
    width: 280px;
    /*This z-index needs only to apply to pickers in modal. Use the JS force Luke*/
    z-index: 1050;
}

    .ui-datepicker table {
        margin: 0;
    }

.ui-datepicker-header {
    border: none;
    border-radius: 0;
    height: 40px;
    background: #e6e9ee;
    text-transform: uppercase;
    color: #50626c;
    font-size: 16px;
    border: solid 1px #cdd4dc;
}

.ui-datepicker th {
    display: none;
}

.ui-datepicker td {
    padding: 0;
}

    .ui-datepicker td span, .ui-datepicker td a {
        padding: 5px;
        text-align: center;
        font-family: inherit;
        color: #858f98 !important;
    }

.ui-datepicker .ui-datepicker-title {
    margin: 3px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
}

.ui-datepicker-header .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-icon {
    text-indent: 0px !important;
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
    text-indent: 0;
    height: auto;
    font-size: 24px;
    margin-top: -14px !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 3px;
}

.ui-widget-header a {
    color: #858f98 !important;
}

.ui-datepicker-prev span:after {
    /*content:"\e079";*/
    content: "‹";
}

.ui-datepicker-next span:after {
    /*content:"\e080";*/
    content: "›";
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: solid 1px #cdd4dc;
    background: none;
}

ui-state-default ui-state-highlight ui-state-active,
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #eef2f5;
    color: #018ace !important;
    border: solid 1px #018ace;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

    .ui-state-disabled, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span {
        color: #ccd0d3 !important;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    font-weight: normal;
    background-color: #eeeeee;
    color: #212121;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 35%;
}

.hfx-session-warning {
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    z-index: 10;

    background-color: #fffde7;
}

.hfx-session-warning span {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 75px;

    font-size: 20px;
}