a.new-window-icon::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
    filter: invert(1);
}

.appLogo
{
    background:transparent none;
    border:0 none;
    background-image: url("../images/logo.png");
    background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 2px !important;
}
/* fixes menu indentation on all the fly-down menus for the grid columns */
.x-menu-item-link.x-menu-item-indent{
    padding-left:32px;
}
.icon-user-app-needs-invite {
    background-image: url("../images/bullet_go.png");
}
.icon-user-app-invited {
    background-image: url("../images/restore.png");
}
.icon-user-app-has-device {
    background-image: url("../images/phone.png");
}
.patientContextIcon {
    background-image: url(../images/user.png);
}
.companyIcon {
    background-image: url(../images/building.png);
}
.startIcon {background-image: url(../images/bullet_go.png);}
.endIcon {background-image: url(../images/cancel.png);}
.callIcon {background-image: url(../images/phone.png);}
.calendar2Icon {background-image: url(../images/calendar2.png);}
.videoIcon {background-image: url(../images/webcam.png);}
.lockedVideoIcon {background-image: url(../images/locked_cam.png);}
.fileTransferIcon {background-image: url(../images/page_go.png);}
.showScreenIcon {background-image: url(../images/monitor.png);}
.videoMuteIcon {background-image: url(../images/webcam_delete.png);}
.audioMuteIcon {background-image: url(../images/sound_delete.png);}
.addIcon {background-image: url(../images/add.png);}
.deleteIcon {background-image: url(../images/delete.png);}
.restoreIcon {background-image: url(../images/restore.png);}
.lockIcon {background-image: url(../images/lock.png);}
.saveIcon {background-image: url(../images/disk.png);}
.settingsIcon {background-image: url(../images/cog.png);}
.collageIcon {background-image: url(../images/group.png);}
.myIcon {background-image: url(../images/heart.png);}
.leaveIcon {background-image: url(../images/leave.png);}
.pinIcon {background-image: url(../images/pin--plus.png);}
.unpinIcon {background-image: url(../images/pin.png);}
.inviteIcon {background-image: url(../images/email_add.png);}
.addContactIcon {background-image: url(../images/user_add.png);}
.sendToCrmIcon {background-image: url(../images/user_go.png);}
.sendToEmrIcon {background-image: url(../images/user_go.png);}
.saveIcon {background-image: url(../images/disk.png);}
.createLeadInCrmIcon {background-image: url(../images/user_add.png);}
.importGlassesIcon {background-image: url(../images/in_safety_glasses16.png);}
.cameraIcon {background-image: url(../images/camera16.png);}
.trashIcon {background-image: url(../images/trash.png);}
.pencilIcon {background-image: url(../images/pencil.png);}
.hiddenIcon {background-image: url(../images/eye_closed.png);}
.showIcon {background-image: url(../images/eye_open.png);}
.doctoricon {background-image: url(../images/doctorIcon.png);}
.favouriteIcon {background-image: url(../images/Favourite.png);}
.unfavouriteIcon {background-image: url(../images/Unfavourite.png);}
.importIcon {background-image: url(../images/folder_go.png);}

.vitalsBox span.label{
    color:#333;
}
.fa-heart:before {
    content: "\2764";
}

.vitals-plus .vitalsBox div.x-panel-body span div {
    font-size: 36px;
}
.vitals-plus .vitalsBox div.x-panel-body span div span{
    font-size:36px;
}
.vitals-plus .patient{
    padding:15px;
    font-size:24px;
}
.vitals-plus .vitalsBox .label{
    right:auto;
    left:0;
    width:64px;
    height:64px;
    background-size:contain;
    background-repeat:no-repeat;
}
.vitals-plus .vitalsBox .label.respiration{
    background-image:url(../images/vitalsplus/respiration.png); 
}
.vitals-plus .vitalsBox .label.pulse{
    background-image:url(../images/vitalsplus/pulse.png); 
}
.vitals-plus .vitalsBox .label.steps{
    background-image:url(../images/vitalsplus/step.png); 
}
.vitals-plus .vitalsBox .label.temperature{
    background-image:url(../images/vitalsplus/temperature.png); 
}
.vitals-plus .vitalsBox .label.respiration{
    background-image:url(../images/vitalsplus/respiration.png); 
}
.vitals-plus .vitalsBox .label.blood-pressure{
    background-image:url(../images/vitalsplus/blood-pressure.png); 
}
.vitals-plus .vitalsBox .label.ecg{
    background-image:url(../images/vitalsplus/ecg.png); 
}
.vitals-plus .vitalsBox .label.o2{
    background-image:url(../images/vitalsplus/oxygen.png); 
}
.vitalsBox div.x-panel-body span div {
    text-align:center;
    vertical-align:middle !important;
    font-size:20px;
}

