/*
    #C0142B (Thunderbird red)
    #070609 (Cider black)
    #04539A (Congress Blue)
    #3C307C (Minsk purple)
*/
:root {
    --txt-primary-color: #070609;
    --txt-secondary-color: #FFFFFF;
    --txt-overtime-color: #FF00FF;
    --txt-holiday-color: #80a8ff;
    --txt-shift-differential-color: #AA00FF;
    --txt-warning-color: #ffa726;
    --txt-error-color: #dc3545;
    --background-primary-color: #FFFFFF;
    /* Datatables Custom Style */
    --dt-custom-header-background-color: #7689ff;
    --dt-custom-header-txt-color: #FFFFFF;
    --dt-custom-sorted-background-color: #5e6dcb;
    --dt-custom-sorted-txt-color: #FFFFFF;
    --dt-custom-hover-background-color: #0073e3;
    --dt-custom-hover-txt-color: #FFFFFF;
    --dt-custom-selected-background-color: #0073e3;
    --dt-custom-selected-txt-color: #FFFFFF;
    --dt-custom-even-background-color: #ddddff;
    --dt-custom-even-txt-color: #070609;
    --dt-custom-odd-background-color: #FFFFFF;
    --dt-custom-odd-txt-color: #070609;
    --dt-custom-alert-background-color: #d32f2f;
    --dt-custom-alert-sorted-background-color: #5f2120;
    --dt-custom-alert-txt-color: #f4c7c7;
}

