/* Minification failed. Returning unminified contents.
(100,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
(101,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(206,24): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(226,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient2'
(274,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(279,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient2'
(282,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(792,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(803,27): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(850,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(853,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(891,22): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(971,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(972,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1230,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1237,28): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1274,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1275,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1276,22): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1289,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1290,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1303,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1304,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1317,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1318,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1327,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1332,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1333,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1334,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1481,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1606,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1761,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1826,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1838,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(1840,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2092,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2141,34): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2237,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2378,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2443,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2447,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(2449,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3012,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3048,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3061,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3062,31): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(3069,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3070,34): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3071,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3080,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3087,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(3092,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3096,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(3101,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3250,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3255,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
(3258,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3460,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3469,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3470,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3471,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
 */
/* Minification failed. Returning unminified contents.
(23,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
(24,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(129,24): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(149,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient2'
(197,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(202,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient2'
(205,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(715,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(726,27): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(773,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(776,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(814,22): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(894,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(895,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1153,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1160,28): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1197,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1198,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1199,22): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1212,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1213,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1226,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1227,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1240,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1241,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1250,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1255,25): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1256,23): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
(1257,24): run-time error CSS1039: Token not allowed after unary operator: '-gray2'
: run-time error CSS1036: Expected expression, found ''
(1404,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1529,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1684,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1749,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(1761,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(1763,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2015,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2064,34): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2160,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2301,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2366,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2370,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(2372,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2935,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2971,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2984,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2985,31): run-time error CSS1039: Token not allowed after unary operator: '-gradient1'
(2992,33): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2993,34): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(2994,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3003,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3010,28): run-time error CSS1039: Token not allowed after unary operator: '-gray1'
(3015,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3019,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(3024,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3173,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3178,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
(3181,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3383,28): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3392,32): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3393,35): run-time error CSS1039: Token not allowed after unary operator: '-gray3'
(3394,22): run-time error CSS1039: Token not allowed after unary operator: '-gradient-background'
 */
/*
    Demographics grid styles
*/
.ccs-demographics-grid .gridContainer {
    margin-top: 0;
}

.ccs-patient-historical-view .gridContainer {
    margin-top: 0;
}

/*
    Historical Views Grid Begin

*/

.historical-views .ccs-grid-action-header .header-title{
    font-weight: bold;
}

.ccs-historical-grid-action-header {
    border: none !important;
    background-image: var(--gradient-background);
    border-bottom: 1px solid var(--gray3) !important;
}

.ccs-historical-grid-column-border {
    border-right: solid 1px #999;
    padding-top: 9px;
    padding-bottom: 9px;
}

.ccs-historical-grid-text-wrap {
    line-height: 12px;
    display: inline-block;
    white-space: normal !important;
}

.historical-views .gridColumn {
    overflow: visible !important;
}

/*
    Historical Views Grid End

*/
/** 
    This stylesheet's purpose is to override some of the Bootstrap library styling 
    and to define some generic classes for the ERMA application to use
**/

* {
    box-sizing: content-box;
}

table {
    max-width: none;
    background-color: transparent;
    border-collapse: separate;
}
img {
    vertical-align: auto !important;
}

textarea,
input,
button {
    box-sizing: border-box;
}

html input[disabled],
button input[disabled]
button:disabled,
button[disabled] {
    color: #999 !important;
}

label {
    font-weight: normal;
    margin-bottom: 0;
}

a:hover,
input:hover,
select:hover {
    cursor: pointer;
}

input[type=radio], input[type=checkbox] {
    margin: 5px;
    box-sizing: content-box;
}

input[type=checkbox] {
    margin: 0;
    box-sizing: content-box;
}

input[type=text] {
    cursor: text;  
}

input[type=button]{
    cursor: pointer;
}

input, button, select, textarea {
    line-height: normal !important;
}

p {
    margin: 0;
}