.vitalsBox div.value {
    width: 100%;
}
.vitalsBox .label {
    font-size:16px;
    position:absolute;
    right:10px;
    top:10px;
}

.vitalsBox .label sub {
    font-size:12px;
}

.chatUsername {
    font-weight: bold;
    margin-right: 5px;
}

/*.chatSurface {
    position: relative !important;
    height:100% !important;
    min-height:400px;
    overflow-y:auto;
    overflow-x:hidden;
}

.chatSurface .x-panel-body{
    position: absolute;
    bottom: 0px;
    width:100%;
    max-height:100%;
}*/
.chatMessage {
    padding: 4px 8px 0px 8px;
}

.chatNotice {
    padding: 4px 8px 0px 8px;
    color: #999;
    font-style: italic;
}

.sendButton .x-btn-inner {
    font-size: 12pt;
}

.chatRequestDetails {
    color: #999;
    margin: 10px 10px 0;
}
.chatRequestDetails + .chatRequestDetails {
    border-top: 2px solid #999;
    padding-top: 10px
}
.chatRequestDetailTitle{
    margin:0px;
}
.ux-notification-window .x-window-body {
	text-align: center;
	padding: 15px 5px 15px 5px;
}
.ux-notification-icon-information {
	background-image: url('/images/icon16_info.png');
}

.ux-notification-icon-error {
	background-image: url('/images/icon16_error.png');
}
.ux-notification-light .x-window-header {
	background-color: transparent;
}
body .ux-notification-light {
	background-image: url('/images/fader.png');
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 15px 5px 20px 5px;
	background-color: transparent;
	border: 0px solid white;
}
/* yes, weird, but we show the current state in the icon, and the text shows the other state (action) */
.speakers-mute {
	background-image: url('/images/sound.png');
}
.speakers-unmute {
	background-image: url('/images/sound_mute.png');
}

.mic-mute {
	background-image: url('/images/microphone.png');
}
.mic-unmute {
	background-image: url('/images/microphone_mute.png');
}

.video-mute {
	background-image: url('/images/webcam.png');
}
.video-unmute {
	background-image: url('/images/webcam_delete.png');
}
.home {
	background-image: url('/images/house.png');
}
.arrow-left{
    background-image: url('/images/navigate_left.png');
}
.arrow-right{
    background-image: url('/images/navigate_right.png');
}
.arrow-up{
    background-image: url('/images/navigate_up.png');
}
.arrow-down{
    background-image: url('/images/navigate_down.png');
}
.zoom-in {
	background-image: url('/images/magnifier_zoom_in.png');
}
.zoom-out {
	background-image: url('/images/magnifier_zoom_out.png');
}
.zoom-reset {
	background-image: url('/images/magnifier.png');
}

.arrow-left-large{
    background-image: url('/images/navigate_left_64.png');
    background-size:contain;
}
.arrow-right-large{
    background-image: url('/images/navigate_right_64.png');
    background-size:contain;
}
.arrow-up-large{
    background-image: url('/images/navigate_up_64.png');
    background-size:contain;
}
.arrow-down-large{
    background-image: url('/images/navigate_down_64.png');
    background-size:contain;
}
.zoom-in-large {
	background-image: url('/images/zoom_in_64.png');
    background-size:contain;
}
.zoom-out-large {
	background-image: url('/images/zoom_out_64.png');
    background-size:contain;
}

