/* ------- SECTION: VARIABLES -------- */
/* Prior to CX-752, we supported IE, so we stored them as comments in order to know what value is what */
/*** start colors ***
gray: #959595
light-gray: #F5F5F5

text-color: #5B625C;
*** end colors ***/

/* ------- END VARIABLES --------- */


/* ------- SECTION: GLOBAL -------- */
/*body.waystar,
body.waystar p,
body.waystar div,
body.waystar span {
	font: 12px Arial;
	color: #555555;
	line-height: 1.2em;
}*/

body.waystar #middle {
  margin-left: 0;
}

body.waystar,
.waystar #middle.full,
.waystar #middle.flat,
.waystar #middle.flat .context-helper,
.waystar #middle.flat .main-content-flat {
  background-color: #ffffff;
}
.waystar #wrapper {
  width: unset;
}

.waystar #middle.flat .context-helper {
  padding-left: 13px;
}

/* dividers */
.waystar #sidebar.flat hr {
    color: #CCCCCC;
    background: #CCCCCC;
    opacity: 1;
}

.waystar #bottom-wrap {
  width: 100vw;
  background-color: #f5f5f5;
}

.waystar #bottom-wrap #bottom{
  width: 985px;
}

/* ------- ACCOUNT SWITCHER MODALS -------- */

#partnerSearchErrorModal {
    padding: 20px 15px !important;
}

#partnerSearchErrorModal+div.ui-dialog-buttonpane {
    display: flex;
    justify-content: center;
}

/* ------- SECTION: PAGES -------- */

/* makes the content visible once css loads when embedded in provider-vue */
.waystar #pro-embed .waystar {
    display: block;
}
.waystar.home #bottom-wrap {  
  position:fixed;
  bottom:0;
}

.waystar.home.account.login #middle {
    background: linear-gradient(to right, white 0 656px, #BDBDBD 656px 657px, #EAEAEA 657px);
}
.waystar #add-payment-btn {
    background-color: transparent;
    border: none;
    color: #0082B4;
    font-size: 15px;
}
.waystar #add-payment-btn:hover {
    background-color: transparent;
    border: none;
    color: #0082B4;
    text-decoration: underline;
}

.waystar div.greenbox {
    color: #555555;
    border: 2px solid #bdbdbd;
    background: #f5f5f5;
    padding: 10px 8px 0;
}
.waystar div.greenbox:not(table) strong {
    padding-left: 9px;
}
.waystar div.greenbox table strong {
    padding-left: 0px;
}
.waystar #bulk-permissions label {
    font-weight: normal;
    color: #555555;
}
#bulk-permissions table, 
#bulk-permissions table tr td{
    padding-bottom: 10px
}

body #questions #phone, 
body #questions #email {
    color: #555555;
}
.patientco .ui-widget-overlay {
    background-color: #000000;
    opacity: 50%;
}

/* landing page */

.waystar .main-content-flat.launchpad {
    background-color: #FFF;
}
.waystar .launchpad h3 {
    font-size: 15px;
    color: #787D87;
    font-weight: bold;
}

/* landing page - left content */
.waystar .work-queue.container {
    margin-top: 20px;
}
.waystar .work-queue.container a img.settings_ActionItemVisibility{
    margin-right: 40px;
}
.waystar .work-queue.container h3 {
    margin-bottom: 10px;
}
.waystar .launchpad.main-content-flat h4 {
    color: #555555;
}
.waystar .work-queue.container .action-items {
    margin-top: 0;
}
.waystar .left-sidebar .container {
    padding: 30px 26px;
}
.waystar .left-sidebar.segment,
.waystar #actionItemVisibility {
    border: 1px solid #BDBDBD;
    border-radius: 3px;
}
.waystar .left-sidebar.segment {    
    margin-left: 15px;
}
.waystar .launchpad .left-sidebar .divider {
    border-top: 2px solid #F6F6F6;
}


/* landing page - launchpad search */

.waystar .work-queue.container,
.waystar .icash.segment .container {
    padding: 0 80px 0 0;
}
.waystar .launchpad .icash.segment {
    margin-bottom: 0;
}
.waystar .icash.segment .launchpad-title {
    display: flex;
    margin-bottom: 15px;
}
.waystar .icash.segment .launchpad-title h2 {
    color: #565c65;
    font-size: 21px;
    font-weight: bold;
}
.waystar .icash.segment .launchpad-title span{
    align-self: center;
    margin: 4px 0 0 10px;
}
.waystar .icash.segment .make-payment {
    width: 140px;
    margin-right: 15px;
    font-size: 12px;
    color: #555555;
}
.waystar .launchpad #actionItemVisibility.visible{
    margin-right: 15px;
}
.waystar .launchpad .icash form {
    width: 360px;
}
.waystar .launchpad .icash form #query {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 285px;
    border: 1px solid #BDBDBD;
}
.waystar .launchpad .icash form #btnSubmitSearch{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.waystar .icash.segment .make-payment #icash-payment {
    background-image: linear-gradient(#00ADD8, #018DB0);
    border: 1px solid #1286A0;
    color: #FFF;
    width: 140px;
}
.waystar .icash.segment .make-payment #icash-payment:hover {
    background-image: linear-gradient(#00b7e5, #018DB0);
    text-decoration: none;
}

/* landing page - work queue */
.waystar .action-item .pillar {
    border-radius: 10px;
    width: 5px;
    margin: 2px;
}
.waystar .launchpad .action-items .action-item:hover {
    background: #F5F5F5;
}
.waystar .launchpad .action-items .clickable-row:hover p {
    color: #5b625c;
}
.waystar .launchpad .action-item td.pillar {
    padding: 3px 0;
}
.waystar .launchpad .action-item td.main {
    padding-left: 10px;
}
.waystar .launchpad .action-item td.content {
    padding: 10px 24px 10px 10px;
}
.waystar .launchpad p {
    margin: 0;
    padding: 0;
    color: #9F9F9F;
}
.waystar .launchpad .divider hr,
.waystar .launchpad hr.top,
.waystar .launchpad hr.bottom {
    background: #BDBDBD;
    margin: 5px 0;
    height: 1px;
}
.waystar .launchpad hr.top {
    margin: 24px 15px 5px;
}
.waystar .launchpad .divider hr.first {
    margin-left: 10px;
}
.waystar .launchpad .divider hr.second {
    margin-right: 15px;
}

/* start report home page */

.waystar table#report-menu td  {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.waystar table#report-menu tr td:first-child {
    padding-left: 0px;
}

.waystar table#report-menu tr td:last-child {
    padding-right: 0px;
}

.waystar #report-menu #mru-title td{
    padding: 0px;
}

.waystar #report-menu .report-group h2, 
.waystar #report-menu #mru-title h2{
    color: #787D87;
    font-weight: bold;
    font-size: 15pt;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 25px;
    border-bottom: 1px solid #CCCCCC;
    width: 240px;
    font-family: Arial, Helvetica, serif;
}

.waystar #report-menu #mru-title h2 {
    margin-bottom: 0px;
}

.waystar .report-button, 
.waystar .report-button:hover, 
.waystar #mru-row .report-button {
    background: none;
    background-color: transparent;
    padding: 0px;
    padding-left: 15px;
    margin-top: 15px;
    font-size: 12pt;
    font-family: Arial, Helvetica, serif;
}