.radio, .checkbox {
    min-height: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-control {
    height: 22px;
    padding: 2px 4px;
    font-size: 12px;
}

.btn-default
{
    border-color: var(--gray3);
}

.nav > li > a
{
    padding: 3px 15px;
    font-family: "segoe ui";
    font-size: 12px;
}

a
{
    outline: none !important;
}

.ErmaGreenGradient {
    background-image: linear-gradient(to bottom, #ffffff, #F4F4F4);   
}

.ErmaGreyHeader {
    background-image: var(--gradient2);    
}

.ErmaValidator
{
    position: absolute; 
    display:inline-block; 
    width: 6px; 
    height: 6px;
    vertical-align: top; 
    cursor: help;
    margin-top: 2px;
    z-index: 999 !important;
}

.ValidatorContainer {
    position: relative;
    display: inline-block;
}

.ValidatorElement {
    display: inline;
}

.ValidationImage {
    position: absolute;
    top: 2px;
    right:2px;
    display: inline;
    z-index: 2;
    cursor: help;
    width: 6px;
    height: 6px;
}

.modal-backdrop
{
    z-index: 10000000 !important;
}

.modal
{
    z-index: 10000001 !important;    
}

.modal-header 
{
    padding: 0;
    color: var(--black);
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-image: var(--gradient2);
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px var(--gray3);
}

.modal-body
{
    padding: 0;
}

.dropdown-menu
{
    z-index: 1000000;
}

.angularModalBackground
{
    background-color: #333333;
    z-index: 9999999 !important;
    filter: alpha(opacity=70) !important;
    opacity: 0.7;
}

.angularDatePickerButtonGroup
{
    vertical-align: top;
}

/*  Angular INPUT PLACEHOLDER Text  */
*::-webkit-input-placeholder {
    color: gray !important;
    font-style: italic;
}
*:-moz-placeholder {
    color: gray !important;
    font-style: italic;
}
*:-ms-input-placeholder { /* IE10+ */
    font-style: italic;
    color: gray !important;
}

[name="ccsPhysicalForm"] .btn-dropdown .btn-text {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    max-width: 164px;
}
/*
    Typography
*/
.text-strike {
    text-decoration: line-through;
}

/*
    CCS Housing Grid
*/
.ccs-housing-grid {
    position: relative;
}

.ccs-housing-grid .gridContainer {
    margin-top: 0;
    margin-bottom: 35px;
}

.ccs-housing-grid .gridEvenRowStyle {
    background-color: #e8e8e8;
}

.ccs-housing-grid .gridFooter {
    bottom: auto; /*The fixed position that the core cdn sends causes the filter to hide a row*/
    position: relative;

}

.ccs-housing-grid .div-disabled {
    pointer-events: none;
    opacity: 0.6;
    background: rgba(255, 255, 255, 0.1);
}

.ccs-housing-grid .admin-button {
    position: relative;
    left: 900px;
    top: 25px;
    z-index: 99;
    width: 22px;
}
.ccs-housing-grid .print-button {
    position: relative;
    left: 900px;
    top: 25px;
    z-index: 98;
    width: 22px;
}

.ccs-housing-grid .gridColumn {
    /* 
        Remove the padding from the native grid, and reapply to our .ccs-housing-grid-col class 
        We need to do this so our "transient" style will apply to the cells correctly
    */
    padding-left: 0;
}

.HousingLocationPrint {
    height: 22px;
    width: 22px;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -37px;
    background-repeat: no-repeat;
    cursor: pointer;
    float:right;
}
.ccs-housing-grid-col {
    padding-left: 10px;
    font-family: "segoe ui", arial, sans-serif;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ccs-housing-grid-col.transient {
    background-color: #FFFF99;
}

.ccs-housing-grid-action-unavailable {
    font-style: italic;
    color: #CCC;
}

.ccs-housing-grid-action-assign,
.ccs-housing-grid-action-remove,
.ccs-housing-grid-action-reassign {
    display: inline-block;
    width: 22px;
    height: 25px;
    background-image: url('../Images/spriteButtons.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.ccs-housing-grid-action-assign {
    background-position: 0 -147px;
}

.ccs-housing-grid-action-remove {
    background-position: 0 -247px;
}

.ccs-housing-grid-action-reassign {
    background-position: 3px 0;
}

.ccs-housing-grid-action-hold {
    display: inline-block;
    width: 22px;
    height: 25px;
    background-image: url('../Images/holdButtons.png');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 -22px;
}

.ccs-housing-grid-action-hold.on {
    background-position: 0 2px;
}

.HousingDialog {
    background-color: white;
}

.HousingDialog .gridHeaderSubHeader {
    height: 35px;
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    background-repeat: repeat-x;
    /* ReSharper disable once CssBrowserCompatibility */
    filter: "progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC')";
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC')";
}

.HousingDialog .gridHeaderSubHeader :first-child {
   padding-left: 0; 
}

.housingGangFilter {
    width: 105px;
    position: relative;
    left: -3px;
}

.housingGenderFilter {
    width: 45px;
    position: relative;
    left: 5px;
}

.housingRaceFilter {
    width: 90px;
    position: relative;
    left: -3px;
}

.housingIsAvailableFilter {
    width: 60px;
    position: relative;
    left: 3px;
}

.housingUnitFilter {
    width: 25px;
    height: 20px;
    position: relative;
    top: 1px;
}

.housingWingFilter {
    width: 25px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingRoomFilter {
    width: 35px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingBedFilter {
    width: 25px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingResidentFilter {
    width: 125px;
    position: relative;
    left: -20px;
    height: 20px;
    top: 1px;
}
.housingResidentIdFilter {
    width: 85px;
    height: 20px;
    position: relative;
    top: 1px;
    left: -3px;
}
.housingAgeFilter {
    width: 25px;
    height: 20px;
    position: relative;
    top: 1px;
}

.housingErrorSpan {
    font-weight: bold;
    color: red;
}

.housingLocationSpan {
    font-style: italic;
}

.housingAlertSpan {
    position: relative;
    top: -35px;
    width: 425px;
    font-style: italic;
    color: red;
    word-wrap: break-word;
}

.housingCcsSiteDepartmentFilter {
    width: 120px;
    height: 20px;
    position: relative;
    top: 1px;
}

.housingCcsFacilityFilter {
    width: 50px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsBuildingFilter {
    width: 50px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsFloorFilter {
    width: 50px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsCellBlockFilter {
    width: 40px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsUnitFilter {
    width: 30px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsCellFilter {
    width: 30px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsBedFilter {
    width: 30px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsPatientNameFilter {
    width: 120px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsInmateNumberFilter {
    width: 80px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsAgeFilter {
    width: 30px;
    height: 20px;
    position: relative;
    top: 1px;
}
.housingCcsGenderFilter {
    width: 50px;
    height: 20px;
    position: relative;
    top: 1px;
}

.loadingIndicator {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
} 
/*
    Modals
*/
.ccs-modal .modal-dialog {
    /* Overrides the width of the modal */
    /*top: 25% !important;*/
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ccs-modal-sm .modal-dialog {
    width: 300px;
}

.ccs-modal-md .modal-dialog {
    width: 400px;
}

.ccs-modal-lg .modal-dialog {
    width: 600px;
}

.modal.fade .modal-dialog 
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.modal.in .modal-dialog {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.fade {
    -webkit-transition: none !important;
    transition: none !important;
}
.fade.in {
    -webkit-transition: opacity .001s linear;
    transition: opacity .001s linear;
}

.ccs-modal .modal-content {
    border-radius: 0;
    box-shadow: 0px 0px 5px #000;
}

.ccs-modal .modal-header .close {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 25px;
    width: 25px;
    background-image: url('../Images/close.png');
    background-repeat: no-repeat;
    z-index: 99;
    opacity: 1 !important;
    filter: none;
}

.ccs-modal .modal-body {
    padding: 5px 10px 0px 15px;
}

.ccs-modal .modal-body .modal-message {
    position: relative;
    padding: 5px 5px 5px 5px;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
    font-size: 12px;
}

.ccs-modal .modal-footer {
    margin: 0px;
    padding: 10px 5px 15px 5px;
    border: none;
    text-align: center;
}

.ccs-modal .modal-button {
  border: 0;
  cursor: pointer;
  margin: 0 0 0 .5em;
}

.ccs-resident-status-modal.ccs-modal .modal-dialog {
     width: 300px;
}
/*
    Patient CCRS Address
*/

.ccs-address-form {
    
}
/*
    Patient CCRS Education
*/
.PatientCcrsEducationContainer {
    width: 987px;
    text-align: left;
    color: #000 !important;
    background-color: #ffffff;
}

.PatientCcrsEducationContainer input[type=text] {
    border: 1px solid #999;
}

.PatientCcrsEducationContainer .TabBody {
    z-index: 1;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    margin-top: 0;
}

.PatientCcrsEducationContainer .TabBodyMain {
}

.PatientCcrsEducationContainer .SectionHeader {
    text-align: left;
    padding: 3px;
    border: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #F5F5F5;
}

.PatientCcrsEducationContainer .SectionDetails {
    width: 980px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.PatientCcrsEducationContainer .BodyMainButtons {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.PatientEmergencyContactsContainer input[type=text], 
.PatientEmergencyContactsContainer textarea{
    border: 1px solid var(--gray3);
    width: 190px;
}

.PatientEmergencyContactsContainer .ccs-dropdown {
    width: 190px;
}

.PatientEmergencyContactsContainer .ccs-form .input-group input[type=text] {
    -ms-border-radius: 0;
    border-radius: 0;
    border:1px solid var(--gray3);
}

.ccs-emergency-contacts-button-row {
    padding-top: 15px;
    width: 100%;
    padding-bottom: 20px;
}

.ccs-emergency-contact-close-button {
    float: right;
}

.ccs-emergency-contacts-checkbox-row {
    height: 35px;
}
.ccs-visitors-button-row {
    padding-top: 15px;
    width: 100%;
    padding-bottom: 20px;
}

.ccs-visitors-close-button {
    float: right;
}

.ccs-visitors-checkbox-row {
    height: 35px;
}
/*
    Patient Demographics
*/
:root {
    --gradient-background: linear-gradient(#FFFFFF, #F4F4F4);
    --gradient2: linear-gradient(to bottom, #FFFFFF, #F4F4F4);
    --gray1: #F3F3F3;
    --gray2: #ACACAC;
    --gray3: #DDDDDD;
    --black: #333333;
    --white: #FFFFFF;
    --headingcolor: #009BC8;
    --lightblue: #E3F2F7;
    --selector: #E6F5FA;
}

.ccs-patient-demographics {
    position: relative;
    background-color: var(--gray1);
    padding-left: 5px;
    padding-top: 5px;
    border: 1px solid var(--gray1);
}

.ccs-patient-demographics .patientPhoto {
    float: left;
    width: 82px;
    height: 79px;
    background-repeat: no-repeat;
    padding: 0;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.ccs-patient-demographics .patientPhotoCamera {
    position: absolute;
    left: 2px;
    top: 5px;
    width: 22px;
    height: 16px;
    background-image: url('../images/patientPhotoCamera.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .patientDetails {
    float: left;
    width: 850px;
    text-align: left;
}

.ccs-patient-demographics .patientDetailsCollapsed {
    height: 26px;
    overflow: hidden;
}

.ccs-patient-demographics .patientDetailsExpanded {
    min-height: 100px;
    background: var(--gray1);
}

.ccs-patient-demographics .collapsePatientDetails {
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 10;
}

.ccs-patient-demographics .collapsedIcon {
    width: 31px;
    height: 29px;
    background-image: url('../images/patientDetailsCollapse.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .expandedIcon {
    width: 31px;
    height: 29px;
    background-image: url('../images/patientDetailsExpand.png');
    background-repeat: no-repeat;
    border: none;
}

.patientTabs {
    position: relative;
}
.collapsePatientTabs {
    position: absolute;
    right: 3px;
    top: -3px;
}

.collapseTabsIcon {
    width: 22px;
    height: 29px;
    background-image: url('../images/collapsePatientDetails.png');
    background-repeat: no-repeat;
    border: none;
    margin-top: 3px;
}

.expandTabsIcon {
    width: 22px;
    height: 29px;
    background-image: url('../images/expandPatientDetails.png');
    background-repeat: no-repeat;
    border: none;
    margin-top: 3px;
}

.ccs-patient-demographics .patientDetailsMenu {
    position: absolute;
    right: 2px;
    top: 94px;
}

.ccs-patient-demographics .patientDetailsMenuAlias {
    position: absolute;
    right: 2px;
    top: 74px;
}

.ccs-patient-demographics :last-child.navbar-right.navbar-nav {
    margin-right: 0 !important;
}

.ccs-patient-demographics .navbar-nav {
    margin: 0 !important;
}

.ccs-patient-demographics .dropdown-menu {
    font-family: "Segoe UI", Arial;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: var(--white);
    border: 1px solid var(--gray3);
    box-shadow: none;
}

.ccs-patient-demographics .navbar-nav > li > .dropdown-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ccs-patient-demographics .dropdown-menu > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.ccs-patient-demographics .dropdown-menu > li > a > i {
    width: 24px;
}

.ccs-patient-demographics .navbar-nav > li > a {
    padding: 0;
}

.ccs-patient-demographics .patientDetailsMenuLink {
    width: 31px;
    height: 29px;
    background-image: url('../images/patientDetailsMenu.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-site-filter {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuSiteFilter.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-patient-details {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuPatientDetails.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-add-new-patient {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuAddNewPatient.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-print-facesheet {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuPrintFacesheet.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-care-management {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuCareManagement.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-upload-document {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuUploadDocument.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-export-chart-to-pdf {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuExportChartToPdf.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-provider-management {
    width: 18px;
    height: 17px;
    background-image: url('../images/patientDetailsMenuProviderManagement.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-yreg-administration {
    width: 18px;
    height: 17px;
    background-image: url('../images/patientDetailsMenuYregAdministration.png');
    background-repeat: no-repeat;
    border: none;
}

.ccs-patient-demographics .glyphicon-default-menu-icon {
    background-image: url('../images/defaultMenuIcon.gif');
    background-repeat: no-repeat;
    width: 16px;
    height: 17px;
    border: none;
}

.ccs-patient-demographics .patientDetailsMenuSiteFilterLink {
    width: 18px;
    height: 16px;
    background-image: url('../images/patientDetailsMenuSiteFilter.png');
    background-repeat: no-repeat;
    border: none;
    line-height: 24px;
}

.ccs-patient-demographics .dropdown:hover .dropdown-menu {
    display: block;
}

.patientDetailsMenu:hover {
    width: 160px;
}

.patientDetailsMenu:hover .dropdown-menu {
    display: block;
}

.ccs-patient-demographics .PatientDataBody {
    position: relative;
    background-color: white;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 205px;
    overflow: auto;
}

.ccs-patient-demographics .PatientDataField {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;   

}

.ccs-patient-demographics .PatientLastDataField {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    width: 50px;
    min-width: 50px;
    padding: 1px;
    vertical-align:text-top;
}

.ccs-patient-demographics .PatientDataValue {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 200px;
    min-width: 200px;
    padding: 1px;
}

.ccs-patient-demographics .PatientMiddleDataValue {
     font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 150px;
    min-width: 150px;
    padding: 1px;
}

.ccs-patient-demographics .PatientAppHiddenPatientId {
    font-size: 0px;
    width: 0px;
    height: 0px;
    max-height: 0px;
    max-width: 0px;
}

.ccs-patient-demographics .PatientLastValue {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 285px;
    min-width: 285px;
    padding: 1px;
}

.ccs-patient-container-container a:hover,
.ccs-patient-container-container a:focus {
    text-decoration: none;
    color: black;
}

.ccs-patient-demographics .PatientAllergies {
    color: red;
}

.ccs-patient-demographics .PatientPrecautions   {
    color: blue;
}

.ccs-pdfpassword-modal {
    font: normal 12px "Segoe UI", Arial;
}

.ccs-pdfpassword-modal.ccs-modal .modal-dialog {
        width: 250px;
    }

.ccs-pdfpassword-modal .modal-body div {
    padding-top: 5px;
}

.ccs-pdfpassword-modal .modal-body div span {
    padding-right: 5px;
}

.ccs-helpfullinks-modal {
    font: normal 12px "Segoe UI", Arial;
}

.ccs-helpfullinks-modal.ccs-modal .modal-dialog {
        width: 300px;      
    }

.ccs-helpfullinks-modal .modal-body div {
    padding-top: 5px;
}

.ccs-helpfullinks-modal .modal-body div span {
    padding-right: 5px;


}

.helpfullink{

}

/*
    Patient Flags
*/

.patient-flags-container {
    position: relative;
    min-height: 30px;
    font-size: 14px;
    font-weight: bold;
    width: 972px;
    border-top-width: 2px;
    border-top-style: solid;
    border-color: var(--gray2);
}

.empty-patient-flags-grid {
    position: relative;
    width: 942px;
    height: 55px;
    border: 1px solid var(--gray2);
    padding-top: 1px;
    margin-bottom: 6px;
    text-align: center;
    left: 8px;
}

.empty-grid-reason {
    font-style: italic;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.patient-flags-header {
    position: relative;
    top: 5px;
    margin-left: 429px;
    cursor: pointer;
}

.patient-flags-grid-container {
    overflow-y: auto; 
    max-height: 120px; 
    width: 972px; 
    margin-bottom: 6px;
    position: relative;
    left: 3px;
}

.column-container {
    width: 236px;
    float: left;
}

.patient-flag-column-header {
    display: block;
    border-bottom: var(--gray2) solid 1px;
    border-left: var(--gray2) solid 1px;
    border-top: var(--gray2) solid 1px;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    position: relative;
    left: 8px;
}

.medical-column-header {
    color: #009900; 
}

.medical-grid-cell {
    border-bottom: var(--gray2) solid 1px;
    border-left: var(--gray2) solid 1px;
}

.medical-grid-cell-gradient {
    background: linear-gradient(to bottom, #99ff99, #ddffcc);
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#99ff99' ,EndColorStr= '#ddffcc' );
}

.behavioral-column-header {
    color: #1799cf; 
}

.behavioral-grid-cell {
    border-bottom: var(--gray2) solid 1px;
    border-left: var(--gray2) solid 1px;
}

.behavioral-grid-cell-gradient {
    background: linear-gradient(to bottom, #99bbff, #cce5ff);
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#99bbff' ,EndColorStr= '#cce5ff' );
}

.physical-column-header {
    color: #ff8000; 
}

.physical-grid-cell {
    border-bottom: var(--gray2) solid 1px;
    border-left: var(--gray2) solid 1px;
}

.physical-grid-cell-gradient {
    background: linear-gradient(to bottom, #ffc499, #ffe1cc);
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffc499' ,EndColorStr= '#ffe1cc' );
}

.misc-column-header {
    border-right: var(--gray2) solid 1px;
    color: #9940ff;
}

.misc-grid-cell {
    border-bottom: var(--gray2) solid 1px;
    border-left: var(--gray2) solid 1px;
    border-right: var(--gray2) solid 1px;
}

.misc-grid-cell-gradient {
    background: linear-gradient(to bottom, #cc99ff, #ccddff);
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#cc99ff' ,EndColorStr= '#ccddff' );
}

.patient-flag-grid-cell {
    min-height: 29px; 
    width: 242px; 
    line-height: 25px;
    cursor: default;
    padding-left: 10px;
    font-size: 12px;
    position: relative;
    left: 8px;
}

.patient-flags-collapsed-icon {
    width: 29px;
    height: 29px;
    background-image: url('../images/expandPatientDetails.png');
    background-repeat: no-repeat;
    border: none;
    margin-top: 3px;
}

.patient-flags-expanded-icon {
    width: 29px;
    height: 29px;
    background-image: url('../images/collapsePatientDetails.png');
    background-repeat: no-repeat;
    border: none;
    margin-top: 4px;
}

.patient-flags-icon-container {
    position: absolute;
    right: 420px;
    top: 1px;
    z-index: 10;
    cursor: pointer;
}

.ccs-patient-demographics .PatientDataFieldGuardian {
    font-size: 11px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;  
    min-width: 78px;
    padding: 1px;
}

.ccs-patient-demographics .PatientDataValueName {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 170px;
    min-width: 170px;
    padding: 1px;
}

.ccs-patient-demographics .PatientDataValues {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    
}

.ccs-patient-demographics .PatientDataFieldGender {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;    

}

.ccs-patient-demographics .PatientLastValues {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 185px;
    min-width: 185px;
    padding: 1px;
}
.ccs-patient-demographics .PatientLastValueHousing {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 106px;
    min-width: 105px;
    padding: 1px;
}
.tabcontainer {
    position: relative; /* REQUIRED for absolute child */
    overflow: visible !important;
}

.profile-photos-help {
    position: absolute;
    top: 14px; /* align with tab text */
    right: 470px; /* adjust as needed */
    display: inline-flex; /* VERY IMPORTANT */
    align-items: center;
    cursor: pointer;
    z-index: 1000; /* ensure visible */
}

    .profile-photos-help img {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: -8px; /* move up */
        left: -14px; /* move left */
    }


.ccs-patient-demographics .PatientDataFields {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;   
    vertical-align:text-top;

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ccs-patient-demographics .patientDetailsExpanded {
        min-height: 120px;
    }
}
/*
    Patient Demographics CCRS General Tab
*/
.PatientDemographicsCcrsModal {
    width: 990px !important;
}

.PatientDemographicsCcrsContainer {
    color: #000 !important;
    background-color: #ffffff;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsTabBody {
        font: 12px "Segoe Ui";
        color: #000 !important;
        z-index: 1;
    }

.PatientDemographicsCcrsContainer input[type=text] {
    border: 1px solid var(--gray3);
}

    .PatientDemographicsCcrsContainer .PatientDemographicsTabBody {
        z-index: 1;
        margin-top: 0;
    }

.PatientDemographicsTabBodyAddress {
    padding-top: 10px;
    padding-bottom: 10px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsLineItem {
    position: relative;
    margin-bottom: 7px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsLabelLeft,
.PatientDemographicsCcrsContainer .PatientDemographicsLabelMiddle {
    margin-left: 10px;
    width: 90px;
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
}

.PatientDemographicsCcrsContainer .PatientDemographicsLabelMiddle {
    margin-left: 80px;
}



.PatientDemographicsCcrsContainer .PatientDemographicsPatientInfoLabelMiddle {
    position: absolute;
    left: 330px;
    width: 115px;
    display: inline-block;
    margin-top: 3px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsPatientInfoInputMiddle {
    position: absolute;
    left: 420px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsPatientInfoLabelRight {
    position: absolute;
    left: 650px;
    width: 115px;
    display: inline-block;
    margin-top: 3px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsPatientInfoInputRight {
    position: absolute;
    left: 750px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsCheckboxLineItem {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsCheckboxLineItem label {
        margin-left: 4px;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsCheckboxLineItem input,
    .PatientDemographicsCcrsContainer .PatientDemographicsCheckboxLineItem label {
        cursor: pointer;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsCheckboxLineItem input {
        margin-top: 1px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsButtonsBar {
    background-color: #FFF;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.PatientDemographicsTabBodyAddress input {
    margin-top: 2px;
    margin-bottom: 2px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsDatePickerContainer {
    width: 120px;
    display: inline-block;
}

.PatientDemographicsCcrsContainer .PatientDemographicsDatePickerButton {
    font-size: 14px;
    padding: 0 6px 0;
    height: 22px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsTimePicker {
    vertical-align: top;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsTimePicker label {
        width: 55px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsTimePickerButton {
    z-index: 1;
    font-size: 12px;
    padding: 0 6px 0;
    width: 100px;
    height: 22px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsTimeIconButton {
    height: 22px;
    font-size: 12px;
    margin-left: 3px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: transparent;
    border-left: 1px solid var(--gray3);
    margin-top: -2px;
    vertical-align: top;
    line-height: 21px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsTimePicker div table {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsTimePicker div table input {
        width: 30px;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsTimePicker div table a {
        padding: 2px;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsTimePicker div table td {
        width: auto !important;
        padding-left: 2px;
        padding-right: 2px;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsTimePicker div table .btn {
        padding: 2px 5px;
        font-size: 12px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsTimePicker .dropdown-menu {
    min-width: auto;
    border-color: #999;
}

.PatientDemographicsCcrsContainer .PatientDemographicsDatePickerContainer ul {
    border-color: #999;
    padding: 5px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsDropdown ul {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    border-color: #999;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsDropdown ul li a {
        padding: 2px 8px;
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: normal;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsDropdown .dropdown-toggle {
    padding: 1px 2px 0 5px;
    text-align: left;
    overflow: hidden;
    max-height: 22px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsDropdown .dropdown-toggle label {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsDropdown .caret {
    float: right;
    margin-top: 7px;
    margin-right: 3px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsInmateTypeDropdown ul {
    width: 200px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsSiteDeptDropdown ul,
.PatientDemographicsCcrsContainer .PatientDemographicsSiteDropdown ul,
.PatientDemographicsCcrsContainer .PatientDemographicsPreferredLangDropdown ul {
    width: 250px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsPreferredLangDropdown ul input {
        width: 225px;
        margin-left: 5px;
        margin-top: 2px;
        margin-right: 5px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGenderDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsRaceDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsEthnicityDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsMaritalStatusDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsResidentStatusDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsClientTypeDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsReligionDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsCitizenshipDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsGangDropdown .dropdown-toggle {
    width: 180px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsResidentStatusDropdown ul {
    width: 310px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGenderDropdown .dropdown-toggle label,
.PatientDemographicsCcrsContainer .PatientDemographicsRaceDropdown .dropdown-toggle label,
.PatientDemographicsCcrsContainer .PatientDemographicsEthnicityDropdown .dropdown-toggle label {
    width: 155px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGenderDropdown ul,
.PatientDemographicsCcrsContainer .PatientDemographicsEthnicityDropdown ul {
    width: 180px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsRaceDropdown ul {
    width: 270px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsRaceDropdown ul li div {
        padding-left: 27px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsReceivedFromDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsReleasedToDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsInmateTypeDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsSiteDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsSiteDeptDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsPreferredLangDropdown .dropdown-toggle,
.PatientDemographicsCcrsContainer .PatientDemographicsTreatmentTeamDropdown .dropdown-toggle
{
    width: 200px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsInmateTypeDropdown .dropdown-toggle label,
    .PatientDemographicsCcrsContainer .PatientDemographicsSiteDropdown .dropdown-toggle label,
    .PatientDemographicsCcrsContainer .PatientDemographicsSiteDeptDropdown .dropdown-toggle label,
    .PatientDemographicsCcrsContainer .PatientDemographicsPreferredLangDropdown .dropdown-toggle label {
        width: 175px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGridsContainer {
    position: relative;
    margin-top: 5px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGrid {
    border: 1px solid var(--gray3);
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsGrid ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsGrid .PatientDemographicsDatePickerContainer ul {
        top: auto !important;
        bottom: 22px;
    }

    .PatientDemographicsCcrsContainer .PatientDemographicsGrid ul li {
        padding-top: 3px;
    }

        .PatientDemographicsCcrsContainer .PatientDemographicsGrid ul li span {
            display: inline-block;
        }

    .PatientDemographicsCcrsContainer .PatientDemographicsGrid .PatientDemographicsLabelLeft {
        width: 120px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsChartGrid {
    width: 530px;
    min-height: 114px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsChartGridResults {
    overflow-y: auto;
    max-height: 145px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsAliasGrid {
    width: 385px;
    min-height: 114px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsAliasGridResults {
    overflow-y: auto;
    max-height: 145px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsAliasGrid .PatientDemographicsLabelLeft {
    width: 60px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridOddRowStyle {
    background-color: #FFF;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridEvenRowStyle {
    background-color: #f5f5f5;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeader {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid var(--gray3);
}

#AlertsHelps {
    width: 22px;
    height: 22px;
    padding-left: 3px;
    display: inline-block;
    vertical-align: middle;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeaderSubHeader {
    background-image: var(--gradient1);
    height: 25px;
    border-bottom: 1px solid var(--gray3);
}

    .PatientDemographicsCcrsContainer .PatientDemographicsGridHeaderSubHeader span {
        line-height: 25px;
        display: inline-block;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGridNoRecords label {
    margin: 20px;
    font-style: italic;
    color: #a5a5a5;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeader label {
    margin-top: 7px;
    margin-left: 5px;
}

.PatientDemographicsCcrsContainer .PatientDemographicChartErrors,
.PatientDemographicsCcrsContainer .PatientDemographicChartMessages {
    float: right;
    margin-right: 5px;
    width: 400px;
    text-align: right;
}

.PatientDemographicsCcrsContainer .PatientDemographicChartErrors {
    color: red;
    cursor: help;
}

.PatientDemographicsCcrsContainer .PatientDemographicChartMessages {
    color: black;
    cursor: default;
}

.PatientDemographicsCcrsContainer .PatientDemographicsChartRequired {
    position: relative;
    left: 480px;
    vertical-align: top;
    bottom: 14px;
    cursor: help;
}

.PatientDemographicsCcrsContainer .PatientDemographicChartSubmitErrors {
    position: absolute;
    height: 74px;
    width: 150px;
    color: red;
    cursor: help;
    top: 70px;
    left: 380px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeaderAdd {
    float: right;
    margin-top: 3px;
    margin-right: 2px;
    height: 22px;
    width: 22px;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -117px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.PatientDemographicsCcrsContainer .PatientDemographicsDischargeNotesEdit {
    float: right;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    background-image: url('../Images/resStatusNotes.png');
    cursor: pointer;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeaderAdd:hover {
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -157px;
    background-repeat: no-repeat;
}

.PatientDemographicsCcrsContainer .PatientDemographicsHeaderAddSelected {
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -157px;
    background-repeat: no-repeat;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridAddNewAlias,
.PatientDemographicsCcrsContainer .PatientDemographicsGridAddNewChart {
    margin: 10px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsGridAddNewAlias {
    height: 70px;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsGridAddNewAlias input {
        width: 140px;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGridItemEdit {
    height: 22px;
    width: 22px;
    background-position: 2px -358px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
}

    .PatientDemographicsCcrsContainer .PatientDemographicsGridItemEdit:hover {
        height: 22px;
        width: 22px;
        background-image: url('../Images/Scheduling/spriteScheduling.png');
        background-position: 2px -398px;
        background-repeat: no-repeat;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGridItemRemove {
    height: 22px;
    width: 22px;
    background-image: url('../Images/Queues/spriteQueues.png');
    background-position: 2px -251px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .PatientDemographicsCcrsContainer .PatientDemographicsGridItemRemove:hover {
        height: 22px;
        width: 22px;
        background-image: url('../Images/Queues/spriteQueues.png');
        background-position: 2px -551px;
        background-repeat: no-repeat;
    }

.PatientDemographicsCcrsContainer .PatientDemographicsGridHeaderAlias {
    margin-left: 50px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsAliasGridItemAlias {
    width: 200px;
    vertical-align: top;
    margin-top: 3px;
}

.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderIsCurrent {
    margin-left: 23px;
    width: 60px;
    vertical-align: top;
    text-align: center;
    margin-top: 2px;
}

.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderAdmissionDateTime,
.PatientDemographicsCcrsContainer .PatientDemographicsChartGridAdmissionDateTime,
.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderIncarcerationDateTime,
.PatientDemographicsCcrsContainer .PatientDemographicsChartGridIncarcerationDateTime,
.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderReleaseDateTime,
.PatientDemographicsCcrsContainer .PatientDemographicsChartGridReleaseDateTime {
    width: 140px;
    vertical-align: top;
    margin-top: 2px;
}

.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderAdmissionDateTime {
    margin-left: 25px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsChartGridIncarcerationDateTime {
    /*margin-left: 14px;*/
}

.PatientDemographicsCcrsContainer .PatientDemographicGridHeaderBookingNumber,
.PatientDemographicsCcrsContainer .PatientDemographicsChartGridBookingNumber {
    width: 140px;
    vertical-align: top;
    margin-top: 2px;
}

.PatientDemographicsCcrsContainer .PatientDemographicsButtons {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.PatientDemographicsCcrsContainer .btn-default {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

.history-print-btn {
    position: relative;
    top: 3px;
    left: 923px;
    height: 21px;
    width: 22px;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -37px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .history-print-btn:hover {
        background-image: url('../Images/Scheduling/spriteScheduling.png');
        background-position: 0 -77px;
        background-repeat: no-repeat;
    }

.history-view-label {
    top: 9px;
    left: 2px;
}

.history-view-ddl {
    top: 9px;
    right: 15px;
}

.history-view-cancel {
    position: relative;
    bottom: 10px;
}

.history-grid-container{
    max-height: 400px;
    overflow-y: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ccrs-required-field {
        margin-top: -28px !important;
    }
}
/*
    Patient Demographics CCS General Tab
*/
.PatientDemographicsModal {
    width: 990px !important;
}

.PatientDemographicsCcsContainer {
    color: #000 !important;
    background-color: #ffffff;
}

.PatientDemographicsCcsContainer .PatientDemographicsTabBody {
    font: 12px "Segoe Ui";
    color: #000 !important;
    z-index: 1;
}

.PatientDemographicsCcsContainer input[type=text] {
    border: 1px solid var(--gray3);
}

.PatientDemographicsCcsContainer .PatientDemographicsTabBody {
    z-index: 1;
    margin-top: 0;
}

.PatientDemographicsCcsContainer .PatientDemographicsTabBodyMain {
}

.PatientDemographicsTabBodyAddress {
    padding-top: 10px;
    padding-bottom: 10px;
}

.PatientDemographicsCcsContainer .PatientDemographicsLineItem {
    position: relative;
    margin-bottom: 7px;
}

.PatientDemographicsCcsContainer .PatientDemographicsLabelLeft,
.PatientDemographicsCcsContainer .PatientDemographicsLabelMiddle {
    margin-left: 10px;
    width: 90px;
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
}

.PatientDemographicsCcsContainer .PatientDemographicsLabelMiddle {
    margin-left: 80px;
}

.PatientDemographicsCcsContainer .PatientDemographicsPatientInfoLabelRight {
    position: absolute;
    left: 420px;
    width: 115px;
    display: inline-block;
    margin-top: 3px;
}

.PatientDemographicsCcsContainer .PatientDemographicsPatientInfoInputRight {
    position: absolute;
    left: 540px;
}

.PatientDemographicsCcsContainer .PatientDemographicsPatientInformationSectionDetails {
    width: 770px;
    border-right: solid 1px var(--gray3);
    display: inline-block;
}

.PatientDemographicsCcsContainer .PatientDemographicsLocationInformationSectionDetails {
    width: 100%;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.PatientDemographicsCcsContainer .PatientDemographicsChartAndAliasInformationSectionDetails {
    width: 100%;
    display: block;
    min-height: 100px;
    padding-top: 4px;
    padding-bottom: 10px;
}

.PatientDemographicsCcsContainer .PatientDemographicsCheckboxesRight {
    float: right;
    width: 170px;
    padding-top: 6px;
}

.PatientDemographicsCcsContainer .PatientDemographicsCheckboxLineItem {
    padding-left: 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .PatientDemographicsCcsContainer .PatientDemographicsCheckboxLineItem label {
        margin-left: 4px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsCheckboxLineItem input,
.PatientDemographicsCcsContainer .PatientDemographicsCheckboxLineItem label {
    cursor: pointer;
}

.PatientDemographicsCcsContainer .PatientDemographicsCheckboxLineItem input {
    margin-top: 1px;
}

.PatientDemographicsCcsContainer .PatientDemographicsButtonsBar {
    background-color: #FFF;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.PatientDemographicsTabBodyAddress input {
    margin-top: 2px;
    margin-bottom: 2px;
}

.PatientDemographicsCcsContainer .PatientDemographicsBookingContainer {
    width: 250px;
    display: inline-block;
}

.PatientDemographicsCcsContainer .PatientDemographicsDatePickerContainer {
    width: 120px;
    display: inline-block;
}

.PatientDemographicsCcsContainer .PatientDemographicsDatePickerButton {
    font-size: 14px;
    padding: 0 6px 0;
    height: 22px;
}

.PatientDemographicsCcsContainer .PatientDemographicsTimePicker {
    vertical-align: top;
}

    .PatientDemographicsCcsContainer .PatientDemographicsTimePicker label {
        width: 55px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsTimePickerButton {
    z-index: 1;
    font-size: 12px;
    padding: 0 6px 0;
    width: 100px;
    height: 22px;
}

.PatientDemographicsCcsContainer .PatientDemographicsTimeIconButton {
    height: 22px;
    font-size: 12px;
    margin-left: 3px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: transparent;
    border-left: 1px solid var(--gray3);
    margin-top: -2px;
    vertical-align: top;
    line-height: 21px;
}

.PatientDemographicsCcsContainer .PatientDemographicsTimePicker div table {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsTimePicker div table input {
        width: 30px;
    }

    .PatientDemographicsCcsContainer .PatientDemographicsTimePicker div table a {
        padding: 2px;
    }

    .PatientDemographicsCcsContainer .PatientDemographicsTimePicker div table td {
        width: auto !important;
        padding-left: 2px;
        padding-right: 2px;
    }

    .PatientDemographicsCcsContainer .PatientDemographicsTimePicker div table .btn {
        padding: 2px 5px;
        font-size: 12px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsTimePicker .dropdown-menu {
    min-width: auto;
    border-color: #999;
}

.PatientDemographicsCcsContainer .PatientDemographicsDatePickerContainer ul {
    border-color: #999;
    padding: 5px;
}

.PatientDemographicsCcsContainer .PatientDemographicsDropdown ul {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    border-color: #999;
}

    .PatientDemographicsCcsContainer .PatientDemographicsDropdown ul li a {
        padding: 2px 8px;
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: normal;
    }

.PatientDemographicsCcsContainer .PatientDemographicsDropdown .dropdown-toggle {
    padding: 1px 2px 0 5px;
    text-align: left;
    overflow: hidden;
    max-height: 22px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsDropdown .dropdown-toggle label {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

.PatientDemographicsCcsContainer .PatientDemographicsDropdown .caret {
    float: right;
    margin-top: 7px;
    margin-right: 3px;
}

.PatientDemographicsCcsContainer .PatientDemographicsInmateTypeDropdown ul {
    width: 200px;
}

.PatientDemographicsCcsContainer .PatientDemographicsSiteDeptDropdown ul,
.PatientDemographicsCcsContainer .PatientDemographicsSiteDropdown ul,
.PatientDemographicsCcsContainer .PatientDemographicsPreferredLangDropdown ul {
    width: 250px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsPreferredLangDropdown ul input {
        width: 225px;
        margin-left: 5px;
        margin-top: 2px;
        margin-right: 5px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGenderDropdown .dropdown-toggle,
.PatientDemographicsCcsContainer .PatientDemographicsRaceDropdown .dropdown-toggle,
.PatientDemographicsCcsContainer .PatientDemographicsEthnicityDropdown .dropdown-toggle {
    width: 180px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsGenderDropdown .dropdown-toggle label,
    .PatientDemographicsCcsContainer .PatientDemographicsRaceDropdown .dropdown-toggle label,
    .PatientDemographicsCcsContainer .PatientDemographicsEthnicityDropdown .dropdown-toggle label {
        width: 155px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGenderDropdown ul,
.PatientDemographicsCcsContainer .PatientDemographicsEthnicityDropdown ul {
    width: 180px;
}

.PatientDemographicsCcsContainer .PatientDemographicsRaceDropdown ul {
    width: 270px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsRaceDropdown ul li div {
        padding-left: 27px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsInmateTypeDropdown .dropdown-toggle,
.PatientDemographicsCcsContainer .PatientDemographicsSiteDropdown .dropdown-toggle,
.PatientDemographicsCcsContainer .PatientDemographicsSiteDeptDropdown .dropdown-toggle,
.PatientDemographicsCcsContainer .PatientDemographicsPreferredLangDropdown .dropdown-toggle {
    width: 200px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsInmateTypeDropdown .dropdown-toggle label,
    .PatientDemographicsCcsContainer .PatientDemographicsSiteDropdown .dropdown-toggle label,
    .PatientDemographicsCcsContainer .PatientDemographicsSiteDeptDropdown .dropdown-toggle label,
    .PatientDemographicsCcsContainer .PatientDemographicsPreferredLangDropdown .dropdown-toggle label {
        width: 175px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridsContainer {
    position: relative;
    margin-top: 5px;
}

.PatientDemographicsCcsContainer .PatientDemographicsGrid {
    border: 1px solid var(--gray3);
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsGrid ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0;
    }

    .PatientDemographicsCcsContainer .PatientDemographicsGrid .PatientDemographicsDatePickerContainer ul {
        top: auto !important;
        bottom: 22px;
    }

    .PatientDemographicsCcsContainer .PatientDemographicsGrid ul li {
        padding-top: 3px;
    }

        .PatientDemographicsCcsContainer .PatientDemographicsGrid ul li span {
            display: inline-block;
        }

    .PatientDemographicsCcsContainer .PatientDemographicsGrid .PatientDemographicsLabelLeft {
        width: 120px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsChartGrid {
    width: 530px;
    min-height: 114px;
}

.PatientDemographicsCcsContainer .PatientDemographicsChartGridResults {
    overflow-y: auto;
    max-height: 145px;    
}

.PatientDemographicsCcsContainer .PatientDemographicsAliasGrid {
    width: 385px;
    min-height: 114px;
}

.PatientDemographicsCcsContainer .PatientDemographicsAliasGridResults {
    overflow-y: auto;
    max-height: 145px;    
}

    .PatientDemographicsCcsContainer .PatientDemographicsAliasGrid .PatientDemographicsLabelLeft {
        width: 60px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridOddRowStyle {
    background-color: #FFF;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridEvenRowStyle {
    background-color: #f5f5f5;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridHeader {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid var(--gray3);
}

.PatientDemographicsCcsContainer .PatientDemographicsGridHeaderSubHeader {
    background-image: var(--gradient1);
    height: 25px;
    border-bottom: 1px solid var(--gray3);
}

    .PatientDemographicsCcsContainer .PatientDemographicsGridHeaderSubHeader span {
        line-height: 25px;
        display: inline-block;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridNoRecords label {
    margin: 20px;
    font-style: italic;
    color: #a5a5a5;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridHeader label {
    margin-top: 7px;
    margin-left: 5px;
}

.PatientDemographicsCcsContainer .PatientDemographicChartErrors,
.PatientDemographicsCcsContainer .PatientDemographicChartMessages {
    float: right;
    margin-right: 5px;
    width: 400px;
    text-align: right;
}

.PatientDemographicsCcsContainer .PatientDemographicChartErrors {
    color: red;
    cursor: help;
}

.PatientDemographicsCcsContainer .PatientDemographicChartMessages {
    color: black;
    cursor: default;
}

.PatientDemographicsCcsContainer .PatientDemographicsChartRequired {
    position: relative;
    left: 480px;
    vertical-align: top;
    bottom: 14px;
    cursor: help;
}

.PatientDemographicsCcsContainer .PatientDemographicChartSubmitErrors {
    position: absolute;
    height: 74px;
    width: 150px;
    color: red;
    cursor: help;
    top: 70px;
    left: 380px;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridHeaderAdd {
    float: right;
    margin-top: 3px;
    margin-right: 2px;
    height: 22px;
    width: 22px;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -117px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .PatientDemographicsCcsContainer .PatientDemographicsGridHeaderAdd:hover {
        background-image: url('../Images/Scheduling/spriteScheduling.png');
        background-position: 0 -157px;
        background-repeat: no-repeat;
    }

.PatientDemographicsCcsContainer .PatientDemographicsHeaderAddSelected {
    background-image: url('../Images/Scheduling/spriteScheduling.png');
    background-position: 0 -157px;
    background-repeat: no-repeat;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridAddNewAlias,
.PatientDemographicsCcsContainer .PatientDemographicsGridAddNewChart {
    margin: 10px;
}

.PatientDemographicsCcsContainer .PatientDemographicsGridAddNewAlias {
    height: 70px;
}

    .PatientDemographicsCcsContainer .PatientDemographicsGridAddNewAlias input {
        width: 140px;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridItemEdit {
    height: 22px;
    width: 22px;
    background-position: 2px -358px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('../Images/Scheduling/spriteScheduling.png');
}

    .PatientDemographicsCcsContainer .PatientDemographicsGridItemEdit:hover {
        height: 22px;
        width: 22px;
        background-image: url('../Images/Scheduling/spriteScheduling.png');
        background-position: 2px -398px;
        background-repeat: no-repeat;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridItemRemove {
    height: 22px;
    width: 22px;
    background-image: url('../Images/Queues/spriteQueues.png');
    background-position: 2px -251px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .PatientDemographicsCcsContainer .PatientDemographicsGridItemRemove:hover {
        height: 22px;
        width: 22px;
        background-image: url('../Images/Queues/spriteQueues.png');
        background-position: 2px -551px;
        background-repeat: no-repeat;
    }

.PatientDemographicsCcsContainer .PatientDemographicsGridHeaderAlias {
    margin-left: 50px;
}

.PatientDemographicsCcsContainer .PatientDemographicsAliasGridItemAlias {
    width: 200px;
    vertical-align: top;
    margin-top: 3px;
}

.PatientDemographicsCcsContainer .PatientDemographicGridHeaderIsCurrent {
    margin-left: 23px;
    width: 60px;
    vertical-align: top;
    text-align: center;
    margin-top: 2px;
}

.PatientDemographicsCcsContainer .PatientDemographicGridHeaderIncarcerationDateTime,
.PatientDemographicsCcsContainer .PatientDemographicsChartGridIncarcerationDateTime,
.PatientDemographicsCcsContainer .PatientDemographicGridHeaderReleaseDateTime,
.PatientDemographicsCcsContainer .PatientDemographicsChartGridReleaseDateTime {
    width: 140px;
    vertical-align: top;
    margin-top: 2px;
}

.PatientDemographicsCcsContainer .PatientDemographicGridHeaderIncarcerationDateTime {
    margin-left: 40px;
}

.PatientDemographicsCcsContainer .PatientDemographicsChartGridIncarcerationDateTime {
    margin-left: 14px;
}

.PatientDemographicsCcsContainer .PatientDemographicGridHeaderBookingNumber,
.PatientDemographicsCcsContainer .PatientDemographicsChartGridBookingNumber {
    width: 100px;
    vertical-align: top;
    margin-top: 2px;
}

.PatientDemographicsCcsContainer .PatientDemographicsButtons {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.PatientDemographicsCcsContainer .btn-default {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

input:-ms-input-placeholder {
    text-align: center;
    font-style: normal;
}

.float-left {
    float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .required-field {
        margin-top: -18px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .PatientDemographicsChartRequired {
        vertical-align: middle !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .calender-field {
        float: right !important;
        bottom: 22px !important;
        z-index: 2;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .div-glyphicon-field {
        float: left !important;
        padding-left: 67px;
    }
}

.div-glyphicon-field {
    float: left;
    padding-left: 67px;
}
.calender-field {
    float: right;
    bottom: 22px;
    z-index: 2;
}

.div-site-field {
    float: left !important;
    margin-top: -28px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .div-site-field {
        float: left !important;
        margin-top:-28px!important;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inmate-required-field {
        margin-top: -28px !important;
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inmate-number{
    display:inline-block !important;
    top:21px !important;
}
}

/*
    Photo viewer directive
*/
.ccs-photoviewer-modal {
    font: normal 12px "Segoe UI", Arial;
}

    .ccs-photoviewer-modal.ccs-modal .modal-dialog {
        width: 500px;
    }

.photo-container {
    width: 322px;
    margin: 0 auto;
}

.photo-container-img {
    width: 100%;
    height: 260px;
    border: 1px solid #555;
    border-top: none;
    border-bottom: none;
}

    .photo-container-img img {
        width: 100%;
        height: 100%;
    }

#camera_output {
    width: 320px;
    height: 260px;
}

#picture_canvas {
    display: none;
    width: 320px;
    height: 260px;
}

.photo-procurement-spacer {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
}

.photo-uploader {
    width: 332px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.photo-header {
    width: 305px;
    padding-top: 5px;
    padding-bottom: 6px;
    font: normal 14px/21px "Segoe UI", Arial;
    text-align: left;
}

.photo-header,
.photo-actions {
    position: relative;
    border: 1px solid #555;
    width: 100%;
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC')";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC')";
}

.photo-header-group {
    *zoom: 1;
}

    .photo-header-group:before,
    .photo-header-group:after {
        content: " ";
        display: table;
    }

    .photo-header-group:after {
        clear: both;
    }

.group-label {
    float: left;
    width: 55px;
    padding-left: 15px;
}

.group-value {
    float: left;
}

.photo-actions {
    position: relative;
    padding: 0;
    *zoom: 1;
}

    .photo-actions:before,
    .photo-actions:after {
        content: " ";
        display: table;
    }

    .photo-actions:after {
        clear: both;
    }

.photo-actions-desc {
    float: left;
    width: 270px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.photo-actions-button {
    float: right;
    width: 22px;
    height: 22px;
    margin-top: 6px;
    background-image: url('../Images/spriteButtons.png');
    background-repeat: no-repeat;
    background-position: 3px 0;
    cursor: pointer;
    padding-right: 15px;
}

    .photo-actions-button:hover {
        background-position: 3px 0;
    }

.photo-actions-capture {
    position: relative;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    margin: 0 auto;
    width: 120px;
    text-align: center;
    font-size: 14px;
    padding-bottom: 13px;
    cursor: pointer;
}

    .photo-actions-capture:hover {
        background-image: linear-gradient(to bottom, #CCC, #FFF);
    }


.patientPhoto-upload-container {
    width: auto;
    height: auto;
}

.patientPhoto-upload-file-input {
    position: fixed;
    right: 100%;
    bottom: 100%;
}

.patientPhoto-browse-button {
    display: inline;
}

    .patientPhoto-browse-button label {
        text-align: center;
        padding-top: 2px;
    }

.patientPhoto-upload-file-error {
    color: #FF0000;
    text-wrap: normal;
}

.upload-btn {
    width: 60px;
    height: 21px;
    overflow: hidden;
    position: relative;
}

    .upload-btn input {
        top: -10px;
        left: 0;
        z-index: 2;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 50px;
        width: 60px;
        height: 21px;
    }

.patient-profile-photos .photo {
    width: 160px;
    height: 160px;
    margin-left: 30px;
    margin-top: -30px;
}

.patient-profile-photos .table-div {
    height: 485px;
    overflow: auto;
}

.patient-profile-photos .circle {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: black;
    border-radius: 25px;
    display: block;
    position: relative;
    top: -10px;
    left: 166px;
}

.patient-profile-photos .extra-padding {
    display: block;
    margin-top: 59px;
}

.patient-profile-photos .modal-photo {
    margin-top: 20px;
}
/*
    Patient Search
*/
.ccs-patient-search .form-control:disabled,
.ccs-patient-search .form-control:read-only {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.ccs-patient-search {
    position: relative;
}

.ccs-patient-search .search-control{
    width: 400px;
    padding-bottom: 5px;
}

.ccs-patient-search .search-control-data-field {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

.ccs-patient-search .search-control-data-value {
    width: 250px;
}

.ccs-patient-search-control {
    width: 200px;
    padding-bottom: 2px;
}

.css-patient-search-data-field {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    min-height: 18px;
    padding-left: 7px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.ccs-patient-search .close {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 25px;
    width: 25px;
    background-image: url('../Images/close.png');
    background-repeat: no-repeat;
    z-index: 99;
    opacity: 1 !important;
    filter: none;
}

.ccs-patient-search-input {
    position: relative;
    display: table;
    border-collapse: separate;
}

/* Remove IE clear "x" button from search input as we are providing our own */
.ccs-patient-search-input input[type=text]::-ms-clear {
    width: 0;
    height: 0;
}

.ccs-patient-search .form-control {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table-cell;
    height: 22px;
    padding: 2px 4px;
    font-size: 12px;
    cursor: text;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid var(--gray3);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none !important;
}

.ccs-patient-search .input-group-btn {
    display: table-cell;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

    .ccs-patient-search .input-group-btn .btn {
        margin-left: -1px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.ccs-patient-search-selection {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    border-collapse: separate;
}

.ccs-patient-search-results {
    position: absolute;
    width: 975px;
    border: 1px solid var(--gray3);
    z-index: 2999999;
    margin-left: -90px;
}

.ccs-patient-search-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
}

    .ccs-patient-search-table.bordered {
        border: 1px solid var(--gray3);
        background-image:var(--gradient1);
    }

.ccs-patient-search .results {
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: 1px solid var(--gray3);
    border-right: 1px solid var(--gray3);
    background-color: var(--white);
}

.ccs-patient-search-table thead th,
.ccs-patient-search-table tfoot td {
}

.ccs-patient-search-table thead th {
    padding: 5px;
    border-bottom: 1px solid var(--gray3);
    font-weight: bold;
    white-space: nowrap;
}

.ccs-patient-search-table tbody td {
    padding: 5px;
    background-color: var(--gray1);
    cursor: pointer;
}

.ccs-patient-search-table tbody tr.even td {
    background-color: var(--white);
}

.ccs-patient-search-table tbody tr:hover td {
    background-color: var(--lightblue);   
}

.ccs-patient-search-table tfoot td {
    padding: 5px;
    border-top: 1px solid var(--gray3);
}

.ccs-patient-search-table th,
.ccs-patient-search-table td {
    width: 95px;
}

    .ccs-patient-search-table th.fluid,
    .ccs-patient-search-table td.fluid {
        width: auto;
    }

.ccs-patient-search-msg,
.ccs-patient-search-wait {
    display: block;
    width: 500px;
    margin: 50px auto;
    text-align: center;
}

.ccs-patient-search .ccs-pager {
    display: inline-block;
    margin: 0;
}

    .ccs-patient-search .ccs-pager > li {
        display: inline;
    }

        .ccs-patient-search .ccs-pager > li > a {
            position: relative;
            float: left;
            padding: 6px 6px 0 6px;
            text-decoration: none;
            color: #333;
        }

    .ccs-patient-search .ccs-pager > .active > a,
    .ccs-patient-search .ccs-pager > .active > a:hover,
    .ccs-patient-search .ccs-pager > .active > a:focus {
        z-index: 2;
        font-weight: bold;
    }

    .ccs-patient-search .ccs-pager > .disabled > a,
    .ccs-patient-search .ccs-pager > .disabled > a:hover,
    .ccs-patient-search .ccs-pager > .disabled > a:focus {
        visibility: hidden;
    }

.form-group .ccs-patient-search {
    float: left;
    width: 200px;
}

.clickable {
    display: inline-block;
    padding: 10px;
    border: 1px solid #a2c0e0;
    cursor: pointer;
}

.sortorder:after {
  content: '\25b2';
}
.sortorder.reverse:after {
  content: '\25bc';
}
.text-danger {
    color: #CC0000;
}

.patientDropdown {
    position: relative;
    top: 23px;
    left: 350px;
}

.residentStatusDialog {
    background-color: white;
}

.residentStatusContainer {
    position: relative;
    left: 40px;
}

.ccs-resident-status-save-button {
    position: relative;
    left: 550px;
    top: -25px;
}
body {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: normal;
    font-family: "Segoe UI", arial !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.siteLogo {
    width: 42px;
    height: 35px;
    float: left;
}

.siteTitle {
    font-size: 18px;
    float: left;
}

.helpIconContainer {
    float: left;
    padding-left: 15px;
    padding-top: 3px;
}

.loadingIndicator {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}

.menuButtonContainer {
    float: right;
    padding-right: 10px;
    margin: auto;    
}

.viewContainer {
    clear: both;
    padding-top: 10px;
}

span.glyphicon-question-sign {
    font-size: 1.4em;
}

.ccs-modal .modal-header {
    padding: 0;
    color: var(--black);
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    background-image: var(--gradient-background);
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px var(--gray3);
}

.ERMAManiWrapper {
    margin: 0 auto;
    width: 1000px;
    height: 100%;
    text-align: left;
    border-color: Black;
    padding: 0px;
}
.ERMAContent {
    padding: 0px;
    background: #FFFFFF;
    width: 1000px;
    text-align: left; 
}

html input[disabled],
button input[disabled]
button:disabled,
button[disabled] {
    color: #999 !important;
}

/*
    Buttons
*/

.ccs-close-btn {
    position: relative;
    left: 370px;
}

.btnImg {
    width: 60px;
    height: 21px;
    background-image: url(../Images/button.jpg);
    border: 0px;
    background-color: White;
    color: #333333;
    font-family: "segoe ui", 'trebuchet ms',helvetica,sans-serif;
    font-size: 11px;
    outline: none;
}

.btn25 {
    width: 25px;
    height: 21px;
    background-image: url(../Images/button25.jpg);
    border: 0px;
    background-color: White;
    color: #333333;
    font-family: "segoe ui", 'trebuchet ms',helvetica,sans-serif;
    font-size: 11px;
    outline: none;
}

.mediumBtnImg {
    width: 80px;
    height: 21px;
    background-image: url(../Images/mediumButton.jpg);
    border: 0px;
    background-color: White;
    color: #333333;
    font-family: "segoe ui", 'trebuchet ms',helvetica,sans-serif;
    font-size: 11px;
    outline: none;
    cursor: pointer;
}

.longBtnImg {
    width: 100px;
    height: 21px;
    background-image: url(../Images/longButton.jpg);
    border: 0px;
    background-color: White;
    color: #333333;
    font-family: "segoe ui", 'trebuchet ms',helvetica,sans-serif;
    font-size: 11px;
    outline: none;
}


.extraLongBtnImg {
    width: 120px;
    height: 21px;
    background-image: url(../Images/extraLongButton.jpg);
    border: 0px;
    background-color: #FFFFFF;
    color: #333333;
    font-family: "segoe ui", 'trebuchet ms',helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.ccs-patient-checkbox-row {
    height: 35px;
}

/*
    Layout Utilities
*/
.drop {
    margin-top: 15px;
}
.superdrop {
    margin-top: 30px;
}
.crush {
    margin-bottom: 15px;
}
.indent {
    margin-left: 15px;
}
.push {
    margin-right: 15px;
}

/*
    Loading Indicator
*/
.boxShadowedLoader {
    margin-top: 300px !important;
}

/*
    Site selector directive
*/
.ccs-siteselector-modal {
    font: normal 12px "Segoe UI", Arial;
}

    .ccs-siteselector-modal.ccs-modal .modal-dialog {
        width: 350px;
    }

.site-container {
    width: 350px;
    padding-top: 15px;
    padding-bottom: 25px;
    clear: both;
}

.ccs-siteselector-modal .SiteDataField {
    font-size: 12px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    width: 80px;
    min-width: 80px;
    padding: 1px;
    float: left;
}

.ccs-siteselector-modal .SiteDataValue {
    font-weight: bold;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 220px;
    min-width: 220px;
    padding: 1px;
    float: left;
}

/*
    Patient Tabs
*/
.ccs-patient-tabs {
    /*width: 987px;*/
    background-color: #FFF;
    padding-top: 5px;
    /*padding-left: 7px;*/
}

.ccs-patient-tabs .sectionTabs {
    z-index: 2;
    border-left: solid 1px #999;
}

.ccs-patient-tabs .sectionTabs .nav-tabs {
    margin-bottom: 6px;
}

.ccs-patient-tabs .sectionTabs li a {
    background-color: #f5f5f5;
    border: solid 1px #999;
    color: #000;
    border-left: none;
    border-radius: 0;
}

.ccs-patient-tabs .sectionTabs li a.sectionTabsActive {
    background-color: #FFF;
}

.ccs-tab-container,
.ccs-tab-container div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ccs-tab-container {
    border: 1px solid var(--gray3);
    border-top: none;
    min-height: 496px;
}

.ccs-tab-header {
    padding: 3px 8px;
    text-align: left;
    font-size: 14px;
    border-top: 1px solid var(--gray3);
    border-bottom: 1px solid var(--gray3);
    background: var(--gradient-background);
}

.ccs-tab-content{
    padding: 15px;
}

.ccs-tab-section {
    margin-right: -15px;
    margin-left: -15px;
}

.ccs-tab-section:before,
.ccs-tab-section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.ccs-tab-section:after {
    clear: both;
}