/**********************************************************************************************************************/
/* Put any Ext4 changes below */
/**********************************************************************************************************************/

.x-hide-display .x-grid-cell-inner {
    padding: 0 !important;
}

/*For Ext4.0 and above Sencha reset the box model to 'border-box' so we have to re-adjust the image sizes*/
/*see http://css-infos.net/property/-webkit-box-sizing */
.slotted-image {
    padding: 2px;
    width: 24px;
    height: 24px;
}

.special-clean {
    background-image:url(/images/application/ExtendedCleanBG24.png)
}

/* next 4 were in statcom.css but not here originally - needed for DomRunner */
.personAge .value {
    display: none;
}

.age .value {
    display: none;
}

.time-countdown .value {
    display: none
}

.elapse-time .value {
    display: none;
}


/*Put an image in the background of the bed grid. Will only be seen on startup*/
.bed-grid .x-grid-view {
    background: url(../images/care_logistics_medium_light.png) no-repeat center;
}

.bed-grid .bed-status-reserved {
    background-color: #FFFF80 !important;
}

.bed-grid .bed-status-off-unit {
    background-color: #FED4BE !important;
}

.bed-grid .bed-status-closed {
    background-color: #C3C3C3 !important;
}

.bed-grid .bed-status-swapped {
    background-color: #FFFF80 !important;
}

.bed-grid .bed-status-pending {
    background-color: #C2EECB !important;
}

.bed-grid .bed-status-anticipated {
    background-color: #92A8CF !important;
}

.bed-grid .bed-status-ready {
    background-color: #83CF83 !important;
}

.evs-request-grid .housekeeper-overwhelmed-true {
    background-color: #FED4BE;
}

.evs-request-grid .housekeeper-overwhelmed-false {
}

.transport-request-grid table .x-grid-cell-inner, .evs-request-grid table .x-grid-cell-inner {
    white-space: normal;
    max-height: 100px;
    overflow-y: auto;
}

.cm-grid .x-grid-body {
    background: #fff url(../images/care_logistics_medium_light.png) no-repeat center;
}

.cm-grid .x-grid-row {
    vertical-align: middle;
}

.x-tool-uq-filter {
    background-image: url('../images/icons/filter_15.png');
}

.x-tool-uq-filter-active {
    background-image: url('../images/icons/filter_15_active.png');
}

.x-tool-aq-expand-collapse, .x-tool-uq-expand-collapse {
    background-image: url('../images/icons/expand_collapse.png');
}