.video-expand {
	background-image: url('/images/arrow_out.png');
}
.video-collapse {
	background-image: url('/images/arrow_in.png');
}
.focus {
    background-image: url('/images/focus.png');
}

.fm-icelink-webrtc-video a.x-btn:hover{
    text-decoration:none;
}

/* menu items */
.x-menu-item-icon.presence:before {
    content: "\002022";
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 32px;
    top: -12px;
    left: 0;
}

/* window toolbar */
.x-window.presence .x-header-text-container:before {
    content: "\002022";
    font-size:18px;
    padding-right:5px;
}

/* grid cell */
.x-grid-cell div.presence:before {
    font-size:18px;
    content: "\002022";
}
/* buttons */
.x-btn-icon-el.presence:before {
    font-size:32px;
    content: "\002022";
    position:absolute;
    left:0px;
    top:-13px;
}

.x-btn-icon-el.presence.offline:before,
.x-menu-item-icon.offline:before,
.x-grid-cell div.presence.offline:before,
.x-window.presence.offline .x-header-text-container:before {
    color: #ccc;
}

.x-btn-icon-el.presence.busy:before,
.x-menu-item-icon.busy:before,
.x-grid-cell div.presence.busy:before,
.x-window.presence.busy .x-header-text-container:before {
    color: #f51010;
}
.x-btn-icon-el.presence.active:before,
.x-menu-item-icon.active:before,
.x-grid-cell div.presence.active:before,
.x-window.presence.active .x-header-text-container:before {
    color: #2FD900;
}
.x-btn-icon-el.presence.idle:before,
.x-menu-item-icon.idle:before,
.x-grid-cell div.presence.idle:before,
.x-window.presence.idle .x-header-text-container:before {
    color: #FFBF00;
}


.internalchatwindow.file-hover .x-window-body .x-panel-body .x-tabpanel-child {
    border:2px dashed red;
}

.message {
    padding:3px;
}

.message .when {
    color:#ccc;
}
.message .speaker {
    font-weight:bold;
}
.x-grid-cell .gravatar {
    height:100%;
    width:100%;
}

.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}

.x-grid-cell {
    background-color:transparent;
}

/* line 1, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x-grid-drop-indicator {
  position: absolute;
  display:none;
  height:0px;
  line-height: 0px;
  background-color: #77BC71;
  overflow: visible;
  pointer-events: none;
}
/* line 9, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x-grid-drop-indicator .x-grid-drop-indicator-left {
  position: absolute;
  top: -8px;
  left: -12px;
  background-image: none;
  height: 16px;
  width: 16px;
}
/* line 18, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x-grid-drop-indicator .x-grid-drop-indicator-right {
  position: absolute;
  top: -8px;
  right: -11px;
  background-image: none;
  height: 16px;
  width: 16px;
}
.x-grid-row-over {
    background-color:#ff0000;
}

.cgrid-row .x-grid-row-over {
    background-color: transparent;
}

.ux-notification {
    cursor: pointer;
    cursor: hand;
}

/* google maps, first click on an infowindow doesn't calculate size correctly */
.gm-style-iw > div { overflow: hidden !important; }
.gm-style-iw { overflow: hidden !important; }

h4.contact-grid-name{
    margin:5px 0;
}

div.contact-grid-details{

}
.ip-camera-container{
    background-color:#000;
}
img.ip-camera{
    border:1px solid #ccc;
    width:100%;
    height:100%;
    object-fit:contain;
}

.affiliate{
    color: #808080;
}

.speculum_focusgrid
{
    background-image: url('/images/face_frame.png');
    width: 240px;
    height: 180px;
    overflow: visible;
}

.speculum_grid:after
{
    content: "";
    display: table;
    clear: both;
}

.speculum_datagrid
{
    position: absolute;
    left: 210px;
    bottom: 14px;
    width: 10em;

    font-size: 1.8em;
    color: white;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: bold;
}

.speculum_focusimage
{
    float: left;
}

.speculum_3column
{
    width: 33.3%;
    float: left;
}

.speculum_dataval
{
    font-size: 1.5em;
    text-align: right;
}