.waystar .report-button:before {
    content: none;
}
/* end report home page */

.waystar.cancel.payment form#cancel-form div.form-input {
    width: 350px;
}

/* financing icash */
.min-amount-to-finance-wrapper,
.max-amount-to-finance-wrapper,
#financing-form-container .gray {
    margin: 0 20px;
}

/* ------- END PAGES ------- */

/* ------- END GLOBAL ------- */

/* ------- SECTION: COMPONENTS -------- */
/* COMPONENT: BUTTON */

/* start primary */
.waystar .button,
.waystar button {
    padding: auto 16px;
    cursor: pointer;
}
.waystar .flat-button {
    background-color: transparent;
    background-image: linear-gradient(#00ADD8, #018DB0);
    color: #FFFFFF;
    font-size: 12px;
    border: 1px solid #1286A0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.waystar .flat-button.large {
    line-height: initial;
    font-size: initial;
}
.waystar .main-content-flat .button {
    background-image: linear-gradient(#00ADD8, #018DB0);
    color: #FFFFFF;
    border: 1px solid #1286A0;
    border-radius: 3px;
}
.waystar .main-content-flat .button.primary{
    font-size: 12px;
    color: #FFFFFF;
}
.waystar .flat-button:hover,
.waystar .main-content-flat .button:hover {
    background-image: linear-gradient(#02BCEA, #018DB0);
}
.waystar .flat-button:active,
.waystar .main-content-flat .button:active {
    background-image: linear-gradient(#018DB0, #00ADD8);
}
.waystar .flat-button.disabled,
.waystar .flat-button.disabled:focus,
.waystar .flat-button.disabled:hover,
.waystar .main-content-flat.disabled,
.waystar .main-content-flat.disabled:focus,
.waystar .main-content-flat.disabled:hover,
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only.disabled,
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only.disabled:focus,
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only.disabled:hover {
    color: #BBBBBB !important;
    background-image: linear-gradient(#F8F8F8, #CFCFCF);
    border: 1px solid #E3E3E3;
    cursor: not-allowed;
}
.waystar .flat-button.on-grey.disabled,
.waystar .flat-button.on-grey.disabled:focus,
.waystar .flat-button.on-grey.disabled:hover,
.waystar .main-content-flat.on-grey.disabled,
.waystar .main-content-flat.on-grey.disabled:focus,
.waystar .main-content-flat.on-grey.disabled:hover {
    color: #ABABAB !important;
    border: 1px solid #C9C9C9;
    cursor: not-allowed;
}
/* end primary */

/* start secondary */
.waystar .main-content-flat .button.secondary{
    color: #1286A0;
    background-image: none;
    border: 1px solid #1286A0;
}
.waystar .flat-button.secondary,
.waystar .flat-button.large.secondary,
.waystar .flat-button.secondary:active:not(.disabled),
.waystar .flat-button.large.secondary:active:not(.disabled) {
    background-image:  none;
    background-color: transparent !important;
    color:  #1286A0;
    border: 1px solid #1286A0;
    text-transform: inherit;
}
.waystar .flat-button.secondary:focus,
.waystar .flat-button.secondary:hover:not(.disabled),
.waystar .flat-button.large.secondary:focus,
.waystar .flat-button.large.secondary:hover:not(.disabled),
.waystar:not(.welcome.main) .main-content-flat .button:hover:not(.disabled):not(.primary) {
    color: #00ADD8;
    border: 1px solid #00ADD8;
}
.waystar .flat-button.secondary.disabled,
.waystar .flat-button.large.secondary.disabled
.waystar .flat-button.secondary.disabled:focus,
.waystar .flat-button.large.secondary.disabled:focus,
.waystar .main-content-flat .button.secondary.disabled,
.waystar .main-content-flat .button.secondary.disabled:focus,
.waystar .main-content-flat .button.secondary.disabled:hover {
    color: #BBBBBB;
    border: 1px solid #E3E3E3;
    background-image: none;
    cursor: not-allowed;
}
.waystar .flat-button.secondary.on-grey.disabled,
.waystar .flat-button.large.secondary.on-grey.disabled
.waystar .flat-button.secondary.on-grey.disabled:focus,
.waystar .flat-button.large.secondary.on-grey.disabled:focus,
.waystar .main-content-flat .button.secondary.on-grey.disabled,
.waystar .main-content-flat .button.secondary.on-grey.disabled:focus,
.waystar .main-content-flat .button.secondary.on-grey.disabled:hover {
    color: #999999 !important;
    border: 1px solid #999999;
}
/* end secondary */

/* start default */
.waystar button.default,
.waystar a#add-template.flat-button,
.waystar .main-content-flat button.default,
.waystar .flat-button.icon,
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only,
.waystar .main-content-flat button.default:hover:not(.disabled) {
    background: none; /* fixes green border in IE */
    background-image: linear-gradient(#F6F6F6, #DBDBDB);
    color: #555555;
    font-size: 12px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.waystar button.default:focus,
.waystar button.default:hover,
.waystar .flat-button.icon:focus,
.waystar .flat-button.icon:hover,
.waystar .main-content-flat button.default:focus,
.waystar .main-content-flat button.default:hover:not(.disabled),
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only:focus:not(.disabled),
.waystar .ui-dialog-buttonset .ui-widget.ui-state-default.ui-button-text-only:hover:not(.disabled) {
    background-image: linear-gradient(#FFFFFF, #DBDBDB);
}

.waystar button#wizard-next,
.waystar button#wizard-prev {
    padding: 6.5px 20px;
}

.waystar button#wizard-next.ui-state-disabled {
    padding: 6.5px 10px;
}
/* end default */

/* for export, pdf, and add buttons with icons */
.waystar .flat-button.small.icon, 
.flat-button.xsmall.icon {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px;
    padding: 8px 14px 8px 35px;
}

.waystar .flat-button.small.icon:before, 
.flat-button.xsmall.icon:before {
    background-image: url(/images/icons/button-icons-transparent.png);
    top: 3.4px;
    left: 7px;
}

.waystar .flat-button.small.icon:after, 
.flat-button.xsmall.icon:after {
    background-image: none;
}
.waystar .flat-button.small.icon#create-batch-out-link:before {
    background-image: url(/images/icons/report-icons-gray.png);
    top: -8px;
    left: -4px;
    height: 40px;
    width: 40px;
}
/* start table buttons */
.waystar table div button.flat-button:not(.stacked) {
    padding: 6px 12px;
}
.waystar table.dataTable .button {
	border: 1px solid #0082B4;
	color:  #0082B4;
}
.waystar .flat table.dataTable .button:hover {
	background-color:  #0082B4;
	color:  #ffffff;
}
/* end table buttons */

/* start page styling */
.waystar .message-details-page .transparent-button {
    padding: 0;
}
.waystar .ui-dialog.ui-widget .location-form .flat-button {
    padding: 12.5px 15px;
}
.waystar div.form-submit #btnLogin{
    margin: 5px 15px;
}
.waystar #btnSubmitLocation,
.waystar #switch-submit {
    padding: 7.5px 16px;
}
.waystar #makeAPaymentButton {
    margin: 0;
}
.waystar #search-trigger-btn {
    padding: 1px 6px;
    height: 20px;
}
/* making it match other payment pages for now */
.waystar #reprocess-payments {
    margin: 20px;
}
.provider.plan.reprocess.payment.reprocessPaymentPlan.waystar div.form-submit span.options {
    bottom: 0;
}
/* end page styling */

