@import url('/css/font-awesome.min.css');

:root {
    /*
    lightest - background of tables
    light -
    medium -
    dark - button/header background
    darkest - text
    */

    --white-lightest: #eceeef;
    --white-light: #c1c3cb;
    --white-medium: #999ba9;
    --white-dark: #7d818f;
    --white-darkest: #707381;

    --black-lightest: #565967;
    --black-light: #4c4e5e;
    --black-medium: #383B4B;
    --black-dark: #232531;
    --black-darkest: #001219;

    --green-lightest: #baffba;
    --green-light: #68de71;
    --green-medium: #28c43e;
    --green-dark: #1c9f1c;
    --green-darkest: #016c01;

    --blue-lightest: #cfffec;
    --blue-light: #94d2bd;
    --blue-medium: #0a9396;
    --blue-dark: #005f73;
    --blue-darkest: #003642;

    --orange-lightest: #ffeebc;
    --orange-light: #e9d8a6;
    --orange-medium: #ecce68;
    --orange-dark: #e1ba2d;
    --orange-darkest: #d29f00;

    --red-lightest: #ffd9da;
    --red-light: #e5888c;
    --red-medium: #d35b5c;
    --red-dark: #c43a3f;
    --red-darkest: #9b2226;

    --purple-lightest: #e4c3fd;
    --purple-light: #c8a6da;
    --purple-medium: #9876aa;
    --purple-dark: #7f4b91;
    --purple-darkest: #5f277c;
}



/*--------------------
    Notification CSS
---------------------*/
.notification-container {
    width: 100%;
    border-radius: 5px;
    background: #ffffff;
    margin: 0 auto 2em;
}

.notification-container ol, ul {
    list-style: none;
}

/* width */
.notification-container ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.notification-container ::-webkit-scrollbar-track {
    background: #f2f6fc;
}

/* Handle */
.notification-container ::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.notification-container ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.category-header {
    padding: 20px;
    border-bottom: 2px solid #f2f6fc;
}

.category-header img {
    float: left;
}

.category-header .chat-about {
    float: left;
    padding-left: 10px;
    margin-top: 6px;
}

.category-header .chat-with {
    font-weight: bold;
    font-size: 16px;
}

.category-list {
    width: 25%;
    float: left;
}

.category-list .search {
    padding: 20px;
}

.category-list input {
    border-radius: 3px;
    border: none;
    padding: 14px;
    color: white;
    background: #6A6C75;
    width: 90%;
    font-size: 14px;
}

.category-list .fa-search {
    position: relative;
    left: -25px;
}

.category-list ul {
    padding: 20px;
    max-height: 770px;
}

.category-list ul li {
    padding-bottom: 20px;
}

.category-list img {
    float: left;
}

.category-list .about {
    float: left;
    margin-top: 8px;
}

.category-list .about {
    padding-left: 8px;
}

.category-list .status {
    color: #92959E;
}

.chat {
    width: 75%;
    float: left;
    background: #f2f6fc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #434651;
}

.chat .chat-header {
    padding: 20px;
    border-bottom: 2px solid white;
    height: 5em;
}

.chat .chat-header img {
    float: left;
}

.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px;
    margin-top: 6px;
}

.chat .chat-header .chat-with {
    font-weight: bold;
    font-size: 16px;
}

.chat .chat-header .chat-num-messages {
    color: #92959E;
}

.chat .chat-header .fa-star {
    float: right;
    color: #D8DADF;
    font-size: 20px;
    margin-top: 12px;
}

.chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    max-height: 575px;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}

.chat .chat-history .notification {
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chat .chat-history .notification:after {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-bottom-color: #6897bb;
    margin-left: -10px;
}

.chat .chat-history .notification {
    background-color: #6897bb;
    color: white;
    font-weight: bold;
}

.chat .chat-history .message {
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chat .chat-history .message:after {
    bottom: 100%;
    left: 93%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-bottom-color: #74bb71;
    margin-left: -10px;
}

.chat .chat-history .my-message {
    margin-left:7%;
    background: #74bb71;
}

.chat .chat-history .other-message {
    margin-right:7%;
    background: #6897bb;
}

.chat .chat-history .other-message:after {
    border-bottom-color: #6897bb !important;
    left: 7%;
}

.chat .chat-history .notification a {
    color: #ffffff;
    text-decoration: underline;
}

.chat .chat-message {
    padding: 3em;
    min-height: 14em;
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}

#searchMessageList {
    color: #000;
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: none; /* Add a grey border */
    margin-bottom: 10px; /* Add some space below the input */
    border-radius: 5px;
    margin-top: -.5em;
}

.chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
    font-size: 16px;
    color: gray;
    cursor: pointer;
}

.chat .chat-message button {
    float: right;
    color: #6897bb;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-weight: bold;
    background: #f2f6fc;
}

.chat .chat-message button:hover {
    color: #75b1e8;
}

.online, .offline, .me {
    margin-right: 3px;
    font-size: 10px;
}

.online {
    color: #74bb71;
}

.offline {
    color: #E38968;
}

