@charset "utf-8";
/*********************************************************
RESETS
**********************************************************/
:root {
    --darkBlue: #074880;
    --lightBlue: #1d7fac;
    --mediumGrey: #545b62;
    --lightGrey: #eaeaea;
    --sdBlue: #51aea3;
    --sdLightBlue: #4555ac;
    --sdGreyBlue: #9199c4;
    --sdGrey: #555555;
    --sdLightGrey: #c0c0c0;
    --sdYellow: #ffba00;
    --sdOrange: #e67e00;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(7, 72, 128, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(7, 72, 128, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(7, 72, 128, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(7, 72, 128, 0.1);
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: top center;
}
body {
    background-color: var(--lightGrey);
    background-image: url('/assets/img/login-bg.jpg');
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
    color: #333;
    font-family: 'Roboto', sans-serif;
}
p,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}
.container {
    padding: 0;
}
img {
    max-width: 100%;
}
.no-padding {
    padding: 0;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-right {
    padding-right: 0;
}
/*********************************************************
DEFAULTS
**********************************************************/
p {}
a {
    color: var(--darkBlue);
}
a:hover {
    color: var(--sdLightGrey);
    text-decoration: none;
}
a.active {
    color: var(--sdYellow);
}
h1 {
    font-size: 1.3rem;
    margin: 0;
    color: #428d00;
    font-weight: 500;
    transition: .3s;
    font-family: 'Roboto', sans-serif;
}
h2 {
    font-size: 1.2rem;
    padding: 10px 30px 10px 50px;
    margin: 0 0 1rem 0;
    width: 600px;
    max-width: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--mediumGrey);
    transition: .3s;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}
h3 {
    font-size: 1rem;
    margin: 1rem 0;
    padding: 10px 30px 10px 50px;
    width: 400px;
    max-width: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--sdBlue);
    transition: .3s;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}