/* end BUTTON */


/* COMPONENT: CARD */
.waystar .flat div.form-head,
.waystar div.form-head {
    background: #EAEAEA;
    border: 1px solid #BDBDBD;
    color: #555555;
    height: 34px;
}
.waystar .flat div.form-box {
    border-color: #BDBDBD;
}

.provider.plan.reprocess.payment.reprocessPaymentPlan.waystar div.form-head {
    padding-top: 10px;
    height: 30px;
}
.provider.plan.reprocess.payment.reprocessPaymentPlan.waystar div.form-box {
    background: #FFFFFF;
    padding: 4px 7px 10px;
}
.waystar div.form-box {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.waystar div.form-head {
    width: 100%;
}
/* .waystar.login div.form-head {
    width: 600px;
} */
/* END CARD */


/* COMPONENT: CHECKBOX */
.waystar .ui-multiselect-checkboxes label {
    padding: 0px;
    color: #555555;
    font-size: 12px;
}
.waystar .ui-multiselect-checkboxes input[type=checkbox] {
    top: 0px;
    margin: 5px 5px 0px 3px;
}
.waystar table.dataTable#plans-table th.select-checks {
    width: 20px !important;
}
/* END CHECKBOX */


/* COMPONENT: DATEPICKER */
.waystar #ui-datepicker-div .ui-state-default, 
.ui-widget-content .ui-state-default,
.waystar #ui-datepicker-div .ui-widget-header .ui-state-default {
    border: 1px solid #0082B4;
    background: #fff;
    font-weight: normal;
    color: #0082B4;
}

.waystar #ui-datepicker-div .ui-state-active,
.waystar #ui-datepicker-div .ui-widget-content .ui-state-active,
.waystar #ui-datepicker-div .ui-widget-header .ui-state-active,
.waystar #ui-datepicker-div .ui-state-hover,
.waystar #ui-datepicker-div .ui-widget-content .ui-state-hover,
.waystar #ui-datepicker-div .ui-widget-header .ui-state-hover {
    border: 1px solid #0082B4;
    background: #0082B4;
    font-weight: normal;
    color: #fff;
}

/* datepicker navigation buttons */
.waystar #ui-datepicker-div .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_0082B4_256x240.png);
}

/* datepicker navigation buttons hover state */
.waystar #ui-datepicker-div .ui-widget-header .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
/* END DATEPICKER */


/* COMPONENT: DATEPICKERDROPDOWN */

.waystar .historic-date-item {
    width: 228px;
    margin-top: -2px;
    border-radius: 0px;
    margin-left: 3px;
}

.waystar.disbursed .historic-date-item {
    margin-left: 9px;
    width: 225px;
    margin-top: 0px;
}

.waystar .historic-date-item .hover-arrow {
    display: none;
}

.waystar .historic-date-item [data-hover-label] {
    background-color: #EAEAEA;
    font-size: 12px;
    color: #555555;
    font-weight: bold;
    border: 1px solid #BDBDBD;
    border-radius: 0px;
}

.waystar .historic-date-item [data-hover-content] {
    border: 1px solid #BDBDBD;
    overflow-y: auto;
    border-radius: 0px;
}

.waystar .historic-date-item [data-hover-content] a {
    background-color: #FFFFFF;
    font-size: 12px;
    color: #555555 !important; /* there's a lot of specificity in the links default styles with all of the nots */
    text-decoration: none !important;
    font-weight: normal;
    border-bottom: none;
}

.waystar .historic-date-item [data-hover-content] a.js-selected, 
.waystar .historic-date-item [data-hover-content] a:hover {
    background-color: #F2F2F2;
}

.waystar [data-hover-right-arrow],
.waystar [data-hover-left-arrow] {
	background: transparent url(images/ui-icons_777777_256x240.png) no-repeat;
    width: 16px;
    height: 16px;
}

.waystar [data-hover-left-arrow] {
    background-position: -96px 4px;
}

.waystar [data-hover-right-arrow] {
    background-position: -34px 4px;
}

/* END DATEPICKERDROPDOWN */


/* COMPONENT: DATEPICKERRANGED */

/* END DATEPICKERRANGED */


/* COMPONENT: HEADER */
.waystar #top #header {
  margin-left: 15px;
}

/* Can remove this once the what's new stuff works cross domain */
#headerTop #headerTopRight #headerWhatsNew {
    display: none;
}
/* and this */
#headerTop #headerTopRight .waystar-support-spacer {
    display: none;
}

.waystar #top .header-container {
  background-color: transparent;
  background-image: linear-gradient(#072B3F, #0A405F);
}
.waystar #top .header-container.on-production {
    background-color: #cb2a23;
    background-image: none;
}
.waystar #top span.on-production {
    color: #FFFFFF;
}

.waystar #btnLogout {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 3px;
  font-size: 12px;
  background-color: transparent;
  text-transform: none;
  padding: 4px 10px 3px 10px;
}

.waystar #demoHeaderLogo {
    background-image: url(/images/backgrounds/Orange-White-Header.png);
    margin-top: 15px;
    width: 153px;
    height: 28px;
    display: inline-block;
}

.waystar #btnDemoLogoff {
    border: 1px solid transparent;
    background-color: transparent;
    text-transform: none;
    padding: 0px;
    font-family: 'Titillium Web', arial;
    color: #fff;
    font-size: 12px;
}

.waystar #btnDemoLogoff:hover {
    text-decoration: underline;
}

.waystar .acct-info:hover {
  color: #d7d7d7;
}
.waystar .acct-info #user-email {
  font-weight: bold;
}
/* END HEADER */


/* COMPONENT: INFOBOX */
#sidebar {
    margin-left: 58px;
}
.waystar #sidebar.flat .sidebox,
.waystar #sidebar .sidebox {
    border: 1px solid #BDBDBD;
    border-radius: 7px;
}
.waystar #sidebar.flat .sidebox .sideitem,
.waystar #sidebar.flat .sidebox .sideitem .sub-item,
.waystar #sidebar.flat .sidebox .sideitem #amount-due {
    color: #555555;
}
.waystar #sidebar.flat .sidebox .sideitem strong{
    color: #333333;
}

/* END INFOBOX */

/* COMPONENT: LINK */
body.waystar span.link,
body.waystar a:not(.historic-date-item):not(.ui-state-default):not(.back-nav-arrow):not(.flat-button):not(.button):not(.ui-corner-all):not(.ui-multiselect-all):not(.ui-multiselect-none):not(.not-link):not(.disabled),
body.waystar .message-details-page .blue-link,
body.waystar .button.manageBanks{
	color:  #0082B4;
	text-decoration: none;
}
body.waystar span.link:hover,
body.waystar a:not(.historic-date-item):not(.ui-state-default):not(.back-nav-arrow):not(.flat-button):not(.button):not(.ui-corner-all):not(.ui-multiselect-all):not(.ui-multiselect-none):not(.not-link):hover,
body.waystar .message-details-page .blue-link:hover,
body.waystar .button.manageBanks:hover {
	color:  #0082B4;
	text-decoration: underline;
}