.me {
    color: #6897bb;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

button.actionButton {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    color: black;
}

.actionButton {
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/*---------------------
  End Notification CSS
----------------------*/

/*--------------------
  Financial CSS
---------------------*/

.rounded {
    border-radius: 12px !important;
}

.rounded-top {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.rounded-top-7 {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

/*- Status Labels -*/
.status-rounded {
    font-size: 12px;
    padding: 8px;
    border-radius: 3px;
    display: block;
    word-break: break-all;
}

/*- Auth Status Labels (used on Charges Dash and Account Profile) -*/
.auth-status {
    font-size: .9em;
    padding: .4em;
    border-radius: 2px;
    text-align: center;
    display: block;
}

/* Changing the color on hover for info icon */
#info-icon:hover {
    color: #f0ad4e;
}

/*--------------------
  End Financial CSS
---------------------*/


td.details-control {
    background: url('/img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/img/details_close.png') no-repeat center center;
}

/* used for in-line input fields for consents */
.no-outline {
    outline: none;
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: groove;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #ffffff !important;
    white-space: nowrap;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}

.ui-widget.ui-widget-content {
    border: 1px solid #ffffff;
}

.ui-widget-content {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.righted {
    text-align: right;
}

.centered {
    text-align: center !important;
}

.btn {
    margin-top: 1px;
    margin-bottom: 1px;
}

.form-group {
    margin-bottom: -15px;
    margin-top: 10px;
}

.control-label {
    color: #000000 !important;
    font-size: 16px !important;
}

.radio-inline {
    color: #000000 !important;
    font-size: 14px !important;
}

.panel-body {
    background-color: #ffffff !important;
}

.panel-heading a:not(.exclude_chevron):after {
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e114";
    float: left;
    color: black;
}

.panel-heading a.collapsed:after {
    content: "\e080";
    /*  color: #3f407e; */
}

.panel > .panel-login,
.panel.panel-default > .panel-login {
    background-color: #eeeeee;
}

.panel.panel-inverse > .panel-login {
    background-color: #ecf0f1;
}

.panel.panel-primary > .panel-login {
    background-color: #204780;
    padding: .75em;
}

.panel.panel-success > .panel-login {
    background-color: #5cb85c;
}

.panel.panel-info > .panel-login {
    background-color: #75caeb;
}

.panel.panel-warning > .panel-login {
    background-color: #f0ad4e;
}

.panel.panel-danger > .panel-login {
    background-color: #d9534f;
}

[class*="panel-"] > .panel-login {
    color: rgba(255, 255, 255, 0.84);
    border: 0;
}

.panel-default > .panel-login,
.panel:not([class*="panel-"]) > .panel-login {
    color: rgba(0, 0, 0, 0.87);
}

.badge-danger {
    background-color: #d9534f;
}

.badge-warning {
    background-color: #f0ad4e;
}

.badge-success {
    background-color: #edfff6;
}

.badge-info {
    background-color: #5bc0de;
}

.badge-inverse {
    background-color: #204780;
}

.badge-green {
    background-color: #edfff6;
}

.badge-red {
    background-color: #d9534f;
}

.badge-blue {
    background-color: #0000FF;
}

.badge-yellow {
    background-color: #f0ad4e;
}

.badge-sm {
    line-height: .8em !important;
    font-size: 10px !important;
    /* height:10px !important; */
}


.btn-primary.btn-outline {
    color: #204780;
}

.btn-success.btn-outline {
    color: #edfff6;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}


.btn-circle.btn-md {
    width: 40px;
    height: 40px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn.smallBtn {
    width: .5em !important;
    padding: 6px 16px !important;
}

.btn.smallBtn > i.fa {
    margin-left: -.4em;
}

.bg-info {
    background-color: #b8e4f5 !important;
}


.bg-infoii {
    background-color: #f2f6fc !important;
}

.bg-light {
    background-color: #f1f1f1 !important;
}
.bg-eee {
    background-color: #eee;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.panel-info a {
    color: #7ab4d1;
}

.panel-info a:hover {
    color: #31708f;
}

.dbheader {
    font-size: 12px;
    font-weight: bold;
}

.dbfooter {
    font-size: 15px;
}

.dbsection {
    font-size: 24px;
}

.huge {
    font-size: 40px;
}

.large {
    font-size: 28px;
    font-weight: bold;
}

body .modal-md {
    width: 50%; /* respsonsive width */
    /* margin-left:-40%;  width/2) */
}

.skinnywell {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #f2f6fc;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.checkcontrol-label {
    padding-top: 0;
    margin-top: -5px;
}

.skinnycontrol-label {
    padding-top: 0;
}

.label-muted {
    color: #878787 !important;
    font-size: 17px !important;
}

/* =========== */
.multidrop {
    width: 200px;
    height: 100px;
    float: left;
    text-align: left;
    margin: 10px;
}


#leftpanel {
    height: 200px;
    width: 300px;
    float: left;

}

/* progress bar for asum */
.one, .two, .three, .four, .five, .six, .seven {
    position: absolute;
    margin-top: -10px;
    z-index: 1;
    height: 20px;
    width: 20px;
    border-radius: 25px;

}

.one {
    left: 12%;
}

.two {
    left: 28%;
}

.three {
    left: 42%;
}

.four {
    left: 56%;
}

.five {
    left: 70%;
}

.six {
    left: 85%;
}

.seven {
    left: 98%;
}


/*
.badge-danger{
	background-color:#990000;!important;
}
*/

.panel-default {
    background-color: #f2f6fc !important;
}

.alert-danger {
    color: #831f1c !important;
    background-color: #f8e1e0 !important;
    border-color: #831f1c !important;
}


.alert-warning {
    color: #204780 !important;
    background-color: #fae4c4 !important;
    border-color: #204780 !important;
}

.alert-info {
    color: #0a3443 !important;
    background-color: #cbebf7 !important;
    border-color: #0a3443 !important;
}

.alert-success {
    color: #163216 !important;
    background-color: #d2ebd2 !important;
    border-color: #163216 !important;
}


.bg-success {
    background-color: #edfff6 !important;
}

.bg-primary {
    background-color: #edf8fc !important;
}


.bg-danger {
    background-color: #ffeded !important;
}

.bg-warning {
    background-color: #fae4c4 !important;
}

.bg-info {
    background-color: #cbebf7 !important;
}

.bg-default {
    background-color: #f2f6fc !important;
}

.bg-white {
    background-color: #ffffff !important;
}

/*these are for the asum progress bar */

.primary-color {
    background-color: #204780;
}

.success-color {
    background-color: #008b46;
}

.danger-color {
    background-color: #8b0000;

}

.warning-color {
    background-color: #ff851b;
}

.info-color {
    background-color: #75caeb;
}

.no-color {
    background-color: inherit;
}

/*
Color Reference:
===================== 9/8/2016 jdm
Primary color is: #204780;
body background: #eef2f8;
body inverse background: #333333;
Background Colors:
primary alert: #d2e0f4
success alert: #d2ebd2
info alert: #b8e4f5
warning alert: #f6ce95
danger alert: #f1c1c0
panel footer background:  #eeeeee;
=====================
Foreground Colors: (button, text and label colors)
primary: #204780;
inverse: #ecf0f1;
success: #edfff6;
info: #75caeb;
warning: #f0ad4e;
danger: #d9534f;
blue:#0d6efd;
=====================
*/


/* body {
  font-size: 12px;  //default is 14 with line ht of 20
  line-height: 18px;
} */

.bottom-align-text {
    vertical-align: bottom;
}


span.red {
    color: #d9534f;
}


.container, .container-content {
    padding-left: 30px;
    padding-right: 30px;
}

.container, .container-content {
    margin-right: auto;
    margin-left: auto;
}

.container, .container-full {
    padding-left: -30px;
    padding-right: -30px;
}

/* Printing */

@media print {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    body {
        font-size: 15px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 28px;
    }

    a:after { content:''; }
    a[href]:after { content: none !important; }

    .container {
        padding: 0;
        margin: 0;
    }

    .container-content {
        padding: 0;
        margin: 0;
    }

    .print-width {
        width: 1000px;
    }
}

/* End Printing */


.mobile-only {
    display: none;
}

.mobile-msg {
    display: none !important;
}

.navbar-brand {
    background-color: transparent !important;
}

.navbar .navbar-brand {
    height: 70px !important;
    padding: 10px 15px;
}

/* NavBar Inverse */

.navbar.navbar-inverse {
    background-color: rgba(255, 196, 35, 0.49) !important;
    color: #000000;
    margin-top: 0;
}

/* NavBar toggle */

.navbar-toggle {
    height: 40px;
    width: 60px;
    background-position: calc(100% - 31px) calc(1em + 2px),
    calc(100% - 8px) calc(1em + 2px),
    calc(100% - .5em) .5em;
    background-size: 30px 26px,
    26px 26px,
    1.5em 1.5em;
    background-repeat: no-repeat;
}

/* Responsive Nav Menu */

.menu-heading {
    color: #204780;
}

.menu-heading a:after {
    font-family: 'Glyphicons Halflings', sans-serif;
    content: "\e114" !important;
    float: right;
    color: #204780;
}

.menu-heading a.collapsed:after {
    content: "\e113" !important;
}

/* Search Box */

@media (max-width: 29.9375em) {
    .mobile-row {
        margin-top: 60px !important;
    }

    .input-group .form-control, .input-group-addon, .input-group-btn {
        display: block !important;
    }

    .input-group {
        display: block !important;
    }

    .btn, .input-group-btn .btn {
        margin: 10px 1px !important;
    }

    .input-group-addon, .input-group-btn {
        width: 50% !important;
    }

    .input-group .input-group-btn {
        padding: 0 !important;
        margin-right: auto;
    }

    .input-group-btn {
        float: right;
        width: auto !important;
    }

    .input-group-btn .btn {
        margin: 0 !important;
    }

    .heading {
        width: 80%;
        display: inline-block;
    }
}

@media (min-width: 30em) and (max-width: 39.9375em) {
    .mobile-row {
        margin-top: 60px !important;
    }
}


/*@media (max-width: 65em) {*/
/*    .col-md-8 {*/
/*        width: 100% !important;*/
/*    }*/
/*}*/

/* Search Close Button */

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    color: black;
}

@media (max-width: 800px) and (min-width: 700px) {
    .panel-heading a:not(.exclude_chevron):after {
        font-family: 'Glyphicons Halflings', sans-serif;
    content: "" !important;
        float: left;
        color: black;
    }

    .panel-heading a.collapsed:after {
        content: "" !important;
    }

    .wrap {
        word-break: break-word;
        white-space: normal;
    }
}

/*
 Styles for the table stack mode
*/


.tablesaw {
    width: 100% !important;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 1px solid #ddd !important;
    padding: 0;
}

.tablesaw-no-border {
    width: 100% !important;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0 !important;
    padding: 0;
}

.tablesaw * {
    box-sizing: border-box;
}

.tablesaw th,
.tablesaw td {
    padding: .5em .7em;
    border: 1px solid #ddd !important;
}

.tablesaw-no-border th,
.tablesaw-no-border td {
    padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Zebra striping */

.tablesaw-row-zebra tr:nth-child(2n) {
    background-color: #e5e5e5;
}

/* Table Sorting */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.dataTable thead .sorting {
    background-image: url("../images/sort_both.png");
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../images/sort_desc_disabled.png");
}

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
    position: relative;
    margin-top: 2em;
}

.tablesaw-sortable thead tr th {
    vertical-align: top;
}

.tablesaw-sortable th.tablesaw-sortable-head.tablesaw-sortable-head {
    padding: 0 0 0 .5em;
}

/* Column navigation buttons for swipe and columntoggle tables */

.tablesaw-advance .btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
    border-radius: .25em;
}

.tablesaw-advance .btn.btn-micro {
    font-size: .8125em;
    padding: .3em .7em .25em .7em;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn:first-child {
    margin-left: 0;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn:last-child {
    margin-right: 0;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 14em;
    height: 1.8em;
    padding: 3px;
    background-position: 50% 50%;
    margin-left: .25em;
    margin-right: .25em;
    margin-bottom: 1em;
    position: relative;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\0020";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    top: .45em;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: .6em;
    border-right: 5px solid #808080;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: .7em;
    border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    opacity: .25;
    cursor: default;
    pointer-events: none;
}

.tablesaw-swipe .tablesaw-cell-persist {
    border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
    border-right-width: 1px;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
    box-shadow: 3px 0 4px -1px #e4e1de;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

.tablesaw-columntoggle-popup .btn-group > label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
}

.tablesaw-columntoggle-popup .btn-group > label input {
    margin-right: .8em;
}


/* Mobile first styles: Begin with the stacked presentation at narrow widths */

/* Support note IE9+: @media only all */

@media only all {
    /* Show the table cells as a block level element */
    .tablesaw-stack {
        clear: both;
    }

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    /* Make the label elements a percentage width */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block;
        margin-right: 1em;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    /* Avoid double strokes when stacked */
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }

    /* Unchecked manually: Always hide */
    .tablesaw-swipe th.tablesaw-cell-hidden,
    .tablesaw-swipe td.tablesaw-cell-hidden {
        display: none;
    }

    .btn.tablesaw-columntoggle-btn span {
        text-indent: -9999px;
        display: inline-block;
    }

    .tablesaw-columntoggle-btnwrap {
        position: relative;
        /* for dialog positioning */
    }

    .tablesaw-columntoggle-btnwrap .dialog-content {
        padding: .5em;
    }

    .tablesaw-columntoggle tbody td {
        line-height: 1.5;
    }

    /* Remove top/bottom margins around the fieldcontain on check list */
    .tablesaw-columntoggle-popup {
        display: none;
    }

    .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
        display: block;
        position: absolute;
        top: 2em;
        right: 0;
        background-color: #fff;
        padding: .5em .8em;
        border: 1px solid #ccc;
        box-shadow: 0 1px 2px #ccc;
        border-radius: .2em;
        z-index: 1;
    }

    .tablesaw-columntoggle-popup fieldset {
        margin: 0;
    }

    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1,
    .tablesaw-columntoggle th.tablesaw-priority-0,
    .tablesaw-columntoggle td.tablesaw-priority-0 {
        display: none;
    }

    .tablesaw-columntoggle-btnwrap .dialog-content {
        top: 0 !important;
        right: 1em;
        left: auto !important;
        width: 12em;
        max-width: 18em;
        margin: -.5em auto 0;
    }

    .tablesaw-columntoggle-btnwrap .dialog-content:focus {
        outline-style: none;
    }

    /* Unchecked manually: Always hide */
    .tablesaw-columntoggle th.tablesaw-cell-hidden,
    .tablesaw-columntoggle td.tablesaw-cell-hidden {
        display: none;
    }

    /* Checked manually: Always show */
    .tablesaw-columntoggle th.tablesaw-cell-visible,
    .tablesaw-columntoggle td.tablesaw-cell-visible {
        display: table-cell;
    }
}

@media (min-width: 20em) {
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell;
    }
}

/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell;
    }
}

/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell;
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2;
    }
}

/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell;
    }
}

/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell;
    }
}

/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell;
    }
}

@media (max-width: 39.9375em) {
    /* Table rows have a gray bottom stroke by default */
    .tablesaw-stack tbody tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%;
    }

    .tablesaw th, .tablesaw td {
        padding: .5em .7em;
        border: 0 !important;
    }

    .tablesaw th, .tablesaw td {
        padding: .5em .7em;
        border: 0 !important;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        padding: 0 .6em 0 0;
        width: 40%;
        display: inline-block;
        margin-right: 1em;
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        padding: 0 .6em 0 0;
        width: 40%;
        display: inline-block;
        margin-right: 1em;
    }

    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }

    /*
   Styles for the table columntoggle mode
  */
    .tablesaw-overflow {
        position: relative;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* More in skin.css */
    }

    .tablesaw-overflow > .tablesaw {
        margin-top: 2px; /* sortable focus rings are clipped */
    }

    /* Used for a11y text on button: "Columns" */
    .tablesaw-columntoggle-btn span {
        text-indent: -9999px;
        display: inline-block;
    }

    .tablesaw-columntoggle-btnwrap {
        position: relative; /* for dialog positioning */
    }

    .tablesaw-columntoggle-btnwrap .dialog-content {
        padding: .5em;
    }

    .tablesaw-columntoggle tbody td {
        line-height: 1.5;
    }


    /* Remove top/bottom margins around the fieldcontain on check list */
    .tablesaw-columntoggle-popup {
        display: none;
    }

    .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
        display: block;
        position: absolute;
        top: 2em;
        right: 0;
        background-color: #fff;
        padding: .5em .8em;
        border: 1px solid #ccc;
        box-shadow: 0 1px 2px #ccc;
        border-radius: .2em;
        z-index: 1;
    }

    .tablesaw-columntoggle-popup fieldset {
        margin: 0;
    }

    /* Hide all prioritized columns by default */
    @media only all {
        .tablesaw-columntoggle th.tablesaw-priority-6,
        .tablesaw-columntoggle td.tablesaw-priority-6,
        .tablesaw-columntoggle th.tablesaw-priority-5,
        .tablesaw-columntoggle td.tablesaw-priority-5,
        .tablesaw-columntoggle th.tablesaw-priority-4,
        .tablesaw-columntoggle td.tablesaw-priority-4,
        .tablesaw-columntoggle th.tablesaw-priority-3,
        .tablesaw-columntoggle td.tablesaw-priority-3,
        .tablesaw-columntoggle th.tablesaw-priority-2,
        .tablesaw-columntoggle td.tablesaw-priority-2,
        .tablesaw-columntoggle th.tablesaw-priority-1,
        .tablesaw-columntoggle td.tablesaw-priority-1,
        .tablesaw-columntoggle th.tablesaw-priority-0,
        .tablesaw-columntoggle td.tablesaw-priority-0 {
            display: none;
        }
    }

    .tablesaw-columntoggle-btnwrap .dialog-content {
        top: 0 !important;
        right: 1em;
        left: auto !important;
        width: 12em;
        max-width: 18em;
        margin: -.5em auto 0;
    }

    .tablesaw-columntoggle-btnwrap .dialog-content:focus {
        outline-style: none;
    }

    /* Preset breakpoints if "" class added to table */
    /* Show priority 1 at 320px (20em x 16px) */
    @media (min-width: 20em) {
        .tablesaw-columntoggle th.tablesaw-priority-1,
        .tablesaw-columntoggle td.tablesaw-priority-1 {
            display: table-cell;
        }
    }
    /* Show priority 2 at 480px (30em x 16px) */
    @media (min-width: 30em) {
        .tablesaw-columntoggle th.tablesaw-priority-2,
        .tablesaw-columntoggle td.tablesaw-priority-2 {
            display: table-cell;
        }
    }
    /* Show priority 3 at 640px (40em x 16px) */
    @media (min-width: 40em) {
        .tablesaw-columntoggle th.tablesaw-priority-3,
        .tablesaw-columntoggle td.tablesaw-priority-3 {
            display: table-cell;
        }

        .tablesaw-columntoggle tbody td {
            line-height: 2;
        }
    }
    /* Show priority 4 at 800px (50em x 16px) */
    @media (min-width: 50em) {
        .tablesaw-columntoggle th.tablesaw-priority-4,
        .tablesaw-columntoggle td.tablesaw-priority-4 {
            display: table-cell;
        }
    }
    /* Show priority 5 at 960px (60em x 16px) */
    @media (min-width: 60em) {
        .tablesaw-columntoggle th.tablesaw-priority-5,
        .tablesaw-columntoggle td.tablesaw-priority-5 {
            display: table-cell;
        }
    }
    /* Show priority 6 at 1,120px (70em x 16px) */
    @media (min-width: 70em) {
        .tablesaw-columntoggle th.tablesaw-priority-6,
        .tablesaw-columntoggle td.tablesaw-priority-6 {
            display: table-cell;
        }
    }

    @media only all {
        /* Unchecked manually: Always hide */
        .tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
        .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
            display: none;
        }

        /* Checked manually: Always show */
        .tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
        .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
            display: table-cell;
        }
    }

    .tablesaw-columntoggle-popup .btn-group > label {
        display: block;
        padding: .2em 0;
        white-space: nowrap;
        cursor: default;
    }

    .tablesaw-columntoggle-popup .btn-group > label input {
        margin-right: .8em;
    }

    body .modal-md {
        width: 100%;
    }

    .hide-mobile {
        display: none; /* hide it for small displays */
    }

    .mobile-msg {
        display: block;
    }

    .small-font-mobile {
        font-size: 12px !important;
    }

    .smaller-font-mobile {
        font-size: 10px !important;
    }

    .mobile-only {
        display: block !important;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }

    /* Show the table header rows */
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

    /* Hide the labels in each cell */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }
}