body {
    color: var(--txt-primary-color);
    background-image: url('/images/linen.png');
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

body, html {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    font-family: Tahoma, Arial, Helvetica;
    font-size: small;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    /*
        Bug in iOS 4 to iOS 9 causing height to be outside iFrame 
        --
        Overflow as auto will cause all dialog boxes to have scroll bars
        So put inside a media query for ipad dimentions
        this should only target 3rd and 4th gen ipad
    */
    body, html {
        overflow-x: auto;
    }
}

br{
    line-height: 10px;
}

input {
	color: blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	height: 28px;
    border-radius: 3px;
    -moz-border-radius: 3px;  
}
calDateBegin
select {
	color: blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	height: 24px;
    text-align: left;
    text-overflow: ellipsis; 
    white-space: nowrap;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

textarea {
	color: blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	min-height: 24px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

iframe:not(.iframe-no-style) {
    width: 99%;
    height: 99%;
    border: 0px;
    border-collapse: collapse;
    overflow-x: scroll; 
    overflow-y: scroll; 
} 

#ifResult {width: 0px; height: 0px;display: none;}

.ContextMenu {
    position: absolute;
    padding: 3px;
    border: 1px solid Gray;
    color: var(--txt-primary-color);
    background-color: white;
    height: auto;
    width: auto;
    z-index: 300;
}

.blueDivider {background-color: #aaaaff; height: 2px; margin-top: 12px; margin-bottom: 12px;}
.blueDividerV {
    background-color: #aaaaff;
    height: auto;
    width: 2px;    
    display: table-cell;
}
.playButton {
    display: inline-block;
    background: url('../images/playButton.svg') no-repeat center center;
    background-size: cover;
    height: 20px;
    width: 20px;
    filter: invert(11%) sepia(95%) saturate(7413%) hue-rotate(2deg) brightness(95%) contrast(114%);
}


a:link, a:visited, a:active                     {text-decoration: none;color: Blue;}
a:hover                                         {text-decoration: underline;color: Blue;}
a.White:link, a.White:visited, a.White:active   {text-decoration: none;color: White;}
a.White:hover                                   {text-decoration: underline;color: #dddddd;}

.link-like {
    cursor: pointer;
    color: Blue;
    text-decoration: underline;
}

img.StatusIcon      {height:16px;width:16px;}
img.StatusIconS     {height:14px;width:14px;}

.billStatusIcon1 {
    display: inline-block;
    background: url('../images/shstatus1.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon2 {
    display: inline-block;
    background: url('../images/shstatus2.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon3 {
    display: inline-block;
    background: url('../images/shstatus3.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon4 {
    display: inline-block;
    background: url('../images/shstatus4.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon5 {
    display: inline-block;
    background: url('../images/shstatus5.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon6 {
    display: inline-block;
    background: url('../images/shstatus6.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon7 {
    display: inline-block;
    background: url('../images/shstatus7.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.billStatusIcon8 {
    display: inline-block;
    background: url('../images/status8.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.shAdvSearchIcon {
    display: inline-block;
    background: url('../images/staffSearch.png') no-repeat center center;
    background-size: cover;
    height: 24px;
    width: 24px;
}

.shStatusIcon1 {
    display: inline-block;
    background: url('../images/status1.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.shStatusIcon2 {
    display: inline-block;
    background: url('../images/status2.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.shStatusIcon3 {
    display: inline-block;
    background: url('../images/status3.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.shStatusIcon4 {
    display: inline-block;
    background: url('../images/status4.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.shStatusIcon5 {
    display: inline-block;
    background: url('../images/status5.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

#clockReason {
    background: url('../images/blackpaperclip.png') no-repeat center center;
}

.shStatusIcon6 {
    display: inline-block;
    background: url('../images/shstatus6.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.compStatus0 {
    display: inline-block;
    background: url('../images/compliancestatus0.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.compStatus1 {
    display: inline-block;
    background: url('../images/compliancestatus1.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.compStatus2 {
    display: inline-block;
    background: url('../images/compliancestatus2.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.invoiceStatus1 {
    display: inline-block;
    background: url('../images/invstatus1.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceStatus2 {
    display: inline-block;
    background: url('../images/invstatus2.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceStatus3 {
    display: inline-block;
    background: url('../images/invstatus3.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceStatus4 {
    display: inline-block;
    background: url('../images/invstatus4.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus1 {
    display: inline-block;
    background: url('../images/billstat1.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus2 {
    display: inline-block;
    background: url('../images/billstat2.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus3 {
    display: inline-block;
    background: url('../images/billstat3.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus4 {
    display: inline-block;
    background: url('../images/invstatus4.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus10 {
    display: inline-block;
    background: url('../images/billstat10.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus5 {
    display: inline-block;
    background: url('../images/billstat5.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus6 {
    display: inline-block;
    background: url('../images/billstat6.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus7 {
    display: inline-block;
    background: url('../images/billstat7.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus8 {
    display: inline-block;
    background: url('../images/billstat8.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceBillStatus9 {
    display: inline-block;
    background: url('../images/billstat9.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceEmailStatus0 {
    display: inline-block;
    background: url('../images/emailstatus0.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceEmailStatus1 {
    display: inline-block;
    background: url('../images/emailstatus1.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceEmailStatus2 {
    display: inline-block;
    background: url('../images/emailstatus1.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.emailViewedTrue {
    display: inline-block;
    background: url('../images/emailviewedTrue.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.emailViewedFalse {
    display: inline-block;
    background: url('../images/emailviewedFalse.png') no-repeat center center;
    background-size: cover;
    height: 16px;
    width: 16px;
}

.invoiceItemStatus1 {
    display: inline-block;
    background: url('../images/iistat1.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.invoiceItemStatus2 {
    display: inline-block;
    background: url('../images/iistat2.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.invoiceItemStatus3 {
    display: inline-block;
    background: url('../images/iistat3.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.invoiceItemStatus4 {
    display: inline-block;
    background: url('../images/iistat4.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.invoiceItemStatus5 {
    display: inline-block;
    background: url('../images/iistat5.png') no-repeat center center;
    background-size: cover;
    height: 14px;
    width: 14px;
}

.linkJS {
    text-decoration: none;
    color: Blue;
    cursor: pointer;
}

#frame {
    width: 1000px;
    height: auto;
	-moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 30px Black;
}

#header {
    display: none;
    position: relative;
    color: White;
    width: 1000px;
    height: 90px;
    text-align: right;
    vertical-align: bottom;
    /*background-image: url('/images/hcbanner.png');*/
    background-repeat: no-repeat;
}

.small-header {
    display: table-cell;
    font-size: 10px;
    font-weight: bold;
    color: darkblue;
    text-align: center;
}

#infobar {
	position: relative;
    height: 29px;
    min-width: 988px;
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid Black;
    text-align: right;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
	background-color: Blue;
	background-image: url('/images/titlebar.png');
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 5px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 20px Black;
	z-index: 1;
    line-height: 29px;
}

#infoicon {
    display: table-cell;
    height: 29px;
    width: 22px;
    padding-right: 6px;
    background-image: url(/images/vincent-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

#infotitle {
    display: table-cell;
    padding-top: 0px;
    height: 29px;
}

#infoname::before {
    content: "VinCENT";
}

#infosearch {
    display: table-cell;
    top: 0px;
    height: 29px;
    padding-top: 0px;
    padding-left: 24px;
    vertical-align: middle;
    line-height: 29px;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-width: 3px;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, black 46%, gray 56%,transparent 56%, transparent 100%),
                -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, black 46%, gray 56%,transparent 56%, transparent 100%);
    transition: all 0.3s ease;
}

.infoonline {
    margin-top: -1px;
    padding-top: 0px;
    float: right;
    line-height: 29px;
}

#niAddDiscussion {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    margin-top: 0px;
    padding: 0 8px;
}

/* intentional misspelling of navbar so bootstrap doesnt use */
.nav-bar { 
    position: relative;
    height: 60px;
    min-width: 1000px;
    border-top: 1px solid Black;
    text-align: right;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
    background-color: Gray;
    background-image: url('/images/nav.jpg');
    -moz-box-shadow: 0 0 5px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 20px #333333;
    z-index: 1;
}


#portalbar {
	position: relative;
    height: 60px;
    min-width: 1000px; 
    border-top: 1px solid Black;
    text-align: right;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
	background-color: Gray;
	background-image: url('/images/nav.jpg');
	z-index: 1;
}

.navmenu {
    display: none;
    position: absolute;
    top: 87px;
    left: 0px;
    height: auto;
    min-height: 60px;
    border-top: 1px solid Black;
    border-left: 1px solid Silver;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
    text-align: right;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
	background-color: Gray;
	background-image: url('/images/nav.jpg');
	-moz-box-shadow: 0 0 5px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 20px #333333;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	z-index: 200;
}

.Loading {
    height: 100px;
    width: 200px;
    background-image: url('/images/loading_animated.gif');
    margin: 0px auto;
}

#toolbar {
    position: relative;
    height: 37px;
    color: var(--txt-primary-color);
    background-color: White;
    background-image: url('/images/toolbar.jpg');
    padding: 2px;
    border-bottom: 1px Solid Gray;
    overflow: visible;
}

/* START DASHBOARD-WIDGET ITEMS */
.StatusBoardHeader {
	position: relative;
	background-color: lightgray;
	border-radius: 6px;
	height: 30px;
	min-width: 955px;
}

#StatusBoardName {
    position: absolute;
    top: 5px;
    left: 10px;
    color: var(--txt-primary-color);
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

#StatusBoardSelector {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--txt-primary-color);
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

.dashLayoutIcon {
	display: inline-block;
	width: 150px;
	height: 136px;
	margin: 4px;
	border: 1px solid silver;
}

.dash322 { background: url('/images/statusboards.png') 750px 408px;width: 150px;height: 136px; cursor:pointer; }
.dash332 { background: url('/images/statusboards.png') 600px 408px;width: 150px;height: 136px; cursor:pointer; }
.dash333 { background: url('/images/statusboards.png') 450px 408px;width: 150px;height: 136px; cursor:pointer; }
.dash532 { background: url('/images/statusboards.png') 300px 408px;width: 150px;height: 136px; cursor:pointer; }
.dash533 { background: url('/images/statusboards.png') 150px 408px;width: 150px;height: 136px; cursor:pointer; }

.dash321 { background: url('/images/statusboards.png') 750px 272px;width: 150px;height: 136px; cursor:pointer; }
.dash521 { background: url('/images/statusboards.png') 600px 272px;width: 150px;height: 136px; cursor:pointer; }
.dash510 { background: url('/images/statusboards.png') 450px 272px;width: 150px;height: 136px; cursor:pointer; }
.dash111 { background: url('/images/statusboards.png') 300px 272px;width: 150px;height: 136px; cursor:pointer; }
.dash100 { background: url('/images/statusboards.png') 150px 272px;width: 150px;height: 136px; cursor:pointer; }

.dash222 { background: url('/images/statusboards.png') 750px 136px;width: 150px;height: 136px; cursor:pointer; }

.dashHeader {
	position: absolute;
	left: 4px;
	color: #444444;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
}

.dashContent {
	display: table-cell;
	position: absolute;
	top: 24px;
	left: 6px;
	right: 6px;
	bottom: 6px;
}

.dashRow {
	position: relative;
	margin: 4px;
}

.dashSection {
	display: table-cell;
	position: relative;
	border: 1px solid silver;
	border-top: 3px solid #5fa0dc;
	width: auto;
	height: 220px;
	min-height: 120px;
	min-width: 120px;
	border-radius: 0px 0px 3px 3px;
	overflow: no-display;
    cursor: pointer;
}

.dashH2 { height: 440px; }
.dashH3 { height: 660px; }

.dashCounter {
	width: 177px;
	height: 140px;
	overflow: no-display;
}

.dashCounterValue {
	position: absolute;
	top: 25px;
	width: 177px;
	height: 100px;
	font-family: Arial;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.dashCounterLabel {
	position: absolute;
	bottom: 4px;
	width: 177px;
	height: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.dashFull {
	width: 974px;
	overflow: hidden;
}

.dashHalf {
	width: 464px;
	overflow: hidden;
}

.dashThird {
	width: 305px;
	overflow: hidden;
}

.dashHP {
	display: table-cell;
	position: relative;
	width: 12px;
}

.dashVP {
	position: relative;
	height: 1px;
}

.verticalScroll {
    overflow-y: scroll;
}

.pipelineFrame {
	display: table-cell;
	position: absolute;
	top: 20px;
	left: 20px;
	width:200px;
	height: 150px;
	background-color: aliceblue;
	z-index: 210;
}

pipeline1 { display: table-cell; position: absolute; top: 0px; left: 0px;width:200px;height: 34px;font-weight:bold;text-align:center;color: white;background-color: red;}
pipeline2 { display: table-cell; position: absolute; top: 40px; left: 0px;width:200px;height: 34px;font-weight:bold;text-align:center;color: white;background-color: green;}

.stopLightFrame {
	display: table-cell;
	width: 60px;
	height: 90px;
	color: #5fa0dc;
	text-align: center;
	font-size: 10px;
	font-weight:bold;
}

.stopLight {
	display: inline-block;
	background: url('/images/stoplight.png') 280px 0px;
	width: 70px;
	height: 160px;
}
.stopLight1 { background: url('/images/stoplight.png') 0px 0px;}
.stopLight2 { background: url('/images/stoplight.png') -70px 0px;}
.stopLight3 { background: url('/images/stoplight.png') -140px 0px;}

.stopLightFrameS {
	display: table-cell;
	width: 45px;
	height: 103px;
	color: #5fa0dc;
	text-align: center;
	font-size: 10px;
	font-weight:bold;
}
.stopLightS1 { background: url('/images/stoplights.png'); background-position: -45px 0px; width: 45px; height: 103px;}
.stopLightS2 { background: url('/images/stoplights.png'); background-position: -90px 0px; width: 45px; height: 103px;}
.stopLightS3 { background: url('/images/stoplights.png'); background-position: -135px 0px; width: 45px; height: 103px;}

/* END DASHBOARD-WIDGET ITEMS */

.no-wrap {
    text-wrap: none;
    overflow: hidden;
}

.table-main {
    padding: 1px;
    border-spacing: 0px;
    border-collapse: separate;
}

.tbButton {
    display: inline-block;
    height: 26px;
    color: var(--txt-primary-color);
    background-color: transparent;
    background-position: left;
    background-repeat: no-repeat;
    border: none;
    border-collapse: collapse;
    font-weight: bold;
    margin-top: 4px;
    padding-left: 26px;
    padding-right: 4px;
    vertical-align: middle;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    z-index: 20;
}

.tbButton:hover:not(:disabled) {background-color: Silver;}
.tbSaveB {
	background: url('/images/Icons24.png') 0px 0px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	width: 24px; height: 24px;
}
.tbSave     {background-image: url('/images/save.png');}
.tbPrint    {background-image: url('/images/print.png');}
.tbDelete   {background-image: url('/images/delete.png'); color: Maroon;}
.tbEmailNotification {background-image: url('/images/email-notification-icon.png');}
.tbTransfer {background-image: url('/images/transfer.png');}
.tbSchedule {background-image: url('/images/iconCalendar.png'); }
.tbClose    {background-image: url('/images/close.png'); }
.tbCancel   {background-image: url('/images/cancel.png');}
.tbRefresh  {background-image: url('/images/refresh.png'); }
.tbPeople   {background-image: url('/images/people.png');}
.tbLogout   {background-image: url('/images/logout.png');}
.tbPlus     {background-image: url('/images/plus.png');}
.tbSaveAndEmail {background-image: url('/images/save_and_email.png');}

.piIcon {
    display: table-cell;
    line-height: 16px;
    height: 75px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: bottom;
    text-align: center;
    color: var(--txt-primary-color);
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.piAdmin {
	color: #006db2;
}

.piIcon:hover {background-color: #dddddd;}
.piAgency   {background-image: url('/images/piSetting.png');}
.piFranchise {background-image: url('/images/piSetting.png');}
.piCompany  {background-image: url('/images/piSetting.png');}
.piLocation {background-image: url('/images/piSetting.png');}
.piProgram  {background-image: url('/images/piSetting.png');}
.piPayor    {background-image: url('/images/piPayors.png');}
.piRates    {background-image: url('/images/piSetting.png');}
.piPosition {background-image: url('/images/piSetting.png');}
.piService  {background-image: url('/images/piSetting.png');}
.piActivity {background-image: url('/images/piSetting.png');}
.piTask     {background-image: url('/images/piSetting.png');}
.piAttributes {background-image: url('/images/piSetting.png');}
.piCompliance {background-image: url('/images/piSetting.png');}
.piTracking {
    background-image: url('/images/piSetting.png');
}


.title {
    display: inline-block;
    position: relative;
    width: auto;
    min-width: 300px;
    height: auto;
    color: Blue;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.pagetitleN {
    display: inline-block;
    position: absolute;
    width: 400px;
    top: 1px;
    left: 288px;
    height: auto;
    color: Blue;
    font-weight: bold;
    font-style: normal;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    z-index: 999;
}

.pageTitleLabel {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
}

#pageBack {
    position: absolute;
    display: table-cell;
    top: 38px;
    left: 50px;
    width: 150px;
    height: 30px;
    line-height: 35px;
    background-image: url(/images/filetab_blue.png);
    font-weight: bold;
    color: White;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
    z-index: 10;
    cursor: pointer;
}

#pageTitle {
    width: 99%;
    margin: 0 auto;
}

#contenttitle {
    display: table-cell;
    position: relative;
    background-image: url('/images/manilatab.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 1000px;
    height: 60px;
    margin: 0px auto;
    padding-top: 14px;
    color: var(--txt-primary-color);
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

#contenttitleB {
    display: table-cell;
    position: relative;
    background-image: url('/images/manilatab.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 1000px;
    height: 60px;
    margin: 0px auto;
    padding-top: 14px;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

#contenttitlefull {
    display: inline-block;
    position: relative;
    background-image: url('/images/manilatab.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 46px;
    margin: 0px auto;
    padding-top: 14px;
    color: var(--txt-primary-color);
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    background: var(--background-primary-color);
}

#content-item-name {
    width: 345px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px auto;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}

#content-item-id-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 500px;
    margin: 0px auto;
    color: darkblue;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    position: relative;
}
.content-admission-count {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: darkblue;
    white-space: nowrap;
}
.content-admission-toggle {
    cursor: pointer;
    font-size: 10px;
    color: darkblue;
    background: none;
    border: none;
    padding: 0 2px;
    line-height: 1;
}
.content-admission-dropdown {
    position: fixed;
    background: #daffdc;
    border: 1px solid Silver;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    z-index: 9999;
    min-width: 200px;
    max-height: 200px;
    overflow-y: auto;
    text-align: left;
}
.content-admission-item { padding: 6px 10px; cursor: pointer; font-size: 12px; color: Blue; font-family: arial, verdana, helvetica, sans-serif; white-space: nowrap; }
.content-admission-item:hover { background: #0073e3; color: white; }
.content-admission-item-current { font-weight: bold; color: darkblue; }

#content {
    display: block;
    position: relative;
    color: var(--txt-primary-color);
    background-color: #ffe8ce;
    background-image: url('/images/contentback.jpg');
    background-repeat: repeat-y;
    width: 976px;
    padding: 0px 12px 0px 12px;
    min-height: 400px;
    text-align: left;
    box-sizing: content-box;
}

#contenttop {
    display: block;
    position: relative;
    width: 1000px;
    height: 15px;
    background-color: #ffe8ce;
    background-image: url('/images/contenttop.jpg');
    background-repeat: no-repeat;
}

#contentbottom {
    display: block;
    position: relative;
    width: 1000px;
    height: 15px;
    background-color: #ffe8ce;
    background-image: url('/images/contentbottom.jpg');
    background-repeat: no-repeat;
}

#contentframe {
    position: relative;
    width: 976px;
    height: 650px;
    border-collapse: collapse;   
}

.admin-pages-container {
    display: block;
    background: var(--background-primary-color);
    overflow: hidden;
}

.admin-current-page {
    display: flex;
    flex-direction: column;
    margin: 0px 5px;
}

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-center {
    align-items: center;
}

.flex-start {
    align-items: flex-start;
}

.flex-end{
    justify-content: flex-end;
    display: flex;
}

.flex-space {
    justify-content: space-between;
}

.flex-baseline {
    align-items: baseline;
}

.tabbedPage {
    position: relative;
    width: 1000px;
    align-content: center;
}

.fullPage {
    display: none;
    background-color: White;
    width: auto;
    height: auto;
}

#fullframe {
    position: relative;
    background-color: White;
    width: auto;
    min-width: 1000px;
    height: auto;
    min-height: 600px;
    overflow: hidden;
    border-collapse: collapse;   
}

#loginfooter {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    padding-top: 4px;
    color: var(--txt-primary-color);
    font-size: smaller;
    font-weight: bold;
    text-align: right;
}

#footer
{
    display: block;
    position: relative;
    width: 1000px;
    height: 20px;
    padding-top: 4px;
    color: White;
    font-size: smaller;
    font-weight: bold;
    text-align: center;
}

#version {
    float: right;
    cursor: pointer;
}

#loginbackground {
    /*min-height: 750px;*/
    height: 100%;
    background-position: center; 
    background-repeat: no-repeat;
    overflow: hidden;
}

#loginLogo {
    height: 190px;
    display: flex;
    align-items: end;
    z-index: 5;
}

#loginframe {
    position: relative;
    top: 10px;
    width: 400px;
    height: auto;
    margin: 0px auto;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
}

.errorText {
    color: Red;
}

.errorBorder {
    border: 1px solid red !important;
}

.error {
    color: Red;
    padding-left: 10px;
    font-style: italic;
}

legend {
    color: Blue;
    font-weight: bold;
}

input {
	border: 1px solid Silver;
	height: 26px;
	width: auto;
	font-size: 14px;
}

textarea {
	border: 1px solid Silver;
	width: auto;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 14px;
}

input:focus     {background-color: #daffdc;}
input[type="submit"]:focus { background-color: transparent; border: none;}
select:focus    {background-color: #daffdc;}
textarea:focus  {background-color: #daffdc;}
input.Bad       {background-color: #ffd5d5;border: 1px Solid Red;}
select.Bad { background-color: #ffd5d5; border: 1px Solid Red; }

select {
	border: 1px solid Silver;
	height: 22px;
	width: auto;
	font-size: 14px;
}

.SubHeader {
    font-weight: bold;
    color: Blue;
}

.IconSection {
	position: relative;
	display: inline-block;
	background-image: url('/images/tabSelected.png');
	background-repeat: repeat-x;
	border: 1px solid #aaaaff;
	border-radius: 6px;
	padding: 2px;
	padding-bottom: 6px;
	margin: 2px; 
	margin-bottom: 5px;
}

.AccountName {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 24px;
    font-weight: bold;
    padding: 8px;
    height: auto;
    vertical-align: top;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}

.Shader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('/images/trans75.png');
    overflow: hidden;
    z-index: 1000;
}

.Opaque {
    background-color: black;
    background-image: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
}

.Dialog
{
    display: none;
    position: relative;
    top: 150px;
    margin: 0px auto;
    padding: 0px;
    width: 600px;
    height: 500px;
    background-color: White;
    border: 1px solid Black;
    -moz-border-radius: 6px;
	border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 100;
}

.DialogTitle {
	position: relative;
    height: auto;
    padding: 3px 6px;
    border-bottom: 1px solid Black;
    text-align: center;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
	background-color: Blue;
	background-image: url('/images/titlebar.png');
    -moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);   
}

.DialogIcon {
	display: table-cell;
	width: 30px;
	height: 30px;
}

.DialogBody {
    position: relative;
    padding: 6px;
    background-color: White;
    background-image: none;
}

.filterList-margin {
    margin-left: -7px;
    margin-right: -7px;
    margin-top: -6px;
}

#dialogClose 
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 30px;
    background-image: url('/images/dialog-close.png');
    background-repeat: no-repeat;
    background-position: top right;
    cursor: pointer;
    -moz-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
    z-index: 50;
}

#reportWindow
{
    display: none;
    position: relative;
    top: 60px;
    margin: 0px auto;
    padding: 0px;
    width: min(1000px, 100%);
    height: 500px;
    background-color: White;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 100;
}

#ifDialog {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#ifReport {
    width: 100%;
    height: 100%;
    overflow: hidden; 
}

.diaMessage {
    display: block;
    background-color: White;
    height: auto;
    width: 400px;
}

.navItem {
    display: table-cell;
    top: 0px;
    left: auto;
    height: 56px;
    width: 60px;
    margin: 2px;
    margin-left: 4px;
    margin-right: 4px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    -moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
    cursor: pointer;
}

.navmenu br {
    clear: both;
    line-height: 0;
}

.navItemShort {
    display: table-cell;
    top: 0px;
    left: auto;
    height: 43px;
    width: 60px;
    margin: 2px;
    margin-left: 4px;
    margin-right: 4px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
    -moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
    cursor: pointer;
}

.navNotifications {
    display: table-cell;
    top: 0px;
    left: auto;
    height: 54px;
    width: 180px;
    margin: 2px;
    margin-left: 4px;
    margin-right: 4px;
    background-image: url('/images/trans50.png');
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 1px Solid Gray;
    -moz-border-radius: 6px;
	border-radius: 6px;
	float: right;
    cursor: pointer;
}

/*  Changed all these coordinates to be of the same format to read more easily
    x and y coordinates are where the icons would be found while editing the PNG for this (ignoring negatives)  */
.navItem:hover  {background-color: Gray;}
.navHome		{background: url(/images/navIcons.png) -0px -0px;}
.navClients     {background: url(/images/navIcons.png) -60px -0px;}
.navClientUpdater     { background-image: url(/images/nav-icons/client-updater.png); background-size: contain; }
.navStaff       {background: url(/images/navIcons.png) -120px -0px;}
.navSchedule    {background: url(/images/navIcons.png) -180px -0px;}
.navBilling     {background: url(/images/navIcons.png) -240px -0px;}
.navPayroll     {background: url(/images/navIcons.png) -300px -0px;}
.navForms       {background: url(/images/navIcons.png) -360px -0px;}
.navActions     {background: url(/images/navIcons.png) -420px -0px;}
.navReports     {background: url(/images/navIcons.png) -480px -0px;}
.navHelp        {background: url(/images/navIcons.png) -540px -0px;}
.navAdmin       {background: url(/images/navIcons.png) -600px -0px;float: right;}
.navLogout      {background: url(/images/navIcons.png) -660px -0px;float: right;}

.navReview      {background: url(/images/navIcons.png) -0px -60px;}
.navInvoices    {background: url(/images/navIcons.png) -60px -60px;}
.navEpisodes    {background: url(/images/navIcons.png) -120px -60px;}
.navInvoiceExport{background: url(/images/navIcons.png) -180px -60px;}
.navRemits      {background: url(/images/navIcons.png) -240px -60px;}
.navRemitsMatching      {background: url(/images/nav-icons/remits-matching.svg);}
.navPayors      {background: url(/images/navIcons.png) -300px -60px;}
.navOasisExport	{background: url(/images/navIcons.png) -360px -60px;}
.navExportHistory{background: url(/images/navIcons.png) -420px -60px;}
.navClientAccounts{background: url(/images/navIcons.png) -480px -60px;}
.navTools       {background: url(/images/navIcons.png) -540px -60px;}
.navMedispan    {background: url(/images/navIcons.png) -600px -60px;}
.navICD         {background: url(/images/navIcons.png) -660px -60px;}

.navAdminAcct	{background: url(/images/navIcons.png) -0px -120px;}
.navRepository  {background: url(/images/navIcons.png) -0px -120px;}
.navAdminDbUp	{background: url(/images/navIcons.png) -60px -120px;}
.navAdminIVR	{background: url(/images/navIcons.png) -120px -120px;}
.navAdminPermit {background: url(/images/navIcons.png) -180px -120px;}
.navAdminMedispan {background: url(/images/navIcons.png) -240px -120px;}
.navAdminToken  {background: url(/images/navIcons.png) -300px -120px;}
.navAuditLogs    {background: url(/images/navIcons.png) -360px -120px;}
.navCallManager {background: url(/images/navIcons.png) -420px -120px;}      /*Being used in place of .navSchedule for some accounts in production despite the actual matching page no longer existing*/
.navRoutePlanner {background: url(/images/navIcons.png) -480px -120px;}
.navConfirm     {background: url(/images/navIcons.png) -540px -120px;}
.navEligibility {background: url(/images/navIcons.png) -600px -120px;}

.navBroadcast   {background: url(/images/navIcons.png) -0px -180px;}
.navParser277   {background: url(/images/navIcons.png) -60px -180px;}
.navISAS {background:url(/images//navIcons.png) -180px -180px;}
.navLeads {background: url(/images/navIcons.png) -240px -180px;}
.navQuickBookOnline { background: url(/images/navIcons.png) -300px -180px; }
.navMessages { background: url(/images/navIcons.png) -360px -180px; }
.navAdminApiUsers {background: url(/images/navIcons.png) -420px -180px;}
.navBatchSchedules { background: url(/images/navIcons.png) -480px -180px; }
.navERS { background: url(/images/navIcons.png) -540px -180px; }
.navGlobalSearch { background: url(/images/navIcons.png) -600px -180px; }

.navAuthImport { background: url(/images/navIcons.png) -0px -240px; }
.navClaimImport { background: url(/images/navIcons.png) -60px -240px; }
.navEvvImport { background: url(/images/navIcons.png) -120px -240px; }
.navOldEvvImport { background: url(/images/navIcons.png) -180px -240px; }
.navManualRemits { background: url(/images/navIcons.png) -240px -240px; }
.navAssist { background: url(/images/navIcons.png) -300px -240px; }
.navOrders { background: url(/images/navIcons.png) -360px -240px; }
.navBillingImport { background: url(/images/navIcons.png) -420px -240px; }
.navEvvIntegrations { background-image: url(/images/nav-icons/evv-connect.png); }
.navEvvBatches { background-image: url(/images/nav-icons/evv-batches.png); }
.navTellerExport { background: url(/images/nav-icons/teller-export.png); }
.nav-state-rules { background-image: url(/images/nav-icons/icon-gavel.svg); }
.nav-fiscal-import { background-image: url(/images/nav-icons/fiscal-import.svg); }

.data-type-icon {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 35px;
    height: 35px;
    background-size: 280px 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/data-types.png);
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.data-type-icon.Client { background-position: -0px -0px;}
.data-type-icon.Staff { background-position: -35px -0px;}
.data-type-icon.Communication { background-position: -70px -0px;}
.data-type-icon.Contact { background-position: -105px -0px;}
.data-type-icon.Address { background-position: -140px -0px; }
.data-type-icon.Referral { background-position: -175px -0px; }
.data-type-icon.Lead { background-position: -210px -0px; }
.data-type-icon.User { background-position: -245px -0px;}

.icon { height: 28px; width: 28px; }

.Row {
    border-bottom: 1px solid #CCC;
}

.Cell {
    position: relative;
    display: table-cell;
    color: inherit;
    height: 12px;
    vertical-align: middle;
    width: auto;
    min-width: 25px;
    padding: 6px;
    text-align: left;
}

.Cells {
    width: 100%;
    border-bottom: 1px solid #CCC;    
}

.CellS {
    position: relative;
    display: table-cell;
    color: inherit;
    font-size: 11px;
    vertical-align: middle;
    width: auto;
    padding: 3px;
    border-bottom: none;
    text-align: left;
}

.CellSC {
    position: relative;
    display: table-cell;
    color: inherit;
    font-size: 11px;
    vertical-align: middle;
    width: auto;
    padding: 1px;    
    border-bottom: none;
    text-align: left;
}

.CellH { position: relative;
    display: table-cell;
    color: inherit;
    height: 12px;
    vertical-align: middle;
    width: auto;
    min-width: 0px;
    max-width: 0px;
    padding: 0px;        
    border-right: 0px solid transparent;    
    text-align: left;}

.CellSB {
    position: relative;
    display: table-cell;
    color: inherit;
    font-size: 11px;
    vertical-align: middle;
    width: auto;
    min-width: 25px;
    padding: 3px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-align: left;
}

.CellHeaderBanner {
   background-color: #7689ff;
   border-bottom: 1px solid navy;   
   border-right: 1px solid transparent;
   border-top: 1px solid navy;

}
.CellHeaderRateList { background-color: #7689ff; border-bottom: 1px solid navy; border-right: 1px solid transparent; border-top: 1px solid navy; width: 476px; }

.CellHeader {
    color: White;
    background-color: #7689ff;
    font-weight: bold;
    border-right: 1px Solid Navy;    
}

.CellHeaderSortable {
    color: white;
    font-weight: bold;
    border-right: 1px solid Navy;
    background: #5e6dcb url('/images/sort_both.png') no-repeat center right;
}
.CellHeaderSortedAsc { color: white; font-weight: bold; border-right: 1px solid Navy; background: #5e6dcb url('/images/sort_asc.png') no-repeat center right; }
.CellHeaderSortedDesc { color: white; font-weight: bold; border-right: 1px solid Navy; background: #5e6dcb url('/images/sort_desc.png') no-repeat center right; }
.CellSorted { color: white; background-color: #5e6dcb; }
.CellSorted1 { color: white; background-color: #5e6dcb; }
.CellSorted2 { color: white; background-color: #5e6dcb; }
.CellSorted3 { color: white; background-color: #5e6dcb; }


.CellHeaderS {
    color: White;
    background-color: #7689ff;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px Solid Navy;
}

.CellSEndCap
{
    border-right: none;
}
.Hidden         {display: none;}
.Shown          {display: none;}
.Relative       {position: relative;top: auto; left: auto; right: auto; bottom: auto;}
.Center         {text-align: center;}
.CenterDiv      {margin: 0px auto;}
.Underline		{text-decoration: underline;}
.Middle         {vertical-align: middle;}
.Left           { text-align: left; }
.Right          {text-align: right;}
.FloatLeft      {float: left;}
.FloatRight     {float: right;}
.FloatCenter    {margin: 0 auto;}
.Padded         {padding: 6px;}
.Padded4        {padding: 4px;}
.SmallMargin	{padding: 2px;}
.Pointer		{cursor: pointer;}
.Bolded         {font-weight: bold;}
.AlignTop       {vertical-align: top;}

/*#region Colors*/
.Black {
    color: var(--txt-primary-color);
}
.Red            {color: Red;}
.Orange {
    color: #ff800a;
}
.BlueTask {
    color: #0f6bff;
}
.Unassigned     {color: Navy}
.Gray           {color: Gray;}
.White          {color:white;}
.Green          {color: Green;}
.signed-green   {color: #2ecc71}
.Blue           {color: Blue;}
.Cyan           {color: cyan;}
.txt-holiday-color {
    color: var(--txt-holiday-color);
}
.txt-shift-diff-color {
    color: var(--txt-shift-differential-color);
}
.txt-overtime-color {
    color: var(--txt-overtime-color);
}
/*#endregion Colors*/

.Small          {font-size: 10px;}
.VerySmall      {font-size: 9px;}
.AreaTitle		{color: cornflowerblue; font-weight: bold; font-family: Arial;}
.MiniTitle		{color: cornflowerblue; font-weight: bold; font-size: 10px; font-family: Arial;}
.SectionTitle   {font-size: 18px;font-weight: bold;font-family: Arial;color: #333333;text-align: center;margin-top:2px;margin-bottom: 6px;}
.SectionTitleS  {font-size: 14px;font-weight: bold;font-family: Arial;color: #333333;text-align: left;margin-bottom: 6px;}
.TableCell      {display: table-cell;vertical-align: top;}
.height-40 {
    height: 40px;
}
.height-30      {height: 30px;}
.height-25      {height: 25px;}
.height-20      {height: 20px;}
.CellService {
    width: 283px;
    min-width: 283px;
    max-width: 283px;
}
.CellRadio {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
}
.CellDelete {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
}
.CellName       {width: 215px; min-width: 215px; max-width: 215px;}
.CellLong		{width: 500px; min-width: 500px; max-width: 500px;}
.CellID         {width: 100px; min-width: 100px; max-width: 100px;}
.CellDateL {
    width: 105px;
    text-align: center;
    max-width: 105px;
    min-width: 105px;
}
.CellDate       {width: 75px;text-align: center; max-width: 75px; min-width: 75px;}
.CellDateS      {width: 50px;text-align: center; max-width: 50px; min-width: 50px;}
.CellCode       {width: 150px; min-width: 150px; min-width: 150px;}
.CellRate       {width: 60px; text-align: right; min-width: 60px; max-width: 60px;}
.CellAmtS       {width: 50px; text-align: right; max-width: 50px; min-width: 50px;}
.CellAmt        {width: 75px; text-align: right; max-width: 75px; min-width: 75px;}
.CellCount      {width: 40px;text-align: center; min-width: 40px; max-width: 40px;}
.Cell7          {width: 7px; max-width: 7px; min-width: 7px;}
.Cell12         {width: 12px; max-width: 12px; min-width: 12px;}
.Cell14			{width: 14px; max-width: 14px; min-width: 14px;}
.Cell16			{width: 16px; max-width: 16px; min-width: 16px;}
.Cell20         {width: 20px; max-width: 20px; min-width:20px;}
.Cell25         {width: 25px; max-width: 25px; min-width: 25px;}
.Cell30         {width: 30px; max-width: 30px; min-width: 30px;}
.Cell35         {width: 35px; max-width: 35px; min-width: 35px;}
.Cell40         {width: 40px; max-width: 40px; min-width: 40px;}
.Cell45         {width: 45px; max-width: 45px; min-width: 45px;}
.Cell55         {width: 55px; max-width: 55px; min-width: 55px;}
.Cell50         {width: 50px; max-width: 50px; min-width: 50px;}
.Cell60         {width: 60px; max-width: 60px; min-width: 60px;}
.Cell65         {width: 65px; max-width: 65px; min-width: 65px;}
.Cell68         {width: 68px; max-width: 68px; min-width: 68px;}
.Cell70         {width: 70px; max-width: 70px; min-width: 70px;}
.Cell73         {width: 73px; max-width: 73px; min-width: 73px;}
.Cell75         {width: 75px; max-width: 75px; min-width: 75px;}
.Cell80         {width: 80px; max-width: 80px; min-width: 80px;}
.Cell85         {width: 85px; max-width: 85px; min-width: 85px;}
.Cell90         {width: 90px; max-width: 90px; min-width: 90px;}
.Cell95         {width: 95px; max-width: 95px; min-width: 95px;}
.Cell100        {width: 100px; max-width: 100px; min-width: 100px;}
.Cell105		{width: 105px; max-width: 105px; min-width: 105px;}
.Cell110		{width: 110px; max-width: 110px; min-width: 110px;}
.Cell115        {width: 115px; max-width: 115px; min-width: 115px;}
.Cell125        {width: 125px; max-width: 125px; min-width: 125px;}
.Cell130        {width: 130px; max-width: 130px; min-width: 130px;}
.Cell140        {width: 140px; max-width: 140px; min-width: 140px;}
.Cell150        {width: 150px; max-width: 150px; min-width: 150px;}
.Cell155        {width: 155px; max-width: 155px; min-width: 155px;}
.Cell165        {width: 165px; max-width: 165px; min-width: 165px;}
.Cell160        {width: 160px; max-width: 160px; min-width: 160px;}
.Cell175        {width: 175px; max-width: 175px; min-width: 175px;}
.Cell190        {width: 190px; max-width: 190px; min-width: 190px;}
.Cell200        {width: 200px; max-width: 200px; min-width: 200px;}
.Cell210        {width: 210px; max-width: 210px; min-width: 210px;}
.Cell225        {width: 225px; max-width: 225px; min-width: 225px;}
.Cell235        {width: 235px; max-width: 235px; min-width: 235px;}
.Cell250        {width: 250px; max-width: 250px; min-width: 250px;}
.Cell270        {width: 270px; max-width: 270px; min-width: 270px;}
.Cell275        {width: 275px; max-width: 275px; min-width: 275px;}
.Cell300
{
    width: 300px;
    max-width: 300px;
    min-width: 300px;
}
.Cell320        {width: 320px; max-width:320px; min-width: 320px;}
.Cell325        {width: 325px; max-width:325px; min-width: 325px;}
.Cell330        {width: 330px; max-width:330px; min-width: 330px;}
.Cell350        {width: 350px; max-width:350px; min-width: 350px;}
.Cell400
{
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}
.Cell450 { width: 450px; max-width: 450px; min-width: 450px;}
.Cell500 { width: 500px; max-width: 500px; min-width: 500px;}
.Cell525 {
    width: 525px;
    max-width: 525px;
    min-width: 525px;
}
.Cell625 { width: 625px; max-width: 625px; min-width: 625px;}
.Cell685 {
    width: 685px;
    max-width: 685px;
    min-width: 685px;
}
.CellSI         {width: 30px;text-align: right; max-width: 30px; min-width: 30px;}
.CellIconS      {width: 25px;text-align: center; min-width: 25px; max-width: 25px;}
.CellStatusIconL {width: 45px;text-align: center;max-width: 45px;min-width: 45px;}
.CellStatusIcon {width: 24px;text-align: center; max-width: 24px; min-width: 24px;}
.CellStatusIconS{width: 20px;text-align: center;min-width:20px;max-width:20px;}
.CellCenter     {text-align: center;}
.CellRight      {text-align: right;}
.CellPad        {padding-left: 2px;padding-right: 2px;}
.RoundedTop     {-moz-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.Rounded        {border-radius: 6px;}
.instruction    {font-style: italic;width: auto;padding:4px}

.autoWidth { width: auto; }
.fullWidth {
    width: 100%;
}
.CellEndCap
{
    border-right: none;
}

.CellBorderBottom {
    border-bottom: 1px solid black;
}

.CellLabel{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 5px;
  	text-align: right;
  	width: 65px;
  	vertical-align: middle;
  	height: auto;
}

.CellLabelLeft {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align:left;
    width: 60px;
    vertical-align: middle;
    height: auto;
}

.CellLabelN{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: right;
  	width: 40px;
  	vertical-align: middle;
  	height: auto;
}

.CellLabelNoWidth { display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: right;  	
  	vertical-align: middle;
  	height: auto;}

.CellLabelB{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: right;
  	width: 90px;
  	vertical-align: middle;
  	height: auto;
    line-height: 16px;
}

.CellLabelWide{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: right;
  	width: 160px;
  	vertical-align: middle;
  	height: auto;
}

.CellLabelWideA{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: left;
  	width: 160px;
  	vertical-align: middle;
  	height: auto;
}
.CellLabelXXWide { display: table-cell; position: relative; padding: 1px; padding-right: 6px; text-align: right; width: 250px; vertical-align: middle; height: auto; }

.CellData
{
	display: table-cell;
  	position: relative;
  	min-height: 28px;
  	height: auto;
  	word-wrap: break-word;
  	padding: 1px;
  	text-align: left;
  	vertical-align: middle;
}

.CellDataF
{
	display: table-cell;
  	position: relative;
  	color: Blue;
  	height: 40px;
  	word-wrap: break-word;
  	padding: 1px;
  	text-align: left;
  	vertical-align: middle;
  	height: auto;
}

.CellOpen
{
	display: table-cell;
  	position: relative;
  	color: inherit;
  	padding: 1px 1px 1px 0px;
  	text-align: left;
  	vertical-align: middle;
  	height: auto;  
}

.CheckBoxCell{
	display: table-cell;
  	position: relative;
  	padding: 1px;
  	padding-right: 6px;
  	text-align: left;
  	width: 160px;
  	vertical-align: middle;
  	height: auto;
}

.CheckBoxCellNoWidth {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: left;
    vertical-align: middle;
    height: auto;
}

.CheckBoxInLine {
    display: inline;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: left;
    width: 160px;
    vertical-align: middle;
    height: auto;
}

.FrameSection
{
    position: relative;
    display: table-cell;
	width: auto;
	height: auto;
	background-color: #f6f6f6;
	border: 1px solid Silver;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 12px;
	min-height: 170px;
	vertical-align: top;
}

.SectionFull
{
    position: relative;
    display: table-cell;
	width: 976px;
	height: auto;
	background-color: #f6f6f6;
	border: 1px solid Silver;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 12px;
	min-height: 130px;
	vertical-align: top;
}

.PadHS {
    display: table-cell;
    position: relative;
    height: auto;
    width: 2px;
}

.PadVS {
    position: relative;
    height: 2px;
    width: auto;
}

.SectionPadH {
    display: table-cell;
    position: relative;
    height: auto;
    width: 8px;
}

.SectionPadV {
    position: relative;
    height: 20px;
    width: auto;
}

.sectionDE {
    position: relative;
    display: table-cell;
	width: auto;
    min-width: 270px;
	height: auto;
	
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
}
.sectionPH {display: table-cell;position: relative;height: auto;width: 8px;}
.sectionPV {position: relative;height: 8px;width: auto;}

#page-footer {
    bottom: 0px; 
    height: 22px;
    background-color: gray;
    left:0px;
    right:0px;
    color: white;
    text-align: center;
    background-color: Gray;
	background-image: url('/images/nav.jpg');
    background-size: 150px;
    display: flex;
}

#page-footer-l {
    width: 33%;
    text-align: left;
    display: inline;
    padding-left: 5px;
}

#page-footer-m {
    padding-top: 2px;
    width: 33%;
    min-width: 450px;
}

#page-footer-r {
    width: 33%;
    min-width: 500px;
    text-align: right;
    line-height: 22px;
}

.searchList 
{
    width: auto;
    height: 570px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;
    
}

.searchListSmall 
{
    width: auto;
    height: 370px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;    
}

.searchListVerySmall {
    width: auto;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;    
}

.searchListTiny {
    width: auto;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;    
}

.search-list-h300 {
    width: auto;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;
}

.search-list-h270 {
    width: auto;
    height: 270px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;
}

.valueList {
    width: auto;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
}

.attachmentList {
    width: 800px;
    height: 500px;
    overflow-y:scroll;
    overflow-x: hidden;
}

.attachmentListSkinny {
    width: 800px;
    height: 250px;
    overflow-y:scroll;
    overflow-x: hidden;
}

.OddRow     {height: auto; background-color: white;}
.EvenRow    {background-color: #ddddff;height: auto;}
.ListRow    {padding: 2px;}
.ListCell   {height: auto;padding: 4px;background-color: Red;}

.OddGroupedRow { background-color: #a9bbff; }
.EvenGroupedRow { background-color: #819bff; }

.ListHover:hover {
    cursor: pointer;
    color: var(--txt-primary-color);
    background-color: #0073e3;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
    .ListHover:hover > td {
        color: var(--txt-secondary-color);
    }
.ListHover:hover a {
    color:white;
}

.OddHouseholdView {
    background-color: #26f119 !important;
}
.EvenHouseholdView {
    background-color: #a5dca1 !important;
}

.ListHoverC:hover {
    cursor: pointer;
    color: var(--txt-primary-color);
    background-color: #eeeeee;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
    .ListHoverC:hover a {
        color: var(--txt-primary-color);
    }

.InputEdit {
	display: table-cell;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
    /*height: 30px; testing prescreen question */
	width: 300px;
}

.InputSelect {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 27px;
	width: auto; 
}
	
.InputWide      {width: 500px}
.InputNarrow    {width: 206px;}	
.InputSmall     {width: 100px;}
.InputTiny      {width: 50px;}

.inEdit {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	height: 30px;
	width: 300px; 
}

.inEditGrid {
    display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	height: 15px;
	width: 300px; 
}

.inSmall        {width: 100px;}
.inMedium       {width: 150px;}
.inAmount       {width: 100px;text-align: right;}
.txtAmount {
    width: 60px;
    text-align: right;
}
.inDate         {width: 80px;text-align: center;}
.inDateFull     {width: 120px;text-align: center;}
.inTime         {width: 70px;text-align: center;}
.inTimeN        {width: 45px;text-align: center;}
.inNumberN      {width: 45px;text-align: right;}
.inTiny         {width: 50px;}
.inNarrow       {width: 172px;}
.inWide         {width: 500px;}
.inDateL        {width: 120px;text-align: center;font-weight: bold;font-size: 26px;height: 36px; border-collapse: collapse;}
.inCheck input { vertical-align: middle; }
.inCheck { vertical-align: middle; }
.inCheckSmallFont {font-size: 12px;}
.inPadded {padding: 6px;}
.inCommentBox {
    width: 300px;
    height: 50px;
}
.inCommentBoxNarrow {
    width: 178px;
}
.inCommentBoxDoubleHeight {
    width: 300px;
    height: 100px;
}
.inEmailBox { width: 300px; height: 300px; }

.inLogBox { width: 800px; height: 700px; }
.inSelect {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: auto;
    white-space: nowrap;
}

.inSelectBG {
    display: inline-block;
    color: Blue;
    border: 1px solid Silver;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: auto;
    white-space: nowrap;
    background-color:red;
}

.inSelectSM {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	width: auto; 
}

.inSelectSMC {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
    padding: 1px;
	height: 20px;
	width: auto; 
}

.inSelectT { display: inline-block; color:Blue; border: 1px solid Silver; font-family: Arial, Verdana, helvetica, sans-serif; font-size: 12px; font-weight: normal; height: 30px; width: 90px; white-space:nowrap;}

.inSelectN {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: 180px;
    white-space:nowrap;
}


.inSelectM {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: 230px;
    white-space:nowrap;
}

.inSelectNVariableHeight {
    display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	width: 180px;
}

.inSelectW {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: 250px;
    white-space:nowrap;
}

.inSelectCBLW {
	display: inline-block;
	color: Blue;
	border: 1px solid Silver;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	width: 250px;
    white-space:nowrap;
}

.inSelectCBLW input[type='checkbox'] {
    height: 12px;
    background-color: Red;
    margin-top: 1px;
    margin-bottom: -1px;
}

.inListN { display: inline-block; color: blue; text-align: left; border: 1px solid Silver; font-family: Arial,Verdana,helvetica,sans-serif; font-size: 12px; font-weight: normal; height:100px; width: 250px;}

.inRadio {
    font-size : small;
    border-style : none;
    padding : 0px;
    border-collapse : collapse;
    vertical-align : middle;
    width : 300px;
}

.inRadio td {
    vertical-align : middle;
    width : inherit;
}

.inRadio label {
    position: absolute;
    margin-top: 5px;
    font-size : small;
    width : 100px;
}

.inRadio input{
    vertical-align : middle;
}

.inRadio300 input {
    vertical-align: middle;
}

.inRadio300 label {
    position: absolute;
    margin-top: 5px;
    width: 300px;
    
}

.inRadio400 input {
    vertical-align: middle;
}

.inRadio400 label {
    position: absolute;
    margin-top: 5px;
    width: 400px;
}

.inRadio200 {
    font-size: small;
    border-style: none;
    padding: 0px;
    border-collapse: collapse;
    vertical-align: middle;
    width: 200px;
}

.inRadio200 td {
    vertical-align: middle;
    width: inherit;
}

.inRadio200 label {
    position: absolute;
    margin-top: 5px;
    font-size: small;
    width: 150px;
}

.inRequired {
    border-color: red;
    background-color: #d57c7c;
}

.OptionList { height: 100px; overflow-y: scroll;}

.CodeSQL {
	color: Blue;
    font-family: Courier New, Courier;
    font-size: 11px;
}

.CodeHTML {
	color: Blue;
    font-family: Courier New, Courier;
    font-size: 11px;
}

.CodeJS {
	color: Blue;
    font-family: Courier New, Courier;
    font-size: 11px;
}

.LinkButton {
	position: relative;
	display: table-cell;
    width: auto;
    min-width: 50px;
    height: 26px;
    padding-left: 6px;
    padding-right: 6px;
    color: White;
    font-family: Arial, Helvetica;
    font-size: small;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
	background-color: #0073e3;
	background-image: url('/images/button_blue.png');
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
	cursor: pointer;
}


.LinkSolo {display: inline-block;padding-top: 4px;height: 26px}

.LinkGreen{
    background-color: Green;
    background-image: url('/images/button_green.png');
}

.LinkBlue { background-color: blue; background-image: url('/images/button_blue.png');}

.LinkRed{
	background-color: Red;
	background-image: url('/images/button_red.png');
}

.LinkDelete{
	min-width: 25px;
	height: 20px;
	font-size: 10px;
	background-color: Red;
	background-image: url('/images/button_red.png');
}
.LinkDisabled {
    background-color: #454545;
    background-image: none;
}

.ButtonTopLeft{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	height: 21px;
}

.ButtonTopRight{
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 5px;
	height: 21px;
}


/* NEW TABS */

.tabs {
    position: relative;
    display: flex;
}

.sideTabs {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    position: relative;
    width: 145px;   
    height: auto;
    vertical-align: top;
    background-color: White;
    background-position: right;
}


.sideTab {
    width: 125px;
    height: auto;
    padding: 2px;
    padding-top: 3px;
    font-weight: bold;
    vertical-align: middle;
    background-image: url('/images/tabback.png');
    background-position: right;
    background-repeat: repeat-y;
    border-bottom: 1px Solid Transparent;
    border-top: 1px Solid Transparent;
    cursor: pointer;
}


.sideTabExtraIndent {
    padding-left: 30px;
    width: 90px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    height: auto;
}

/* HISC-171: Create new class for client.aspx to help extend gray bar down side of client folder. */
.sideTab2 {  
    width: 116px;
    height: 450px;
    padding: 4px;
    padding-top: 3px;
    font-weight: bold;
    vertical-align: middle;
    background-image: url('/images/tabback.png');
    background-position: right;
    background-repeat: repeat-y;
    border-bottom: 1px Solid Transparent;
    border-top: 1px Solid Transparent;
}
.sideTabS       {width: 125px;padding-left: 20px;font-weight: normal;padding-top: 2px;padding-bottom: 2px;font-size: 11px;height: auto;}
/* HISC-171 Create new class for client.aspx to help extend gray bar down side of client folder */
.sideTabS2       {width: 100px;padding-left: 20px;font-weight: normal;padding-top: 2px;padding-bottom: 2px;font-size: 11px;height: 450px;}
.sideTabTop     {height: 20px;width: 125px;background-image: url('/images/tabstop.png');background-position: right;background-repeat: no-repeat;}
.sideTabBottom  {height: 20px;width: 125px;background-image: url('/images/tabsbottom.png');background-position: right;background-repeat: no-repeat;}

.sideTabsWide   {width: 250px;}
.sideTabWide    {width: 249px;font-weight: normal;}
.sideTabTopWide     {width: 249px;}
.sideTabBottomWide  {width: 249px;}

.sideTabPage {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;
    width: 838px;
    height: auto;
    vertical-align: top;
    outline: none;
}

.admissionWizardContentArea {
    height: 350px;
    overflow-y: scroll;
    width: 450px;
}

.staffWizardContentArea{
    height: 490px;
    overflow-y: auto;
}

.AddMvvChatMappingArea {
    height: 515px;
    border: groove;
    width: 100%;
    border-width: 1px
}

.admissionServicesSection {
    height: 200px;
    overflow-y: auto;
    width: 450px;
}

.leadWizardContentArea {
    height: 300px;
    width: 675px;
    overflow-y: auto;
}

.report-options-area {
    min-height: 600px;
}

.sideTabPageW {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;
    width: 450px;
    height: auto;
}

.sideTabPageE {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;
    width: 675px;
    height: auto;
}


.sideTabPageNoWidth {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;    
    height: auto;
}

.sideTabPageInteraction {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;
    width: 700px;
    max-width: 700px;
    height: 400px;
    max-height: 400px;
    overflow-y: scroll;
}
.tabFocus {
    background-color: White;
    background-image: none;
    color: Blue;
    border-bottom: 1px Solid Silver;
    border-top: 1px Solid Silver;
    border-right: 1px Solid White;
}

/* OLD TABS */

.TabActive{
	display: table-cell;
	position: relative;
	bottom: 0px;
	background-image: url('/images/tabSelected.png');
	border-left: 1px solid silver; 
	border-right: 1px solid silver; 
	border-top: 1px solid silver;
	text-align: center;
	color: #0000bb; 
	background-color: White;
	background-repeat: repeat-x;
	font-weight: bold;
	vertical-align: middle;
	height: 30px;
	width: 150px;
	min-width: 150px;
}

.TabInActive {
    display: table-cell;
    position: relative;
    bottom: 0px;
    background-color: White;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    text-align: center;
    color: var(--txt-primary-color);
    border-bottom: 1px solid silver;
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    width: 150px;
    min-width: 150px;
}

.TabInActive:hover{
	cursor: pointer;
	background-color: #EEEEEE;
}

.TabSmall {
    width: 100px;
    min-width: 100px;
}

.TabTiny {
    width: 70px;
    min-width: 70px;
}

.tab-65 {
    width: 65px;
    min-width: 65px;
}

.TabFiller{
	display: table-cell;
	border-bottom: 1px solid silver;
	width: 100%;
    margin: 0px auto;
}

.TabHeader{
	position: absolute;
	width: 737px;
	top: 155px;
	left: 0px;
	height: 30px;
	padding-top: 4px;
	margin-left: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: White;
	background-image: url('/images/trans25.png');
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}

.TabPage {
	position: relative;
	border-left: 1px solid silver; 
	border-right: 1px solid silver; 
	border-bottom: 1px solid silver;
	background-color: White;
	height: auto;
	min-height: 300px;
	padding: 8px;
	text-align: left;
}

.TabSettings {
    /*height: 582px;*/
}

#page-notification {
    display: none; 
    position: absolute;
    padding: 4px;
    width: 400px;
    font-size: 12px; 
    font-weight: bold;
    font-family: 'Arial', 'Helvetica';
    color: green; 
    background-color: #96ff82; 
    border: 1px solid green; 
    text-align: center; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 3px;
    cursor: pointer;
    z-index: 100;
}

#page-notificationerror {
    display: none; 
    position: absolute;
    padding: 4px;
    width: 400px;
    font-size: 12px; 
    font-weight: bold;
    font-family: 'Arial', 'Helvetica';
    color: maroon; 
    background-color: #FF8285; 
    border: 1px solid maroon; 
    text-align: center; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 3px;
    cursor: pointer;
    z-index: 100;
}

#pageAlert {
    display: none; 
    position: absolute;
    padding: 4px;
    top: 64px;
    left: 195px;
    width: 600px;
    font-size: 16px; 
    font-weight: bold;
    font-family: 'Arial', 'Helvetica';
    color: Red; 
    background-color: #ffd5d5; 
    border-bottom: 2px solid Red; 
    border-left: 2px solid Red; 
    border-right: 2px solid Red; 
    text-align: center; 
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 3px;
    cursor: pointer;
    z-index: 100;
}

#pageReminders {
    display: none;
    position: absolute;
    top: 16px;
    right: 40px;
    width: 50px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: var(--txt-primary-color);
    background-color: #fffb8b;
    border-top: 1px solid Gray;
    border-left: 1px solid Gray;
    border-right: 1px solid Gray;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 3px;
    cursor: pointer;
    z-index: 100;
}

.Search     {background: url('/images/Icons24.png') 168px 0px;width: 24px; height: 24px;cursor: pointer;}
.Locked     {background: url('/images/Icons24.png') 48px 0px;width: 24px; height: 24px;cursor: pointer;}
.Unlocked   {background: url('/images/Icons24.png') 24px 0px;width: 24px; height: 24px;cursor: pointer;}

#viewModes {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: White;
    height: auto;
    width: auto;
    padding: 6px;
    padding-right: 30px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 200;
    white-space:nowrap;
}

#scheduleModes {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: White;
    height: auto;
    width: auto;
    padding: 6px;
    padding-right: 30px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 200;
    white-space: nowrap;
}

.PageFilters {
    position: relative;
    top: 0px;
    left: 6px;
    height: auto;
    min-height: 50px;
    margin-bottom: 6px;
	font-family: Arial, Helvetica;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    z-index: 10;
}

.scheduleStatusList {
    position: absolute;
    top: 58px;
    right: 2px;
    background-color: White;
    height: fit-content;
    width: 84px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 15px Black;
    z-index: 20;
}

.billStatusList {
    position: absolute;
    top: 58px;
    right: 0px;
    background-color: White;
    height: fit-content;
    width: 86px;
    padding: 2px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 20;
}

.invoiceStatusList {
    position: absolute;
    top: 58px;
    right: 86px;
    background-color: White;
    height: fit-content;
    width: 86px;
    padding: 2px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 20;
}

.actionItemStatusList {
    position: absolute;
    top: 58px;
    right: 0px;
    background-color: White;
    height: 70px;
    width: 86px;
    padding: 6px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 20;
}

.schedule-task-status-list {
    position: absolute;
    right: 0px;
    background-color: White;
    height: auto;
    width: auto;
    padding: 6px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 15px Black;
    z-index: 20;
}


.invItemList {
    position: relative;
    display: table-cell;
	height: auto;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0px;
	vertical-align: top;
    width: 558px;
}

.filterList {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: White;
    height: auto;
    width: auto;
    padding: 6px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 200;
}
@media screen and (max-height: 650px) {
    .filterList{
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.filterListScheduling {
    position: absolute;
    top:  0px;
    left: 0px;
    background-color: White;
    height: auto;
    width: auto;
    padding: 6px;
    padding-bottom: 30px;
    border: 1px Solid Silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 15px Black;
	z-index: 200;
    column-count : 2; /*HISC-96 split into two columns*/
    -webkit-column-count : 2;
    -moz-column-count : 2;
    column-fill : balance;
}

.saveFilter {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: 16px;
    font-size: 11px;
    font-weight: normal;
    color: var(--txt-primary-color);
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding-top: 3px;
    padding-left: 6px;
    padding-left: 6px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100;
}

.savedFilter {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: 22px;
    font-size: 11px; 
    font-weight: normal;
    color: blue; 
    background-color: #ddddff; 
	border: 1px solid transparent; 
    /*border: 1px solid Blue;*/ 
    text-align: center; 
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 2px 6px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100; 
}

.activeFilter {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 30px;
    height: 22px;
    font-size: 11px; 
    font-weight: normal;
    color: blue; 
    background-color: #dedede; 
    border: 1px solid transparent; 
    text-align: center; 
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 2px 6px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100; 
}

.activeFilter:hover {
	color: red;
    border: 1px solid red; 
	padding-right: 18px;
    background-color: #ffdddd; 
    background-image: url('/images/minus.png');
    background-position: right center;
    background-repeat: no-repeat;   
}

.savedFilter:hover {
    border: 1px solid blue; 
    /*background-color: #ffdddd; 
    background-image: url('/images/minus.png');
    background-position: right center;
    background-repeat: no-repeat;*/   
}

.addFilters {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 35px;
    height: 22px;
    font-size: 10px;
    font-weight: normal;
    color: var(--txt-primary-color);
    background-color: #ddffdd;
    background-image: url('/images/plus.png');
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    text-align: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    margin-right: 2px;
    padding: 2px 18px 2px 6px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100;
}

.addFilters:hover {
	border: 1px solid Green; 
}

.shHeader {
    position: relative;
    border-bottom: 1px solid Silver;
    padding-top: 4px;
    background-color: White;
}

.smallCalendar {
    background-color: White;
}

.shDate {
    position: absolute;
    display: table-cell;
    top: 8px;
    left: 250px;
    width: 300px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: Teal;
    text-align: center;
    margin-bottom: 6px;
}

.shTemplateUpdate
{
    position: absolute;
    display: table-cell;
    top: -28px;
    left: 500px;
    color: white;
}
.shStatus
{
    position: absolute;
    top: 6px;
    right: 4px;
    width: 80px;
    height: 24px;
    float: right;
    border: 1px solid Silver;
	border-radius: 6px;
	padding: 2px;
	cursor: pointer;
	z-index: 10;
	vertical-align: middle;
	text-align: center;
}

.StatusButton {
    position: relative;
    display: table-cell;
    width: 80px;
    height: 18px;
    border: 1px solid Silver;
	border-radius: 6px;
	padding: 2px;
	cursor: pointer;
	z-index: 10;
	vertical-align: middle;
	text-align: center;
}

.clone-btn {
    position: absolute;
    top: 5px;
    right: 90px;
    width: 80px;
    height: 24px;
    padding: 2px;
    cursor: pointer;
    z-index: 10;
    font-weight: bolder;
    font-size: 1.1rem;
}

.shHalf
{
    position: relative;
    display: table-cell;
	height: auto;
	padding: 0px;
	vertical-align: top;
    width: 276px;  
}

.shSide
{
    display: table-cell;
    vertical-align: top;
    width: 290px;  
    background-color: White;
    border-right: 1px solid Silver;
    padding: 6px;
}

.shContent
{
    display: table-cell;
    background-image: url('/images/LinenW.jpg');        
}

.shDivider
{
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #aaaaff;
}

.shDividerV {display: table-cell;position: relative;height: auto;width: 12px;background-image: url('/images/fadeR.png');background-color: White;}

.shSection
{
    position: relative;
    display: table-cell;
	height: auto;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0px;
	vertical-align: top;
    width: 478px;
}

.shExtendedSection {
    position: relative;
    display: table-cell;
	height: auto;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0px;
	vertical-align: top;
    width: 578px;
}

.shSubSection
{
    position: relative;
    display: table-cell;
	height: auto;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: top;
    width: 232px;
}

.shExtendedRateList {
    height: 42px;
    width: 576px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}
.shRateList {
    max-height: 80px;
    min-height: 42px;
    width: 600px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}

.shSubList {
    height: 168px;
    width: 232px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}

.accountList {
    height: 340px;
    width: 600px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}

.apiUserPermitList {
    height: 340px;
    width: 600px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}

.wfConditionList {
    height: 168px;
    width: 600px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}
.wfVariableList {
    height: 270px;
    width: 300px;
    border: 1px solid silver;
    color: var(--txt-primary-color);
    background-color: white;
    text-align: left;
    overflow-y: scroll;
}
.wfStepList {
    height: 270px;
    width: 400px;
    border: 1px solid silver;
    color: var(--txt-primary-color);
    background-color: white;
    text-align: left;
    overflow-y: scroll;
}

.shComment
{
    height: 40px;
    width: 572px;
    border: 1px Solid Silver;
    background-color: White;
}

#SchedulingPF, #StaffSchedulePF, #SimpleSchedulingPF { position: absolute; left: 6px; text-align: left; z-index: 10; }

#NotificationPF {
    position: absolute;
    left: 6px;
    text-align: left;
    z-index: 10;
}

#CallsPF {
    position: absolute;
    top: 12px;
    left: 6px;
    /*font-size: 14px;
    font-weight: bold;*/
    text-align: left;
    z-index: 10;
}

.companyRateList {
    height: 230px;
    overflow-y: scroll;
}

.companyShiftDiffRateList {
    height: 395px;
    overflow-y: auto;
}

#overviewcontent {
    margin-top: 10px;
}

#calOptions
{
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align : right;
    z-index: 999;
}

#calWhiteboardOptions
{
    position: absolute;
    top: 36px;
    right: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align : right;
    z-index: 10;
}

#calPermanentScheduleOptions
{
    position: absolute;
    top: 36px;
    right: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align : right;
    z-index: 10;
}

.fullCalendar
{
    width: 99%;
    /*height: 100%;*/
    padding: 0px;
    z-index: 100;
}

.calPrevM {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/images/prev.png');
    cursor: pointer;
    z-index: 999;
    margin-top: 20px;
}

.calNextM {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/images/next.png');
    cursor: pointer;
    z-index: 999;
    margin-top: 20px;
}

.calDateBegin {
    display: inline-block;
    z-index: 999;
}

.calDateEnd {
    z-index: 999;
}
.calMonthTitle {
    font-weight: bold;
    font-size: 26px;
    z-index: 999;
}

.dateRangeDiv {
    height: 60px;
    min-height: 60px;
    position: relative;
    z-index: 12; /*This should be a higher value than the filter styles*/
    width: 270px;
    margin: 0 auto;
}

.dateRangeSingleDiv {
    height: 60px;
    min-height: 60px;
    position: relative;
    z-index: 12; /*This should be a higher value than the filter styles*/
    width: 270px;
    margin: 0 auto;
}

.calCellTitle {
    display: table-cell;
    font-weight: bold;
    border: 1px solid Silver;
    width: 13%;
    height: 18px;
    color: Teal;
    text-align:center;
    vertical-align: top;
}

.calCell
{
    display: table-cell;
    border: 1px solid Silver;
    width: 13%;
    min-height: 100px;
    height: 113px;
    text-align:left;
    vertical-align: top;
    cursor: pointer;
}

.calCellOM  {background-color: #efefef;}

.calCellOPSP
{
    /*background-color: #dd7676;*/
    background-color: #cccccc;
}

.calDay     
{
    display: block;
    min-width: 24px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    color: Teal;
    padding: 2px;
    border-right: 1px solid Silver;
    border-bottom: 1px solid Silver;
    vertical-align: top;
}

.calDayOPSP
{
    color: white;
}

.calCell:hover
{
    background-color: #daffdc;
}

.calItems
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px;
    background-color: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10;
}
.calItemsOPSP
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px;
    background-color: inherit;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 10;
}

.calItem {
    display: table-cell;
    color: var(--txt-primary-color);
    background-color: inherit;
    font-size: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 3px;
    margin: 1px;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
}

.calItem:hover
{
    color: White;
    background-color: Blue;
}

.calCodes
{
    display: table-cell;
    font-size: 10px;
    width: 24px;
    overflow: hidden;
}

.calRow {
    margin-bottom: 1px;
}

.calStatus {
    display: table-cell;
    background-color: Black;
    font-size: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1px;
    height: 16px;
    min-height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 1px;
}

.calStatusImg {
    float: left;
    display: inline-block;
    background-color: Black;
    font-size: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 1px;
    height: 16px;
    min-height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 1px;
}

.dayBlock {position: absolute; top: 0px; left: 50px;height: 30px;border: 1px Solid Silver;background-color: #90c1e0;border-radius: 4px;-moz-border-radius: 4px;}

.WarningHighlight   {background-color: rgb(255,0,200);-moz-border-radius: 6px;border-radius: 6px;}
.calCall        {background-image: url('/images/call.png');background-repeat: no-repeat;background-position: center;}
.calCallIn      {background-image: url('/images/callin.png');background-repeat: no-repeat;background-position: center;}
.calCallOut     {background-image: url('/images/callout.png');background-repeat: no-repeat;background-position: center;}
.calCallInTokenOut  {background-image: url('/images/callintokenout.png');background-repeat: no-repeat;background-position: center;}
.calToken       {background-image: url('/images/token.png');background-repeat: no-repeat;background-position: center;}
.calTokenIn     {background-image: url('/images/tokenin.png');background-repeat: no-repeat;background-position: center;}
.calTokenOut    {background-image: url('/images/tokenout.png');background-repeat: no-repeat;background-position: center;}
.calMVV         {background-image: url('/images/mvv.png');background-repeat: no-repeat;background-position: center;}
.calMVVIn       {background-image: url('/images/mvvin.png');background-repeat: no-repeat;background-position: center;}
.calMVVOut      {background-image: url('/images/mvvout.png');background-repeat: no-repeat;background-position: center;}
.calTokenInCallOut  {background-image: url('/images/tokenincallout.png');background-repeat: no-repeat;background-position: center;}
.calCallNoShow  {background-color: Red;background-image: url('/images/callnoshow.png');background-repeat: no-repeat;background-position: center;}

/*Call in and MVV out*/
.calCallIn.calMVVOut {
    background-image: url('/images/callin.png'), url('/images/mvvout.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    padding: 2px;
}

/*MVV IN and Call OUT*/
.calMVVIn.calCallOut {
    background-image: url('/images/mvvin.png'), url('/images/callout.png');
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    padding: 2px;
}

.calStatus1 {color: White; }
.calStatus2 {color: White; background-color: Green;}
.calStatus3 {color: White; background-color: Blue;}
.calStatus4 {color: White; background-color: Orange;}
.calStatus5 {color: White; background-color: Red;}
.calStatus6 {color: White; background-color: DarkTurquoise ;}
.auth-not-present {color: White; background-color: Blue; box-shadow: darkred 0px 0px 3px 3px; margin-right: 4px;}

#CallOptions
{
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align : right;
    z-index: 999;
}

.mcFrame {position: relative;display: inline-block;border-top: 1px Solid Silver;border-left: 1px Solid Silver;margin: 3px;}
.mcTitle {height:20px;width:auto;text-align:center;border-right: 1px Solid Silver;border-bottom: 1px Solid Silver;color:White;background-color: Gray;font-weight: bold;}
.mcTitleD {height:20px;width:20px;text-align:center;border-right: 1px Solid Silver;border-bottom: 1px Solid Silver;font-weight: bold;}
.mcDay {height:20px;width:20px;text-align:center;border-right: 1px Solid Silver;border-bottom: 1px Solid Silver;}
.mcDayB {height:20px;width:20px;display: inline-block;position: relative;text-align:center;border: 1px Solid Silver;cursor: pointer;}

.adStatus  {display: table-cell;height:24px; width:80px;vertical-align: middle;text-align: center;cursor: pointer;border-radius: 6px;-moz-border-radius: 8px;}
.adStatus1 {
    color: var(--txt-primary-color);
    background-color: Yellow;
}
.adStatus2 {color: White; background-color: Green;}
.adStatus3 {color: White; background-color: Orange;}
.adStatus4 {color: White; background-color: Red;}
.adStatus5 {color: White; background-color: Gray;}

.schedStatus1 {color: White; background-color: Black;background-image: url('/images/shstat1.png');background-position: center;}
.schedStatus2 {color: White; background-color: Green;background-image: url('/images/shstat2.png');background-position: center;}
.schedStatus3 {color: White; background-color: Blue;background-image: url('/images/shstat3.jpg');background-position: center;}
.schedStatus4 {color: White; background-color: Orange;background-image: url('/images/shstat4.png');background-position: center;}
.schedStatus5 {color: White; background-color: Gray;background-image: url('/images/shstat5.png');background-position: center;}
.schedStatus6 {color: White; background-color: teal;background-image: url('/images/shstat6.png');background-position: center;}
.schedStatus7 {color: White; background-color: Red;background-image: url('/images/shstat5.png');background-position: center;}

.otstatus0 {background-image: url('/images/otstatus0.png'); width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin-left:20px; background-repeat: no-repeat;}
.otstatus1 {background-image: url('/images/otstatus1.png'); width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin-left:20px;background-repeat: no-repeat;}
.otstatus2 {background-image: url('/images/otstatus2.png'); width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin-left:20px;background-repeat: no-repeat;}

.task-status-planned {
    color: White;
    background-color: Black;
    background-image: url('/images/shade-status-black.png');
    background-position: center;
}

.task-status-complete {
    color: White;
    background-color: Green;
    background-image: url('/images/shade-status-green.png');
    background-position: center;
}

.task-status-refused {
    color: White;
    background-color: Gray;
    background-image: url('/images/shade-status-grey.png');
    background-position: center;
}

.task-status-incomplete {
    color: White;
    background-color: Red;
    background-image: url('/images/shade-status-red.png');
    background-position: center;
}

.task-status-list {
    position: relative;
    top: auto;
    right: 0px;
}

/* Gender */
.gender {
    position: absolute;
    top: 18px;
    left: 255px;
    width: 20px;
    height: 40px;
} 
.gender-M { background: url('/images/gender.png') -20px 0px; background-size: 40px 40px }
.gender-F { background: url('/images/gender.png') 0px 0px; background-size: 40px 40px }

/*next and prev*/

.contentNext {
    right: 10px;
    position: absolute;
    top: 1px;
    background: url('/images/nextArrow.svg') no-repeat center center;
    height: 60px;
    width: 60px;
    filter: inherit;
}

.contentPrevious {
    right: 80px;
    position: absolute;
    top: 1px;
    background: url('/images/nextArrow.svg') no-repeat center center;
    height: 60px;
    width: 60px;
    filter: inherit;
    transform:rotate(180deg);
}

/* Historian */
.iconHistorian {background: url('/images/Icons24.png') 0px -96px;width: 24px;height: 24px; cursor:pointer } 

.statustab { position: absolute; top: 2px; right: 246px; width: 60px; height: 60px; } 
.statustab1 { background: url('/images/statustabs.png') 0px 0px; background-size: 300px 60px }
.statustab2 { background: url('/images/statustabs.png') -60px 0px; background-size: 300px 60px }
.statustab3 { background: url('/images/statustabs.png') -120px 0px; background-size: 300px 60px }
.statustab4 { background: url('/images/statustabs.png') -180px 0px; background-size: 300px 60px }
.statustab5 { background: url('/images/statustabs.png') -240px 0px; background-size: 300px 60px }

/* Schedule bill/pay types */
.rateType1 {background: url('/images/Icons24.png') 288px 120px;width: 24px;height: 24px; cursor:pointer } 
.rateType2 {background: url('/images/Icons24.png') 264px 120px;width: 24px;height: 24px; cursor:pointer }
.rateType3 {background: url('/images/Icons24.png') 240px 120px;width: 24px;height: 24px; cursor:pointer }
.rateType4 {background: url('/images/Icons24.png') 216px 120px;width: 24px;height: 24px; cursor:pointer }
.rateType1small {background-image: url('/images/ratetype1_small.png'); background-position: center; width: 14px;height: 14px; background-repeat: no-repeat;}
.rateType2small {background-image: url('/images/ratetype2_small.png'); background-position: center; width: 14px;height: 14px; background-repeat: no-repeat;}
.rateType3small {background-image: url('/images/ratetype3_small.png'); background-position: center; width: 14px;height: 14px; background-repeat: no-repeat;}
.rateType4small {background-image: url('/images/ratetype4_small.png'); background-position: center; width: 14px;height: 14px; background-repeat: no-repeat;}

/* HISC-97 add link icon*/
/* Schedule link Icons*/
.linkType1 {background: url('/images/Icons24.png') 192px 120px;width: 24px;height: 24px; cursor:pointer } 

/* Schedule Flag Icons */

.flags1on { background: url('/images/Icons24.png') 288px 96px; width: 24px; height: 24px; display:inline-block; }
.flags2on { background: url('/images/Icons24.png') 240px 0px; width: 24px; height: 24px; display:inline-block; }
.flags4on { background: url('/images/Icons24.png') 240px 96px; width: 24px; height: 24px; display:inline-block; }
.flags8on { background: url('/images/Icons24.png') 216px 96px; width: 24px; height: 24px; display:inline-block; }
.flags16on { background: url('/images/Icons24.png') 192px 96px; width: 24px; height: 24px; display:inline-block; }
.flags32on { background: url('/images/Icons24.png') 168px 96px; width: 24px; height: 24px; display:inline-block; }
.flags128on {background: url('/images/Icons24.png') 144px 96px; width: 24px; height: 24px; display:inline-block; }
.flags2048on { background: url('/images/Icons24.png') 96px 72px; width: 24px; height: 24px; display:inline-block; }
.flags16384on { background: url('/images/Icons24.png') 192px 96px; width: 24px; height: 24px; display:inline-block; }
.flags8388608on { background: url('/images/Icons24.png') 24px 48px; width: 24px; height: 24px; display:inline-block; }
.permscheduleon { background: url('/images/Icons24.png') 24px 96px; width: 24px; height: 24px; display:inline-block; }
.groupscheduleon { background: url('/images/Icons24B.png') -168px 0px; background-color: #0073e3; width: 24px; height: 24px; display:inline-block; }
.groupscheduleon { background: url('/images/Icons24B.png') -168px 0px; background-color: #0073e3; width: 24px; height: 24px; display:inline-block; }
/*Need to update the Icon, using Jquery1 for now*/
.conflicting-schedule-on { background: url(/images/jquery/UI/ui-icons_222222_256x240.png) -140px -43px; width: 24px; height: 24px; display: inline-block; }
.flagoff {width: 24px; height: 24px; display:none;}
.callFlags4on { background: url('/images/Icons24.png') 240px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags8on { background: url('/images/Icons24.png') 216px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags16on { background: url('/images/Icons24.png') 192px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags32on { background: url('/images/Icons24.png') 168px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags128on { background: url('/images/Icons24.png') 144px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags256on { background: url('/images/Icons24.png') 120px 72px; width: 24px; height: 24px; display:inline-block; }
.callFlags2048on {
    width: 24px;
    height: 24px;
    background: url('/images/schedule-flags/incorrect-staff.svg');
    background-size: contain;
    display: inline-block;
}
.callFlags16384on { background: url('/images/Icons24.png') 144px 48px; width: 24px; height: 24px; display:inline-block; }
.callFlags32768on { background: url('/images/Icons24.png') 120px 48px; width: 24px; height: 24px; display:inline-block; }
.noService { background: url('/images/Icons24.png') 96px 48px; width: 24px; height: 24px; display: inline-block; }
.noClientSignature { background: url('/images/Icons24.png') 72px 48px; width: 24px; height: 24px; display: inline-block; }
.noServiceVerification { background: url('/images/Icons24.png') 96px 24px; width: 24px; height: 24px; display: inline-block; }
.noVisitVerification { background: url('/images/Icons24.png') 48px 48px; width: 24px; height: 24px; display: inline-block; }
.no-default-service { background-image: url('/images/schedule-flags/no-default-service.png'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.no-default-activity { background-image: url('/images/schedule-flags/no-default-activity.png'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.missing-documentation { background-image: url('/images/schedule-flags/missing_documentation.png'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.no-meal-break { background-image: url('/images/schedule-flags/missed-meal-break.png'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.client-overlap { background-image: url('/images/schedule-flags/client-overlapping.jpg'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.staff-overlap { background-image: url('/images/schedule-flags/staff-overlapping.jpg'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.span-midnight { background-image: url('/images/schedule-flags/span-of-midnight.jpg'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.tasks-required { background-image: url('/images/schedule-flags/tasks-required.svg'); background-size: contain; width: 24px; height: 24px; display: inline-block; }
.mvvInException { background: url('/images/mvvin.png'); }
.mvvOutException {
    background: url('/images/mvvout.png');
}
.Align {
    vertical-align: middle;
}
.warning { background: url('/images/Icons24.png') 240px 72px; width: 24px; height: 24px; display:inline-block; }

/* Invoice */
.invAmount  {position: absolute; right: 0px;font-weight: bold;font-size: 13px; margin-right: 20px;}

.invStatus1 {color: White; background-color: green;background-position: center; background: url('/images/status.png') 0px -48px;}
.invStatus2 {color: White; background-color: blue;background-position: center; background: url('/images/status.png') 0px -24px;}
.invStatus3 {color: White; background-color: red;background-position: center;background: url('/images/status.png') 0px -144px;}

.invStatusIcon1 {background-position: center; background: url('/images/statusicon.png') -40px 0px; width: 20px; height: 20px;}
.invStatusIcon2 {background-position: center; background: url('/images/statusicon.png') -20px 0px; width: 20px; height: 20px;}
.invStatusIcon3 {background-position: center; background: url('/images/statusicon.png') -120px 0px; width: 20px; height: 20px;}

.billStatus1 {color: White; background-color: yellow;background-position: center; background: url('/images/status.png') 0px 0px;}
.billStatus2 {color: White; background-color: green;background-position: center; background: url('/images/status.png') 0px -48px;}
.billStatus3 {color: White; background-color: blue;background-position: center; background: url('/images/status.png') 0px -24px;}
.billStatus4 {color: White; background-color: turquoise;background-position: center; background: url('/images/status.png') 0px -72px;}
.billStatus5 {color: White; background-color: green;background-position: center; background: url('/images/status.png') 0px -48px;}
.billStatus6 {color: White; background-color: blue;background-position: center; background: url('/images/status.png') 0px -24px;}
.billStatus7 {color: White; background-color: turquoise;background-position: center; background: url('/images/status.png') 0px -72px;}
.billStatus8 {color: White; background-color: orange;background-position: center; background: url('/images/status.png') 0px -120px;}
.billStatus9 {color: White; background-color: orange;background-position: center; background: url('/images/status.png') 0px -120px;}
.billStatus10 {color: White; background-color: red;background-position: center;background: url('/images/status.png') 0px -144px;}
.clone-icon {
    background-image: url('/images/schedule-flags/clone-schedule.svg');
    background-size: contain;
    display: inline-block;
    height: 24px;
    width: 24px
}


/* toggle buttons */
.toggleButtonOff {
    height: 30px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px Solid Silver;
    cursor: pointer;
    padding: 5px;
    color: var(--txt-primary-color);
}
.toggleButtonOn {display: inline-block;position: relative;text-align:center;border: 1px Solid Silver;cursor: pointer;background-color: green;padding:5px;color:white;}

/* Form Icons */
.formWeb { background: url('/images/Icons24.png') 72px 0px; width: 24px; height: 24px; display:inline-block;cursor: pointer; }
.formAuto { background: url('/images/Icons24.png') 96px 0px; width: 24px; height: 24px; display:inline-block;cursor: pointer; }
.formWizard { background: url('/images/Icons24.png') 120px 0px; width: 24px; height: 24px; display:inline-block;cursor: pointer; }

/* Action Items */
.aiStatus1 { color: white; background-color: green; background-image: url('/images/aistat1.png'); background-position: center; }
.aiStatus2 { color: white; background-color: blue; background-image: url('/images/aistat2.png'); background-position: center; }
.aiStatus3 { color: white; background-color: red; background-image: url('/images/aistat3.png'); background-position: center; }

/* Validation Messages */
.vmMessageList {
    height: 150px;
    width: 588px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}
.vmOverrideSection { position: relative; width: 275px; height: auto; margin: auto; margin-top: 10px; background-color: #f6f6f6; border: 1px solid Silver; -moz-border-radius: 6px; border-radius: 6px; padding: 12px; min-height: 50px; vertical-align: top; text-align: left;}

.planTaskList {
    height: 150px;
    border: 1px Solid Silver;
    color: var(--txt-primary-color);
    background-color: White;
    text-align: center;
    overflow-y: scroll;
}

.shSectionCalendar {    
	height: 526px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0px;
	vertical-align: top;
    width: 498px;
    overflow-y: scroll;
}

.CellBlock {
    display: table-cell;
    vertical-align: top;
    margin-left: 12px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.addButton { width:20px; height:20px; background-image: url('/images/plus.png');}
.addButton:hover { cursor: pointer; }

.psMessage {
    color: red;    
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    position:fixed;
    top: 50%;    
    width:100%;
    height:100px;
    margin-top: -50px; /*set to a negative number 1/2 of your height*/
    padding-left: 10px;
    padding-right: 10px;
    
}

.LabelTiny { font-size:10px;}

.SummarySection {
    position: relative;
    height: auto;
    min-width: 1000px;
    width: 100%;
    border-top: 1px solid Black;
    color: White;
    font-size: 12px;
    font-family: Arial, Helvetica;
    vertical-align: middle;
    background-color: Gray;
    background-image: url('/images/Linen-gray.png');
    background-repeat:repeat;
    z-index: 1;
}
.SummaryBox { background-color: #f6efbc; font-size: 12px; width: 100%; border-top:1px solid silver; border-bottom:1px solid silver; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.SummaryRow { display: table-row; padding-top:10px; width: 100%;line-height: 16px;}

.SummaryLabel { display: table-cell; font-weight:bold; }
.SummaryData { display: table-cell; padding-left: 20px; padding-right: 20px; text-align:right; }
.SummaryTotalRow { display: table-row; padding-top:10px; border: 5px black solid; }
.Table { display: table; }
.TableRow { display: table-row; }
.TableRow.Hidden { display: none !important;}
.TableCell { display: table-cell; }
.TableBody { display: table-row-group; }

.SummaryHeaderRow {
    display: table-row;
    padding-top: 10px;
    width: 100%;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}
.SummaryDataLabel {
    display:table-cell;
    font-size: 10px;
    font-weight:normal;
}

.SummaryDataValue {
    display: table-cell;
    font-size: 10px;
    font-weight: normal;
    padding-left: 20px;
    padding-right: 20px;
    text-align:right;
}

.SummaryDividerV {
    background-color: white;
    height: auto;
    width: 2px;
    display: table-cell;
}

.PayReviewSummary {
    width: 1000px;
}

.TopShadow {
    height: 10px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.BottomShadow {
    height: 15px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

button.dt-button.groupingButtonOn {
    background-color: green !important;
    background: none;
    color: white;
}

    button.dt-button.groupingButtonOn:hover {
        color: var(--txt-primary-color);
    }

.CellS input, select {
    font-size: 10px;
}

/* Form Classes */
.FieldSkipped {
    background-size: 20px 20px;
    background-position: top left;
    background-repeat: no-repeat;
	color: gray;
}

.FieldCompleted {
    background-size: 20px 20px;
    background-position: top left;
    background-repeat: no-repeat;
    color: green;
}

.FieldRequired {
    background-size: 20px 20px;
    background-position: top left;
    background-repeat: no-repeat;
    color: red;
}

.commEndPointList { font-size: 8px; overflow-y: scroll; }

#ValueItemsList {
    height: 570px;
    border-bottom: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

.dayLabel {
    width: 100px;
    text-align: center;
}

.dayField {
    width: 90px;
    text-align: center;
    padding: 2px;
}
.whiteBackground {
    background-color: white;
}

.hoverPointer {
    cursor: pointer;
}

.staffMatchMap {
    height: 300px;
    width: 630px;
}

.staffAdvancedSearchPreferenceList {
    width: auto;
    height: 260px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px Solid Silver;
    border-right: 1px solid silver;    
    border-left: 1px solid silver;    
}

.mapInstructionPanel {
    width: auto;
    height: 290px;
    overflow-y: scroll;
}

.mapInstruction {
    border-bottom: 1px solid silver;
    width: 500px;
}

.mapInstructionDistance {
    display: table-cell;
    float: right;
}

.staffInfoPanel {
    width: 175px;
    height: 100px;
}

.ggPushPin  {
    display: inline-block;
    padding-left: 5px;
    width: 24px; 
    height: 24px;
    background-image: url('/images/push-pin.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    cursor: pointer;

}

.pushPinGreen {
    display: inline-block;
    padding-left: 5px;
    width: 24px;
    height: 24px;
    background-image: url('/images/push-pin-green.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.googleAddressList {
    background-color: #DAECFF;
    max-height: 300px;
    overflow-y: scroll;

}
.googleAddressListBanner {
    background-color: #4FA7FF;
    font-weight: bold;
    text-align: center;
    color: white;
}

.googleAddressListLine {
    background-color: #DAECFF;
    padding: 3px;
}
.googleAddressListLine:hover{
    background-color: Silver;
    cursor: pointer;
}

.googleGeocodeImage {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display:inline-block;
    background-repeat: no-repeat;
    padding-left: 5px;
}

.googleGeocodeImageSuppress {
    background-image: url(/images/globe_red.png);
}

.googleGeocodeImageUncoded {
    background-image: url(/images/globe.png);
}

.inScheduleComments {
    height: 45px;
}

/* Medi-Span */
.drugList {
    background-color: #DAECFF;
    max-height: 300px;
    overflow-y: scroll;

}
.drugListBanner {
    background-color: #4FA7FF;
    font-weight: bold;
    text-align: center;
    color: white;
    height: 26px;
    -moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}

.drugListLine {
    background-color: #DAECFF;
    padding: 3px;
}
.drugListLine:hover{
    background-color: Silver;
    cursor: pointer;
}
.ValueChanged  {background-color: #4C99FF;}

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

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

div.expand-control { background: url('/images/details_open.png') no-repeat center center; cursor: pointer; min-width: 20px; height: 20px; }
div.shown.expand-control { background: url('/images/details_close.png') no-repeat center center; }

td.details-control.shell { background: url('/images/details_shell.png') no-repeat center center; }

.ungrouped td.details-control {
    background: none;
}

.leftAlignBg {
    background-position: left !important;
}

#tblDetail > tbody > tr.shown {
    background-color: #555555;
    color: white;
}

#tblDetail > tbody > tr.childRow {
    background-color: #555555;

}

    #tblDetail > tbody > tr.childRow:hover {
        background-color: #555555;
        color: var(--txt-primary-color);
    }

#tblCallList_wrapper {
    padding-left: 80px;
}
#tblCallList .exceptionsRow {
    background-color: Black;
    color: red;
}
div.RowAction {
    background-image: url('/images/gear-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: table-cell;
}

#tblMergeCandidates > tbody > tr.ListSelected {
    cursor: pointer;
	color: White;
	background-color: #7fc5e2;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#tblSchedules > tbody > tr.ListSelected {
    cursor: pointer;
    color: var(--txt-primary-color);
    background-color: #7fc5e2;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#tblDetail_info {
    width: 100%;
    text-align: center;
}

#tblSchedules > tbody > tr.problematicVisit {
    background-color: red;
    color: white;
}

#tblSecurityItems > tbody > tr.childRow {
    background-color: #555555;
    font-size: 11px;
    color: white;
}

#tblReports > tbody > tr.childRow {
    background-color: #555555;
    font-size: 11px;
    color: white;
}

.helpField {
    background-image: url('/images/help16.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
}

th.helpField {
    background-position: 85%;
    height: inherit;
}

.HouseHold {
    background-image: url('/images/HouseHold.PNG');
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: 35px;
}

.client-household {
    right: 460px;
    position: absolute;
    display: block;
}

.disabled {
    background-color: #EFEBE7;
}

/* Manual Remittance*/
.InvoiceRow {
    background-color: #747496;
    color: white;
}
.InvoiceItemRow {
    background-color: #ddddff;
    color: var(--txt-primary-color);
}

.iconPay {
    background: url('/images/money16.png') no-repeat;
    width: 18px;
    height: 16px;
}

.iconWriteOff {
    background: url('/images/writeoff16.png') no-repeat;
    width: 18px;
    height: 16px;
}

.iconClear {
    background: url('/images/clear16.png') no-repeat;
    width: 18px;
    height: 16px;
}

.clientMatching {
    background: url(/images/client_matching.svg) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 36px;
    right: 6px;
    text-align: right;
    z-index: 10;
    cursor: pointer;
}

/* WHITE ICONS */
.iconDW { min-width: 26px; width: 26px;}
.iconRefresh { background: url('/images/Icons24B.png'); background-position: 0px 0px; width: 24px; height: 24px;}
.iconAdd { background: url('/images/Icons24B.png'); background-position: -24px 0px; width: 24px; height: 24px;}
.iconAddP { background: url('/images/Icons24B.png'); background-position: -48px 0px; width: 24px; height: 24px;}
.iconAddG { background: url('/images/Icons24B.png');background-color: #0073e3; background-position: -168px 0px; width: 24px; height: 24px;display:inline-block;}
.iconPrint { background: url('/images/Icons24B.png'); background-position: -72px 0px; width: 24px; height: 24px;}
.iconMassEdit { background: url('/images/Icons24B.png'); background-position: -96px 0px; width: 24px; height: 24px;}
.iconScheduleCanceller { background: url('/images/delete.png'); width: 24px; height: 24px; }
.iconCopyForward { background: url('/images/Icons24B.png'); background-position: -120px 0px; width: 24px; height: 24px; }
.iconUpdate { background: url('/images/Icons24B.png'); background-position: -144px 0px; width: 24px; height: 24px;}

.SlideoutArrow {
    background-image: url('/images/forward.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
/* JQuery UI custom classes */
.noClose .ui-dialog-titlebar-close {
            display: none;
        }
.noTitle .ui-dialog-titlebar {display:none}


select[disabled] { background-color: #EFEBE7; }

.ReasonCode {
    text-align: left;
}

/* ANIMATIONS */

.DropDown-Loading {
    background-image: url(/images/prog-b.png);
	background-position: 0px 0px;
	background-repeat: repeat;
	animation: animatedBackground 5s linear infinite;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.ListSelected{
	cursor: pointer;
	color: White;
	background-color: #7fc5e2;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#tblStaff > tbody > tr.odd.ListHover.ListSelected {
    cursor: pointer;
	color: White;
	background-color: #000000;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#tblStaff > tbody > tr.even.ListHover.ListSelected {
    cursor: pointer;
	color: White;
	background-color: #000000;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.SecurityLogButtons {
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;
}



.languageList {
    height: 175px;
    overflow-y: scroll;
}

/* HISC-212 */
.QuickBooksButtonDiv{
	display: inline-block;
	margin: 15px;
}

.QuickBooksButtonRow{
	position: absolute;
	left: 35%;
}

.BillingButton{
	background: url(/images/navIcons.png) 480px 0px;
	height: 58px;
	width:  60px;
}

.PayRollButton{
	background: url(/images/navIcons.png) 420px 0px;
    height: 58px;
	width:  60px;
}

.navQuickBook{
    background: url(/images/booklet.png) 0px 0px;
}

.MoreInfoIcon{
	background: url(/images/moreInfo.png) 0px 0px;
	height: 20px;width: 20px;
    float: right;
}

.HolidayRateIcon {
    background: url(/images/icon-Holiday.png) 0px 0px;
    width: 24px;
    height: 24px;
    display: none;
}

.ShiftDifferentialRateIcon {
    background: url(/images/icon-ShiftDifferential.png) 0px 0px;
    width: 24px;
    height: 24px;
    display: none;
}

.CarePlanTaskIcon {
    background: url(/images/icon-careplantask-prod.png);
    background-size: 22px;
    width: 24px;
    height: 28px;
    display: none;
}

.CarePlanTaskIconSmall {
    background: url(/images/icon-careplantask-prod.png);
    background-size: 12px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
}

.GroupScheduleDetailsIcon {
    background: url(/images/moreInfo.png) 0px 0px;
    height: 20px;
    width: 20px;
    float: left;
}

.fsqa {
    background-blend-mode: multiply;
    background-color: #D7DF01;
}

.fsmaster {
    background-blend-mode: multiply;
    background-color: #FE9A2E;
}

.fsdev {
    background-blend-mode: multiply;
    background-color: #086A87;
}

.mainpatch {
    background-blend-mode: multiply;
    background-color: #5F04B4;
}

.fssprint {
    background-blend-mode: multiply;
    background-color: orangered;
}

.calDateSmall{
  font-size: 20px;
  height: 30px;
  width: 95px;
}

.calMSmall{
  height: 17px;
  width: 17px;
}

.dateDiv{
   position: absolute;
   right: 6px;
   top: 28px;
}

/* HISC-171: Little green men/ Advanced Scheduler Multi Link */
.CellDataDiv {
    display: inline;
}

.CellDataDiv > img {
    vertical-align: middle;
}

td.StaffScheduleLinkCell{
   color: #0645AD;
   text-decoration: underline;
}


/* HISC-33:  recurrent  */

.RecurrentSelectionDivContent {
    height: 800px;
    display: block;
}

.RecurrentSelectionDivContainer{
    display:  table-cell; 
    vertical-align: top;
}

/* HISC-211 */
#StaffListDiv{
    padding-left: 8%;
}

#StaffListDiv{
    padding-left: 8%;
}

#ClientListDiv{
    padding-left: 8%;
}

.galleria { text-align: center; height: 250px; width: 265px; border-radius: 6px; }

.blocked {
    pointer-events: none;
    opacity: 0.4;
}

.batchExchangeText {
    overflow-x: scroll;
    overflow-y: scroll;
    width: 400px;
    height: 125px;
    font-size: smaller;
    font-family: Courier New, Courier, monospace;
}

.GlobalSearchBar {
    margin-top: -2px !important;
    padding-left: 6px;
    height: 20px;
    width: 200px;
    font-size: 12px;
    color: white;
    background-color: rgba(0,0,0,.3);
    border: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

    .GlobalSearchBar:focus {
        color: white;
        background-color: rgba(0,0,0,.3);
    }
    .GlobalSearchBar::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #d8d8d8;
        opacity: 1; /* Firefox */
    }
    .GlobalSearchBar:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #d8d8d8;
    }

    .GlobalSearchBar::-ms-input-placeholder { /* Microsoft Edge */
        color: #d8d8d8;
    }

.contactIcon  {background: url(/images/contactIcon.png) 0px 0px;}
.commIcon {background: url(/images/commIcon.png) 0px 0px;}
.searchAddressIcon  {background: url(/images/globelarge.png) 0px 0px;}
.referralIcon  {background: url(/images/referralIcon.png) 0px 0px;}

.ListIcon {
    display: table-cell;
    height: 26px;
    width: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}

.MiddleCell {vertical-align: middle;}

/*Putting inside a wrapper will block all elements*/
.blocking {
    height: 100%;
    width: 100%;
    z-index: 3000;
    opacity: .75;
    background-color: black;
    position: absolute;
}

.hyperlink-disabled {
    color: var(--txt-primary-color) !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
}

    .hyperlink-disabled:hover {
        color: var(--txt-primary-color) !important;
        cursor: not-allowed !important;
        text-decoration: none !important;
    }

.checkbox-no-margin input[type='checkbox'] {
    margin: 0;
    height: 14px;
    vertical-align: bottom;
}


.PPBlockAuto
{
    display: block;
    margin: auto;
}

.profile-picture-checkbox { width: 145px; margin: auto; }
.picture-overflow-div { overflow-y: auto; height: 665px; }

.PostalCodeTextBoxSizing 
{
    height: 30px;
    width: 75px;
}

.AddressOnSameLine
{
    float: left;
}

.alignedLabelInput {
    display: block;
    padding-left: 20px;
    padding-top: 5px;
    text-indent: -15px;
}

.alignedCheckInput {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 2px;
    *overflow: hidden;
    float: right
}

.StaffPicDiv{
    width:275px;
}

.left-pad-50 {
    padding: 1px 1px 1px 50px;
}

.left-pad-25 {
    padding: 1px 1px 1px 25px;
}

.right-pad-25 {
    padding: 1px 25px 1px 1px;
}

.inline-block {
    display: inline-block;
}

.list-box {
    height: 350px;
    cursor: pointer;
    color: blue;
    background-color: #daffdc;
}

.tbPullMapping {
    background-image: url(/images/stampicon.png);
}

.tbAttachRed {
    background-image: url(/images/redpaperclip.png);
    background-size: 35px;
    background-position-x: 1px;
    background-position-y: -2px;
}

.tbAttachGreen {
    background-image: url(/images/greenpaperclip.png);
    background-size: 35px;
    background-position-x: 1px;
    background-position-y: -2px;
}

.tbAttachBlack {
    background-image: url(/images/blackpaperclip.png);
    background-size: 27px;
    background-position-x: 1px;
    background-position-y: -2px;
    background-repeat:no-repeat;
}
.selected {
    cursor: pointer;
    color: White;
    background-color: #0073e3;
}

.centerDateRangeDiv {
    position: absolute;
    width: 100%;
    margin: -10px auto 0px auto;
}

.div-client-admission-service {
    padding-left: 175px;
}

.break-word {
    word-wrap: break-word;
}

.tbPosition {
    background-image: url(/images/staffSearch.png);
}

.tbEmployment {
    background-image: url(/images/icon-careplantask-prod.png);
    background-size: 22px;
    background-repeat: no-repeat;
}

.extended-iframe-width {
    width: 1308px !important;
    max-width: 1308px !important;
}

.extended-width-img {
    width: 1332px !important;
    background-size: 1332px !important;
}

.extended-width-content {
    width: 1308px !important;
    background-size: 1332px !important;
}

.SumoSelect .CaptionCont span {
    color: blue !important;
    font-style: normal !important;
}

.SumoSelect.open .optWrapper {
    top: 28px !important;
}

.vertical-align-con {
    height: 35px;
    width: 100px;
}

.vertical-align-label {
    width: fit-content;
    padding-left: 20px;
}

.vertical-align-con .aspNetDisabled {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 12px;
}

.birth-date {
    width: 80px;
    font-size: 12px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_confirmed {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_confirmed,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_confirmed,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_confirmed {
    background-color: rgb(240,255,240);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_planned {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_planned,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_planned,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_planned {
    background-color: rgb(240,240,240);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_exception {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_exception,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_exception,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_exception {
    background-color: rgb(240,240,255);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_onhold {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_onhold,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_onhold,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_onhold {
    background-color: rgb(255, 235, 191);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_cancelled {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_cancelled,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_cancelled,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_cancelled {
    background-color: rgb(240,240,240);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_closed {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_closed,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_closed,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_closed {
    background-color: rgb(240,240,255);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_matrix_line .dhx_cal_event_line.sched_status_default {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event_line.dhx_cal_event_line_start.sched_status_default,
.dhx_cal_event_line.dhx_cal_event_line_end.sched_status_default,
.dhx_cal_event_line_start.dhx_cal_event_line_end.sched_status_default {
    background-color: rgb(240,240,240);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
}

.dhx_cal_event.sched_status_confirmed div.dhx_body,
.dhx_cal_event.sched_status_confirmed div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_planned div.dhx_body,
.dhx_cal_event.sched_status_planned div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_exception div.dhx_body,
.dhx_cal_event.sched_status_exception div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_onhold div.dhx_body,
.dhx_cal_event.sched_status_onhold div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_cancelled div.dhx_body,
.dhx_cal_event.sched_status_cancelled div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_closed div.dhx_body,
.dhx_cal_event.sched_status_closed div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_default div.dhx_body,
.dhx_cal_event.sched_status_default div.dhx_title {
    background-color: #FFFFFF;
    border-color: #000000;
    color: var(--txt-primary-color);
}

.dhx_cal_event.sched_status_confirmed div.dhx_footer {
    height: 5px;
    border: 0;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_planned div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_exception div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_onhold div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_cancelled div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_closed div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhx_cal_event.sched_status_default div.dhx_footer {
    height: 5px;
    margin-top: -6px;
    background: url(../images/resizing-black.png) center center no-repeat;
}

.dhtmlXTooltip.tooltip {
    width: 250px;
    height: auto;
    border: 1px solid grey;
    padding: 6px;
    font-family: Arial;
    font-size: 12px;
    border-radius: 6px;
    color: var(--txt-primary-color);
}

    .dhtmlXTooltip.tooltip > div {
        color: var(--txt-primary-color);
    }

.dhtmlXTooltip-label {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: right;
    width: 40px;
    vertical-align: middle;
    height: auto;
}

.dhtmlXTooltip-data {
    display: table-cell;
    position: relative;
    min-height: 28px;
    font-weight: bold;
    word-wrap: break-word;
    padding: 1px;
    text-align: left;
    vertical-align: middle;
    height: auto;
}

.dhtmlXTooltip-line {
    border-top: 1px solid gold;
    margin-bottom: 6px;
}

.dhx_cal_event_line.schedule_custom_availability,
.dhx_cal_event_line.dhx_cal_event_line_start.schedule_custom_availability,
.dhx_cal_event_line.dhx_cal_event_line_end.schedule_custom_availability,
.dhx_cal_event_line_start.dhx_cal_event_line_end.schedule_custom_availability {
    background-color: rgb(192,192,192);
    border-width: 0px;
    border-style: none;
    color: var(--txt-primary-color);
    height: 20px;
    font-weight: bold;
}



.LinkMasterButton {
    position: relative;
    display: table-cell;
    width: auto;
    min-width: 50px;
    height: 16px;
    color: white;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    margin-right: 15px;
    background-color: #1f509c;
    background-size: 15px;
}

.UserLinked { display: inline-block; background: url('../images/status2.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; cursor: pointer; }
.UserNotLinked { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }

.strike { display: block; text-align: center; overflow: hidden; white-space: nowrap; }
.strike > span { position: relative; display: inline-block; margin-bottom: 5px; margin-top: 5px; }
.strike > span:before, .strike > span:after { content: ""; position: absolute; top: 50%; width: 125px; height: 2px; background: #BBB; }
.strike > span:before { right: 100%; margin-right: 15px; }
.strike > span:after { left: 100%; margin-left: 15px; }

.SSOBlock { padding: 5px; margin: 5px; border: solid 1px #BBB; display: flex; align-items: center; cursor: pointer; }
.SSORow { display: flex; justify-content: center; align-items: center; }
.SSOBlock > span { margin-left: 10px; }
.SSOIcon1 { background-image: url('../images/microsoft_logo.jpg'); width: 40px; height: 40px; background-size: contain; }
.SSOIcon2 { background-image: url('../images/okta_logo.png'); width: 40px; height: 40px; background-size: contain; }


.warning-text {
    color: var(--txt-warning-color);
}

.error-text {
    color: var(--txt-error-color);
}

/*#region msg */
.msg-layout-container {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 4px;
    z-index: 1100;
}

.msg-add-chat-button {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url('/images/Icons24.png');
    background-position: -72px 0px;
    background-color: green;
    border-radius: 4px;
    border: 1px solid limegreen;
    cursor: pointer;
}

.msg-headerbox {
    border: 1px solid silver;
    min-height: 28px;
}

.msg-popup {
    display: inline-block;
    position: relative;
    min-width: 300px;
    max-width: 300px;
    border: 1px solid silver;
    background-color: white;
    margin-left: 5px;
    text-align: left;
    vertical-align: bottom;
    border-radius: 5px 5px 0px 0px;
}

    .msg-popup .msg-chat-area {
        height: 275px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

/*This only changes the scroll bar for chat on chrome*/
.msg-chat-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: whitesmoke;
}

.msg-chat-area::-webkit-scrollbar {
    width: 12px;
    background-color: whitesmoke;
}

.msg-chat-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #d0d9e5;
}

.msg-add-msg {
    color: var(--txt-primary-color);
    padding: 2px 4px;
    width: 275px;
    min-width: 275px;
    max-width: 275px;
    border-radius: 10px;
    outline: none;
    margin: auto;
    display: block;
    overflow: auto;
    font-size: 14px;
    resize: none;
    max-height: 85px;
}

    .msg-add-msg.msg-disabled {
        background-color: lightgrey;
    }

    .msg-add-msg:focus {
        background-color: #edf4ff;
    }

.msg-add-msg-box {
    padding: 2px;
    border: 1px solid silver;
    background-color: whitesmoke;
}

.msg-chat-area-line {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.msg-line {
    vertical-align: top;
    padding: 2px;
}

.msg-icon-user {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 15px;
    overflow: hidden;
    background-color: lightgray;
    text-align: center;
    vertical-align: top;
    line-height: 28px;
    border: 1px solid black;
    font-family: Arial;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.msg-icon-user-container {
    display: inline-block;
    width: 30px;
    height: 35px;
    position: relative;
    vertical-align: top;
}

.msg-popup .msg-bubble-receiver {
    display: inline-block;
    max-width: 170px;
    background-color: #cbeec3;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    left: 5px;
    word-break: break-word;
}

.msg-popup .msg-bubble-sender {
    display: inline-block;
    max-width: 170px;
    background-color: #d0d9e5;
    padding: 4px;
    border-radius: 4px;
    position: relative;
    right: 5px;
    text-align: left;
    word-break: break-word;
}

.msg-bubble-timestamp {
    display: block;
    color: grey;
    padding: 0px 15px 0px 5px;
    font-size: 11px;
}

.msg-bubble-dateline {
    color: grey;
    font-size: 12px;
    display: flex;
    flex-direction: row;
}

    .msg-bubble-dateline:before,
    .msg-bubble-dateline:after {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid grey;
        margin: auto;
    }

.msg-bubble-box {
    display: inline-block;
}

.msg-linkbox {
    background-color: whitesmoke;
    max-width: 248px;
    min-width: 248px;
    height: 20px;
    border: 1px solid white;
    cursor: default;
    border-radius: 5px 5px 0px 0px;
}

.msg-linkbox-twolines {
    height: 30px;
}

.msg-linkbox-threelines {
    height: 40px;
}

.msg-linkbox-icon {
    background: url(/images/Icons24.png);
    background-size: 205px 120px;
    background-repeat: no-repeat;
    background-position-x: -68px;
    background-position-y: -20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    cursor: pointer;
}

.msg-linkbox-text-nopointer {
    display: inline-block;
    color: steelblue;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 6px;
    padding-top: 1px;
    cursor: default;
    width: 220px;
    min-height: 20px;
    vertical-align: top;
}

.msg-linkbox-text-pointer {
    display: inline-block;
    color: steelblue;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 6px;
    padding-top: 1px;
    cursor: pointer;
    width: 220px;
    min-height: 20px;
    vertical-align: top;
}

.msg-add-user-button-container {
    display: table-cell;
    align-items: center;
    vertical-align: middle;
}

.msg-add-user-button {
    width: 20px;
    height: 20px;
    background-image: url(/images/add-user.svg);
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

.msg-popup .msg-add-user-search {
    width: 294px;
    height: 25px;
    border: 1px solid silver;
    outline: none;
}

    .msg-popup .msg-add-user-search:focus {
        background-color: #edf4ff;
    }

.msg-popup .UserListing {
    padding: 4px;
    background-color: white;
    border-bottom: 1px solid silver;
}

.msg-participantbox-low {
    position: absolute;
    top: 61px;
    left: 0px;
    background-color: whitesmoke;
    right: 0px;
    min-height: 50px;
    max-height: 215px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
}

.msg-participantbox-high {
    position: absolute;
    top: 45px;
    left: 0px;
    background-color: whitesmoke;
    right: 0px;
    min-height: 50px;
    max-height: 215px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
}

.msg-participantbox-list {
    background-color: whitesmoke;
    min-height: 50px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
}

.msg-participantbox-close-button {
    background-color: whitesmoke;
    color: var(--txt-primary-color);
    height: 20px;
    width: 35px;
    border-radius: 4px;
    border: 1px solid silver;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 5px 20px;
    text-align: center;
}

.msg-participantbox-name {
    display: inline-block;
    max-width: 210px;
    min-width: 210px;
    overflow: hidden;
    max-height: 18px;
}

.msg-participantbox-remove-user {
    display: inline-block;
}

    .msg-participantbox-remove-user:before {
        width: 16px;
        height: 16px;
        color: lightslategrey;
        content: "x";
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        line-height: 14px;
        cursor: pointer;
        padding-left: 2px;
        padding-right: 2px;
        border-radius: 3px;
    }

    .msg-participantbox-remove-user:hover:before {
        background-color: #e00000;
    }

/* Message Center */
.discussion-status-active {
    color: White;
    background-color: green;
    border-radius: 5px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    width: 75px;
    margin: 0px auto;
}

.discussion-status-inactive {
    color: White;
    background-color: red;
    border-radius: 5px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    width: 75px;
    margin: 0px auto;
}

#defaultMsg {
    text-align: center;
    padding: 10px 0;
}

.side-panel {
    height: 568px;
    position: relative;
    top: 99px;
    width: 100%;
    border: 1px solid #444;
}

.side-panel-header {
    height: 20px;
    border-bottom: 1px solid black;
    padding: 3px 18px 3px 10px;
    border-right: none;
}

#msgList {
    height: 528px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
}

    #msgList li {
        position: relative;
        border-bottom: 1px solid #444;
        padding: 5px 0;
    }

        #msgList li .msg-icon-user {
            margin: 0 auto;
            display: block;
        }

.msg-timestamp {
    text-align: center;
    padding-bottom: 10px;
}

.msg-list-container:first-child {
    position: relative;
    width: 20%;
    vertical-align: top;
}

.msg-list-container {
    width: 65%;
    display: inline-block;
}

.msg-body {
    text-align: center;
    word-break: break-word;
}

.mc-tooltip-position {
    position: relative;
    z-index: 1000;
}

.mc-tooltip-container {
    position: absolute;
    min-width: 250px;
    max-width: 250px;
    max-height: 277px;
}

.mc-tooltip-body {
    background: white;
    color: var(--txt-primary-color);
    min-width: 248px;
    max-width: 248px;
    max-height: 258px;
    overflow-x: hidden;
    overflow-y: auto;
    border: solid black 1px;
}

.mc-tooltip-header {
    background-image: url(/../../images/titlebar.png);
    background: blue;
    height: 10px;
    color: white;
    border-radius: 4px 4px 0px 0px;
}

.mc-hover-list {
    padding: 5px;
}

/* Message Center */

.user-match-list {
    height: auto;
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    width: 300px;
    position: absolute;
    z-index: 100;
}

    .user-match-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: whitesmoke;
    }

    .user-match-list::-webkit-scrollbar {
        width: 12px;
        background-color: whitesmoke;
    }

    .user-match-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d0d9e5;
    }

.msg-linkbox-close-button:before {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    color: lightslategrey;
    content: "x";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    cursor: pointer;
}

.msg-linkbox-close-button:hover:before {
    background-color: #e00000;
}

.msg-linkbox-min-button:before {
    position: absolute;
    top: 2px;
    right: 18px;
    width: 16px;
    height: 16px;
    color: lightslategrey;
    content: "-";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    cursor: pointer;
}

.msg-linkbox-min-button:focus:before, .msg-linkbox-close-button:focus:before {
    border: solid;
}

.msg-headerbox-text-container {
    display: table-cell;
}

.msg-headerbox-text {
    max-height: 100px;
    width: 275px;
    display: inline-block;
    max-width: 275px;
    min-width: 275px;
    overflow-y: auto;
}

    .msg-headerbox-text::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: whitesmoke;
    }

    .msg-headerbox-text::-webkit-scrollbar {
        width: 5px;
        background-color: whitesmoke;
    }

    .msg-headerbox-text::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d0d9e5;
    }

.msg-headerbox-text-twolines {
    height: 40px;
    max-width: 220px;
    min-width: 220px;
    display: inline-block;
}

    .msg-headerbox-text-twolines .msg-headerbox-text-tooltip {
        visibility: hidden;
        width: 180px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: -25px;
        left: -40%;
        margin-left: -90px;
    }

        .msg-headerbox-text-twolines .msg-headerbox-text-tooltip::after {
            content: " ";
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent black;
        }

    .msg-headerbox-text-twolines:hover .msg-headerbox-text-tooltip {
        visibility: visible;
    }

.user-title {
    background-color: lightgrey;
    border: 1px solid silver;
    margin: 2px;
    text-align: left;
    vertical-align: bottom;
    display: inline-flex;
    border-radius: 5px;
}

.user-title-name {
    padding: 0px 3px;
}

.msg-user-status-nologin {
    background-color: white;
    height: 10px;
    width: 10px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
    margin-right: 2px;
    vertical-align: middle;
}

.msg-user-status-active {
    background-color: green;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
}

.msg-user-status-offline {
    background-color: red;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
}

.msg-user-status-unknown {
    background-color: grey;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
}

.msg-user-status-nosso {
    background-color: orange;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
}

.msg-user-status-user-not-active {
    background-color: black;
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-radius: 10px;
}

.lookup-user-status-nologin {
    background-color: white;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.lookup-user-status-active {
    background-color: green;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.lookup-user-status-offline {
    background-color: red;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.lookup-user-status-unknown {
    background-color: grey;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.lookup-user-status-nosso {
    background-color: orange;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.lookup-user-status-user-not-active {
    background-color: black;
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    margin: 2px;
}

.msg-status-sending {
    background-color: darkgoldenrod;
    vertical-align: bottom;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
}

.msg-status-sent {
    background-color: grey;
    vertical-align: bottom;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
}

.msg-status-received {
    background-color: blue;
    vertical-align: bottom;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
}

.msg-status-seen:before {
    /*icon*/
    background-color: limegreen;
    vertical-align: bottom;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    /*text*/
    content: "✔";
    font-size: 8px;
    text-align: center;
    line-height: 10px;
    font-weight: bolder;
}

.msg-status-error:before {
    /*icon*/
    background-color: red;
    vertical-align: bottom;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    /*text*/
    content: "!";
    font-size: 8px;
    text-align: center;
    line-height: 10px;
    font-weight: bolder;
}

.msg-infinity-loading {
    height: 70px;
    width: 250px;
    background: url(/images/loading_msgs.gif) no-repeat center center;
    margin: 0px auto;
    background-size: contain;
}

.msg-merge-container {
    height: 110px;
    width: 240px;
    text-align: center;
    margin: auto;
    background-color: whitesmoke;
    padding: 5px;
    border-top: 1px solid silver;
}

.msg-merge-text {
    font-weight: bold;
}

.msg-merge-button {
    color: var(--txt-primary-color);
    margin: 5px;
}

.msg-merge-button-yes {
    background-color: darkseagreen;
}

.msg-merge-button-no {
    background-color: indianred;
}

.msg-error-send {
    display: block;
    background: #FF9494;
    min-width: 300px;
    text-align: center;
    font-size: 15px;
}

.msg-typing-container {
    display: block;
    font-style: italic;
    min-width: 300px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #696969;
}

.msg-typing-name {
    display: inline-block;
    padding-left: 5px;
}

div#wave-dot-container {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 30px;
    height: 20px;
}

    div#wave-dot-container .wave-dot {
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        margin-right: 3px;
        background: #696969;
        animation: wave-animation 1s linear infinite;
    }

    div#wave-dot-container span:nth-child(2) {
        animation-delay: -0.8s;
    }

    div#wave-dot-container span:nth-child(3) {
        animation-delay: -0.6s;
    }

@keyframes wave-animation {
    0%, 60%, 100% {
        transform: initial;
    }

    30% {
        transform: translateY(-8px);
    }
}

.msg-ws-disconnected {
    background-color: indianred;
    font-size: larger;
    max-width: 255px;
}
/*#endregion msg */


.BillingMethodStatus0 { display: inline-block; background: url('../images/status1.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.BillingMethodStatus1 { display: inline-block; background: url('../images/status2.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.BillingMethodStatus2 { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.BillingMethodStatus3 { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.BillingMethodStatus4 { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.BillingMethodStatus5 { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }

.CellLabelC { display: table-cell; position: relative; padding: 1px; padding-right: 6px; text-align: right; width: 100px; vertical-align: middle; height: auto; }
.CellLabelD { display: table-cell; position: relative; padding: 1px; padding-right: 6px; text-align: right; width: 105px; vertical-align: middle; height: auto; }

.NoResize { resize: none; }
.SchedulePaymentIcon { background: url('/images/iconCalendar.png') no-repeat center center; width: 24px; height: 24px; display: inline-block; cursor: pointer; }
.tbSchedulePayment { background: url('/images/iconCalendar.png') no-repeat left center; background-size: 15%; }

.dialogStatusList { position: absolute; top: 32px; right: 5px; background-color: White; width: 90px; border: 1px Solid Silver; border-radius: 6px; -moz-border-radius: 6px; -moz-box-shadow: 0 0 5px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 15px Black; z-index: 20; }
.dialogStatusItem { width: 80px; height: 18px; border: 1px solid Silver; border-radius: 6px; padding: 2px; cursor: pointer; z-index: 10; vertical-align: middle; text-align: center; margin: 3px; text-shadow: -1px -1px 0 #0000005e, 1px -1px 0 #0000005e, -1px 1px 0 #0000005e, 1px 1px 0 #0000005e; }

.paymentStatus0 { color: White; background-color: Green; background-image: url('/images/shstat2.png'); background-position: center; height: fit-content; }
.paymentStatus1 { color: White; background-color: Blue; background-image: url('/images/shstat3.jpg'); background-position: center; height: fit-content; }
.paymentStatus2 { color: White; background-color: Teal; background-image: url('/images/shstat6.png'); background-position: center; height: fit-content; }
.paymentStatus3 { color: White; background-color: Orange; background-image: url('/images/shstat4.png'); background-position: center; height: fit-content; }
.paymentStatus4 { color: White; background-color: Orange; background-image: url('/images/shstat4.png'); background-position: center; height: fit-content; }
.paymentStatus5 { color: White; background-color: Orange; background-image: url('/images/shstat4.png'); background-position: center; height: fit-content; }
.paymentStatus6 { color: White; background-color: Red; background-image: url('/images/shstat5.png'); background-position: center; height: fit-content; }
.paymentStatus7 { color: White; background-color: Black; background-image: url('/images/shstat1.png'); background-position: center; height: fit-content; }

.payStatusIcon0 { background: url('../images/shstatus2.png') no-repeat center center; background-size: contain; height: 16px; width: 24px; }
.payStatusIcon1 { background: url('../images/shstatus3.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }
.payStatusIcon2 { background: url('../images/shstatus6.png') no-repeat center center; background-size: contain; height: 16px; width: 24px; }
.payStatusIcon3 { background: url('../images/shstatus4.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }
.payStatusIcon4 { background: url('../images/shstatus4.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }
.payStatusIcon5 { background: url('../images/shstatus4.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }
.payStatusIcon6 { background: url('../images/shstatus5.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }
.payStatusIcon7 { background: url('../images/shstatus1.png') no-repeat center center; background-size: contain;  height: 16px; width: 24px; }

.tbValidate { background-image: url('/images/refresh.png'); }
.tbTransaction { background-image: url('/images/print.png'); }
.tbRefund { background-image: url('/images/delete.png'); color: Maroon; }
.RefreshScheduledPayments { background: url('/images/refresh.png') no-repeat center center; width: 30px; cursor: pointer; }
.AddNewCustomer { display: inline-block; width: 30px; height: 30px; background: url('/images/AddContactIcon.png') no-repeat center center; cursor: pointer; }
.CellLabelXWide { display: table-cell; position: relative; padding: 1px; padding-right: 6px; text-align: right; width: 230px; vertical-align: middle; height: auto; }
.InvoicePayNow { background: url('/images/Icons24.png') 288px 96px; width: 24px; height: 24px; display: inline-block; }

.notification-address {
    word-break: break-word;
    word-wrap: break-word;
    width: 99%;
    display: block;
    max-height: 50px;
    height: 45px;
    overflow-y: auto;
}
.claimImportStatus0 { display: inline-block; background: url('../images/status4.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.claimImportStatus1 { display: inline-block; background: url('../images/status2.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }
.claimImportStatus2 { display: inline-block; background: url('../images/status1.png') no-repeat center center; background-size: cover; height: 14px; width: 14px; }

.event-schedule-text {
    max-width: 214px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.header-schedule-live-text {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 200px;
    text-align: center;
    font-weight: bolder;
    position: absolute;
    top: 62px;
}

.filter-checkbox {
    display: table-cell;
    position: relative;
    min-height: 45px;
    height: 45px;
    line-height: 16px;
    width: 200px;
    text-align: center;
    vertical-align: bottom;
}

.dt-button-row {
    height: 40px;
}

.text-nowrap{
    white-space:nowrap;
}

div.message-table-related {
    width: 95%;
    margin: 15px auto;
    padding: 2px 2px 2px 2px;
}

.admission-payors-list .dataTables_scrollBody {
    min-height: 300px;
}

.admission-payors-list .payors-list-seperator {
    padding-bottom: 10px;
}
.disabled-text {
    background: #EFEBE7;
}
.text-success {
    color: lightseagreen;
}

.global-chat-group, .broadcast-chat-group {
    padding: 10px;
}

.global-chat-item, .broadcast-chat-item {
    display: inline-block;
    padding-right: 5px;
}

.global-chat-item > label, .broadcast-chat-item > label {
    display: block;
}

.broadcast-recipient-filters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 10px;
    padding: 10px;
}

.pad-left-20px {
    padding-left: 20px;
}

.pad-left-35px {
    padding-left: 35px;
}

.pad-right-10px {
    padding-right: 10px;
}

.oasisDateContainer {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 1px;
    margin: auto;
    height: auto;
    color: Blue;
    font-weight: bold;
    font-style: normal;
    font-family: Tahoma, Arial, Helvetica;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    z-index: 5;
}

.oasisButtons {
    z-index: 6;
}

.block {
    display: block;
}

.block-margin {
    display: block;
    margin: auto;
}

.padding-left-right-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-none {
    padding: 0px;
}

.table-header-relative {
    position: relative;
}

.table-header-relative span:first-child {
    display: inline-block;
    top: 50%;
    transform: translateY(-40%);
}

.table-header-relative span:last-child {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 50%;
    transform: translateY(5%) translateX(30%);
}

.vinny { background-image: url(../../images/vincent-assist.png); background-size: contain; height: 220px; width: 200px; position: absolute; right: 0; top: 90px; }

.setup { background-image: url('/images/gear-icon.png'); background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; cursor: pointer; }

/* This is a simple marker so we dont export columns */
.data-table-no-export { }

.note-checkbox-center {
    margin: auto;
    width: 195px;
}

.staff-cancel-checkbox-center {
    margin: auto;
    width: 176px;
}

.note-checkbox-center-pad {
    margin: auto;
    width: 170px;
}

.note-label {
    position: relative;
    top: 3px;
}

.textarea-border-outset {
    resize: none;
    margin-left: 50px;
    margin-right: 50px;
    font-weight: bold;
    border-left: 2px solid rgb(195, 195, 195);
    border-top: 2px solid rgb(195, 195, 195);
    border-right: 2px solid rgb(118, 118, 118);
    border-bottom: 2px solid rgb(118, 118, 118);
    width: 700px;
    height: 150px;
}

.planned-row { background-color: lightgray !important; }
.confirmed-row { background-color: lightgreen !important; }
.exception-row { background-color: deepskyblue !important; }
.on-hold-row { background-color: lightsalmon !important; }
.cancelled-row { background-color: lightcoral !important; }
.closed-row { background-color: purple !important; }
.disabled-row { background-color: #eae8e8 !important; }
    .planned-row:hover, .confirmed-row:hover, .exception-row:hover, .on-hold-row:hover, .cancelled-row:hover, .closed-row:hover, .disabled-row:hover { background-color: #0073e3 !important; }


.dt-show-entries {
    padding-top: 5px;
}
.odd .balance-neg { color: darkred; font-weight: bold; }
.even .balance-neg { color: red; font-weight: bold; }

.odd .balance-pos { color: lime; font-weight: bold; }
.even .balance-pos { color: limegreen; font-weight: bold; }

.pb-1 {
    padding-bottom: .25em;
}

.pb-2 {
    padding-bottom: .5em;
}
.dialog-mover { height: 25px; position: absolute; }
.page-id-button { background-color: white; position: absolute; border-radius: 9px; padding: 2px 4px 2px 4px; font-family: Arial; font-weight: 800; cursor: pointer; }
.copied:after { content: "Copied To Clipboard"; position: absolute; top: 29px; z-index: 99; transform: translateX(-50%); padding: 2px; background-color: #aee8ae; border-radius: 15px; width: 150px; box-shadow: 1px 1px 1px 1px black; text-align: center; font-size: 11px; }
.evv-history-button {
    background: url(/images/cell_tower.svg) no-repeat center center;
    background-color: white;
    background-size: cover;
    position: absolute;
    display: inline-block;
    border-radius: 9px;
    padding: 2px 4px 2px 4px;
    cursor: pointer;
    line-height: 18px;
    height: 18px;
    width: 15px;
}
.rate-tooltip { padding: 6px; background-color: white; border-radius: 4px; box-shadow: 1px 1px 1px 2px grey; border: 5px; border-color: gray; border-width: 10px; }
.side-tab-extended { display: table-cell; position: relative; top: 0px; left: 0px; padding: 6px; width: 1200px; height: auto; vertical-align: top; outline: none; }
.shrink-notes { max-width: 1100px; }
.shrink-content { max-width: 838px; }
.section-divider { height: 20%; margin-top: 105px; }
.checkbox-divider { margin-top: 40px; }
.align-checkbox { display: inline-block; }
.align-checkbox label { display: inline-block; position: relative; top: 40%; transform: translateY(-40%);}
.household-divider { margin-top: 70px; }
.profile-img-divider { margin-top: 50px }
.user-panel { margin-top: 60px; }
.general-notes { width: 1100px; resize: vertical; height: 100px; }
.medications-txt { display: inline-block; }
.medications-checkbox { position: relative; left: 320px; top: 10px;}
.content-title-extended { width: 1320px !important;}
.gender-extended { left: 415px !important;}
.status-tab-extended { right: 406px !important; }
.center-schedule-range { margin: 0 0 0 385px !important; }
.divider { height: 2px; margin: 30px 0; }
.divider-vertical { height: auto; width: 80px; display: table-cell; }
.discharge-field { margin-top: 10px;}
.place-of-service { max-width: 55em; }
.contacts-30 { max-width: 30em; }
.household-status-icon {
    display: inline;
    vertical-align: middle;
    height: 28px;
    position: relative;
    top: -4px;
}

.household-label {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: right;
    width: 30px;
    vertical-align: middle;
    height: auto;
}

.household-section {
    min-width: 275px;
}

.align-household label {
    display: inline-block;
    width: 170px;
    position: relative;
    top: 2px;
}

.download-image {
    background-image: url('/images/insert.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.line-height-28 { line-height: 28px; }
.action-reason { max-width: 390px; }
.admission-service-name { width: 200px; max-height: 283px; }
.billing-review-container { width: 99.5vw;position: relative; left: 5px; box-sizing: content-box; }
.billing-review-button-container { position: relative; z-index: 20; }
.side-tab-extended-title {
    width: 275px;
    height: auto;
    padding: 4px 20px 4px 4px;
    padding-top: 3px;
    font-weight: bold;
    vertical-align: middle;
    background-image: url('/images/tabback.png');
    background-position: right;
    background-repeat: repeat-y;
    border-bottom: 1px Solid Transparent;
    border-top: 1px Solid Transparent;
    cursor: pointer;
}
.side-tab-big {
    width: 292px;
    padding-left: 20px;
    padding-right: 4px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    height: auto;
    background-image: url('/images/tabback.png');
    background-position: right;
    background-repeat: repeat-y;
    border-bottom: 1px Solid Transparent;
    border-top: 1px Solid Transparent;
    cursor: pointer;
}
.exports-by-payor {
    height: 764px;
    overflow-y: auto;
    width: 178px;
}
.export-tab-content {
    display: table-cell;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 6px;
    width: 840px;
    height: auto;
}
#ExportDetail {
    height: 700px;
    overflow-y: auto;
}

.export-detail-source {
    white-space: pre;
    font-family: 'Courier New';
    font-size: 11px;
    width: 750px;
    overflow: auto;
}

.exportItem {
    font-weight: normal;
    width: 150px;
    font-size: 11px;
}

.export-history-options {
    position: relative;
    left: 680px;
    top: 5px;
}
.side-tab-top-expanded {
    height: 20px;
    width: 292px;
    padding-right: 24px;
    background-image: url('/images/tabstop.png');
    background-position: right;
    background-repeat: no-repeat;
}
.side-tab-bottom-expanded {
    height: 20px;
    width: 292px;
    padding-right: 24px;
    background-image: url('/images/tabsbottom.png');
    background-position: right;
    background-repeat: no-repeat;
}

.canadian-postal-code {
    text-transform: uppercase;
}


/*#region New Live Table*/
.live-table {
    border-collapse: collapse;
}
    .live-table *,
    .live-table *::before,
    .live-table *::after {
        box-sizing: content-box;
    }

.live-x-axis-hours {
    border: 1px solid darkgrey;
    line-height: 16px;
    color: var(--txt-primary-color);
    white-space: nowrap;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.live-axis-label {
    text-align: center;
    font-size: larger;
}

.live-y-axis-sub-header {
    text-align: center;
    padding-top: 5px;
    border: none;
    min-width: 60px;
}

.live-y-axis-total-hours {
    text-align: center;
    padding-top: 5px;
    min-width: 60px;
}

.live-y-axis-header {
    text-align: center;
    padding-top: 5px;
}

.live-border {
    border: 1px solid darkgrey;
    min-width: 60px;
}

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

.live-schedule-link {
    text-align: center;
    padding-top: 5px;
    color: #0645AD;
    text-decoration: underline;
    cursor: pointer;
}

.live-event-container {
    position: absolute;
    height: 23px;
    margin-top: 2px;
    border: solid 1px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: hidden;
    background-color: white;
    z-index: 1;
}

.live-event-handle-start {
    height: 100%;
    width: 5px;
    cursor: ew-resize;
    background: url(/images/resize_dots-black.png) repeat-y;
    left: 0;
    display: inline-block;
    position: absolute;
}

.live-event-status {
    padding: 0px 2px 0px 5px;
}

.live-event-handle-end {
    height: 100%;
    width: 5px;
    cursor: ew-resize;
    background: url(/images/resize_dots-black.png) repeat-y;
    right: 0;
    display: inline-block;
    position: absolute;
}

.live-event-text {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    line-height: 23px;
    display: inline-block;
}

.live-event-tooltip {
    padding: 6px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 1px 1px 1px 2px grey;
    border: 5px;
    border-color: gray;
    border-width: 10px;
}

.live-hours-before-day {
    background-color: lightgray;
}

.live-current-line {
    width: 2px;
    position: absolute;
    background-color: red;
}
/*#endregion New Live Table*/

.circle {
    border-radius: 20px;
    width: 28px;
    height: 15px;
    color: var(--txt-primary-color);
    border: 1px solid;
    text-align: center;
    padding: unset;
}

.forms-select-label {
    position: absolute;
    bottom: 3px;
    left: 15px;
    cursor: pointer;
}

.forms-select {
    transform: scale(0.85);
    display: inline-block;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(30%);
    right: 5px;
}

.task-status {
    border-radius: 6px;
    width: 30px;
    text-align : center;
}


/*#region Map Tooltip*/
.map-tooltip-container {
    padding: 5px;
}

    .map-tooltip-container:hover {
        background-color: lightcyan;
    }

.map-tooltip-header {
    min-width: 300px;
    min-height: 20px;
    padding-top: 5px;
    border-bottom: solid 2px gold;
}

.map-tooltip-date-container {
    float: left;
}

.map-tooltip-date {
    display: inline-block;
    font-weight: bold;
}

.map-tooltip-time {
    padding-left: 5px;
    display: inline-block;
}

.map-tooltip-service {
    float: right;
    font-weight: bold;
}

.map-tooltip-client-container {
    max-width: 150px;
    display: inline-block;
    min-width: 150px;
}

.map-tooltip-client-label {
    font-weight: bold;
}

.map-tooltip-client-name {
    max-width: 150px;
    text-overflow: ellipsis;
}

.map-tooltip-staff-container {
    display: inline-block;
    max-width: 150px;
}

.map-tooltip-staff-label {
    font-weight: bold;
}

.map-tooltip-staff-name {
    max-width: 150px;
    text-overflow: ellipsis;
}
/*#endregion Map Tooltip*/

.template-preview-text {
    position: absolute;
    right: 5rem;
    left: 24rem;
    top: 1rem;
    overflow-y: auto;
    width: 15rem;
    max-height: 12rem;
    font-size: .75rem;
    white-space: pre-line;
}

.coverage-request-method-radio {
    display: flex;
    gap: 5px;
    line-height: 1.9;
}

.break-all {
    word-break: break-all;
}

.tasks-evv-column {
    width: 90px;
    max-width: 90px;
    min-width: 90px;
}

input[type=checkbox].vinny-check + label {
    display: block;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
}

input[type=checkbox].vinny-check {
    display: none;
}

    input[type=checkbox].vinny-check + label:before {
        content: "";
        border: 1px solid #AEAEAE;
        border-radius: 2px;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: .2em;
        vertical-align: middle;
        color: transparent;
        margin-left: .25rem;
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

input[type=checkbox]:checked.vinny-check:not(.vinny-check-no-highlight) + label {
    background-color: #0073e3;
    color: white;
    border-bottom: 1px solid #f5f5f5;
}

input[type=checkbox]:checked.vinny-check + label:before {
    background-color: rgb(17, 169, 17);
    box-shadow: none;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center center;
}

input[type=checkbox].vinny-check:not(.vinny-check-no-highlight):hover + label {
    background: #E4E4E4;
}

input[type=checkbox].vinny-check:disabled + label {
    opacity: 0.7;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed;
}

.btn-confirm > span {
    color: white !important;
    background-color: green !important;
}

.btn-cancel > span {
    color: white !important;
    background-color: #ca0c0b !important;
}

.btn-dialog > span {
    border-radius: 3px;
    width: 3rem;
    line-height: 1.1 !important;
}

.possible-long-word-col { word-break: break-word; }

.vinny-badge:after {
    position: absolute;
    right: -32%;
    bottom: -12%;
    content: attr(badgecount);
    font-size: 74%;
    padding: .3em;
    border-radius: 999px;
    line-height: .65em;
    color: white;
    background: rgba(0,0,255,.85);
    text-align: center;
    min-width: 1em;
    min-height: 1em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.contacts-label {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: left;
    width: 50px;
    vertical-align: middle;
    height: auto;
}

.custom-dt-export-container {
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;
}

.pad-bottom10 {
    padding-bottom: 10px;
}

.login-logo-img {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
}

.login-background-container {
    position: absolute;
    z-index: -6;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.login-background-image {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
}

.btn-option-disabled {
    cursor: not-allowed;
}

.error-lockout-countdown {
    background-color: red;
    width: 100px;
    margin: auto;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 5px;
}

.section-block {
    display: block;
    padding-bottom: 25px;
    width: auto;
    min-width: 270px;
    height: auto;
    border-collapse: collapse;
    vertical-align: top;
}

.cell-header-dt {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

.btn-vi-option-disabled {
    height: 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px Solid Silver;
    padding: 5px;
    color: white;
    cursor: not-allowed;
    text-decoration: none;
    background-color: grey;
}

.physician-header {
    padding-bottom: 5px;
    padding-left: 20px;
}

.staff-status-finish {
    margin: auto;
    width: 50px;
    height: 25px;
    line-height: 25px;
    position: relative;
    display: block;
}

.compliance-footer{
    position: fixed;
    bottom: 50px;
    left: 5px;
    width: calc(100% - 10px);
}

.attribute-preference-divider {
    padding-left: 88px;
    width: 640px;
}

.attribute-preference-table {
    margin: 0px;
    word-wrap: break-word;
}

.attribute-divider {
    padding-left: 88px;
    width: 300px;
}

.attribute-table {
    margin: 0px;
    word-wrap: break-word;
}

.datatable-search-style {
    margin-left: 0.5em;
    border: 1px solid Silver;
    height: 22px;
    width: auto;
    font-size: 14px;
    padding: 2px;
}

.absolute-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

.audit-log-values-list {
    width: auto;
    height: 385px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.margin-right-80 {
    margin-right: 80px;
}

.admissionScheduleType {
    width: 450px;
    min-height: 100px;
}

.client-medication-export-btn {
    float: left;
}

.client-medication-search {
    float: right;
}

.client-medication-table {
    min-height: 250px;
}

.section-w200 {
    position: relative;
    display: table-cell;
    width: auto;
    min-width: 200px;
    height: auto;
    border-collapse: collapse;
    padding: 0px;
    vertical-align: top;
}

.cell-label-w125 {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: right;
    width: 125px;
    vertical-align: middle;
    height: auto;
}

.cell-label-w175 {
    display: table-cell;
    position: relative;
    padding: 1px;
    padding-right: 6px;
    text-align: right;
    width: 175px;
    vertical-align: middle;
    height: auto;
}

.restrict-check {
    padding-left: 87px;
}
.restrict-check > .CellLabelB {
    text-align: left;
}

.SumoSelect > .CaptionCont > span > br {
    display: none;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-wiki {
    padding-left: 5px;
}

.flex-gap {
    display: flex;
    gap: 5px;
}

.codeNote{
    color: red;
    font-weight: 600;
    text-align: right;
    line-height: 1.2;
}

#invoiceItems input[type="text"]
{
    height: 20px;
    width: 9ch;
    padding: 4px 4px;
    font-size: 12px;
    box-sizing: border-box;
    margin-left: 8px;
}

#invoiceItems input.modifiers {
    width: 13ch;
}

.ra-indicator {
    display: inline;
    vertical-align: middle;
    font-size: smaller;
    font-weight: bold;
    color: var(--dt-custom-header-background-color);
    margin-left: 4px;
}