.speculum_datalabel
{
    font-size: 0.5em;
    text-align: right;
    font-weight: normal;
}

.speculum_allergy
{
    color: red;
}

.infoBox::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #d4e2f1;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: -4px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 2000;
}

.infoBox::after {
    -moz-border-bottom-colors: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #a1c1e9;
    content: " ";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 1000;
}

/*Google does not currently support hiding the full-screen control*/
.gm-style > div:nth-child(10){
 display:none;
}

.disabled-row .x-grid-cell {
    font-style: italic;
    color: dimgray;
}

.disabled-row .active-image {
    display: none;
}

.glass_setup_local_btnicon {
    background-image: url('/images/LocalGlassBtnPic.png');
    background-repeat: no-repeat;
    background-position: center;
}

.wizard-tree .x-tree-elbow, .wizard-tree .x-tree-elbow-end {
    white-space: nowrap;
    margin-left: 15px;
    display: none;
}

.wizard-tree .x-grid-row-over {
    background-color: #FFFFFF;
}

.wizard-tree .x-tree-icon {
    display: none;
}

.wizard-tree .x-grid-row-focused .x-grid-td {
    border: none;
    background-color: inherit;
}

.wizard-tree .x-grid-body .x-grid-table-focused-first {
    border-top: none;
}
.x-grid-row-before-focused .x-grid-td {
    border-bottom: none;
}
.x-grid-row-before-selected .x-grid-td {
    border-bottom: none;
}

.wizard-tree .x-grid-row-over {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eee;
    background-color: #eee;
    cursor: pointer;
}
.wizard-tree .x-grid-row-over .x-grid-td {
    background-color: inherit;
    border-bottom: none;
}

.wizard-tree .x-grid-row-over .x-grid-td {
}

.wizard-tree .x-grid-row-selected .x-grid-td {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eee;
    background-color: #e0e0e0;
}

.wizard-tree .x-grid-cell {
    padding: 5px;
}

.wizard-form-container, .wizard-form-container > .x-panel-body {
    background:inherit;
}

.empty-grid {
    text-align: center;
}

.wizard-inner-form {
    background: inherit;
}

.wizard-inner-form > .x-panel-body {
    padding: 0px 10px 15px 20px;
    overflow-y: auto;
    background:inherit;
}

.qrGlassIcon {
    background-image: url('/images/qr_glasses.png');
    background-repeat: no-repeat;
    background-position: center;
}

.wiz-final-value {
    margin-left: 3em;
    font-weight: bolder;
}

.wiz-enabled {
    color: green;
}

.wiz-disabled {
    color: red;
}

.addGlassIcon {
    background-image: url('/images/add_glasses.png');
    background-repeat: no-repeat;
    background-position: center;
}

.cfgGlassIcon {
    background-image: url('/images/cfg_glasses.png');
    background-repeat: no-repeat;
    background-position: center;
}

.selected-glasses-icon {
    background-image: url('/images/selected_glass_icon.png');
}

.worn-glasses-icon {
    background-image: url('/images/glasses_head.png');
}

.configuration-icon {
    background-image: url('/images/gears.png');
}

.wiz-nav-nextarrow {
    background-image: url('/images/navigate_right.png');
}

.wiz-nav-endarrow {
    background-image: url('/images/goend_arrow_fat.png');
}

.wiz-nav-startarrow {
    background-image: url('/images/gostart_arrow_fat.png');
}

.wiz-nav-skiparrow {
    background-image: url('/images/skip_arrow_fat.png');
}

.wiz-nav-backarrow {
    background-image: url('/images/navigate_left.png');
}

.glasses-show-icon {
    background-image: url('/images/SeeGlasses.png');
}

.network-add-icon {
    background-image: url('/images/NetworkAdd.png');
}

.network-remove-icon {
    background-image: url('/images/NetworkRemove.png');
}

.phrase-add-icon {
    background-image: url('/images/PhraseAdd.png');
}

.phrase-remove-icon {
    background-image: url('/images/bin_closed.png');
}