.thead-white {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
}

.expanded-gray {
    background-color: #999999;
}

.expanded-gray > summary {
    color: #ffffff;
}

.expanded-lightgray {
    background-color: #ddd;
}

.expanded-lightergray {
    background-color: #eee;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.taskcolumn {
    width: 70% !important;
}

.ckcolumn {
    width: 10% !important;
}

.prioritycolumn {
    width: 10% !important;
}

.eiecolumn {
    width: 10% !important;
}

.nav-tabs-tasks > li > a {
    color: #204780 !important;
    margin: 0 2px 0 0;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
}

.nav-tabs-tasks > li.active > a,
.nav-tabs-tasks > li.active > a:focus,
.nav-tabs-tasks > li.active > a:hover {
    color: #fff !important;
    background-color: #204780 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs-tasks > li > a:hover,
.nav-tabs-tasks > li.active > a:focus {
    color: #204780 !important;
    background-color: #eee !important;
}

.nav-tabs-tasks > li > a:hover {
    background-color: transparent;
    border: 0;
}

.nav-tabs-tasks > li > a,
.nav-tabs-tasks > li > a:hover,
.nav-tabs-tasks > li > a:focus {
    background-color: transparent !important;
    border: 0 !important;
    color: #204780 !important;
    font-weight: 500;
}

.nav-tabs-tasks > li.disabled > a,
.nav-tabs-tasks > li.disabled > a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.nav-tabs-tasks {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #204780;
}

.nav-tabs-tasks > li > a {
    color: #204780 !important;
}

.nav-tabs-tasks > li > a:hover,
.nav-tabs-tasks > li.active > a:focus {
    color: #204780 !important;
}

.panel.panel-white > .panel-heading {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
}


.hrii {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 2px solid #204780
}

.btn-blue {
    background-color: #204780 !important;
    color: #ffffff !important;
}

.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding: 2px;
}

/*.dt-buttons a:nth-child(1) {*/
/*    background-color: #204780;*/
/*    color: white;*/
/*    background-image: none;*/
/*}*/

/*.dt-buttons a:nth-child(2) {*/
/*    background-color: #204780;*/
/*    color: white !important;*/
/*    background-image: none;*/

/*}*/

/*.dt-buttons a:nth-child(3) {*/
/*    background-color: #204780;*/
/*    color: white !important;*/
/*    background-image: none;*/

/*}*/

.buttons-copy:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    color: #000000 !important;
}

.buttons-csv:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    color: #000000 !important;
}

.buttons-excel:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    color: #000000 !important;
}

.buttons-print:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    color: #000000 !important;
}

.hidden {
    display: none;
}

.shown_inline {
    display: inline-block !important;
}
.cursor-pointer {
    cursor: pointer;
}

.modal-rounded {
    border-radius: 12px !important;
}

.modal-xl-content {
    width: 100%;
}

.modal-xl-dialog {
    width: 90% !important;
}

.modal-xl-body {
    width: 100% !important;
    min-height: 70vh;
    max-height: 70vh;
}

.modal-list {
    border-right: 1px solid #e5e5e5;
    min-height: 70vh;
}

@media (min-width: 768px) {
    .modal-xl-dialog {
        width: 90% !important;
        margin: 30px auto;
    }
}


/*--------------------
  Financial Hub Search
---------------------*/
.financesearch {
    padding: 0.2em;
    margin-top: .7em;
}

input.search-field {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    border: 0;
    border-radius: 5px;
    height: 36px;
    padding: 8px 8px 8px 60px;
    width: 200px;
    background: #f7f7f7;
    transition: background 0.2s, width .2s;
    margin-top: 1em;
}

input.search-field:hover {
    background: #ebebeb;
}

.searchbox {
    position: relative;
}

input.search-field:focus {
    outline: none;
    width: 400px;
    color: #212121;
}

input.search-field:focus:hover {
    background: #f7f7f7;
}

.search-icon {
    position: absolute;
    top: 0;
    padding-left: 20px;
    color: rgba(0, 0, 0, 0.54);
}

.search-content {
    color: #303c42;
    width: 90%;
    margin: auto;
    height: auto;
    padding: 8px 10px;
}

.search-heading {
    color: #757575;
    display: block;
    font-size: 12px;
    line-height: 30px;
}

input.search-field ~ .search-popup {
    overflow: hidden;
    left: 0;
    min-height: 50px;
    max-height: 700px;
    width: 400px;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    transition: width .2s, top .2s ease-in-out;
    border-radius: 2px;
    background-color: #fff;
}

input.search-field:focus ~ .search-popup {
    width: 400px;
    top: 50px;
    margin-left: 2em;
}

.category {
    display: table-row;
    background: #F3F4F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 0.1s ease, border-color 0.1s ease;
    transition: background 0.1s ease, border-color 0.1s ease;
}


.inline {
    display: inline !important;
}