.waystar .message-details-page .blue-link {
    border-bottom: none;
}

.waystar a.disabled {
    color: #CCCCCC;
}
/* END LINK */


/* COMPONENT: LOADING INDICATOR */
.loading-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 6;
}
.loading-panel-content {
    position: absolute;
    top: 40%;
    left: 45%;
    display: inline-flex;
    background: white;
    padding:  20px 40px 20px 20px;
}
.loading-panel img {
    height: 68px;
    width: 68px;
}
.loading-panel-text {
    margin-left: 20px;
    text-align: left;
    margin-top: 17px;
}
/* END LOADING INDICATOR */


/* COMPONENT: MODAL */
/* location selector modal */
.waystar .splash-dialog.choose-loc-dialog,
.waystar .splash-dialog.choose-loc-dialog .ui-dialog-content {
    border: 3px solid #BDBDBD;
}
.waystar #choose-loc-dialog #dialog-sidebar {
    width: 160px;
}

.waystar #missingCurrentLocationError {
    width: 100% !important;
    background-position: 0px 0px;
    padding-left: 20px;
}

.waystar .bottom-left-logo {
    left: -20px;
    width: 200px;
}
.waystar #dialog-sidebar {
    background: #BDBDBD;
}

.waystar .ui-dialog {
    padding: 0;
}
.waystar .ui-dialog .ui-dialog-titlebar{
    padding: 0 15px;
}

.waystar :not(.ui-multiselect-header).ui-widget-header, 
.waystar .ui-dialog.terminal-location-assignment-modal .ui-dialog-titlebar,
.waystar .ui-dialog div.dialog-input-title,
.network.main.patientco.waystar thead {
    background-color: unset;
    background-image: linear-gradient(#F6F6F6, #DBDBDB) !important;
    border: 1px solid #BDBDBD;
    height: 46px;
    color: #555555;
    border-radius: 0;
}

.waystar .ui-dialog p.dialog-input-title,
.waystar .ui-dialog .dialog-input-title span.ui-dialog-title {
    background-color: transparent;
    height: 40px;
    font-size: 16px;
    padding: 0;
    margin-left: 15px;
    color: #555555;
}
.waystar .ui-dialog span.ui-dialog-title {
    width: 89%;
} 
.waystar .ui-dialog .ui-dialog-title {
    margin: 15px 0px;
}
.waystar .splash-dialog {
    border: none;
}
.waystar .ui-dialog .ui-state-default.ui-dialog-titlebar-close,
.waystar .ui-dialog .ui-button-icon-only.locations,
.waystar.patientco button:not(.ui-multiselect).ui-state-default.ui-state-hover:not(.ui-button-text-only) {
    margin-right: 13px;    
    height: 100%;
    width: 40px;
    background: transparent;
    border: none;
    border-left: 1px solid #BDBDBD;
    border-radius: 0;
    top: 0;
    margin: 0 -4px 0 0;
}

.waystar.patientco :not(.ui-multiselect-header).ui-widget-header,  
.waystar.patientco .ui-state-default .ui-icon, 
.waystar.patientco .gray .ui-icon,
.waystar.patientco .ui-button:not(.delete-button) .ui-icon,
.waystar.patientco .custom-combobox a .ui-icon, .patientco button:not(.ui-multiselect).ui-state-default .ui-icon {
	background-image: url("images/ui-icons_747983_256x240.png");
}

.waystar.patientco button:not(.ui-multiselect).ui-state-default:not(.ui-widget).ui-state-hover,
.patientco .gray button.ui-button.ui-state-default.ui-button-icon-only {
    border: none;
    color: transparent;
    background: transparent;
    border-left: 1px solid #BDBDBD;
}

.waystar.patientco.payment.account button:not(.ui-multiselect).ui-state-default.ui-state-hover,
.waystar.patientco.payment.account .gray button.ui-button.ui-state-default.ui-button-icon-only {
    border-left: none;
}

.waystar .ui-widget-header:not(.ui-multiselect-header),  
.waystar .ui-state-default .ui-icon, 
.waystar .gray .ui-icon,
.waystar .ui-button:not(.delete-button) .ui-icon {
	background-image: url("images/ui-icons_747983_256x240.png");
}

.waystar .ui-button.delete-button .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}

.waystar .ui-widget-header.ui-multiselect-hasfilter {
    background-image: none !important;
    color: #FFF;
}

.waystar .ui-dialog.terminal-location-assignment-modal .ui-dialog-titlebar-close, 
.ui-dialog.terminal-location-assignment-modal .ui-dialog-titlebar-close:hover {
    border: none;
    border-left: 1px solid #BDBDBD;
}

/* waystar redirect modal */
.waystar .flat#redirect-warning #redirect-container {
    margin:20px 40px 0px;
}
.waystar .flat#redirect-warning h1, 
.waystar .flat#redirect-warning h2,
.waystar .flat#redirect-warning p {
    color: #555555;
    border: none;
}
.waystar .flat#redirect-warning .title, 
.waystar .flat#redirect-warning .description, 
.waystar .flat#redirect-warning .steps {
    margin-bottom: 10px;
}
.waystar .flat#redirect-warning .title {
    font-size: 30px;
    padding-bottom: 0px;
}
.waystar .flat#redirect-warning .title p,
.waystar .flat#redirect-warning .steps p {
  padding: 4px 0;
}
.waystar .flat#redirect-warning .description,
.waystar .flat#redirect-warning p:not(.domain-admin),
.waystar .flat#redirect-warning .to-waystar-btn {
  font-size: 18px;
}
.waystar .flat#redirect-warning .to-waystar-btn {
  margin-top: 20px;
  width: 470px;
  text-transform: none;
}
.waystar .flat#redirect-warning .contact {
    display: flex;
    align-items: center;
    justify-content: center;
}
.waystar .flat#redirect-warning .domain-admin{
    color: #999999;
}

/* Message Template Delete Modal */
/* Separating this out since there's a specific design for it, but I'm hoping that the design becomes standardized? */
.waystar .yes-no-dialog>p {
    padding: 0px 0px 10px 0px;
}

.waystar .yes-no-dialog div {
    margin: 20px 0px;
}

.waystar .yes-no-dialog span.message,
.waystar .yes-no-dialog span.template-toremove-title-label,
.waystar .yes-no-dialog span.template-toremove-title,
.waystar .yes-no-dialog span.template-toremove-reason-label,
.waystar .yes-no-dialog span.template-toremove-reason {
    width: 100%;
    display: block;
}

.waystar .yes-no-dialog span.message {
    margin-top: 4px;
    margin-bottom: 20px;
}

.waystar .yes-no-dialog span.template-toremove-title-label,
.waystar .yes-no-dialog span.template-toremove-reason-label {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
}

.waystar .yes-no-dialog span.template-toremove-title {
    margin-bottom: 15px;
}

.waystar .ui-dialog .ui-dialog-buttonset button {
    margin: 6px 0px 6px 10px;
}


/* END MODAL */


/* COMPONENT: MULTISELECT */
.ui-widget .ui-widget-header a {
color: #fff;
}
/* END MULTISELECT */


/* COMPONENT: NAVIGATION */
.waystar .nav-container {
  background-color: white;
  padding-top: 8px;
}