.sync-glasses-icon {
    background-image: url('/images/sync_glass.png');
}

.sync-glasses-flat-icon {
    background-image: url('/images/sync_glass_flat.png');
}

.fat-action {
    width: 48px !important;
    margin-top: 2px !important;
    margin-right: 16px !important;
}

.contain-image {
    background-size: contain;
    background-repeat: no-repeat;
}

.searchIcon {
    background-image: url('/images/magnifier.png');
}

.big-wiz-btn {
    width: 768px;
}

.spacer {
    visibility: hidden;
}

.hidden {
    display: none;
}

.wiz-button-font span{
    font-size: 16px !important;
    font-weight: bold !important;
}

.wiz-check-label {
    font-size: 13px;
    padding-left: 30px;
    margin-top: 4px;
    display: inline-block;
    zoom: 1;
}

.wiz-container > .x-panel-body {
    background-image: url('/images/background.png');
    background-repeat: repeat;
    background-color: none;
}

.wiz-panel > .x-panel-body {
    background-image: url('/images/background.png');
    background-repeat: repeat;
    background-color: none;
}

.wiz-heading {
    background-image: none;
    background-color: white;
    padding: 20px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eee;

    text-align: center;
}

.wizard-tree > .x-panel-body, .wizard-tree > .x-grid-header-ct {
    border: none;
    margin-top: 10px;
}

.wizard-inner-form > .x-panel-body, .wizard-inner-form > .x-grid-header-ct {
    border: none;
}

.wiz-inner-header {
    background-image: none;
    background-color: inherit;

    box-shadow: none;
    -webkit-box-shadow: none;

    margin-top: -5px;
}

.wiz-heading .x-panel-body {
    background-image: none;
    background-color: white;
    
    font-size: 16px;
    font-weight: bold;
}

.wiz-text {
    background-image: none;
    background-color: white;
    padding: 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eee;

    text-align: center;
}

.wiz-text .x-panel-body {
    background-image: none;
    background-color: white;
    
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
}

.wiz-section > .x-panel-body {
    background-image: none;
    background-color: white;
    
    font-size: 14px;
}

.wiz-section .wiz-section-navbutton {
    width: 764px;
    height: 38px;

    border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;

    border-left: none;
    border-right:none;
}

.wiz-back > .x-panel-body {
    background-image: none;
    background-color: white;
    padding: 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #eee;
}

.wiz-navbutton  .x-btn-icon-el {
    background-size: contain;
}

.wiz-section .wiz-section-navbutton .x-btn-inner {
    font-size: 14px;
}

.wiz-section .wiz-section-navbutton .x-btn-icon-el {
    background-size: contain;
}

.wiz-title .x-form-display-field {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-left: 10px;
    font-size: 10px;
    font-weight: bolder;
}
.wiz-title a {
    right: 0px !important;
    left: auto !important;
    margin: 0px;
    top: 4px !important;
}

.x-grid-group-hd {
    border: 0px;
    padding: 4px;
}

.wiz-title .x-img-before-title {
    vertical-align: middle;
    top: 2px !important;
}

.wiz-subtitle {
    font-size: 18px;
    font-weight: bold;
}

.wiz-subtitle img {
    vertical-align: middle;
    height: 28px;
}

.wiz-subtitle span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.wiz-status-text {
    font-size: 12px;
    font-weight: normal;
}

