.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;
}

.startIcon {background-image: url(../images/bullet_go.png);}
.endIcon {background-image: url(../images/cancel.png);}
.callIcon {background-image: url(../images/phone.png);}
.videoIcon {background-image: url(../images/webcam.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);}
.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);}
.saveIcon {background-image: url(../images/disk.png);}
.createLeadInCrmIcon {background-image: url(../images/user_add.png);}

.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');
}

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


/* 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;
}

.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;
}