.waystar .site-navigation {
  height: 76px;
  margin-left: 15px;
  width: 100%;
}

.waystar #subnavHeader h1 {
  font-size: 28px;
  color: #333;
  font-weight: 400;
}

.waystar .site-navigation li a {
  color: #333;
  font-size: 13px;
  border-bottom: 3px solid #d1d1d1;
  padding: 0;
  white-space: nowrap;
}

.waystar .site-navigation li {
  margin-right: 12px;
}

.waystar .site-navigation li.has-dropdown {
  white-space: nowrap;
}

.waystar .site-navigation li.has-dropdown::after {
  margin-right: 19px;
}

.waystar .site-navigation li.has-dropdown:after {
  background-image: url(images/ui-icons_ffffff_256x240.png);
  margin-left: -10px;
}

.waystar .site-navigation li span.number {
	background-color: white;
  color: #333;
  margin: 0;
  padding: 2px 4px 0px 4px;
  font-weight: bold;
}

/* navigation items hover and selected states */

.waystar .site-navigation li:not(.empty) a:hover {
  color: #000000;
  background-color: white;
  border-bottom: 3px solid #000000;
}

.waystar .site-navigation li.sel-clickable {
  background-color: #ffffff;
}


.waystar .site-navigation li.sel a, 
.waystar .site-navigation li.sel:hover a, 
.waystar .site-navigation li.sel-clickable a{
  color: #f25e1e;
  background-color: white;
  border-bottom: 3px solid #f25e1e;
  font-weight: 700;
}

.waystar .site-navigation li.sel-clickable span.number{
  color: #f25e1e;
}

.waystar .site-navigation li.sel-clickable:hover span.number {
  color: #333;
}

.waystar .site-navigation li.sel-clickable:hover a {
  color: #333;
  border-bottom: 3px solid #000000;
}

.waystar .site-navigation li.sel:after, 
.waystar .site-navigation li.has-dropdown:hover:after, 
.waystar .site-navigation li.sel:hover:after, 
.waystar .site-navigation li.sel.has-dropdown:hover:after {
  background-image: url(images/ui-icons_333333_256x240.png);
}

.waystar .site-navigation li.empty,
.waystar .site-navigation li.empty a {
  width: 100%;
  padding-top: 9px;
}

.waystar .site-navigation li.sel,
.waystar .site-navigation li:hover {
  background-color: #ffffff;
}

/* fix weird disappear delay */
.waystar .site-navigation ul li > ul,
.waystar .site-navigation ul li ul {
	transition-delay: -1s;
}

/* navigation list items hover state */

.waystar .site-navigation li:hover ul li:hover a, 
.waystar .site-navigation li.sel:hover ul li:hover a {
  background-color: #E6E6E6;
  color: #333333;
}

/* navigation selected state */
.waystar .site-navigation li ul li.sel a, 
.waystar .site-navigation li:hover ul li.sel a {
  background-color: #ffffff;
  color: #f26e1e;
}

/* END NAVIGATION */


/* COMPONENT: NOTICE */
/* start common */
body.waystar div.status {
	font: 12px Arial;
	color: #555555;
	background: none; /* remove icons */
	border: solid 1px;
	border-radius: 5px;
	padding: 20px 15px;
  margin: 12.5px 0px;
}
/* end common */

/* start success */
body.waystar div.status.success {
	background-color: #E9FFD8 !important;
	border-color: #C5E7AA !important;
}
body.waystar.welcome.main div.status.success {
	margin-left: 15px;
}
/* end success */

/* start warning */
body.waystar div.status.notice-circled,
body.waystar div.status.notice,
body.waystar div.status.warning {
	background-color: #FFFBCC !important;
	border-color: #E2DB85 !important;
}

body.patientco.waystar div.notice-circled-large {
    border: 2px solid #E2db85;
}
body.waystar #batches-with-unposted {
    width: 878px;
}
/* end notice/warning */

/* start info */
body.waystar div.status.info-flat {
	background-color: #EFEFEF;
	border-color: #D8D8D8;
}
/* end info */

/* start error */
body.waystar div.status.error {
    color: #CF0000  !important;
    background-color: #FFEEEE  !important;
    border-color: #E8C5C5  !important;
    margin-left: 15px;
}

body.waystar .templates div.status.error {
    width: initial;
    margin-left: 0px;
    margin-bottom: 10px;
}
/* end error */

/* END NOTICE */


/* COMPONENT: RADIO */
.waystar #payment_plan_options td:nth-of-type(2),
.waystar #payment_plan_options td:nth-of-type(2) label, 
.waystar #payment-amount-options td:nth-of-type(2) label {
    color: #555555;
    font-size: 12px;
}
.waystar #payment-amount-options td:nth-of-type(2) label {
    padding: 7px 0px 0px 5px;
}
.waystar input[type='radio'] {
    margin: 2.5px 5px;
}
.waystar.billingDescriptors input[type='radio'] {
    margin: 0px 5px 5px;
}
.waystar.billingDescriptors form label:not(.showCodes) {
    font-weight: normal;
    color: #555555;
    font-size: 12px;
    float: none;
}
/* END RADIO */


/* COMPONENT: SEARCH */
.waystar.patientco input.search {
    background: url(/images/icons/magnifying-glass.svg) left 7px center no-repeat;
    background-size: 12px;
    padding-left: 30px;
}
.waystar.patientco input.search#query {
    background-size: 20px;
}
/* END SEARCH */


/* COMPONENT: SELECT */
.waystar .messages-page .input-container.dropdown button {
  background-color: lightgray;
  height: 24px;
  margin: -1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.waystar.patientco select {
    appearance: none;
    -webkit-appearance: none;
    background: white;
    /* for IE11 we may need to base64 encode this
    https://stackoverflow.com/questions/14218307/select-arrow-style-change
    see answer by svnm
    */
    background-image: url("data:image/svg+xml;utf8,<svg style='border-left: 1px solid darkgray;' fill='dimgray' height='inherit' viewBox='0 0 24 24' width='inherit' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='lightgray'/><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 5px;
    min-height: 22px; /*important for icon to display properly */
    border: 1px solid darkgray;
    color: #5B625C;
}

.waystar.patientco select:not(#status-filter) {
  min-width: 80px;
}

.waystar_immersive #waystarHeader {
    /* default waystar styles are off, make min width a little bigger to fix them */
    min-width: 1020px;
}

.waystar.patientco #waystarAccountBar select, .waystar.patientco #waystarHeader select {
    appearance: auto;
    -webkit-appearance: auto;
    background-image: none;
    min-height: 0;
    background: white;
    padding: 0;
    min-width: 80px;
    border: 1px solid;
    color: #555555;
    line-height: normal;
}

.split-menu {
    z-index: 1;
}
/* END SELECT */


/* COMPONENT: SMARTSEARCH */
/* start gray */
.waystar.patientco .custom-combobox .ui-autocomplete-input, 
.waystar #collection-select-combobox.custom-combobox .ui-autocomplete-input {
    color: #5B625C;
    border: 1px solid #BDBDBD;
    border-right: none;
    background: url(/images/icons/magnifying-glass.svg) left 7px center no-repeat !important;
    background-size: 13px !important;
    padding: 4px 6px 4px 25px;
}