.x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 14px;
}
.x-grid-with-row-lines .x-grid-cell-checkcolumn .x-grid-cell-inner {
    padding-top: 3px;
}
.x-grid-checkheader {
    height: 14px;
    background-image: url('/images/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url('/images/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.providerOffUnit-true {
    text-decoration: line-through;
}

.providerOffUnit-false {

}

.unassignedPatient-true {
    color: red;
}

.unassignedPatient-false {

}

.provider-off-unit .x-grid-cell {
    background-color: #FED4BE !important;
}

.oncall-status {
    float: right;
    text-align: center;
    background: red;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid black;
    width: 16px;
}

.float-status {
    float: right;
    text-align: center;
    background: #ffff00;
    color: #000000;
    font-weight: bold;
    border: 1px solid black;
    width: 16px;
}

.pool-status {
    float: right;
    text-align: center;
    background: #3344ff;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid black;
    width: 16px;
}

/*This should go into schedule_panel.css (when it is ever created) */
.schedule-panel .assigned-unit {
    background: #DDDDDD;
    border: 1px solid black;
    position: relative;
    top: 2px;
    left: 4px;
    padding: 1px;
}


.admission-queue-panel .x-grid-group-hd .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #D2E0F0;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #99bbe8;
}

/*Make the background color of a selected header in a Queue Panel (Grouping Grid) darker*/
.admission-queue-panel .x-grid-group-hd-selected {
    background-color: #99bbe8;
}

.cancelled-queue-panel .x-grid-group-hd .x-grid-cell-inner {
    background-color: #FFAA00;
}

.cancelled-queue-panel .x-grid-row-selected .x-grid-cell {
    background-color: #DFE8F6;
}

.edit-nurse-notifications-form {
    border: 0;
}

.displayfield-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.ppr-summary-panel .x-grid-group-hd .x-grid-cell-inner {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #D2E0F0;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #99bbe8;
}

.displayfield-image {
    top: 3px !important;
    background-repeat: no-repeat;
}

/*start about dialog*/
.cl-about-header {
    width: 100%;
    height: 99px;
    padding: 24px;
    background: url(/images/home_header_bg.png);
}

.cl-about-body {
    width: 100%;
    height: 85%;
    padding: 24px;
    background: url(/images/cl_logo.png) no-repeat center;
}
/*end about dialog*/

.x-boundlist-item {
    min-height: 20px;
}

.x-tool-sc-favorite {
    background-image: url('../images/icons/favorite.png') !important;
}

.x-tool-sc-unfavorite {
    background-image: url('../images/icons/unfavorite.png') !important;
}

.x-tool-sc-spacer {
    background-image: url('../images/application/blank.png') !important;
}

.x-tool-sc-expand_collapse_panel {
    background-image: url('../images/icons/expand_collapse.png') !important;
}

.patient-manager-visit-grid .visit-bed-request-status-none {
}

.patient-manager-visit-grid .visit-bed-request-status-active {
}

.patient-manager-visit-grid .visit-bed-request-status-cancelled {
    background-color: #FFDF7F !important;
}

.patient-manager-visit-grid .visit-bed-request-status-recently-discharged {
    background-color: #E36862 !important;
}

.patient-manager-visit-grid .visit-bed-request-status-discharged {
    background-color: #E1E1E1 !important;
}

.patient-manager-patient-grid .x-grid-view {
    background: url(../images/care_logistics_medium_light.png) no-repeat center;
}

.visit-finder-grid .x-grid-view {
    background: url(../images/care_logistics_medium_light.png) no-repeat center;
}

.visit-finder-grid .patient-status-off-unit {
    padding: 2px 0 0 0 !important;
    background-color: #FED4BE !important;
}

.visit-finder-grid .bed-status-reserved {
    padding: 2px 0 0 0 !important;
    background-color: #FFFF80 !important;
}

.visit-finder-grid .visit-status-pending {
    padding: 2px 0 0 0 !important;
    background-color: #C2EECB !important;
}

.visit-finder-grid .visit-status-anticipated {
    padding: 2px 0 0 0 !important;
    background-color: #92A8CF !important;
}

.visit-finder-grid .visit-status-ready {
    padding: 2px 0 0 0 !important;
    background-color: #83CF83 !important;
}

.visit-finder-grid .visit-status-discharge-order-with-delay {
    padding: 2px 0 0 0 !important;
    background-color: #C3B1E1 !important;
}


/*
Overriding this from Ext css file.
Huge size of input from the large font-size caused problems under certain IE8 systems.
See HOS-2277
*/
.x-form-file-input {
    border: 0;
    position: absolute;
    cursor: pointer;
    top: -2px;
    right: -2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /* Yes, there's actually a good reason for this...
     * If the configured buttonText is set to something longer than the default,
     * then it will quickly exceed the width of the hidden file input's "Browse..."
     * button, so part of the custom button's clickable area will be covered by
     * the hidden file input's text box instead. This results in a text-selection
     * mouse cursor over that part of the button, at least in Firefox, which is
     * confusing to a user. Giving the hidden file input a huge font-size makes
     * the native button part very large so it will cover the whole clickable area.
     */

    /*font-size: 1000px;*/
    font-size: 12px;
}

.is-tomorrow-time-true {
    color: red;
}

.is-tomorrow-time-false {

}

.facility-panel .x-grid-row {
    height: 28px;
}

.date-is-past {
    color: red;
    font-weight: bold;
}

.date-within-two-days {
    color: #ab34eb;
    font-weight: bold;
}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/* Put any Ext6 changes below */
.bed-grid .x-grid-td {
    /*This and x-grid-cell-inner are used to show the dancing mop for the Ext6 conversion*/
    /*But this messes up the columns overflow of the text, which should be fixed*/
    /* this fix is generally to add this to the problem div: style="white-space:nowrap; text-overflow:ellipsis; overflow:hidden;"*/
    overflow: visible;
}

.bed-grid .x-grid-cell-inner {
    /*This and x-grid-td are used to show the dancing mop for the Ext6 conversion*/
    /*But this messes up the columns overflow of the text, which should be fixed*/
    /* this fix is generally to add this to the problem div: style="white-space:nowrap; text-overflow:ellipsis; overflow:hidden;"*/
    overflow: visible;
}

.x-grid-item-focused .x-grid-cell-inner {
    /*This prevents the dashed outline around the inner cell from showing when clicked on*/
    z-index: auto !important;
}

/* HOS-5757 - get rid of IE11 silly x button that can clear text but not send out events to ExtJS */
::-ms-clear{display: none}

/* HOS-5960 */
.x-progress-text {
    color: black!important;
}

.combo-item-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bed-grid .bed-status-discharge-order-with-delay {
    background-color: #C3B1E1 !important;
}