h3.alt {
    background: var(--sdBlue);
}
h3.flat {
    width: auto;
    -webkit-clip-path: none;
    clip-path: none;
    font-family: 'Roboto', sans-serif;
}
h4 {
    font-size: 1.1rem;
    margin: 0 0 .5rem 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
}
.dataTable {
    width: 100% !important;
}
.panel {
    margin-top: 2rem;
    box-shadow: 0px 0px 10px 2px rgba(7, 72, 128, 0.09);
}
.bg-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}
.bg-grey {
    background: var(--lightGrey);
}
.bg-red {
    background-color: #dd0806;
}
.text-green {
    color: #88c652;
}
.text-red {
    color: #dd0806;
}
.text-orange {
    color: var(--sdOrange);
}
.text-blue {
    color: #1d7fac;
}
.text-large {
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 1.1;
}
.text-yellow {
    color: #ecc814;
}
.fa-yellow {
    color: #ecc814;
}
.text-dark-green {
    color: #428d00;
}
.fa-green {
    color: #428d00;
}
/*********************************************************
FORM BUTTONS
**********************************************************/
.btn {
    position: relative;
    padding: .4rem 1rem;
    margin-right: .3rem;
    transition: .3s;
    border-radius: 0;
    font-size: .8rem;
}
.btn-primary {
    color: #fff;
    background: var(--sdBlue);
    border-color: transparent;
}
.btn-primary:hover {
    color: var(--sdBlue);
    background-color: transparent;
    border-color: var(--sdBlue);
}
.btn-slim {
    font-size: .9rem;
    padding: .3rem .5rem;
    margin-left: .5rem;
    color: var(--darkBlue);
}
.btn-slim:hover {
    border-color: var(--sdBlue);
}
.btn-form {
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    margin: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    z-index: 1;
}
.btn-form-primary {
    color: var(--sdBlue);
    background: none;
    border: 3px solid var(--sdBlue);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    transition: all .7s;
}
.btn-form-primary:hover {
    color: #fff;
    background: var(--sdBlue);
}
.btn-blue {
    color: #fff;
    background: #51aea3;
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-blue:hover {
    color: #51aea3;
    background: transparent;
    border-color: #51aea3;
}
.btn-yellow {
    color: #fff;
    background: var(--sdYellow);
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-yellow:hover {
    color: var(--sdYellow);
    background: transparent;
    border-color: var(--sdYellow);
}
.btn-orange {
    color: #fff;
    background: var(--sdOrange);
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-orange:hover {
    color: var(--sdOrange);
    background: transparent;
    border-color: var(--sdOrange);
}
.btn-darkBlue {
    color: #fff;
    background: #2e3a51;
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-darkBlue:hover {
    color: #2e3a51;
    background: transparent;
    border-color: #2e3a51;
}
.btn-green {
    color: #fff;
    background: #88c652;
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-green:hover {
    color: #88c652;
    background: transparent;
    border-color: #88c652;
}
.btn-darkGreen {
    color: #fff;
    background: #428d00;
    letter-spacing: 1px;
    border-color: transparent;
}
.btn-darkGreen:hover {
    color: #428d00;
    background: transparent;
    border-color: #428d00;
}
.btn-red {
    color: #fff;
    background: #dd0806;
    letter-spacing: 1px;
}
.btn-red:hover {
    color: #dd0806;
    background: transparent;
    border-color: #dd0806;
}
/*********************************************************
FORM INPUT
**********************************************************/
.form-group {
    margin-bottom: 0;
}
.form-control {
    background-color: #f1f1f1;
}
.form-group.input-underline .form-control {
    width: 100%;
    border-radius: 0;
    border: none;
    border: 1px solid #b4cba0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1rem;
    margin: 15px 0 0 0;
    height: calc(1.8em + .75rem + 2px);
}
.form-group.input-underline .underline {
    height: 4px;
    width: 0px;
    position: relative;
    margin-top: -4px;
    background: #b4cba0;
    transition: .3s width ease-in-out;
}
.form-group.input-underline .form-control:focus+.underline {
    width: 100%;
    background: #b4cba0;
}
.form-group.input-underline label {
    margin: 0 0 -10px 0;
    padding: 0;
    display: block;
}
/*********************************************************
FORM RADIO
**********************************************************/
.radio {
    margin: 0.5rem;
}
.radio input[type=radio] {
    position: absolute;
    opacity: 0;
}
.radio input[type=radio]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    margin-right: 1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.radio input[type=radio]:checked+.radio-label:before {
    background-color: var(--sdLightBlue);
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus+.radio-label:before {
    outline: none;
    border-color: var(--sdLightBlue);
}
.radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0;
}
/*********************************************************
FORM CHECKBOX
**********************************************************/
.checkbox {
    margin: 0;
}
.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
}
.checkbox input[type=checkbox]+.checkbox-label:before {
    content: "";
    background: #f4f4f4;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    margin-right: .5rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.checkbox input[type=checkbox]:checked+.checkbox-label:before {
    background-color: var(--sdLightBlue);
    box-shadow: inset 0 0 0 2px #f4f4f4;
}
.checkbox input[type=checkbox]:focus+.checkbox-label:before {
    outline: none;
    border-color: var(--sdLightBlue);
}
.checkbox input[type=checkbox]:disabled+.checkbox-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.checkbox input[type=checkbox]+.checkbox-label:empty:before {
    margin-right: 0;
}
/*********************************************************
FORM SEARCH INPUT
**********************************************************/
.search__input {
    width: 100%;
    padding: 14px 24px 12px 24px;
    background-color: var(--sdBlue);
    transition: transform 250ms ease-in-out;
    font-size: 20px;
    line-height: 18px;
    color: #fff;
    background-color: var(--sdBlue);
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 95% center;
    border-radius: 0;
    border: 1px solid transparent;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.search__input::placeholder {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.search__input:focus::placeholder {
    color: grey;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.search__input:focus {
    padding: 14px 0 12px 0;
    outline: 0;
    color: grey;
    border: 1px solid transparent;
    border-bottom: 1px solid #575756;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='grey' viewBox='0 0 24 24'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>");
    background-position: 100% center;
}
/*********************************************************
FORM DATEPICKER/FLATPICKR
**********************************************************/
.flatpickr-input.form-control:disabled,
.flatpickr-input.form-control[readonly] {
    background-color: #f1f1f1;
}
.help-block {
    font-weight: bold;
    color: #dc3545;
    font-size: .9rem;
}
/*********************************************************
LOGIN
**********************************************************/
.login-bg {
    background-image: url(/assets/img/login.jpg);
    background-size: cover;
}
.login-logo {
    margin-top: 15%;
    margin-bottom: 20px;
    padding: 0 30px;
}
.login-title {
    color: #404040;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
}
.login-forgot {
    font-size: 12px;
    color: #0c546e;
    font-family: 'Montserrat', sans-serif;
}
.btn-login {
    background-color: #51aea3;
    color: #fff;
    padding: 5px 75px;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
}
.border-green {
    border-color: #88c652;
}
/*********************************************************
NAV
**********************************************************/
nav.navbar {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
}
.navbar-brand img {
    max-width: 200px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.dropdown-menu {
    margin: 0;
    border-radius: 0;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.nav-link {
    color: white;
}
/*********************************************************
BREADCRUMB NAV
**********************************************************/
.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #f7f7f7;
    margin-bottom: 2rem;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.breadcrumb-arrow li,
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top;
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: "";
}
.breadcrumb-arrow li span {
    padding: 0 10px;
}
.breadcrumb-arrow li a,
.breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px;
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px;
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: var(--sdBlue);
    border: 1px solid var(--sdBlue);
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px;
}
.breadcrumb-arrow li a:after,
.breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: var(--sdBlue);
    border-left-style: solid;
    border-left-width: 10px;
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 10px solid darkgrey;
}
.breadcrumb-arrow li a:focus,
.breadcrumb-arrow li a:hover {
    background-color: var(--darkBlue);
    border: 1px solid var(--darkBlue);
}
.breadcrumb-arrow li a:focus:before,
.breadcrumb-arrow li a:hover:before {
    border-left-color: var(--darkBlue);
}
.breadcrumb-arrow li a:active {
    background-color: var(--darkBlue);
    border: 1px solid var(--darkBlue);
}
.breadcrumb-arrow li a:active:after,
.breadcrumb-arrow li a:active:before {
    border-left-color: var(--darkBlue);
}
.breadcrumb-arrow li span {
    color: var(--darkBlue);
}
/*********************************************************
FOOTER
**********************************************************/
footer {
    font-size: .7rem;
    padding: 1rem;
    margin: 0 0 0 0;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*********************************************************
DASHBOARDS
**********************************************************/
.statBox {
    font-family: 'Oswald', sans-serif;
    text-align: center;
    background-color: var(--darkBlue);
    padding: .5rem 2rem 1rem 2rem;
    border: 2px solid var(--sdBlue);
    text-transform: uppercase;
    color: #fff;
}
.statBox p:nth-child(1) {
    font-size: 5rem;
    line-height: 1.1;
    font-weight: bold;
}
.statBox p:nth-child(2) {
    font-size: 1.5em;
    line-height: 1.1;
    font-weight: normal;
}
.columnsContainer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.columnsContainer .item {
    display: grid;
    margin: auto;
    position: relative;
    flex: 1;
    text-align: center;
    color: white;
    transition: .3s;
    max-width: 25%;
    height: 60vh;
    min-width: 10%;
    background-color: rgba(0, 0, 0, 0.8);
}
.columnsContainer .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-size: cover;
    z-index: -1;
}
.columnsContainer .item:nth-of-type(odd):before {
    background-image: url("/img/columnbg-1.jpg");
}
.columnsContainer .item:nth-of-type(even):before {
    background-image: url("/img/columnbg-2.jpg");
}
.columnsContainer .item:hover {
    transition: .5s;
    max-width: 40% !important;
    flex-grow: 2;
    cursor: pointer;
    color: #fff;
    background-color: rgba(0, 0, 255, 0.3);
}
.columnsContainer .item:hover p {
    -webkit-transform: none;
    transform: none;
    transition: .3s;
}
.columnsContainer .content {
    margin: auto;
    font-size: 2em;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--sdBlue);
    border-color: var(--sdBlue);
}
.page-link {
    color: var(--sdBlue);
}
.modal-title {
    margin: 0;
}
.notificationCounter {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    background: #e00000;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    line-height: 1;
    padding-top: 2px;
}
.quickStats {
    background: var(--sdBlue);
    font-size: 1rem;
    color: #fff;
    margin: 1rem auto 0 auto;
    padding: 15px;
    display: block;
    text-align: center;
}
.quickStats span {
    display: inline-block;
}
.quickStats hr {
    border-top: 1px solid rgba(255, 255, 255, 1);
}
.dashboard-header {
    background-image: url(/assets/img/portal-header.jpg);
    background-size: cover;
    background-position: center center;
}
.dashboard-header h4 {
    font-family: Roboto Condensed, sans-serif;
    line-height: 1;
    font-size: 20px;
}
.dashboard-header h4.active-members {
    font-size: 100px;
}
.dashboard-header h6.total-members {
    font-family: Roboto Condensed, sans-serif;
    line-height: 1;
    font-size: 14px;
    color: #287c86;
    text-align: center;
}
.latest-uploads {
    background-image: url(/assets/img/sidebar-bg.jpg);
    background-position: top right;
    background-size: cover;
}
.latest-uploads .view-all {
    font-size: 12px;
}
.latest-uploads h5 {
    font-size: 14px;
}
.latest-uploads h6 {
    font-size: 12px;
}
.pending-approval .view-all {
    font-size: 12px;
}
.pending-approval h5 {
    font-size: 16px;
}
.latest-uploads table {
    font-size: .8rem;
    color: #fff;
}
.member-header h6 {
    font-size: .9rem;
}
/*********************************************************
INTERNAL
**********************************************************/
.internal-header {
    background-image: url(/assets/img/member-header.jpg);
    background-size: cover;
    background-position: center center;
}
.internal-header h4 {
    font-family: Roboto Condensed, sans-serif;
    line-height: 1;
    font-size: 20px;
}
.internal-header h4.active-members {
    font-size: 100px;
}
.internal-header h6.total-members {
    font-family: Roboto Condensed, sans-serif;
    line-height: 1;
    font-size: 14px;
    color: #287c86;
    text-align: center;
}
.npi {
    font-size: .9rem;
}
.specialty-title {
    font-size: 1.5rem;
    color: #428d00;
}
.doc-label {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
}
.specialty-label {
    font-family: 'Roboto', sans-serif;
    font-size: .8rem;
}
.exp-date {
    font-size: .8rem;
}
.datatablesUploads td {
    padding: .25rem;
    font-size: .7rem;
}
.datatablesUploads th {
    padding: .25rem;
    font-size: .8rem;
    border-top: none;
}
#search_autocomplete {
    padding: 12px 40px;
    display: inline-block;
    width: 90%;
    background-color: #3b4852;
    border: 1px solid #88c652;
    font-size: 1.1rem;
    color: #fff;
}
.search_wrapper {
    position: relative;
}
.search_wrapper i {
    position: absolute;
    left: 12px;
    top: 28px;
    color: #778087;
}
#search_autocomplete:focus {
    box-shadow: unset;
}
#search_autocomplete::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 1rem;
    color: #778087;
}
#search_autocomplete:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 1rem;
}
#search_autocomplete::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 1rem;
}
/*********************************************************
FORMS
**********************************************************/
.member-header {
    background-color: #2e3a51;
    height: 175px;
    overflow-y: hidden;
    padding-top: 10px;
}
label {
    font-size: .9rem;
    margin: 0 0 0 0;
    color: #3b4852;
    font-weight: unset;
    font-family: 'Roboto', sans-serif;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 80%;
}
.select2-container .select2-selection--single {
    height: auto;
    padding: .5rem;
}
.select {
    padding: .7rem;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    width: 100%;
}
.tableFilter {
    display: inline-block;
    margin: 0 5px;
}
.tableFilter select {
    display: inline-block;
    width: auto;
}
.tableFilter label {
    font-weight: normal;
}
#patientDataTable_length {
    display: inline-block;
    margin-right: 1.5rem;
}
.patient-info p {
    font-size: 1.1rem;
}
.patient-info.active-bg {
    background-color: #ccf0cf;
}
.patient-info.inactive-bg {
    background-color: #fadce1;
}
.patient-info .active-step {
    background-color: #26922f;
    color: #fff;
}
.patient-info .inactive-step {
    background-color: #ba0016;
    color: #fff;
}
/*********************************************************
AUTOCOMPLETE
**********************************************************/
.autocompleteMenuContainer {
    width: 400px;
    margin: 0;
    padding: 0;
    position: relative;
}
.ui-menu {
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    max-height: 250px;
    overflow-y: scroll;
    border: none;
}
.ui-widget.ui-widget-content {
    border: none;
}
.ui-menu-item {
    font-size: 1.3em;
    background-color: var(--sdBlue);
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .8);
    color: #fff;
    font-weight: normal;
    width: 100%;
    transition: .3s;
}
.ui-menu-item:hover {
    background-color: var(--darkBlue);
    cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
    padding: .3em .8em;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background: var(--darkBlue);
    font-weight: normal;
    color: #ffffff;
    margin: 0;
    transition: .3s;
}
/* Bootstrap Override Fix for Modal Close */
.modal-header .close {
    padding: 1rem .2rem;
    opacity: .7;
}
.tableActionsColumn {
    width: 0px;
    white-space: nowrap;
}
.tableActionsColumn .btn {
    margin: 0;
}
.hide {
    display: none;
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1340px;
    }
}
.dataTables_info {
    margin-left: auto;
}
.dt-buttons {
    float: right;
}
.dt-buttons .dt-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.dt-buttons .dt-button {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.dt-buttons .dt-button:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
div.dataTables_wrapper div.dataTables_length select {
    margin: 0 8px;
}
table.dataTable {
    margin-top: 0 !important;
}