.waystar.patientco .custom-combobox a.ui-button,
.waystar.patientco .custom-combobox a.ui-button.ui-state-hover,
.patientco .gray .custom-combobox a.ui-widget.ui-state-default,
.patientco .gray .custom-combobox a.ui-widget.ui-state-default.ui-state-hover, 
.patientco .gray button.ui-state-default.ui-state-hover:not(.assign-terminal-multiselect), 
.waystar #collection-select-combobox.custom-combobox a.ui-button {
    background-color: transparent;
    background-image: none;
    border-color: #BDBDBD;
    border-left: none;
}

.waystar.patientco .custom-combobox a .ui-icon, 
.waystar #collection-select-combobox.custom-combobox a .ui-icon {
    background-image: url("images/ui-icons_747983_256x240.png");
}
.provider.report.shiftReport.patientco.waystar #filter-form #location-filter+.ui-multiselect:not(.ui-state-hover):not(.ui-state-active) {
    background: linear-gradient(to right, transparent 0 188px, #959595 188px);
}
/* end gray */

.waystar ul.ui-widget li.ui-menu-item a, 
.waystar.patientco .choose-loc-dialog .ui-menu.ui-widget-content .ui-menu-item{
    background-color: #FFFFFF;
    background-image: none;
    border-color: #FFFFFF;
    color: #5B625C;
}
.waystar ul.ui-widget li.ui-menu-item .ui-state-focus a, 
.waystar.patientco .choose-loc-dialog .ui-menu.ui-widget-content .ui-menu-item.ui-state-focus,
.waystar .ui-state-hover:not(.ui-multiselect), 
.waystar .ui-widget-content .ui-state-hover, 
.waystar .ui-state-focus, 
.waystar .ui-widget-content .ui-state-focus, 
.waystar .ui-widget-content .ui-menu-item.ui-state-focus.blue-link,
:not(.splash-dialog)>ul.ui-widget .ui-state-focus {
    background-color: #F5F5F5;
    background-image: none;
    border: 0px;
    color: #5B625C;
}

.waystar #filter-form .cboWidget {
    box-sizing: border-box;
    width: 297px !important; /* hack for firefox */
}

/* start focus state */
.gray .custom-combobox input.ui-state-active:focus {
    border: 2px solid #1e90ff;
    border-right: none;
    background: url(/images/icons/magnifying-glass.svg) left 6px center no-repeat !important;
    background-size: 13px !important;
    padding: 3px 5px 3px 24px;
}
.gray .custom-combobox input.ui-state-active:focus + a {
    border: 2px solid #1e90ff !important;
    border-left: none !important;
}
/* end focus state */
/* end SMARTSEARCH */

/* Demo Mock Waystar Header */
.waystar .v-application--wrap #waystarHeader>*, .waystar .v-application--wrap #waystarHeader~* {
    padding-left: 0px;
}

.waystar .demoWaystarHeader {
    color: #f5eff4;
}
.waystar .demoWaystarHeader #acct-switcher-form {
    margin: 0px 20px 0px 0px;
}

.waystar.patientco .demoWaystarHeader .custom-combobox {
    font-size: 14px;
}

.waystar.patientco .demoWaystarHeader .custom-combobox .ui-autocomplete-input,
.waystar.patientco #waystarHeader.demoWaystarHeader .custom-combobox .ui-autocomplete-input {
    border: 1px solid #BDBDBD;
    border-right: none;
    border-radius: 0px;
    background: #fff !important;
    padding: 4px 6px;
    font-size: 12px;
    color: #333;
    font-family: Arial;
}

.waystar .demoWaystarHeader .custom-combobox a.ui-button {
    background-image: url("images/ui-icons_747983_256x240.png");
    border-radius: 0px;
    background: #fff !important;
}
/* end Demo Waystar Header */

/* COMPONENT: TAB */
.tab-item-container {
    margin-bottom: -1px;
}

.waystar ul.tabs {
    border-bottom: 1px solid #999999;
}

.waystar ul.tabs li {
    height: 18px;
}

.tab-container.tabbed .tab-target {
    border: 1px solid #D0D0D0;
}
.tab-container .tab-item {
    /* put gray default styles here */
    padding: 10px 20px;
    border: 1px solid #D0D0D0;
    border-radius: 0px;
    background-color: #F9F9F9;
    color: #555555;
    margin-right: -5px; /* hack to make the tabs overlap */
}

/* payment flow containers - delete button color */
.waystar.patientco.payment .custom-combobox, 
.waystar.patientco.payment #payment-list-container button:not(.ui-multiselect):not(.ui-dialog-titlebar-close).ui-state-default {
    border: none;
    background: transparent;
}

#balance-alert-container {
    color: #555555;
    background-color: #F3F3F3;
    border-radius: 3px;
    border: 1px solid #BDBDBD;
}

.waystar.account.billingDescriptors .tab-container .tab-item a{
    color: #2d4a33 !important;
    text-decoration: none;
}

.waystar.account.billingDescriptors .tab-container .tab-item a:hover {
    color: #2d4a33 !important;
    text-decoration: none !important;
}


.waystar.account.billingDescriptors .tab-container .tab-item.selected,
.waystar .tab-container .tab-item.selected {
    /* put blue selected styles here */
    color: #0082B4;
    background-color: #FFFFFF;
    border-top: 2px solid #0082B4;
    border-bottom: 1px solid #FFFFFF;
    padding-top: 9px;
    z-index: 1;
}

.tab-container .tab-item:hover,
.waystar .message-filters .filter:hover {
    /* put gray hover styles here */
    background-color: #FFFFFF;
    opacity: 1; /* overrides patientco css that sets it to .7 */
}
/* end TAB */

/* COMPONENT: TABFILTER */
/* start gray */
.waystar .ui-buttonset .ui-state-default,
.waystar.location.management .tab-item,
.waystar .message-filters .filter {
    /* put gray default styles here */
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #D0D0D0;
    border-radius: 0px;
    background-color: #F9F9F9;
    color: #555555;
    background-image: none;
}

.waystar .ui-buttonset .ui-state-active,
.waystar.location.management .tab-item.selected,
.waystar .message-filters .filter.active {
    /* put blue selected styles here */
    color: #0082B4;
    background-color: #FFFFFF;
    border: 1px solid #0082B4;
    border-top-width: 2px;
    padding-top: 1px;
    z-index: 1;
}

.waystar .ui-buttonset .ui-state-default.ui-state-hover,
.waystar.location.management .tab-item:hover {
    /* put gray hover styles here */
    background-color: #FFFFFF;
}

/* page styling */
.waystar ul.tabs li.disabled {
    background: transparent !important;
}
/* end gray */

/* END TABFILTER */


/* COMPONENT: TABLE */
/* default  = .sorting or .sorting_disabled */
/* default state */
.waystar table thead {
    border: none;
}

.waystar #plan-payments-table_wrapper table thead {
  background-image: linear-gradient(#F6F6F6, #DBDBDB); /* fixes table header background in IE on payment plan modal */
}