@media only screen and (max-width: 600px) {

    input.search-field {
        width: 1px;
        margin-right: 0;
        padding: 8px 25px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    input.search-field ~ .search-popup {
        width: 1px;
        margin-right: 0;
        padding: 8px 25px;
    }

    .search-icon {
        top: 0;
        padding-left: 15px;
        color: rgba(0, 0, 0, 0.54);
    }

    input.search-field:focus {
        margin-right: 0;
        width: 90vw;
        padding: 8px 8px 8px 50px;
    }

    input.search-field:focus ~ .search-popup {
        width: 100vw;
    }

    .search-content {
        width: 100%;
        padding: 8px 8px;
    }
}

/*--------------------
  End Financial Hub Search
---------------------*/

/*--------------------
  Card Swipe
---------------------*/
.swipe-message.text-danger-validation:after {
    color: red;
    content: 'Card validation failed';
}

.swipe-message.text-success-validation:after {
    color: green;
    content: 'Card validation passed';
}

.swipe-message.text-danger-swipe:after {
    color: red;
    content: 'Please Swipe again';
}

.swipe-message.text-ready-swipe:after {
    color: green;
    content: 'Ready to Swipe';
}

.swipe-message.text-success-swipe:after {
    color: green;
    content: 'Swipe Successful';
}

/*--------------------
  End Card Swipe
---------------------*/

/*--------------------
  Caution Section
---------------------*/
.cautionHolder {
    border-left: 3px solid #802020;
    border-right: 3px solid #802020;
    border-bottom: 3px solid #802020;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: 12px;
}

.cautionHolder > h1,
.cautionHolder > h2,
.cautionHolder > h3,
.cautionHolder > h4,
.cautionHolder > h5,
.cautionHolder > h6 {
    background-color: #802020;
    color: white;
    padding-left: 1em;
    padding-top: .4em;
    padding-bottom: .3em;
    margin-left: -.3em;
    margin-right: -.3em;
    border-radius: 10px 10px 0 0;
}

.cautionHolder > h1 > .fa,
.cautionHolder > h2 > .fa,
.cautionHolder > h3 > .fa,
.cautionHolder > h4 > .fa,
.cautionHolder > h5 > .fa,
.cautionHolder > h6 > .fa {
    color: white;
    float: right;
    padding-right: 1em;
}

.cautionHolder > .notice {
    background-color: #80202073;
    color: white;
    padding-left: 1em;
    padding-top: .4em;
    padding-bottom: .3em;
    margin-top: -.7em;
    margin-left: -.6em;
    margin-right: -.5em;
}

.cautionHolder.cautionSuccess > h1,
.cautionHolder.cautionSuccess > h2,
.cautionHolder.cautionSuccess > h3,
.cautionHolder.cautionSuccess > h4,
.cautionHolder.cautionSuccess > h5,
.cautionHolder.cautionSuccess > h6 {
    background-color: #5cb85c;
    color: white;
}

.cautionHolder.cautionSuccess {
    border-left: 3px solid #5cb85c;
    border-right: 3px solid #5cb85c;
    border-bottom: 3px solid #5cb85c;
}

.cautionHolder.cautionSuccess > .notice {
    background-color: #5cb85c73;
    color: white;
}

.tooltip-container {
    z-index: 9999999999;
}

/*--------------------
  End Caution Section
---------------------*/

/*--------------------
  Label CSS
---------------------*/
label.largeLabel {
    padding: .6em !important;
    font-size: 20px !important;
}

label.mediumLabel {
    padding: .5em !important;
    font-size: 15px !important;
}

label.smallLabel {
    padding: .5em !important;
    font-size: 13px !important;
}

/*--------------------
  End Label CSS
---------------------*/

/*--------------------
  Drag/Drop CSS
---------------------*/
.draggable {
    cursor: move;
    margin: 0 !important;
    border: solid black 1px;
    z-index: 1000;
    padding: 7px !important;
}

.draggable:hover {
    -webkit-filter: brightness(90%);
}

/*--------------------
  End Drag/Drop CSS
---------------------*/

/*--------------------
  Text CSS
---------------------*/
.text-blue {
    color: #204780 !important;
}
.text-dark {
    color: #000 !important;
}
.text-danger {
    color: #d9534f !important;
}

/*--------------------
  End Label CSS
---------------------*/


.nav-tabs {
    background: #204780;
}

.nav-tabs > li > a {
    color: #FFFFFF;
    border: 0;
    margin: 0;
}

.nav-tabs > li > a:hover {
    background-color: #38619e !important;
    border: 0;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus {
    background-color: inherit !important;
    border: 0 !important;
    color: inherit !important;
    font-weight: 500;
}

.nav-tabs > li.active {
    background-color: white !important;
    border: 0 !important;
    color: black !important;
    font-weight: 500;
}

.nav-tabs > li {
    background-color: transparent !important;
    border: 0 !important;
    color: white !important;
    font-weight: 500;
}

.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover {
    color: rgba(255, 255, 255, 0.5);
}

/*--------------------
  Tooltip CSS
+---------------------*/
.tooltip_topleft, .tooltip_topright, .tooltip_bottomright, .tooltip_right, .tooltip_left, .tooltip_bottomleft, .tooltip_top {
    position: relative;
    display: inline-block;
}

.tooltip_top > .tooltiptext {
    bottom:100%;
    right: 0%;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
}

.tooltip_left > .tooltiptext {
    top: 0;
    right: 100%;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
}

/* SHOW ON TOP LEFT */
.tooltip_topleft > .tooltiptext {
    top: -2.5em;
    right: 0;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
}

/* SHOW ON TOP RIGHT */
.tooltip_topright > .tooltiptext {
    top: -2.5em;
    left: 0;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
}

/* SHOW ON BOTTOM RIGHT */
.tooltip_bottomright > .tooltiptext {
    bottom: -2.5em;
    left: 0;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
    width:max-content;
}

/* SHOW ON BOTTOM LEFT */
.tooltip_bottomleft > .tooltiptext {
    top: 105%;
    right: 0;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;
}

/* SHOW ON RIGHT */
.tooltip_right > .tooltiptext {
    bottom: 0;
    left: 101%;
    font-weight: 600;
    visibility: hidden;
    text-align: center;
    padding: 0.5em;
    border-radius: 6px;
    position: absolute;
    z-index: 10;

}

.tooltiptext_white {
    color: #204780;
    background-color: white;
}

.tooltiptext_primary {
    background-color: #204780;
    color: white;
  }
  .tooltiptext_danger {
    background-color: #d9534f;
    color:white;
  }
  .tooltiptext_info {
    background-color: #75caeb;
    color: white;
}

.tooltiptext_success {
    background-color: #5cb85c;
    color: white;
}
.tooltiptext_teal {
    background-color: #005f73;
    color: white;
}

.tooltiptext_warning {
    background-color: #f0ad4e;
    color: white;
}

.tooltiptext_gray {
    background-color: #f0f0f0;
    color: #204780;
}

.tooltiptext_white {
    background-color: white;
    color: #204780;
}
.tooltiptext_black {
    background-color: black;
    color: white;
}

.tooltiptext_largefont {
    font-size: 20px;
    bottom: 2em;
}

.tooltiptext_mediumfont {
    font-size: 18px;
    bottom: 2em;
}

.tooltiptext_smallfont {
    font-size: 16px;
    bottom: 2.5em;
}

.tooltiptext_largewidth {
    width: 25em;
}

.tooltiptext_mediumwidth {
    width: 20em;
}

.tooltiptext_smallwidth {
    width: 15em;
}

.tooltiptext_xsmallwidth {
    width: 10em;
}

.tooltiptext_fitwidth {
    width: max-content;
}
.tooltiptext_fitheight {
    height: fit-content;
}

.tooltip_topright:hover .tooltiptext, .tooltip_topleft:hover .tooltiptext, .tooltip_bottomright:hover .tooltiptext, .tooltip_right:hover .tooltiptext, .tooltip_left:hover .tooltiptext, .tooltip_bottomleft:hover .tooltiptext, .tooltip_top:hover .tooltiptext {
    visibility: visible;
}

/* TD TOOLTIP */
.td_tooltip_top {
    position: relative;
}

.td_tooltip_top .td_tooltiptext {
    visibility: hidden;
    position: absolute;
    bottom: 120%;
    left: -25%;
    max-width: 20em;
    overflow-x: hidden;
    min-height: 10em;
    max-height: 15em;
    overflow-y: scroll;
    padding: 0.5em;
    z-index: 100;
    background: #000;
    color: #fff;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
  }
  .td_tooltip_top:hover:before {
    content:'';
    width:0px;
    height:0px;
    position:absolute;
    border-top: solid 10px black;
    border-left: solid 10px transparent;
    border-right: solid 9px transparent;
    bottom: 100%;
    left: calc(50% - 25px);
  }
  .td_tooltip_top:hover .td_tooltiptext {
    visibility: visible;
  }
    /* END TD TOOLTIP */

/*--------------------
  END Tooltip CSS
+---------------------*/

.clickable_icon {
    cursor: pointer;
}

.clickable_label {
    cursor: pointer;
    border: 1px solid #204780;
    background-color: #204780;
    color: white !important;
    border-radius: 12px;
    padding: .8em;
}

.roundedphoto {
    border-radius: 50%;
}

.keeptogether {
    page-break-inside: avoid !important;
}

.panel-lightgray > .panel-heading {
    color: black !important;
    background-color: #eeeeee;
}

.panel_noshadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel_bordered {
    border: 2px solid;
}

.panel-lightgray.panel_bordered {
    border-color: #eeeeee;
}

.action_button {
    background-color: #eee;
    color: cornflowerblue !important;
    border: 1px solid #ddd;
    border-radius: 5px !important;
}

.action_button:hover {
    color: blue !important;
}

.tinybutton {
    width: .5em !important;
    padding: 6px 16px !important;
}

.tinybutton > i.fa {
    margin-left: -.4em;
}

/*--------------------
    in process spinner
+---------------------*/
@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .2em dotted currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

/*--------------------
    lightning loading spinner
+---------------------*/
.lightningloader_spin {
    border: 1px solid #f3f3f3; /* Light grey */
    border-radius: 50%;
    background-image: url(/img/lslogo_2020_sm.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
    z-index: 100000;
    animation: lightning_spin 1.5s linear infinite;
}

@keyframes lightning_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.lightningloader_horizontal {
    background-image: url(/img/lslogo_2020_sm.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 4em;
    height: 4em;
    z-index: 100000;
    animation: lightning_horizontal 5s linear infinite;
}

@keyframes lightning_horizontal {
    from {
        left: 0;
    }
    to {
        left: 200px;
    }
}

.lightningloader_vertical {
    background-image: url(/img/lslogo_2020_sm.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 4em;
    height: 4em;
    z-index: 100000;
    animation: lightning_vertical 3s linear infinite;
}

@keyframes lightning_vertical {
    from {
        top: 0;
    }
    to {
        top: 200px;
    }
}

.label.xsmallLabel {
    font-size: 12px;
}

.label.smallLabel {
    font-size: 15px;
}

.label.mediumLabel {
    font-size: 18px;
}

.label.largeLabel {
    font-size: 21px;
}

table.warningCard {
    background-color: #ffe59a;
    color: black;
    font-weight: 500;
    padding: 1em;
}

table.warningCard > thead > tr > th {
    vertical-align: middle;
    border: 0;
}

table.warningCard > thead > tr > th :not(b) {
    font-size: 15px;
    font-weight: 500;
}

table.warningCard > thead > tr > th > b {
    font-size: 16px;
    font-weight: bold;
}

table.warningCard > thead > tr > th:nth-child(1) {
    background-color: #ffc10c;
    width: 2%;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

table.warningCard > thead > tr > th:nth-child(2) > i.fa {
    color: #ffc10c;
    font-size: 20px;
}

table.warningCard > thead > tr > th:nth-child(4) {
    width: 2%;
    vertical-align: top;
}

table.warningCard > thead > tr > th:nth-child(4) > i.fa {
    color: #ffc10c;
    font-size: 20px;
}

div.warningCard {
    background-color: #ffe59a;
    color: black;
    font-weight: 500;
    padding: 1em;
    border-left: 5px solid #ffc10c;
}

div.warningCard > i.fa {
    color: #ffc10c;
    font-size: 20px;
}

div.successCard {
    background-color: #c7e8c7;
    color: black;
    font-weight: 500;
    padding: 1em;
    border-left: 5px solid #5cb85c;
}

div.successCard > i.fa {
    color: #5cb85c;
    font-size: 20px;
}

div.dangerCard {
    background-color: #fbdcdc;
    color: black;
    font-weight: 500;
    padding: 1em;
    border-left: 5px solid #d9534f;
}

div.dangerCard > i.fa {
    color: #d9534f;
    font-size: 20px;
}

div.dangerCard > span {
    color: #d9534f;
}

.cardLargeWidth {
    width: 35em;
}

.cardMediumWidth {
    width: 30em;
}

.cardSmallWidth {
    width: 25em;
}

thead.no_borders > tr > th {
    border: 0;
}
tbody.no_borders > tr > td {
    border: 0px !important;
}

/*--------------------
    SWITCH
+---------------------*/
.switch label input[type=checkbox]:checked + .lever:after {
    left: 24px;
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #BDBDBD;
}

/***************
     Switch
***************/
.switch, .switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    /*-khtml-user-select: none;*/
    -ms-user-select: none;
}

.switch label {
    cursor: pointer;
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #26a69a;
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    border-radius: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px;
}

.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #F1F1F1;
    border-radius: 21px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -3px;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch label input[type=checkbox]:checked + .lever:after {
    left: 24px;
}

.switch input[type=checkbox][disabled] + .lever {
    cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
    background-color: #BDBDBD;
}



 .checkbox-simple input[type="checkbox"]{
     text-align: center;
     vertical-align: middle;
     width: 20px !important;
     height: 20px !important;
     appearance:none;
     border-radius:15%;
     border: 2px solid #6b6b6b;
     box-shadow: none !important;
     font-size: 1em;
     outline:none !important;
     position:relative;
     line-height: unset;
     -webkit-box-shadow: none !important;
     display:inline-block;
     cursor:pointer;
 }
.checkbox-simple input[type="checkbox"]:checked {
    outline:none;
    background-color: #204780;
    line-height: unset;
    border: 2px solid #204780;
}
.checkbox-simple input[type="checkbox"]:checked:after {
    outline:none;
    font-size: 13px;
    font-family:'FontAwesome';
    content: '\f00c';
    color:white;
    padding: 0;
    margin: 0;
    top:-1.5px;
    position:relative;
}
.checkbox-simple label{
    cursor:pointer;
}
.checkbox-simple input[type="checkbox"]:disabled{
    cursor:not-allowed !important;
    border: 2px solid #b0b0b0;
}




/*--------------------
    Waves
 -------------------*/

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    /*-ms-transition: all .3s ease-out;*/
    transition: all .3s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    /*-ms-transition: all 0.7s ease-out;*/
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none;
}

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    /*-ms-transition: none !important;*/
    transition: none !important;
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    /*-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);*/
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none;
}

.waves-block {
    display: block;
}

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
    z-index: -1;
}

/*--------------------
    End Waves
 -------------------*/

/*--------------------
    PADDING & MARGIN
+---------------------*/
.notoppadding {
    padding-top: 0;
}

.nobottompadding {
    padding-bottom: 0 !important;
}

.noleftpadding {
    padding-left: 0;
}

.norightpaddding {
    padding-right: 0;
}

.notopmargin {
    margin-top: 0 !important;
}

.nobottommargin {
    margin-bottom: 0 !important;
}

.notleftmargin {
    margin-left: 0 !important;
}

.norightmargin {
    margin-right: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.margin_half {
    margin: .5em !important;
}
.margin_bottom_half {
    margin-bottom: .5em !important;
}
.margin_bottom_1 {
    margin-bottom: 1em !important;
}
.margin_bottom_neg_2 {
    margin-bottom: -2em;
}
.margin_top_1 {
    margin-top: 1em !important;
}
.margin_top_neg_1 {
    margin-top: -1em !important;
}
.margin_left_1 {
    margin-left: 1em;
}
.margin_left_1_5 {
    margin-left: 1.5em !important;
}
.margin_top_1_5 {
    margin-top: 1.5em !important;
}
.margin_right_1_5 {
    margin-right: 1.5em !important;
}
.margin_right_1 {
    margin-right: 1em !important;
}
.m-left-45 {
    margin-left: 45%;
}
.margin_top_7px {
    margin-top:7px;
}
.margin_top_10px {
    margin-top:10px;
}
.margin_top_20px {
    margin-top:20px;
}

.margin_top_50px {
    margin-top:50px;
}

.margin_bottom_7px {
    margin-bottom:7px !important;
}
.margin_top_16px {
    margin-top:16px !important;
}
.margin_right_10px {
    margin-right:10px !important;
}
.margin_left_2px {
    margin-left:2px !important;
}
.margin_left_8_perc {
    margin-left: 8% !important;
}
.margin_left_4px {
    margin-left:4px !important;
}
.margin_left_5px {
    margin-left:5px !important;
}
.margin_left_10px {
    margin-left:10px !important;
}
.margin_left_17px {
    margin-left:17px !important;
}
.margin_left_40px {
    margin-left:40px !important;
}
.margin_left_6px {
    margin-left:6px !important;
}
.margin_left_3px {
    margin-left:3px !important;
}
.margin_right_6px {
    margin-right:6px !important;
}
.margin_left_25px {
    margin-left:25px !important;
}
.nopadding {
    padding: 0 !important;
}
.padding_left_40px {
    padding-left:40px !important;
}
.padding_left_16px {
    padding-left:16px !important;
}
.padding_right_16px {
    padding-right:16px !important;
}
.padding_bottom_12px {
    padding-bottom:12px !important;
}
.padding_top_1 {
    padding-top: 1em;
}
.padding_left_1 {
    padding-left: 1em !important;
}
.padding_left_half {
    padding-left: .5em;
}
.padding_left_75 {
    padding-left: .75em;
}
.padding_right_half {
    padding-right: .5em;
}
.padding_right_25 {
    padding-right: 2.5em;
}
.padding_top_25 {
    padding-top: 2.5em;
}
.padding_left_none {
    padding-left: 0em !important;
}
.padding_right_1 {
    padding-right: 1em;
}
.padding_top_2 {
    padding-top: 2em;
}
.padding_2 {
    padding: 2em !important;
}
.padding_1 {
    padding: 1em !important;
}
.padding_top_3 {
    padding-top: 3em;
}
.padding_left_3 {
    padding-left: 3em;
}
.padding_top_4 {
    padding-top: 4em;
}
.padding_bottom_1 {
    padding-bottom: 1em !important;
}
.padding_half {
    padding: .5em !important;
}
.padding_top_half {
    padding-top: .5em !important;
}
.padding_top_point_3 {
    padding-top: .3em !important;
}
.padding_bottom_half {
    padding-bottom: .5em !important;
}

.padding15 {
    padding: 15px;
}
.padding_dec_25 {
    padding:.25em;
}
.padding_left_none {
    padding-left: 0em !important;
}
.padding_right_none {
    padding-right: 0em !important;
}
.padding_left_8_perc {
    padding-left: 8% !important;
}
.padding_8 {
    padding: 0.8em !important;
}
.padding_4px {
    padding: 4px !important;
}
.top_1 {
    top:1em !important;
}
.top_2 {
    top:2em !important;
}

.text-large {
  font-size: 20px !important;
}
.width10 {
    width:10%;
}
.width60 {
    width:60%;
}
.width70 {
    width:70% !important;
}
.width80 {
    width:80% !important;
}
.width90 {
    width: 90% !important;
}

.width_214px {
    width: 214px !important;
}

.width_40px {
    width: 40px !important;
}

div.panel.roundedpanel {
  border-radius:12px;
}
.bordergray {
    border:1px solid #ccc;
}
.bordergray_thick {
    border:3px solid #ccc;
}
.border_color_lightgray {
    border-color:#ccc !important;
}
.borderprimary {
    border:1px solid #204780;
}
.topleftrounded {
    border-top-left-radius:12px;
}
.toprightrounded {
    border-top-right-radius:12px;
}
.bottomleftrounded {
    border-bottom-left-radius:12px;
}
.bottomrightrounded {
    border-bottom-right-radius:12px;
}

.border_red {
    outline: 1px solid red !important;
}

.textblue {
  color: #0d6efd !important;
}
.textlightgray {
    color: #aaa !important;
  }
.bgblue {
  background-color: #0d6efd !important;
}

.alignleft {
    text-align:left;
}


.col-half, .col-1, .col-1half, .col-2, .col-2half, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2half {
    width: 20%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1half {
    width: 10%;
}

.col-1 {
    width: 8.33333333%;
}
.col-half {
    width: 4%;
}




/*--------------------
    Margin CSS
---------------------*/
.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: 1rem !important
}

.mt-1, .my-1 {
    margin-top: 1rem !important
}

.mr-1, .mx-1 {
    margin-right: 1rem !important
}

.mb-1, .my-1 {
    margin-bottom: 1rem !important
}

.ml-1, .mx-1 {
    margin-left: 1rem !important
}

.m-2 {
    margin: 2rem !important
}

.mt-2, .my-2 {
    margin-top: 2rem !important
}

.mr-2, .mx-2 {
    margin-right: 2rem !important
}

.mb-2, .my-2 {
    margin-bottom: 2rem !important
}

.ml-2, .mx-2 {
    margin-left: 2rem !important
}

.m-3 {
    margin: 3rem !important
}

.mt-3, .my-3 {
    margin-top: 3rem !important
}

.mr-3, .mx-3 {
    margin-right: 3rem !important
}

.mb-3, .my-3 {
    margin-bottom: 3rem !important
}

.ml-3, .mx-3 {
    margin-left: 3rem !important
}

.m-4 {
    margin: 4rem !important
}

.mt-4, .my-4 {
    margin-top: 4rem !important
}

.mr-4, .mx-4 {
    margin-right: 4rem !important
}

.mb-4, .my-4 {
    margin-bottom: 4rem !important
}

.ml-4, .mx-4 {
    margin-left: 4rem !important
}

.m-5 {
    margin: 5rem !important
}

.mt-5, .my-5 {
    margin-top: 5rem !important
}

.mr-5, .mx-5 {
    margin-right: 5rem !important
}

.mb-5, .my-5 {
    margin-bottom: 5rem !important
}

.ml-5, .mx-5 {
    margin-left: 5rem !important
}

.ml_perc-25 {
    margin-left: 25% !important
}
.ml_perc-50 {
    margin-left: 50% !important
}

.ml_perc-5 {
    margin-left: 5% !important
}
.m-point-25 {
    margin:.25em !important;
}
.mt-point-25 {
    margin-top:.25em !important;
}
.mb-point-25 {
    margin-bottom:.25em !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

/*--------------------
    Padding CSS
---------------------*/
.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: 1rem !important
}

.pt-1, .py-1 {
    padding-top: 1rem !important
}

.pr-1, .px-1 {
    padding-right: 1rem !important
}

.pb-1, .py-1 {
    padding-bottom: 1rem !important
}

.pl-1, .px-1 {
    padding-left: 1rem !important
}

.p-2 {
    padding: 2rem !important
}

.pt-2, .py-2 {
    padding-top: 2rem !important
}

.pr-2, .px-2 {
    padding-right: 2rem !important
}

.pb-2, .py-2 {
    padding-bottom: 2rem !important
}

.pl-2, .px-2 {
    padding-left: 2rem !important
}

.p-3 {
    padding: 3rem !important
}

.pt-3, .py-3 {
    padding-top: 3rem !important
}

.pb-3, .py-3 {
    padding-bottom: 3rem !important
}

.pb-4{
    padding-bottom: 4rem !important
}

.pt-5 {
    padding-top: 5rem !important
}

.pr-5 {
    padding-right: 5rem !important
}

.pb-5 {
    padding-bottom: 5rem !important
}

.pl-5 {
    padding-left: 5rem !important
}

/*--------------------
    END PADDING & MARGIN
+---------------------*/



/*-----------------------------------------
    USED FOR PAYOR INFO ON ACCOUNT PROFILE
    Note: Could possibly be used for other purposes. Feel free to try out.
+-----------------------------------------*/

.info-modal close-button {
    background: none;
    border: none;
    padding: 0;
}

.info-modal .info-button-enter {
    opacity: 0.01;
}

.info-modal .info-button-enter.info-button-enter-active {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.info-modal .info-button-leave {
    opacity: 1;
}

.info-modal .info-button-leave.info-button-leave-active {
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

.info-modal .info-modal-enter {
    opacity: 0.01;
}

.info-modal .info-modal-enter.info-modal-enter-active {
    opacity: 1;
    -webkit-transition-property: opacity 320ms ease-out 500ms;
    transition-property: opacity 320ms ease-out 500ms;
}

.info-modal .info-modal-leave {
    opacity: 1;
}

.info-modal .info-modal-leave.info-modal-leave-active {
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

.info-modal .info-button {
    position: absolute;
    width: 100%;
    height: 100%;
}

.info-modal .info-modal-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    position: relative;
    padding: 2rem;
}

.info-modal .info-modal-title {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow: hidden;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #545e61;
    font-size: 2rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-modal .btn-close {
    position: absolute;
    top: 1.4rem;
    right: 2rem;
    color: #333;
    font-size: 2.4rem;
}

.info-modal .info-modal-body {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    overflow-y: auto;
    max-height: calc(100vh - 14rem);
    font-size: 1.5rem;
}

.info-modal .info-modal-enter .info-modal-details > * {
    border-color: transparent;
}

.info-modal .info-modal-enter .info-modal-details > * > * {
    opacity: 0.01;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * {
    border-left-color: #545e61;
    -webkit-transition: border-color 250ms ease-in 500ms;
    transition: border-color 250ms ease-in 500ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > * {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in 420ms;
    transition: opacity 300ms ease-in 420ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(1) {
    -webkit-transition-delay: 452ms;
    transition-delay: 452ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(2) {
    -webkit-transition-delay: 484ms;
    transition-delay: 484ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(3) {
    -webkit-transition-delay: 516ms;
    transition-delay: 516ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(4) {
    -webkit-transition-delay: 548ms;
    transition-delay: 548ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(5) {
    -webkit-transition-delay: 580ms;
    transition-delay: 580ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(6) {
    -webkit-transition-delay: 612ms;
    transition-delay: 612ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(7) {
    -webkit-transition-delay: 644ms;
    transition-delay: 644ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(8) {
    -webkit-transition-delay: 676ms;
    transition-delay: 676ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(9) {
    -webkit-transition-delay: 708ms;
    transition-delay: 708ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(10) {
    -webkit-transition-delay: 740ms;
    transition-delay: 740ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(11) {
    -webkit-transition-delay: 772ms;
    transition-delay: 772ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(12) {
    -webkit-transition-delay: 804ms;
    transition-delay: 804ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(13) {
    -webkit-transition-delay: 836ms;
    transition-delay: 836ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(14) {
    -webkit-transition-delay: 868ms;
    transition-delay: 868ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(15) {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(16) {
    -webkit-transition-delay: 932ms;
    transition-delay: 932ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(17) {
    -webkit-transition-delay: 964ms;
    transition-delay: 964ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(18) {
    -webkit-transition-delay: 996ms;
    transition-delay: 996ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(19) {
    -webkit-transition-delay: 1028ms;
    transition-delay: 1028ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(20) {
    -webkit-transition-delay: 1060ms;
    transition-delay: 1060ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(21) {
    -webkit-transition-delay: 1092ms;
    transition-delay: 1092ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(22) {
    -webkit-transition-delay: 1124ms;
    transition-delay: 1124ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(23) {
    -webkit-transition-delay: 1156ms;
    transition-delay: 1156ms;
}

.info-modal .info-modal-enter.info-modal-enter-active .info-modal-details > * > *:nth-child(24) {
    -webkit-transition-delay: 1188ms;
    transition-delay: 1188ms;
}

.info-modal .modal-button {
    font-size: 3.2rem;
}

.info-modal .info-key-value {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    line-height: 2.5;
}

.info-modal .info-key-value, .info-modal .info-key-value .info-key, .info-modal .info-key-value .info-value {
    margin: 0;
}

.info-modal .info-key-value .info-key {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: 1em;
    color: #333;
    font-weight: 600;
    text-overflow: ellipsis;
}

.info-modal .info-key-value .info-value {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    text-align: right;
    color: #888888;
}

.payor-address {
    color: #888888;
}
.info-modal .info-modal-details {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 3rem 0;
}

.info-modal .info-modal-details > * {
    -webkit-box-flex: 0;
    flex: 0 1 50%;
    max-width: 50%;
    padding: 0 3rem;
    border-left: 0.1rem solid #545e61;
}

.info-modal .info-modal-details > *:first-of-type {
    border: none;
    padding-left: 0;
}

.info-modal .info-modal-details > *:last-of-type {
    padding-right: 0;
}

.info-modal .sub.info-key::before {
    content: "↳";
    margin-right: 0.5em;
    font-family: sans-serif;
    color: #b0b5b8;
}

.info-modal .info-header {
    display: -webkit-box;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    align-content: center;
    margin-bottom: 4rem;
    padding: 2.4rem 0 1.8rem;
    border-bottom: 0.1rem solid #545e61;
}

.info-modal .info-header .info-image {
    margin-right: 2.8rem;
    color: #36d3b4;
    font-size: 6.4rem;
}

.info-modal .info-header .info-name, .info-modal .info-header .info-name-details {
    display: block;
}

.info-modal .info-header .info-name {
    font-size: 2.4rem;
    font-weight: 500;
}

.info-modal .info-header .info-name-details {
    font-style: italic;
}

/*-------------------------------
    Info Formatting on Payor Info
+--------------------------------*/

.swal-wide {
    width: 70% !important;
    left: 30% !important;
}
.swal2-wide {
    width: 70% !important;
}

.swal-wide-small {
    width: 50% !important;
    left: 45% !important;
}
.swal2-wide-small {
    width: 50% !important;
}
.swal2-actions {
    font-size: 1.5em !important;
}
.swal2-html-container {
    font-size: 1.65em !important;
}
.swal2-title {
    font-size: 2.5em !important;
}

/*-------------------------------
    Swal2 Calendar
+--------------------------------*/

.swal2-calendar {
    padding: 2em !important;
    width: 480px;
}

.swal2-calendar .swal2-title {
    font-size: 1.65em !important;
    font-weight: 600;
    color: #1b1e28;
    margin-bottom: 1em;
    text-align: left;
    padding: 0;
}

.swal2-calendar .swal2-html-container {
    font-size: 1.5em !important;
    text-align: left;
    margin: 0 0 1.5em 0;
    color: #1b1e28;
}

.swal2-calendar .swal2-radio {
    display: block !important;
    margin: 0 0 1em 0;
}

.swal2-calendar label {
    display: flex;
    align-items: center;
    margin: 0 0 1em 0 !important;
    font-size: 1.35em !important;
    color: #787878;
}

.swal2-calendar .swal2-validation-message {
    margin: 0 0 1em 0;
}

.swal2-calendar .swal2-actions {
    justify-content: flex-end;
    margin: 0;
}

.swal2-calendar .swal2-cancel {
    background: #32353e;
    color: #fff;
}

.swal2-calendar .swal2-cancel:hover {
    background: #3b3c3f;
}

.swal2-calendar .swal2-confirm {
    background: #f4b645;
    color: #32353d;
}

.swal2-calendar .swal2-confirm:hover {
    background: #f6c45f;
}

.btn-div {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-div:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none;
}

.btn-dark {
    background-color: #373c3f;
    border-color: #373c3f;
    color: #FFFFFF;
}
.btn-dark:hover {
    background-color: #54595c;
    border-color: #54595c;
    color: #FFFFFF;
}

input.total-amount-description + p {
    position: inherit !important;
}

.text-md-right {
    text-align: left;
}

/* things that happen at medium width */
@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }
}

.inlineblock {
    display:inline-block !important;
}
.roundedtopleft {
    border-top-left-radius: 12px;
}
.roundedtopright {
    border-top-right-radius: 12px;
}
.roundedbottomleft {
    border-bottom-left-radius: 12px;
}
.roundedbottomright {
    border-bottom-right-radius: 12px;
}
.rounded_top_8 {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.rounded_8 {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}


/* Scheduling Matrix Design */
@media print {
    table#top-matrix {
        /*width: 90vw !important;*/
    }
}

#top-matrix-wrapper #top-matrix td, #top-matrix-wrapper #top-matrix th {
    padding: 10px;
}

#top-matrix-wrapper #top-matrix {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

#top-matrix-wrapper #top-matrix th, #top-matrix-wrapper #top-matrix td{
    max-width: 15em;
    white-space: break-spaces;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n-5) {
    background-color: #66ccff !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n-5) {
    background-color: #99ddff !important;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n-4) {
    background-color: #5cd65c !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n-4) {
    background-color: #85e085 !important;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n-3) {
    background-color: #ffa64d !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n-3) {
    background-color: #ffbf80 !important;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n-2) {
    background-color: #cc66ff !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n-2) {
    background-color: #dd99ff !important;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n-1) {
    background-color: #b3b3b3 !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n-1) {
    background-color: #cccccc !important;
}

#top-matrix-wrapper #top-matrix thead tr th:nth-child(6n) {
    background-color: #66ffff !important;
}

#top-matrix-wrapper #top-matrix tbody tr td:nth-child(6n) {
    background-color: #99ffff !important;
}
.profile_navheader_info_holder:hover .profile_navheader_info {
    visibility: visible;
    transition-delay:.50s;
}

.profile_navheader_info_holder {
    position: relative;
    padding-top:20px;
    padding-bottom:20px;
    color:white;
}
.profile_navheader_info_holder > a {
    color:white;
}

.profile_navheader_info_holder .profile_navheader_info {
    visibility: hidden;
    width: fit-content;
    background-color: #f0ad4e;
    text-align: left;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 10;
    left:0%;
    top: 100%;
    font-weight: 600;
}
.profile_navheader_info > li > a {
    color:white !important;
}

.profile_navheader_info_holder .profile_navheader_info::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f0ad4e transparent;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.bubble {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  position: relative;
}
.allergybubble:not(.noknown) {
    background: teal;
}
.allergybubble_lt {
    background: #d9534f;
}
.allergybubble.noknown {
    background: #aaa;
}

.flagbubble {
    background: #f0ad4e;
}
.primary_bubble {
    background: #204780;
    color:white;
}
.bubble::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.bubble_text {
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.allergybubble .bubble_text, .allergybubble_lt .bubble_text, .flagbubble .bubble_text, .taskbubble .bubble_text {
    color:white;
}
.bubble_count {
    position: absolute;
    left: 60%;
    font-size: 10px;
    font-weight: 600;
    color:white;
}
.bubble_count:not(.censusbubble_count) {
    top: -10%;
}
.censusbubble {
    display: inline-block;
}
.censusbubble_count {
    top: 0%;
}
.w-100{
    width:100% !important;
}
.w-99{
    width:99% !important;
}
.w-75{
    width:75% !important;
}
.w-50{
    width:50% !important;
}
.w-25{
    width:25% !important;
}
.w-24{
    width:24% !important;
}
.w-20{
    width:20% !important;
}
.w-15{
    width:15% !important;
}
.w-10{
    width:10% !important;
}
.w-45{
    width:45% !important;
}
.w-30{
    width:30% !important;
}
.w-33 {
    width:33% !important;
}
.nounderline {
    text-decoration: none !important;
}
.grayheader {
    background-color: #ddd;
}
.icon_button {
    cursor: pointer;
    border-radius:12px;
    font-size: 20px;
    padding:.5em;
}
.icon_button_small {
    cursor: pointer;
    border-radius:12px;
    padding:.5em;
    width: 2em;
    height: 2em;
    text-align:center;
}
.icon_button_danger {
    background:#d9534f;
    color:white;
}
.icon_button_primary {
    background:#204780;
    color:white;
}
.icon_button_nocolor:hover {
    background-color: #eee;
}
.dataTables_scroll {
    overflow:auto;
}
div.row.dbCardRow {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

div.row.dbCardRow > div.col {
flex: 0 0 auto;
/* width:16.6%; */
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}

.dbCardRow > div > div.card {
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
}
.dbCardRow > div > div.card > .card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.dbCardRow > div > div.card > .card-header {
padding: .5rem 1rem;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
height:3.4em;
}
.dbCardRow > div > div.card > .card-header > h4 {
font-weight: 500;
}
.dbCardRow > div > div.card > .card-body {
flex: 0.5 0.5 auto;
padding: 1rem;
height:4em;
}

.dbCardRow > div > div.card > .card-body > .card-title {
margin: 0px !important;
}
.dbCardRow ul {
margin-bottom: 1.5em;
padding-left:0em;
}
.currentCard {
    border-color: #204780!important;
}
.currentCard > .card-header {
    background-color: #204780!important;
    color:white;
}
.rounded-3 {
    border-radius: .75rem!important;
}
.mustshow {
    z-index: 1000;
}
.font-weight-bold {
    font-weight: bold;;
}
.dataTables_processing {
    background-color: transparent !important;;
}
.autowidth {
    width:auto !important;
}
.width_fitcontent {
    width:fit-content !important;
}
.height_fitcontent {
    height:fit-content !important;
}
.height_8 {
    height: 8em !important;
}
.height_9 {
    height: 9em !important;
}
.height_max_25 {
    max-height: 25em !important;
}
.blacktext {
    color:black !important;
}
#facesheet_holder {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    padding-left:.75%;
    padding-right:.75%;
}
#homepage_census_view_facesheet {
    padding-left:0em;
    padding-right:0em;
}
div.facesheet_card {
    width:24.5%;
    padding:.25em;
    display: inline-block;
    border:2px solid #ddd;
    word-break: break-word;
    margin-bottom: .25%;
    margin-right: .25%;
}
.facesheet_picture_holder img {
    width: 100%;
}
.facesheet_card_headerrow {
    height: fit-content;
}
.facesheet_card_table {
    width:100%;
}
.facesheet_card_table td {
    vertical-align: top;
    word-break: break-word;
    font-size:14px;
}
.facesheet_card_table tr > td:not(last-child) {
    padding-bottom:.3em;
}
.facesheet_card_table > tbody > tr > td:first-child {
    width:45%;
    color:#aaa;
}
.facesheet_card_table > tbody > tr > td:last-child {
    width:55%;
}
.middle_align_td {
    vertical-align: middle !important;
}
.top_align_td {
    vertical-align: top !important;
}
.bottom_align_td {
    vertical-align: bottom !important;
}
.center_align_td {
    text-align: center !important;
}
table.stickyheader {
    border-collapse: separate;
}
table.stickyheader > thead > tr > th {
    background: white;
    z-index: 999;
    position: -webkit-sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}
table.stickyheader:not(#snapshot_tbl) > thead > tr > th {
    position: sticky;
}
table.stickyheader > thead {
    position: sticky;
    background: white;
    z-index: 999;
    position: -webkit-sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}
.hassticky_nomargin {
    margin-top:0em;
}
.hassticky {
    margin-top:3em;
}
.hassticky_with_filter {
    margin-top:4em;
}
.sticky_datatable_header {
    position: absolute;
    width: 100%;
    top: -.25em;
}
.sticky_datatable_header_with_filter {
    position: absolute;
    width: 100%;
    top: -5.6em;
}
.highlight {
    background-color:#ffda3a !important;
}
@media (max-width: 1250px) {
    .pull-right_responsive {
        float:none !important;
    }
}
.scroll_horizontal {
    overflow-x:auto;
}
@media (min-width: 992px) {
    .sidecollapsed {
        display: block;
        margin-left: -25%;
        /* same width as sidebar */
    }

    .collapsed {
        display: block;
    }
}
.border_primary {
    border: 2px solid #204780 !important;
}
.border_primary_3 {
    border: 3px solid #204780 !important;
}
.border_danger {
    border: 2px solid #d9534f !important;
}
.border_top_primary_3 {
    border-top: 3px solid #204780 !important;
}

.border_top_1 {
    border-top: 1px solid !important;
}
.border_top_gray_1 {
    border-top: 1px solid #bbb !important;
}
.swal-lg {
    width: 50% !important;
    left: 38% !important;
}

#tblclientfacesheets_wrapper{
    overflow-x: auto;
}

#tblclientfacesheets th{
    padding: 10px 18px;
    font-size: 15px;
}
#tblclientfacesheets td{
    padding: 10px 18px;
    font-size: 15px;
}

#tblclientfacesheets figure{
    display: none;
}

@media print {
    #tblclientfacesheets_wrapper{
        overflow-x: visible !important;
    }

    tr td:first-child figure{
        border: unset !important;
    }

    #tblclientfacesheets >tbody> tr td:first-child img{
        display: none;
    }

    #tblclientfacesheets th{
        width: auto !important;
        white-space: break-spaces !important;
        padding: 5px !important;
        font-size: 13px !important;
    }
    #tblclientfacesheets td{
        width: auto !important;
        white-space: break-spaces !important;
        padding: 5px !important;
        font-size: 13px !important;
    }
    #tblclientfacesheets figure{
        display: block;
    }
}

@media only screen{
    #tblclientfacesheets figure{
        display: block;
    }
}

@media screen and (max-width: 480px) {
    #tblclientfacesheets figure{
        display: block;
    }
}

@media screen and (min-width: 481px) {
    #tblclientfacesheets figure{
        display: block;
    }
}

a[disabled], a[disabled]:hover {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

@media print {
    div#facesheet td img.photo {
        display: inline-block;
    }
}

.display_block {
    display: block !important;
}

.fixed_table {
    table-layout: fixed;
}
.ellipsis_overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breakword {
    white-space: break-spaces !important;
}
.font16 {
    font-size: 16px;
}
.font15 {
    font-size: 15px !important;
}

.font17 {
    font-size: 17px;
}

.font18 {
    font-size: 18px;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.xSmallFont {
    font-size: x-small !important;
}
.smallFont {
    font-size: small !important;
}
.mediumFont {
    font-size: 18px !important;
}
.largeFont {
    font-size: 20px !important;
}
.d-none {
    display:none !important;
}

.wordwrap {
    word-wrap: break-word !important;
}

.thnomargin {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#datedocwarning {
    position: absolute;
    top: 300px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10040;
    overflow: auto;
    overflow-y: auto;
}

div#datedocwarning > div > div > div.modal-body {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    align-content: center !important;
}

.danger_warning {
    padding: 20px !important;
    border-radius: 6px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 15%;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#closedatewarning {
    border-radius: 6px !important;
    font-size: 20px !important;
    padding: 20px !important;
    line-height: 1 !important;
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 0;
    left: 86%;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#labelholder {
    position: relative;
    padding: 20px !important;
    min-height: 100px;
}
.foldertab:not(.foldertab_active) {
    color: #204780;
}
.foldertab:not(.foldertab_active):hover {
    background-color: #e6e6e6;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.foldertab_active {
    color:white;
    border-top:2px solid;
    border-left:2px solid;
    border-right:2px solid;
    background-color: #204780;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.clickable {
    cursor: pointer;
}
.height_3 {
    height:3em !important;
}
.invisible {
    visibility: hidden;
}
.left_20 {
    left:20% !important;
}
.height_fit {
    height: fit-content !important;
}
.height100 {
    height: 100% !important;
}
.wraptext {
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}
.align_baseline > thead > tr > th, .align_baseline > tbody > tr > td {
    vertical-align: baseline !important;
}
.secondary_fa_icon {
    position: absolute;
    right: 20%;
    bottom: 50%;
}
.border_lgray {
    border: 1px solid #dddddd;
}
.border_right_lgray {
    border-right: 1px solid #dddddd;
}
.border_left_lgray {
    border-left: 1px solid #dddddd;
}
.border_top_lgray {
    border-top: 1px solid #dddddd;
}
.border_bottom_lgray {
    border-bottom: 1px solid #dddddd;
}
.border_bottom {
    border-bottom: 1px solid black;
}
.w_1 {
    width:1em;
}
.w_2 {
    width:2em;
}
.w_3 {
    width:3em;
}
.w_4 {
    width:4em;
}
.w_5 {
    width:5em;
}
a.alocker {
    pointer-events: none;
    cursor: default;
}
#clientPicHolder img {
    width:80%;
}


/* formatted table like on the group attendance report page */
table.report_table > tbody > tr > td, table.report_table > thead > tr > th {
    border:0px;
}
table.report_table tr:not(.inforow) > td:not(.dailytotal), table.report_table tr.headerrow > th {
    border-right:1px solid #ddd !important;
}
table.report_table tr:not(.inforow):not(.finalrow) > td:not(.datecell), table.report_table tr.headerrow > th {
    border:1px solid #ddd !important;
}
table.report_table tr:not(.inforow):not(.finalrow) > td:not(.firstcell), table.report_table tr.headerrow > th {
    border-left:1px solid #ddd !important;
}
table.report_table tr.inforow > td {
    padding-top:1em !important;
}
table.report_table:not(.report_table_downloadable) > tbody > tr.firstrow > td {
    border-top:1px solid !important;
}
table.report_table_downloadable > tbody > tr.firstrow > td {
    border-top:1px solid black !important;
}
table.report_table_downloadable > thead > tr > th {
    border-top:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-left:1px solid #ddd !important;
}
table.report_table tr.finalrow > td {
    border-bottom:1px solid black !important;
}
table.report_table td.firstcell {
    border-left:1px solid black !important;
}
table.report_table td.dailytotal {
    border-right:1px solid black !important;
    text-align: center;
}
table.report_table tr.finaldaterow > td {
    border-bottom:1px solid #ddd !important;
}
table.report_table tr.headerrow > th {
    background-color: #dddddd73;
}
table.report_table > tbody > tr:not(.finalrow):not(.lastrow):not(.finaldaterow) > td.dailytotal {
    border-bottom:0px !important;
}
table.report_table > tbody > tr:not(.firstrow) > td.dailytotal {
    border-top:0px !important;
}
table.report_table tr.lastdaterow > td.datecell {
    border-bottom:1px solid #ddd !important;
}
/* formatted table like on the group attendance report page END */
.isPicture img {
    width:150px;
}
.position_relative {
    position: relative;
}
.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}
.reference_info a {
    color: blue !important;
}

/* DASHBOARD CARDS */
    div.row.dbCardRow {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    div.row.dbCardRow > div.col {
    flex: 0 0 auto;
    /* width:16.6%; */
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    }

    .dbCardRow > div > div.card {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    }
    .dbCardRow > div > div.card > .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .dbCardRow > div > div.card > .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    height:3.4em;
    }
    .dbCardRow > div > div.card > .card-header > h4 {
    font-weight: 500;
    }
    .dbCardRow > div > div.card > .card-body {
    flex: 0.5 0.5 auto;
    padding: 1rem;
    height:4em;
    }

    .dbCardRow > div > div.card > .card-body > .card-title {
    margin: 0px !important;
    }
    .dbCardRow ul {
    margin-bottom: 1.5em;
    padding-left:0em;
    }
    .rounded-3 {
        border-radius: .75rem!important;
    }
    .currentCard {
        border-color: #204780!important;
    }
    .currentCard > .card-header {
        background-color: #204780!important;
        color:white;
    }
    .hideMe {
        display:none;
    }
    .showMe {
        display:block !important;
    }
    @media (max-width: 1450px) {
        h4.fw-normal {
            font-size:18px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.1em !important;
        }
    }
    @media (max-width: 1400px) {
        h4.fw-normal {
            font-size:16px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.2em !important;
        }
    }
    @media (max-width: 1200px) {
        h4.fw-normal {
            font-size:15px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.1em !important;
        }
    }
    @media (max-width: 1140px) {
        h4.fw-normal {
            font-size:14px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.1em !important;
        }
    }
    @media (max-width: 1000px) {
        h4.fw-normal {
            font-size:13px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.1em !important;
        }
        .totalspan {
            font-size:28px;
        }
    }
    @media (max-width: 900px) {
        div.row.dbCardRow > div.col {
            flex: 0 0 auto;
            width:50%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y);
        }
        h4.fw-normal {
            font-size:15px;
        }
        .totalspan {
            font-size:25px;
        }
    }
    @media (max-width: 700px) {
        div.row.dbCardRow > div.col {
            flex: 0 0 auto;
            width:100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y);
        }

        h4.fw-normal {
            font-size:13px;
        }
        div.dbstaffdoc_card > div.card-header {
            padding:.0em !important;
        }
        .totalspan {
            font-size:20px;
        }
    }
/* end DASHBOARD CARDS */

.select2-search__field {
    width:100% !important;
}
.float_left {
    float:left !important;
}
.dataTables_filter > label > div.form-group-sm,
.dataTables_length > label > div.form-group-sm{
    margin-top: 0;
}

.dataTables_length > label > div.form-group-sm > select,
.dataTables_filter > label > div.form-group-sm > input {
    font-size: 16px;
}

/* classes that make it work like the favorite star in the navbar */
.left_nav_table {
    margin:0;
    border-collapse: separate;
    height:100%;
  }

  .left_nav_table, .left_nav_table > tbody > tr > td  {
    border:none;
  }
  .left_nav_table > tbody > tr > td:first-child {
    padding-right:0;
    padding-top:0;
  }
  .left_nav_table_button {
    padding:0.5em 0.3em 0.5em 1em;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    vertical-align: top;
    color:#204780;
  }
  .left_nav_table_button_selected {
    background-color: #204780;
    color:white;
  }
  .section_holder {
    /* max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    padding-top:0px !important;
    border-top: 3px solid;
  }
  .section_holder > li,   .section_holder > li > a {
    color:#204780;
  }
  .section_holder_deselected {
    display:none;
  }
  .section_holder_selected {
    display:table-cell;
  }
  .section_holder_selected.section_holder {
    /* border-radius:8px; */
    border-left:3px solid #204780;
  }
.section_holder > li, .section_holder > li > a > i.fa {
    color:#204780;
  }
  .left_nav_table_button:not(.left_nav_table_button_selected):hover, .left_nav_table_button:not(.left_nav_table_button_selected):hover > i {
    color: #0052CC;
  }
  .section_title_holder {
    background-color: #20478073;
  }
  .section_title_holder > div {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  /* classes that make it work like the favorite star in the navbar */

  .bordered_row_gray {
    border-top:1.5px solid #ddd;
  }
  .bordered-ddd {
    border: 2px solid #ddd;
  }
  .custom_report_filter_table {
    margin-top:.5em;
  }
  .custom_report_filter_table td {
    padding-left:1em;
    padding-right:1em;
  }
  .hidden_span {
    visibility: hidden;
    height:0px;
    display: block;
  }
  /* .query_group_holder {
    padding:1em;
    border:1px solid #ddd;
    border-radius: 12px;
  } */

.ccd_table td {
    border:1px solid #ddd;
    padding:0.5em;
}
.ccd_table > tbody > tr:first-child > td {
    border-top:3px solid #ddd;
}
.ccd_table > tbody > tr:last-child > td {
    border-bottom:3px solid #ddd;
}
.ccd_table > tbody > tr > td:first-child {
    border-left:3px solid #ddd;
}
.ccd_table > tbody > tr > td:last-child {
    border-right:3px solid #ddd;
}
.td_label_ccd {
    font-weight: bold;
    width:20%;
    background-color: #eee;
}
#table_of_contents {
    max-height: 35em;
    overflow: auto;
    padding-left:0px !important;
}
.selected_query_group_selector {
    border: 4px solid #0d6efd !important;
}

/* PROGRESS CIRCLE */
.progresscircle_complete_number {
    font-size:18px;
    font-weight:600;
}
.progresscircle_success .progresscircle_complete_number {
    color: #8dd68d;
}

.progresscircle_info .progresscircle_complete_number {
    color: #75caeb;
}
.progresscircle_warning .progresscircle_complete_number {
    color: #f0ad4e;
}
.progresscircle_danger .progresscircle_complete_number {
    color: #d9534f;
}

.circle {
  position: relative;
  top: 10px;
  left: 10px;
  text-align: center;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background-color: #ffffff;
}
.circle-border {
  position: relative;
  text-align: center;
  width: 130px;
  height: 130px;
  /* margin-left: 30%; */
  border-radius: 100%;
  display:inline-block;
  }
.grayBackground {
    background-color:#c8c8c8 !important;
}
.progresscircle_complete_number {
    position: relative;
    top: 35%;
}

.insurancepayment_duplicate:hover .ins_duplicate_info {
    visibility: visible;
    transition-delay:.10s;
}

.insurancepayment_duplicate {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* .insurancepayment_duplicate > a {
    color:black;
} */

.insurancepayment_duplicate .ins_duplicate_info {
    visibility: hidden;
    background-color: white;
    text-align: left;
    border-radius: 6px;
    padding: 20px;
    position: absolute;
    z-index: 10;
    left: 150%;
    top: 10%;
    margin-left: 4px;
    color: black;
    font-size: 12px;
    font-family: sans-serif;
    min-width: max-content;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/* .insurancepayment_duplicate > li > a {
    color:black !important;
} */

.insurancepayment_duplicate .ins_duplicate_info::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -45px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}

.block{
    display:block;
}
.hover\:bg-blue-100:hover{
    background-color: #dbeafe;
}

.hover\:underline:hover{
    text-decoration: underline;
}

.underline{
    text-decoration: underline;
}

.italic{
    font-style: italic;
}

@media screen and (max-width: 992px){
    [data-docid]{
        overflow-x: auto;
        overflow-y: hidden;
    }
    div[id*="formdata"].container-content form#frmdata div.panel.panel-primary > div.panel-body > div.row > div {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.zero_font {
    font-size: 0px !important;
}

.password-validation-summary {
    min-height: 20px;
    padding: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}
.notChosen {
    color: gray;
}

div[id*="incidentreport"].container-content form .form-group .ms-choice{
    min-height: 40px;
}
div[id*="incidentreport"].container-content form .form-group .ms-choice > div{
    top: 7px;
    right: 7px;
}
.opacity_6 {
    opacity: 0.6 !important;
}
.bg_faded_primary {
    background-color: #20478073;
}
.bg_faded_success {
  background-color: #d3f7d3;
}
.bg_faded_info {
    background-color: #75caeb36;
}
.bg_faded_warning {
    background-color: #f0ad4e59;
}
.bg_faded_gray {
    background-color: #ddd;
}
.rounded8 {
    border-radius: 8px;
}
.table_no_border {
    border: none;
}
.table_no_border  td {
    border: none !important;
}
.table_with_spacing {
    border-collapse:separate;
    border-spacing:0 15px;
}
.padding_1 {
    padding: 1em !important;
}
dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    overflow:hidden;
}
.display_table {
    display:table !important;
}
.table_layout_fixed {
    table-layout:fixed;
}
.display_table_row {
    display:table-row;
}
.display_table_cell {
    display:table-cell;
}
.vertical_align_top {
    vertical-align: top !important;
}
.table_cell_no_overflow {
    overflow:hidden;
    white-space:nowrap;
}

.textarea_datalist {
    width:100%;
    max-height: 15em;
    border-radius:12px;
    margin-top:0em;
    border: 2px solid #dddddd;
    padding-right:.2em;
}
.textarea_datalist > ul {
    max-height: 14.5em;
    overflow-y: auto;
    margin-bottom:0 !important
}
.textarea_datalist > ul > li:hover {
    background-color: #e9ecef;
    cursor: pointer;
}
.triangle-up {
    margin-left: 1em;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #dddddd;
}

/* Makes element blink for 10 times */
@keyframes blinky {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.blinker {
    animation: blinky 1.0s steps(2);
    animation-iteration-count: 10;
}
/* Makes element blink for 10 times */

.fc-time-grid-event.fc-short .fc-time:before{
    display: none;
}

.fc-time-grid-event.fc-short .fc-time span{
    display: inline-block !important;
}

.bold_table_row > td {
    font-weight: bold;
}

.border_top_table_row > td {
    border-top: 2px solid #aaa !important;
}
.background-color-lgray {
    background-color: #f4f4f4;
}

.workflow_section {
    font-size: 17px;
    padding: .5em;
    background-color: white;
}
.vl {
    border-left: 4px solid #ccc;
    height: 30px;
    margin-left: 10%;
    top: 0;
}

.vl-thin {
    border-left: 1px solid #000000;
    height: 20px;
    margin-top: 10px;
}

.hide_show_tab_button {
    width:13em;
    border:1px solid #bbb;
    text-align: center;
    padding:1em;
    display: inline-block;
}
.hide_show_tab_button:not(.hide_show_tab_button_active):hover {
    background: #f0ad4e;
    cursor: pointer;
}
.hide_show_tab_button_active {
    background: #204780;
    color:white;
}
.border_radius_4 {
    border-radius: 4px;
}

.hide_show_tab_holder {
    padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        font-family: Roboto, sans-serif;
        list-style: none;
}
.hide_show_tab_link:not(.hide_show_tab_link_active):hover {
    cursor: pointer;
}

.hide_show_tab_link {
    margin-right: 16px;
    display: inline-block;
    vertical-align: top;
    color: #73757D;
    padding-bottom: 7px;
}

.hide_show_tab_link.hide_show_tab_link_active {
    border-bottom:3px solid #204780;
    color:#204780;
}

.condition_li {
    padding:1.5em;
    width:95%;
}

.font-white {
    color: white !important;
}

.font-lightgray {
    color: #eee !important;
}

.background-success {
    background-color: #5cb85c !important;
}

.background-danger {
    background-color: #d9534f !important;
}

.font-lightgray {
    color: #eee !important;
}
.background-success {
    background-color: #5cb85c !important;
}

.background-warning {
    background-color: #f0ad4e !important;
}

.background-danger {
    background-color: #d9534f !important;
}
    .font-white {
    color: white !important;
}

.h-7 {
    height: 1.75rem; /* 28px */
}

.p-0.5 {
    padding:.125rem;
}

div.progress_bar_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

div.progress_holder {
    width: 24%;
    padding: .25em;
    display: inline-block;
    word-break: break-word;
    margin-bottom: .25%;
    margin-right: .25%;
}
.gray {
    color:gray !important;
}

.no-wrap {
    white-space: nowrap !important;
}
.no_list_bullet {
    list-style-type:none !important;
}
.bg-slate-200 {
    background-color: rgb(226 232 240);
}
.border-slate-200 {
    border-color: rgb(226 232 240);
}

.display-flex {
    display:flex !important;
}

.w-190 {
    width: 190px !important;
}
.w-96_7 {
    width: 96.7% !important;
}
.swal-font-family-financial {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.secondaryclaimdetails .secondaryclaimadjustments tbody,
.secondaryclaimdetails .secondaryclaimadjustments td,
.secondaryclaimdetails .secondaryclaimadjustments th {
    border:none !important;
}

/* Calendar and telehealth styles */
.telehealth-btn {
    height: 32px;
    border-radius: 4px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.41px;
    text-align: center;
    border:none;
}

#telehealth-organizer-link, #telehealth-organizer-link-zoom, #telehealth-resend-link-zoom-group, #telehealth-shared-staff-link {
    width: 270px;
    padding: 8px 16px 8px 16px;
    gap: 8px;
}

.telehealth-bg {
    background: #103EB4 !important;
    color: #FFFFFF !important;
}

#telehealth-copy-link, #telehealth-copy-link-zoom {
    width: 32px;
    gap: 0px;
}

#telehealth-resend-link, #telehealth-resend-link-zoom {
    width: 200.66px;
    padding: 0px 16px 0px 16px;
    gap: 8px;
}

.zoom-bg {
    background: #4C7EFF !important;
    color: #FFFFFF !important;
}

#telehealthMessage, #telehealthMessageZoom {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.41px;
}

#telehealth-link-holder, #telehealth-link-holder-zoom {
    width: 270px;
    height: 32px;
    gap: 10px;
    border-radius: 4px;
    background: #DBE5FF;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    color: #4C7EFF;
    overflow: hidden;
    white-space: nowrap;
    padding: 11px 8.5px 11px 8.5px;
}

.telehealth-blue-font {
    color: #103EB4;
}

.zoom-blue-font {
    color: #4C7EFF;
}

.telehealth-video-icon {
    background: url("/img/telehealth_icon.svg") no-repeat center center;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    float: left;
}

.zoom-video-icon {
    background: url("/img/telehealth_zoom_icon.svg") no-repeat center center;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    float: left;
}

.flex-row {
    display: flex;
    flex-direction: row;
}
/* Calendar and telehealth styles */

@keyframes rotation_loader {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.loading {
    position: relative;
}

.loading::after {
    content: '';
    width: 50px;
    height: 50px;
    border: 3px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation_loader 1s linear infinite;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 50%;
}

.ls-yellow-font {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    color: #FF961B !important;
}

.no-border {
    border:none !important;
}

.overflow-hidden {
    overflow: hidden;
}
.tbl-no-overflow tbody tr {
    height: 50px;
}

.tbl-no-overflow tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.loading-results {
    .search-spinner {
      border: 4px solid rgba(0, 0, 0, 0.1);
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border-left-color: #09f;
      animation: spin 1s ease infinite;
      margin: 0 auto;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

    span {
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      width: 100%;
      height: 80%;
      transform: translateY(-15%);
    }
  }