/* START:  Add ExtJS scale: 'huge'  **NOTE: Theme Gray** */
.x-btn-default-huge {    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: -moz-linear-gradient(top,#fff,#eee);
    background-image: -o-linear-gradient(top,#fff,#eee);
    background-image: -ms-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(top,#fff,#eee);
}

.x-btn-default-huge-icon-text-left .x-btn-button {
    height: 64px;
}

.x-btn-default-huge-icon-text-left .x-btn-inner {
    line-height: 64px;
    padding-left: 70px;
}

.x-btn-default-huge .x-btn-inner {
    font-size: 14px;
    font-weight: normal;
    font-family: tahoma,arial,verdana,sans-serif;
    color: #333;
    padding: 0 3px;
}

.x-btn-default-huge-icon-text-left .x-btn-icon-el {
    width: 64px;
    right: auto;
}

.x-btn-default-huge-over {    
    border-color: #9d9d9d;
    background-image: none;
    background-color: #f3f3f3;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
    background-image: -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
    background-image: -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
    background-image: -o-linear-gradient(top,#fbfbfb,#e9e9e9);
    background-image: -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
    background-image: linear-gradient(top,#fbfbfb,#e9e9e9);
}

.x-btn-default-huge-menu-active, .x-btn-default-huge-pressed {
    border-color: #9d9d9d;
    background-image: none;
    background-color: #d6d6d6;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#c7c7c7),color-stop(100%,#e0e0e0));
    background-image: -webkit-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -moz-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -o-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: -ms-linear-gradient(top,#c7c7c7,#e0e0e0);
    background-image: linear-gradient(top,#c7c7c7,#e0e0e0);
}

.x-btn-default-huge-disabled {
    border-color: #d7d7d7;
    background-image: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e2e2e2));
    background-image: -webkit-linear-gradient(top,#f4f4f4,#e2e2e2);
    background-image: -moz-linear-gradient(top,#f4f4f4,#e2e2e2);
    background-image: -o-linear-gradient(top,#f4f4f4,#e2e2e2);
    background-image: -ms-linear-gradient(top,#f4f4f4,#e2e2e2);
    background-image: linear-gradient(top,#f4f4f4,#e2e2e2);
}

.x-btn-default-huge-disabled .x-btn-inner, .x-btn-default-huge-disabled .x-btn-icon-el {
    filter: alpha(opacity=50);
    opacity: .5;
}

.group-placeholder-hd > .x-grid-group-title {
    background-image: none;
}

.group-action-item-bar {
    float: right;
}

.group-action-item {
    background-position: left center;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    margin-top: -2px;
    float: left;
}

.x-grid-view.striped tr.x-grid-group-row:nth-child(2n) div.x-grid-group-hd {
    background-color: #f6f6f6;
}

.disabled-icon {
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    opacity: 0.5;
}

.custom-group-view .x-grid-cell-inner-action-col {
    text-align: right !important;
    margin-right: 10px;
}

.wiz-fieldset {
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3),inset 0 -1px 0px rgba(0,0,0,0.3),0 1px 1px rgba(255,255,255,0.9);
}

.wiz-subtext .x-form-display-field{
    color: #888;
}

.wiz-drop {
    box-shadow: -2px 2px 5px -1px rgba(0,0,0,0.75);
}

ul.wiz-toggle-button {
    list-style:none;
    width:85px;
    height:26px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-13px 0 0 -42px;
    padding: 0 !important;
}

ul.wiz-toggle-button>li {
    float:left;
    line-height:23px;
    font-size:11px;
    padding:2px 10px 0; 
    
    background: #E5E5E5;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#E5E5E5));
    text-shadow:0 1px 0 #FFF;
    border-left:1px solid #D5D5D5;
    border-top:1px solid #D5D5D5;
    border-bottom:1px solid #D5D5D5;
    -webkit-box-shadow:0 1px 0 #FFF inset, 0 0 5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .3);
    cursor: pointer;
}

ul.wiz-toggle-button>li:first-child{
    -webkit-border-radius:5px 0 0 5px;
}
ul.wiz-toggle-button>li:last-child{
    -webkit-border-radius:0 5px 5px 0;
}

ul.wiz-toggle-button>li a{
    text-decoration: none;
    font-family:Helvetica, Arial;
    text-transform:uppercase;
    color:#a1a1a1;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;

    cursor: pointer;
}

ul.wiz-toggle-button>li.on {
    background: #505050;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#505050));
    border-right:1px solid #444;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .7) inset, 0 1px 0 #FFF;  
    cursor: default;
}

ul.wiz-toggle-button>li:not(.on):active{
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#f1f1f1));
}

ul.wiz-toggle-button>li.on a {
    color:#7BBA47;
    text-shadow:0 -1px 0 #444, 0 0 7px #9AE658;
}

ul.wiz-toggle-button>li.on.negative a {
    color:#9b1515;
    text-shadow:0 -1px 0 #444, 0 0 7px #9b1515;
}

.wiz-nav-bar span.x-btn-inner {
    font-size: 16px;
}

ul.wiz-toggle-button.disabled {
    cursor: default !important;
    opacity: 0.7 !important;
}

ul.wiz-toggle-button.disabled a {
    color: #cacaca !important;
    text-shadow: none !important;
}

.phrase-adder {
    background-image: url(../images/add.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;

    padding-left: 16px;
    color: #565656;
    font: bold 11px/13px tahoma,arial,verdana,sans-serif;

    cursor: pointer;
}

.cgrid-row .x-grid-group-title {
    color: #404040;
}

.wiz-title-body .x-box-item {
    top: 0px !important;
}

/*Deleted Record Style*/

.deleted-record .x-grid-cell{
    color: rgba(75,75,75,0.5);
}

tbody>tr>.x-group-hd-container .instrument-header {
    margin-top: 1em;
}

tbody>tr:first-child>.x-group-hd-container .instrument-header {
    margin-top: 0em;
}


.topbar {
    background: #FFFF99;
    border-bottom: solid 1px #ccc;
    padding: 5px 0;
    text-align: center;
    color: #000;
}

.ptz-controls--absolute{
    cursor:crosshair;
}

.ptz-controls__button {
    background: rgba(255, 255, 255, 0);
}

.ptz-controls__button:hover {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: background-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out;
}
.ptz-controls__button--zoomin{
    cursor:zoom-in;
}
.ptz-controls__button--zoomout{
    cursor:zoom-out;
}

.EVisitWorkflowField {
  margin-left:5px;
  margin-bottom: 1em;
}
.EVisitWorkflowFieldType0 {
  font-weight: bold;
  font-size: 12px;
  padding:15px 5px 5px 5px;
  margin-left:0;
}
.EVisitWorkflowFieldType2,
.EVisitWorkflowFieldType4{
  background-image:url(../images/checkbox_ticked.png);
  background-position: left center;
  background-repeat: no-repeat;
  margin: 5px;
  padding-left: 20px; 
}
.EVisitWorkflowName{
    font-weight: bold;
    font-size: 14px;
    float: left;
    padding-right: 5px;
}

.button-text .x-btn-inner{
    font-size: 15px !important;
    font-weight: bold !important;
    position: absolute;
    bottom: 5%;
    width: 100%;
    padding-left:0px;
    line-height: 20px !important;
}

.borderColor{
    border-color :#D3D3D3 !important;
}

.action-button-column {
    vertical-align: middle;
}

.large-action-text .x-btn-inner {
    font-size: 18px !important;
    font-weight: bold !important;
}

.x-btn-icon-el .startbutton{ 
    background-position: center;
}

.center-image{
    position: absolute;
    transform: translate(-50%,-50%);
    margin-right: -50%;
    top: 50%;
    left: 50%;
}
.transparent-background {
    background-color: transparent !important;
    border: transparent !important;
}
.calendarIcon {
    background-image: url('../images/calendar3.png');
}
.createNew {
    background-image: url('../images/createnew.png');
}
.centerVertically{
    vertical-align: middle !important;
}
.quickConsult {
    background-image: url('../images/quickconsult.png');
}

/* END:  Add ExtJS scale: 'huge'*/

.collage-main .x-btn-icon-el.center-image{
    height:64px;
    width:64px;
    border-radius:32px;
    background-color:#fff;
}

.patient-search.x-boundlist-item {
    padding:10px;
    border-bottom:1px solid #ccc;
}

.calendar {
    position: absolute;
    top: 0;
    left: 0;
}




/* ICU */

.icu-panel-container, .icu-data-large,
.icu-panel .icu-data-large {
    font-size: 20px;
}

.icu-panel .icu-data-small {
    font-size: 14px;
}

.icu-panel .admitting {
    float: right;
}

.icu-panel .x-panel-body {
    background-color: black;
    color: #fff;
}

.icu-panel .warn {
    color: yellow;
}

.icu-panel .info {
    color: turquoise;
}

.icu-panel .error {
    color: red;
}

.icu-panel .ok {
    color: #00cc00;
}

.icu-panel .timestamp {
    color: #0099ff;
}

#hr-icon {
    font-size: 56px;
    padding-right: 3px;
}

.heme td {
    padding: 10px;
}
.heme td.left {
    padding-right:20px;
    padding-left:0px;
}
.heme td.right {
    padding-right: 0px;
    padding-left: 20px;
}

.heme-bands{
    margin-left:15px;
}

.chem td {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid gray;
}
table.chem {
    border-style: hidden;
}

.crossed {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='0' x2='35' y2='50' stroke-width='2' stroke='gray' /><line x1='100' y1='100' x2='65' y2='50' stroke-width='2' stroke='gray' /><line x1='0' y1='100' x2='35' y2='50' stroke-width='2' stroke='gray' /><line x1='100' y1='0' x2='65' y2='50' stroke-width='2' stroke='gray' /><line x1='35' y1='50' x2='65' y2='50' stroke-width='2' stroke='gray' /></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
}

.end.bottom {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='0' x2='100' y2='100' stroke-width='5' stroke='gray' /></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    border:0;
}

.end.top {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='100' x2='100' y2='0' stroke-width='5' stroke='gray' /></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    border: 0;
}


.icu-panel .x-panel.error,
.icu-panel .x-panel.error .x-btn,
.icu-panel .x-panel.error .x-btn-inner,
.icu-panel .x-panel.error .x-panel-body {
    background-color: #330000;
    color: red;
    background-image: none;
    text-shadow: 2px 2px black;
}

.icu-panel .x-panel.warn,
.icu-panel .x-panel.warn .x-btn,
.icu-panel .x-panel.warn .x-btn-inner,
.icu-panel .x-panel.warn .x-panel-body {
    background-color: #808000;
    color: yellow;
    background-image: none;
    text-shadow: 2px 2px black;
}

.icu-panel .x-panel.ok,
.icu-panel .x-panel.ok .x-btn,
.icu-panel .x-panel.ok .x-btn-inner,
.icu-panel .x-panel.ok .x-panel-body {
    background-color: #336600;
    color: #00cc00;
    background-image: none;
    text-shadow: 2px 2px black;
}

    .icu-panel .x-panel.info .x-panel-default div,
    .icu-panel .x-panel.error .x-panel-body div,
    .icu-panel .x-panel.warn .x-panel-body div,
    .icu-panel .x-panel.ok .x-panel-body div {
        color: #fff;
        text-align: center;
    }

    .icu-panel .x-panel.error .x-btn .x-btn-inner-center,
    .icu-panel .x-panel.ok .x-btn .x-btn-inner-center,
    .icu-panel .x-panel.warn .x-btn .x-btn-inner-center {
        font-size: 20px;
    }

.icu-panel .x-panel.error .x-panel-body .info {
    color: turquoise;
}

.icu-panel .x-panel.error .x-panel-body .ok {
    color: #00cc00;
}

.icu-panel .x-panel.error .x-panel-body .warn {
    color: yellow;
}

.icu-panel .x-header {
    background-image: none;
    background-color: black;
    color: white;
}

    .icu-panel .x-header .x-header-text {
        color: white;
        font-size: 18px;
        font-weight: normal;
    }

.icu-panel .x-panel-header-default,
.icu-panel .x-panel-body-default {
    border-color: white;
}

.icu-panel-container .x-panel-body:fullscreen .icu-panel {
    margin: auto !important;
    border-top:0 !important;
}

.icu-panel-container .x-panel-body{
    background-color: black;
}
/* default style for d3 */
path {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.cameraOverlay {
    background: url(/images/camera.png) center no-repeat;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    border: 4px solid dimgray;
    display: none;
}
.shutterOverlay {
    background-color: white;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.instructionsOverlay {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
    display: none;
}

.instructionsOverlay h3 {
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px 5px 3px 5px;
    margin: 0;
}

.user_contact_displayname {
    font-weight: bold;
}