.waystar #content.report .tablesorter-headerRow, 
.waystar .flat table.dataTable thead tr,
.waystar.report div:not(.month-wrapper):not(.date-picker-wrapper) table thead {
  background-color: transparent;
  background-image: linear-gradient(#F6F6F6, #DBDBDB);
  background-repeat: repeat;
}

.waystar #content.report .tablesorter-headerRow th, 
.waystar .flat table.dataTable thead tr th,
.waystar.report div:not(.month-wrapper):not(.date-picker-wrapper) table thead tr th,
/* fixes heading on messages tables and chat transcripts table */
.waystar table.dataTable.messages-table thead tr th {
  color: #5B625C;
  padding-right: 17px;
  background: transparent;
}

.dataTables_wrapper table.dataTable,
.dataTables_wrapper table.dataTable.no-footer,
#content.report .tablesorter-headerRow,
#content.report .tablesorter-headerRow th,
#content.report .tablesorter tr,
.flat table.dataTable thead tr th,
.account-history.dataTable.med.no-footer tr,
table#catchment-glossary-table {
    border-collapse: separate;
    border: 1px solid #BDBDBD;
}
/* selected = .sorting_asc or .sorting_desc */
/* selected state */
/* not an easy change */

/* sorting */
.waystar .dataTables_wrapper table.dataTable thead .sorting {
    background: url(/images/icons/sort-both-new.png) no-repeat 94% 50% !important;
}

.waystar .dataTables_wrapper table.dataTable thead .sorting_asc {
    background: url(/images/icons/sort-asc-new.png) no-repeat 94% 50% !important;
}

.waystar .dataTables_wrapper table.dataTable thead .sorting_desc {
    background: url(/images/icons/sort-desc-new.png) no-repeat 94% 50% !important;
}
/* end sorting */

.dataTables_wrapper table.dataTable thead tr th,
.account-history.dataTable.med.no-footer,
table#catchment-glossary-table thead{
    border: none;
    border-bottom: 1px solid #BDBDBD;
}

.dataTables_wrapper table.dataTable thead tr th:not(:last-child) {
    border-right: 1px solid #BDBDBD;
    margin-right: 1px;
}

.dataTables_wrapper table.dataTable thead tr th:not(:first-child) {
    border-left: 1px solid #FFFFFF;
    margin-left: 1px;
}


.dataTables_wrapper table.dataTable tbody tr:not(.selected) td,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).odd:not(:hover) td,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).even td,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).odd:hover td,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).even:hover td,
.waystar table.account-history tbody tr:not(.selected):nth-child(odd):not(:hover) td,
.waystar table.tablesorter tbody tr.odd td {
    background-color: white;
}

.dataTables_wrapper table.dataTable tbody tr:not(.selected) td.sorting_1,
.dataTables_wrapper table.dataTable tbody tr:not(.selected) td.sorting_2,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).odd td.sorting_1,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).odd td.sorting_2,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).even td.sorting_1,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).even td.sorting_2,
.waystar .flat table.dataTable tbody tr:not(.selected).odd:not(:hover) td.sorting_1,
.dataTables_wrapper table.dataTable tbody tr:not(.selected).even td.sorting_2 {
    background-color: #ffffff;
}

.account.firewall .flat table.dataTable tbody>tr:hover>td:not(.dataTables_empty), 
.account.firewall .flat table.dataTable tbody>tr.even:hover>td:not(.dataTables_empty), 
.account.firewall .flat table.dataTable tbody>tr.odd:hover>td:not(.dataTables_empty) {
    background-color: #959595;
    color: white;
}
:not(.dataTables_empty)
.report table.tablesorter tr.selected td:not(.dataTables_empty), 
.report table.tablesorter tr.selected.even td:not(.dataTables_empty), 
.report table.tablesorter tr.selected.odd td:not(.dataTables_empty), 
.flat table.dataTable tbody>tr.selected>td:not(.dataTables_empty), 
.flat table.dataTable tbody>tr.selected.even>td:not(.dataTables_empty), 
.flat table.dataTable tbody>tr.selected.odd>td:not(.dataTables_empty) {
    background-color: #555555;
}
.waystar table.dataTable td.dataTables_empty,
.waystar table.dataTable td.dataTables_empty:hover {
    background-color: white;
    color: #5B625C;
}

.waystar .flat table.dataTable tbody tr.selected td.dataTables_empty,
.waystar.flat table.dataTable tbody tr.selected.even td.dataTables_empty,
.waystar.flat table.dataTable tbody tr.selected.odd td.dataTables_empty,
.waystar.flat table.dataTable tbody>tr:hover>td.dataTables_empty,
.waystar.flat table.dataTable tbody>tr.even:hover>td.dataTables_empty,
.waystar.flat table.dataTable tbody>tr.odd:hover>td.dataTables_empty {
    background-color: white;
    color: #5B625C;
}

.dataTables_wrapper table.dataTable tr td,
.waystar table.tablesorter tbody tr td,
.waystar table.dataTable tbody tr td {
    text-overflow: wrap;
    font-size: 13px;
    color: #5B625C;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.waystar table.dataTable tfoot {
    border: none;
}

.dataTables_wrapper table.dataTable tfoot tr td,
.waystar tfoot tr.select-actions td {
    background-color: #F5F5F5;
}

.dataTables_wrapper table.dataTable tfoot tr td small {
    background-color: #F5F5F5;
    color: #5B625C;
}

/* start table-header */
.waystar .table-header {
    background-color: #575C65;
    border: 1px solid #575C65;
    border-radius: 4px 4px 0px 0px;
    color: white;
    justify-content: center;
    padding: 10px 0px;
    font-size: 14px;
}
/* end table-header */

/* start toggler */
.waystar div.toggler {
    background-color: #575C65;
    border: 1px solid #575C65;
    border-radius: 4px;
    color: white;
    justify-content: center;
    padding: 10px;
    font-size: 14px;
}

/* fixes toggler print outline */
div.toggler {   /* override global for batch out and recon report PDF */
	background-color:#EEEEEE;  
	color:rgb(35, 31, 32);
	border:1px solid #DDDDDD;
}

.waystar div.toggler span {
    vertical-align: middle;
}

.waystar div.toggler span.toggle-icon {
    margin-bottom: 1px;
    background-image: url(/styles/images/ui-icons_ffffff_256x240.png);
}

.waystar div.toggler.light {
    background-color: #F3F3F3;
    border: 1px solid #BDBDBD;
    border-radius: 0px;
    color: #555555;
}

.waystar div.toggler.light span.toggle-icon {
    margin-bottom: 1px;
    background-image: url(/styles/images/ui-icons_333333_256x240.png);
}
/* end toggler */

.waystar .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
.waystar .dataTables_scrollBody table.dataTable {
    margin-top: 0;
}

.waystar table.dataTable tbody tr.table-group td {
    background-color: #F3F3F3;
    color: #555555;
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}

.waystar table.dataTable tbody tr.table-group td:hover {
    cursor: pointer;
}

.waystar table.dataTable tbody tr.table-group span.toggle-icon {
    margin-bottom: -3px;
    background-image: url(/styles/images/ui-icons_333333_256x240.png);
}

#no-results {
    background-color:#dddddd;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    line-height: 240px;
    vertical-align: middle;
    text-align:center;
    display:none;
}

/* page styling */

.waystar .messages-page .messages-table tbody tr:hover td:not(.dataTables_empty) {
    cursor: pointer;
    background: #EEEEEE !important;
}

.waystar #payment-details-summary-row {
  color: #333333;
}

/* temporary until we can size down the 'modern' pages */
.waystar.patientco table.dataTable td.select-checks, 
.waystar.patientco table.dataTable th.select-checks {
    padding-right: 5px; 
}

.waystar.patientco table.dataTable td.select-checks input,
.waystar.patientco #group-by-users {
  margin: 3px 3px 3px 4px;
}

.messages-page .input-container.dropdown button {
    background-size: 11px;
    background-position: 7px 6px;
    height: 22px;
    width: 24px;
}
.waystar .messages-page .input-container {
    height: 22px;
}
.waystar .messages-page .input-container:not(.dropdown) {
    border: none;
}
.waystar .messages-page .input-container input,
.waystar.provider .modern-tabular-page .input-container.date-selector .daterange {
    border: 1.5px solid #919191;
    border-radius: 3px;
}
.waystar.provider .modern-tabular-page .input-container.date-selector .daterange {
    font-size: 14px;
    padding: 11px 6px;
}

.waystar .messages-page .input-container.dropdown ul li.selected,
.waystar .messages-page .message-filters li {
    line-height: normal;
    height: 22px;
}
.waystar .messages-page .input-container.radio {
    border: none;
}
.waystar .messages-page .input-container.date-selector
.waystar .messages-page .input-container.dropdown {
    border: 1px solid #919191;
}
.waystar .messages-page .input-container.search input {
    height: 18px;
}
.waystar.provider.consentRequests .modern-tabular-page .input-container.date-selector .daterange {
    height: 20px;
}
.waystar .subtotals-table .subtotal-label {
    color: #333333;
}
.waystar .circled-number {
    color: #333333;
    border: 2px solid #333333;
}
.waystar table .right { 
    text-align: center; 
}
.waystar.provider #content {
    margin-left: 0px;
}
/* END TABLE */


/* COMPONENT: TEXTAREA */

/* END TEXTAREA */


/* COMPONENT: TEXTINPUT */
/* start required */
label.required:before {
    content:" *";
    color: red;
}
/* end required */


/* END TEXTINPUT */


/* COMPONENT: TOOLTIP */

/* i icon button */
.waystar .explanationButton {
    width: 16px;
    margin-top: 6px;
}
.waystar .explanation {
    background-color: #444444;
    color: #FFFFFF;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0, .5);
    width: 200px;
    border-radius: 4px;
    padding: 10px 10px 20px 20px;
}

.waystar .explanation .container-heading,
.waystar .explanation .body.no-heading {
    display: flex;
}
.waystar .explanation .title {
    font-size: 16px;
    font-weight: bold;    
    width: 95%;
}
.waystar .explanation .body.no-heading p {
    font-size: 12px;
    width: 95%;
    padding: 10px 0px 0px 0px;
}
.waystar .explanation .ui-icon-closethick {
    background-color: transparent;
    border: none;
    background-image: url("images/ui-icons_828181_256x240.png");
    height: 16px;
    width: 16px;
}
.waystar .explanation .ui-icon-closethick:hover {
    background-color: transparent;
    border: none;
    background-image: url("images/ui-icons_A09E9E_256x240.png");
    height: 16px;
    width: 16px;
}
.waystar .explanation .body {
    font-size: 12px;
    padding-bottom: 0;
}
.waystar .explanation .body p {
    padding: 4px 0;
}
.waystar .explanation .body .body-heading {
    padding: 10px 0;
}
.waystar .explanation {
    position: absolute;
    margin-top: 10px;
    z-index: 1;
}
.waystar .explanation::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
}

/* page specific styles */
.waystar .explanation#justcard {
    width: 150px;
}
.wasytar.paymentsByDays_NEW #middle {
    width: 950px;
}
.waystar.paymentsByDays_NEW .explanation,
.waystar.paymentsByDays .explanation {
    width: 350px;
    bottom: 40px;
    right: 347px;
}


/* end page specific styles */
/* END TOOLTIP */

/* COMPONENT: LIST MOVER */
.waystar .mapping-editor .dataTables_scroll {
    border: 1px solid #BDBDBD;
}
.waystar .mapping-editor .dataTables_scrollHead table {
    border: none;
}
.waystar .flat .mapping-editor table.dataTable thead tr {
    background-image: none;
    background-color: #EAEAEA;
}
.waystar .flat .mapping-editor table.dataTable thead tr th {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #BDBDBD;
    padding-left: 8px;
}
.waystar .mapping-editor .dataTables_wrapper table.dataTable.no-footer {
    border: none;
}
.waystar .mapping-editor .dataTables_wrapper table.dataTable tr td {
    border: none;
    text-align: left;
    padding: 8px;
    cursor: pointer;
}
.waystar .mapping-editor .dataTables_wrapper table.dataTable tr td.not-clickable {
    cursor: default;
}
.waystar .flat .mapping-editor table.dataTable tbody>tr.selected>td {
    background-color: #F2F2F2;
    color: #555555;
    font-weight: bold;
}
.waystar .mapping-editor .button-container button {
    height: 19px;
    width: 34px;
}
.waystar .mapping-editor .button-container button p {
    padding: 0px;
    padding-bottom: 2px;
}
/* END LIST MOVER */


/* COMPONENT: BREADCRUMBS */
/* not waystar breacrumbs - just fixing patientco broken styles */
.waystar a.back-nav-arrow:focus {
    color: #9e9e9e;
}
.waystar .back-nav-arrow:hover span {
    text-decoration: underline #0082B4;
}

/* waystar restyling */
/* .breadcrumbs {
	margin-top: 10px;
}

.breadcrumbs .btwn-crumbs {
	padding-left: 8px;
	padding-right: 8px;
}

.breadcrumbs .btwn-crumbs:after {
    content: '>';
} */
/* END BREADCRUMBS */


/* ------- END COMPONENTS ------- */


/* ------- START WAYSTAR IMMERSIVE, HEADER & FOOTER ------- */
/* may need to update this for it to apply when injected into provider-vue */
body.waystar_immersive,
.waystar_immersive .main-content-flat,
.waystar_immersive .context-helper {
    background-color: #fff;
}

@media print {
    #waystarFooter {
        display: none;
    }
}

.waystar_immersive.waystar .site-navigation {
  margin-left: 0 !important;
}

.waystar_immersive #wrapper.full #middle.full {
    background-color: #fff !important;
}

.waystar_immersive #wrapper.full,
.waystar_immersive #wrapper,
.waystar_immersive #wrapper.has-sidebar {
    width: auto;
  }

.waystar #wrapper.full {
  width: 1000px;
  margin: 0;
}

.waystar_immersive #middle {
    width: auto;
    min-width: 930px;
}

.waystar_immersive.provider #middle {
    margin-left: 0px;
}

.waystar_immersive.provider .message-details-page {
  margin-left: -30px;
}

.waystar_immersive.waystar .ui-buttonset .ui-state-active,
.waystar_immersive.waystar.location.management .tab-item.selected,
.waystar_immersive.waystar .message-filters .filter.active {
    /* put blue selected styles here */
    z-index: auto;
}

.waystar.editUser #middle,
.waystar.addUser #middle {
  padding-bottom: 150px;
}
/* ------- END WAYSTAR IMMERSIVE, HEADER & FOOTER ------- */