.citrus {
  /*
//BOX
@import "../common/components/zul/box/box.less";
@import "../common/components/zul/box/layout.less";
//DB
@import "../common/components/zul/db/calendar.less";
//GRID
@import "../common/components/zul/grid/grid.less";
//INP
@import "../common/components/zul/inp/combo.less";
@import "../common/components/zul/inp/input.less";
@import "../common/components/zul/inp/slider.less";
//LAYOUT
@import "../common/components/zul/layout/absolutelayout.less";
@import "../common/components/zul/layout/anchorlayout.less";
@import "../common/components/zul/layout/borderlayout.less";
//MENU
@import "../common/components/zul/menu/menu.less";
//MESH
@import "../common/components/zul/mesh/auxhead.less";
@import "../common/components/zul/mesh/frozen.less";
@import "../common/components/zul/mesh/paging.less";
//SEL
@import "../common/components/zul/sel/listbox.less";
@import "../common/components/zul/sel/tree.less";
//TAB
@import "../common/components/zul/tab/tabbox.less";
//WGT
@import "../common/components/zul/wgt/a.less";
@import "../common/components/zul/wgt/button.less";
@import "../common/components/zul/wgt/caption.less";
@import "../common/components/zul/wgt/combobutton.less";
@import "../common/components/zul/wgt/groupbox.less";
@import "../common/components/zul/wgt/popup.less";
@import "../common/components/zul/wgt/progressmeter.less";
@import "../common/components/zul/wgt/separator.less";
@import "../common/components/zul/wgt/toolbar.less";
//WND
@import "../common/components/zul/wnd/panel.less";
@import "../common/components/zul/wnd/window.less";
*/
  /*Button Ghost*/
  /*###################################################################################################
 Cambio de estilo en las notificationes
###################################################################################################*/
  /*Notificacion de alerta*/
  /*Notificacion de error*/
  /*Notificacion de exito*/
  /*Notificacion Informativa*/
  /*###################################################################################################
Custom
###################################################################################################*/
  /*###################################################################################################
 Estilos de la agenda medica (AbstractSchedule.java)
###################################################################################################*/
  /**
 * Hoja de estilos para las camas
 * Autor: miguel angel rojas
 * Creado: 1/Dic/2004
 * Modificado por : $Author: lama $
 * Fecha: $Date: 2017/01/11  $
 */
  /* Celda de la cama */
  /* Celda de la habitacion */
  /*Disponible Limpia : Verde*/
  /*Ocupada Sucia : Rojo */
  /*Disponible Mantenimiento : Celeste */
  /*Ocupada Mantenimiento : Azul Marino */
  /*Disponible Sucia : Guindo */
  /*Ocupada Limpia : Amarillo */
  /* Cuarentena : Gris */
  /*Reservada : Melon*/
  /*###################################################################################################
 Estilo css para el inicio de session del sistema
###################################################################################################*/
  /*Checbox de recordar usuario*/
  /* Logo del encabezado */
  /*Color grisaceo del fondo*/
  /*MOTD.txt*/
  /*###################################################################################################
 Estilo css para los mantenimeintos
###################################################################################################*/
  /*Listado de registros (GridPanel.java)*/
  /*Secuencia de campo (ADSortTab.java)*/
  /*###################################################################################################
 Estilo css de Ejecucion de Citas (WAppointment.java)
###################################################################################################*/
  /*Panel de información de Paciente*/
  /*###################################################################################################*/
  /*Patient Picture css*/
  /*Mobile style*/
  /*###################################################################################################*/
  /*Menu Lateral*/
  /*Paneles*/
  /**
 * Hoja de estilos para el tablero de enfermera
 * Autor: lorena lama
 * Creado: Jul 2015
 */
  /*Estilo para elementos Input*/
  /*Estilos para elementos Input, no aplican para <select>*/
  /*Estilos para elementos Input, no aplican para <textarea>*/
  /*Estilos para elementos Input, cuando se coloca el mouse sobre el elemento*/
  /*Estilos para elementos Input, cuando se coloca el mouse sobre el elemento, no aplican para <select>*/
  /*Estilos condicionados solo a Chrome*/
  /*Ajuste de alineamiento de los checkbox y radio*/
  /*Ajuste para panel de navegacion*/
  /*Sombra cuando es invalido*/
  /* danger color para ListItem*/
  /*Cambio de tamaño de los tabs*/
  /*Cambio de estilo en los arboles*/
  /*###################################################################################################
 Button groups (http://getbootstrap.com/components/#btn-groups)
 Group a series of buttons together on a single line with the button group.
###################################################################################################*/
  /*Estilo para listitem*/
  /*###################################################################################################
 Estilos para iconos de fuente eCareSoft
###################################################################################################*/
  /*Crea icono con la forma del logo de eCareSoft*/
  /*******************************************************************/
  /* CREAR ICONO                                                     */
  /*-----------------------------------------------------------------*/
  /* Ejemplo: eCareFontAfter="E"								       */
  /*******************************************************************/
  /*Crea el icono pasado en la propiedad eCareFontAfter a la derecha del componente*/
  /*Crea el icono pasado en la propiedad eCareFontAfter a la izquierda del componente*/
  /*******************************************************************/
  /* TAMANOS DE ICONOS                                               */
  /*-----------------------------------------------------------------*/
  /* Ejemplo: iconStyle="14px"								       */
  /*******************************************************************/
  /*******************************************************************/
  /* FORMATO DE ICONO                                                */
  /*-----------------------------------------------------------------*/
  /* Ejemplo: iconStyle="bold"								       */
  /*******************************************************************/
  /*******************************************************************/
  /* COLORES DE ICONO                                                */
  /*-----------------------------------------------------------------*/
  /* Ejemplo: iconStyle="alert"								       */
  /*******************************************************************/
  /*******************************************************************/
  /* MARGENES DE ICONO                                               */
  /*-----------------------------------------------------------------*/
  /* Añade un espaciado de medio caracter a la izq/der del icono     */
  /*******************************************************************/
  /*******************************************************************/
  /* SOBRE ESCRITURA ZK                                              */
  /*-----------------------------------------------------------------*/
  /* CSS especifico para iconos de componentes ZK                    */
  /*******************************************************************/
}
.citrus [class^="z-"],
.citrus [class*=" z-"],
.citrus [class^="z-"]:after,
.citrus [class*=" z-"]:after,
.citrus [class^="z-"]:before,
.citrus [class*=" z-"]:before,
.citrus .z-borderbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.citrus input[type=number]::-webkit-inner-spin-button,
.citrus input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.citrus input,
.citrus input:focus,
.citrus textarea,
.citrus textarea:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  -webkit-user-select: text;
}
.citrus *:focus {
  outline: none;
}
.citrus fieldset {
  border: 1px solid #c0c0c0;
  border-radius: 0;
  margin: 0 2px;
  padding: 0px;
}
.citrus legend {
  border: 0;
  padding: 0;
}
.citrus .gecko button::-moz-focus-inner {
  border: 0;
}
.citrus body {
  margin: 0;
  padding: 0 5px;
}
.citrus .mobile * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.citrus .z-error {
  display: none;
  width: 450px;
  border: 1px solid #990000;
  padding: 3px 5px 3px 3px;
  background: #ffeeee;
  position: absolute;
  top: 0;
  left: 40%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  z-index: 9999999;
}
.citrus .z-error .messagecontent {
  border: 1px solid #990000;
  padding: 0;
  background: #ffffff;
}
.citrus .z-error .messages {
  padding: 2px 3px 15px;
  word-wrap: break-word;
  overflow: auto;
}
.citrus .z-error .messages .message {
  padding: 3px 0 2px;
}
.citrus .z-error .newmessage {
  background: #ffeeee;
  display: none;
}
.citrus .z-error .button {
  color: #990000;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  cursor: pointer;
  float: right;
}
.citrus .z-error .button > .z-icon-remove {
  font-size: 18px;
}
.citrus .z-error #zk_err-p {
  height: 24px;
  padding-top: 6px;
  cursor: move;
}
.citrus .z-error .errornumbers {
  font-weight: bold;
  color: #990000;
  padding-left: 4px;
  float: left;
}
.citrus div.z-log {
  width: 50%;
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 99000;
}
.citrus div.z-log textarea {
  width: 100%;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.citrus div.z-log button {
  font-size: 10px;
}
.citrus .noscript {
  width: 100%;
  height: 100%;
  background: #E0E1E3;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  z-index: 32000;
}
.citrus .noscript p {
  font-weight: bold;
  color: black;
  border: 1px solid black;
  margin: 10% 15%;
  padding: 10px 0;
  background: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.citrus input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  margin: 0px 2px 2px;
}
.citrus input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  margin: 0px 2px 2px;
}
.citrus .z-label {
  line-height: normal;
}
.citrus .z-label-right {
  width: 100%;
  text-align: right;
  display: block;
}
.citrus .z-label,
.citrus .z-radio-content,
.citrus .z-checkbox-content,
.citrus .z-loading {
  font-family: Arial, Sans-serif;
  font-size: 12px;
  font-weight: normal;
}
.citrus .z-temp,
.citrus .z-modal-mask {
  width: 100%;
  height: 100%;
  background: #e0e1e3;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  top: 0;
  left: 0;
}
.citrus .z-initing {
  width: 60px;
  height: 60px;
  background: transparent no-repeat center;
  background-image: url('https://www.zkoss.org/zk/img/zkpowered.png');
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 32000;
}
.citrus .z-uptime {
  background-image: url('https://www.zkoss.org/zk/img/zkuptime.png');
}
.citrus .z-loading,
.citrus .z-apply-loading {
  border: 1px solid #cfcfcf;
  padding: 3px;
  background: #e3e3e3;
  position: absolute;
  cursor: wait;
  white-space: nowrap;
}
.citrus .z-loading {
  top: 0;
  left: 0;
  z-index: 31000;
}
.citrus .z-apply-loading {
  overflow: hidden;
  z-index: 89500;
}
.citrus .z-loading-indicator,
.citrus .z-apply-loading-indicator {
  color: #363636;
  border: 1px solid #cfcfcf;
  background: #ffffff;
  white-space: nowrap;
}
.citrus .z-loading-indicator {
  padding: 6px;
}
.citrus .z-apply-loading-indicator {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 2px;
}
.citrus .z-apply-loading-icon,
.citrus .z-loading-icon,
.citrus .z-renderdefer {
  width: 16px;
  height: 16px;
  background: transparent no-repeat center;
  background-image: url('../images/progress.gif');
}
.citrus .z-apply-loading-icon,
.citrus .z-loading-icon {
  display: inline-block;
  vertical-align: top;
}
.citrus .z-apply-mask {
  width: 100%;
  height: 100%;
  background: #e0e1e3;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 89000;
}
.citrus .z-inline-block {
  display: inline-block;
  vertical-align: top;
}
.citrus .z-word-wrap {
  word-wrap: break-word;
}
.citrus .z-word-nowrap {
  white-space: nowrap;
}
.citrus .z-overflow-hidden {
  overflow: hidden;
}
.citrus .z-dd-stackup {
  width: 100%;
  height: 100%;
  background-image: url('~./img/spacer.gif');
  position: absolute;
  left: 0;
  top: 0;
  z-index: 16800;
}
.citrus .z-temp * {
  font-size: 5px;
  color: #FFFFFF;
  background: #FFFFFF;
  text-decoration: none;
}
.citrus .z-temp .z-loading {
  background: #e3e3e3;
  top: 49%;
  left: 46%;
}
.citrus .z-temp .z-loading-indicator {
  font-size: 12px;
  color: #363636;
}
.citrus .z-clear {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  clear: both;
}
.citrus .ie8 .z-shadow {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.citrus .ie8 .z-shadow-wrapper {
  height: 100%;
  padding-bottom: 6px;
}
.citrus .ie8 .z-shadow .z-shadow-cl {
  height: 100%;
  padding-left: 6px;
  background: transparent repeat-y 0 0;
  background-image: url('~./zul/img/shadow-cl.png');
  overflow: hidden;
  zoom: 1;
}
.citrus .ie8 .z-shadow .z-shadow-cr {
  height: 100%;
  padding-right: 6px;
  background: transparent repeat-y right;
  background-image: url('~./zul/img/shadow-cr.png');
  overflow: hidden;
  zoom: 1;
}
.citrus .ie8 .z-shadow .z-shadow-cm {
  height: 100%;
  background: transparent repeat 0 0;
  background-image: url('~./zul/img/shadow-m.png');
  overflow: hidden;
  zoom: 1;
}
.citrus .ie8 .z-shadow .z-shadow-tl,
.citrus .ie8 .z-shadow .z-shadow-tr,
.citrus .ie8 .z-shadow .z-shadow-bl,
.citrus .ie8 .z-shadow .z-shadow-br {
  font-size: 0;
  height: 6px;
  margin-right: 6px;
  line-height: 0;
  background: transparent no-repeat 0 top;
  zoom: 1;
}
.citrus .ie8 .z-shadow .z-shadow-tr,
.citrus .ie8 .z-shadow .z-shadow-br {
  background-position: right -6px;
  margin-right: -6px;
  position: relative;
}
.citrus .ie8 .z-shadow .z-shadow-tl,
.citrus .ie8 .z-shadow .z-shadow-tr {
  background-image: url('~./zul/img/shadow-tlr.png');
}
.citrus .ie8 .z-shadow .z-shadow-bl,
.citrus .ie8 .z-shadow .z-shadow-br {
  background-image: url('~./zul/img/shadow-blr.png');
}
.citrus .z-dragged {
  color: #ffffff;
  background: none no-repeat scroll 0 0 #e0eaf0;
}
.citrus .z-drag-over {
  background: #add2ff;
}
.citrus .z-drag-ghost {
  list-style: none;
}
.citrus .gecko .z-draggable-over > * {
  -moz-user-select: none;
}
.citrus .z-drop-allow {
  background: #11aa33;
}
.citrus .z-drop-allow .z-drop-icon {
  color: #11aa33;
}
.citrus .z-drop-disallow {
  background: #c13634;
}
.citrus .z-drop-disallow .z-drop-icon {
  color: #c13634;
  padding-right: 1px;
}
.citrus .z-drop-content {
  font-family: Arial, Sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  width: 120px;
  height: 24px;
  padding: 4px;
  padding-left: 24px;
  line-height: 16px;
  position: relative;
}
.citrus .z-drop-icon {
  font-size: 12px;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  line-height: 16px;
  background: #ffffff;
  text-align: center;
  position: absolute;
  top: 4px;
  left: 6px;
}
.citrus .z-focus-a {
  font-size: 0 !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  -moz-outline: 0 none;
  outline: 0 none;
  -moz-user-select: text;
  -khtml-user-select: text;
  overflow: hidden;
}
.citrus .z-focus-a:focus {
  -moz-outline: 0 none;
  outline: 0 none;
}
.citrus span.z-upload {
  font-size: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
.citrus span.z-upload input {
  font-size: 45pt;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  cursor: pointer;
  z-index: -1;
}
.citrus .ie8 span.z-upload input,
.citrus .ie9 span.z-upload input,
.citrus .ie10 span.z-upload input {
  z-index: 1;
}
.citrus .z-upload-icon {
  background-image: url('~./zul/img/misc/prgmeter.png');
  overflow: hidden;
}
.citrus .ie8 .z-upload-hover {
  border-color: #8fb9d0;
  background: #f2f2f2;
}
.citrus .ie9 .z-upload-hover,
.citrus .ie10 .z-upload-hover {
  border-color: #8fb9d0;
  background: #ffffff;
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlNGU0ZTQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  /* IE9 */
  background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e4e4e4 100%);
  /* W3C */
}
.citrus .z-fileupload-add,
.citrus .z-fileupload-remove {
  color: #1096BC;
  width: 16px;
  height: 17px;
  cursor: pointer;
}
.citrus .z-fileupload-progress {
  width: 300px;
}
.citrus .z-fileupload-manager {
  width: 350px;
}
.citrus .z-selectbox {
  font-family: Arial, Sans-serif;
  font-size: 12px;
}
.citrus .z-scrollbar {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  line-height: 1;
}
.citrus .z-scrollbar-vertical {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}
.citrus .z-scrollbar-vertical .z-scrollbar-wrapper {
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0;
}
.citrus .z-scrollbar-vertical .z-scrollbar-indicator {
  width: 14px;
  border: 1px solid #838383;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjZmNmY2YiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  /* IE9 */
  background: -moz-linear-gradient(left, #ffffff 0%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #cfcfcf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #cfcfcf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #cfcfcf 100%);
  /* W3C */
  position: absolute;
  left: 1px;
  cursor: pointer;
  z-index: 100;
}
.citrus .z-scrollbar-vertical .z-scrollbar-rail {
  width: 100%;
  height: 100%;
  background: #dddddd;
}
.citrus .z-scrollbar-vertical .z-scrollbar-icon {
  color: #636363;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  left: -1px;
  top: 50%;
  -webkit-transform: scale(0.5, 0.7);
  -moz-transform: scale(0.5, 0.7);
  -o-transform: scale(0.5, 0.7);
  -ms-transform: scale(0.5, 0.7);
  transform: scale(0.5, 0.7);
}
.citrus .z-scrollbar-vertical-embed {
  width: 8px;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -o-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -ms-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.citrus .z-scrollbar-up,
.citrus .z-scrollbar-down {
  font-size: 14px;
  color: #636363;
  width: 16px;
  height: 16px;
  background: #dddddd;
  position: absolute;
  cursor: pointer;
}
.citrus .z-scrollbar-up > .z-icon-caret-up:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: -1px;
}
.citrus .z-scrollbar-down {
  bottom: 0;
}
.citrus .z-scrollbar-down > .z-icon-caret-down:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 4px;
  top: 1px;
}
.citrus .z-scrollbar-horizontal {
  width: 100%;
  height: 16px;
  left: 0;
  bottom: 0;
}
.citrus .z-scrollbar-horizontal .z-scrollbar-wrapper {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 16px;
}
.citrus .z-scrollbar-horizontal .z-scrollbar-indicator {
  height: 14px;
  border: 1px solid #838383;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  /* Old browsers */
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iemtpZTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNjZmNmY2YiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+);
  /* IE9 */
  background: -moz-linear-gradient(top, #ffffff 0%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cfcfcf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #cfcfcf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #cfcfcf 100%);
  /* W3C */
  position: absolute;
  top: 1px;
  cursor: pointer;
  z-index: 100;
}
.citrus .z-scrollbar-horizontal .z-scrollbar-rail {
  width: 100%;
  height: 100%;
  background: #dddddd;
}
.citrus .z-scrollbar-horizontal .z-scrollbar-icon {
  color: #636363;
  margin-left: -8px;
  position: absolute;
  left: 50%;
  top: -1px;
  -webkit-transform: rotate(90deg) scale(0.5, 0.7);
  -moz-transform: rotate(90deg) scale(0.5, 0.7);
  -o-transform: rotate(90deg) scale(0.5, 0.7);
  -ms-transform: rotate(90deg) scale(0.5, 0.7);
  transform: rotate(90deg) scale(0.5, 0.7);
}
.citrus .z-scrollbar-horizontal-embed {
  width: 100%;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -o-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -ms-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.citrus .z-scrollbar-left,
.citrus .z-scrollbar-right {
  font-size: 14px;
  color: #636363;
  width: 16px;
  height: 16px;
  padding: 1px 6px 0 5px;
  background: #dddddd;
  position: absolute;
  cursor: pointer;
}
.citrus .z-scrollbar-right {
  right: 0;
}
.citrus .ie8 .z-scrollbar-vertical .z-scrollbar-indicator {
  background: #e7e7e7;
}
.citrus .ie8 .z-scrollbar-horizontal .z-scrollbar-indicator {
  background: #e7e7e7;
}
.citrus .z-macro {
  display: inline-block;
  min-width: 1px;
}
.citrus .simpleGreen .z-tab,
.citrus .simpleGreen .z-tab .z-tab-content {
  background: none !important;
  border: none;
  box-shadow: none;
  font-size: 14px;
}
.citrus .simpleGreen .z-tab.z-tab-selected .z-tab-content:after {
  background-color: #00CD9B;
  position: absolute;
  width: 100%;
  height: 3px;
  content: " ";
  left: 0;
  bottom: 0;
}
.citrus .simpleGreen .z-tabs-content,
.citrus .simpleGreen .z-tabpanel {
  border: none;
}
.citrus .z-groupbox-main > * {
  display: inline-block;
  padding: 8px !important;
  vertical-align: top;
}
.citrus .z-groupbox-default > .z-groupbox-header {
  background: none;
  background-color: #f5f5f5;
  border: solid 1px #f5f5f5;
  color: #333333;
}
.citrus .z-groupbox-default > .z-groupbox-content {
  border-color: #f5f5f5;
}
.citrus .z-groupbox-primary > .z-groupbox-header {
  background: none;
  background-color: #428bca;
  border: solid 1px #428bca;
  color: #ffffff;
}
.citrus .z-groupbox-primary > .z-groupbox-content {
  border-color: #428bca;
}
.citrus .z-groupbox-success > .z-groupbox-header {
  background: none;
  background-color: #d6e9c6;
  border: solid 1px #d6e9c6;
  color: #468847;
}
.citrus .z-groupbox-success > .z-groupbox-content {
  border-color: #d6e9c6;
}
.citrus .z-groupbox-info > .z-groupbox-header {
  background: none;
  background-color: #d9edf7;
  border: solid 1px #d9edf7;
  color: #3a87ad;
}
.citrus .z-groupbox-info > .z-groupbox-content {
  border-color: #d9edf7;
}
.citrus .z-groupbox-warning > .z-groupbox-header {
  background: none;
  background-color: #fdf8d9;
  border: solid 1px #fdf8d9;
  color: #f4da40;
}
.citrus .z-groupbox-warning > .z-groupbox-content {
  border-color: #fdf8d9;
}
.citrus .z-groupbox-danger > .z-groupbox-header {
  background: none;
  background-color: #fcd9d9;
  border: solid 1px #fcd9d9;
  color: #ea2849;
}
.citrus .z-groupbox-danger > .z-groupbox-content {
  border-color: #fcd9d9;
}
.citrus .btn-ghost {
  display: block !important;
  margin: auto !important;
}
.citrus .btn-ghost-primary {
  background: none !important;
  border-color: #00cd9b !important;
  color: #00cd9b !important;
}
.citrus .btn-ghost-primary:hover {
  color: white !important;
  background-color: #00cd9b !important;
}
.citrus .btn-ghost-default {
  background: none !important;
  border-color: #428bca !important;
  color: #428bca !important;
}
.citrus .btn-ghost-default:hover {
  color: white !important;
  background-color: #428bca !important;
}
.citrus .btn-ghost-success {
  background: none !important;
  border-color: #d6e9c6 !important;
  color: #d6e9c6 !important;
}
.citrus .btn-ghost-success:hover {
  color: white !important;
  background-color: #d6e9c6 !important;
}
.citrus .btn-ghost-info {
  background: none !important;
  border-color: #d9edf7 !important;
  color: #d9edf7 !important;
}
.citrus .btn-ghost-info:hover {
  color: white !important;
  background-color: #d9edf7 !important;
}
.citrus .btn-ghost-warning {
  background: none !important;
  border-color: #fdf8d9 !important;
  color: #fdf8d9 !important;
}
.citrus .btn-ghost-warning:hover {
  color: white !important;
  background-color: #fdf8d9 !important;
}
.citrus .btn-ghost-danger {
  background: none !important;
  border-color: #fcd9d9 !important;
  color: #fcd9d9 !important;
}
.citrus .btn-ghost-danger:hover {
  color: white !important;
  background-color: #fcd9d9 !important;
}
.citrus .z-notification {
  border-radius: 3px;
  box-shadow: 2px 2px 20px black;
}
.citrus .z-notification > .z-notification-icon {
  top: 16px;
}
.citrus .z-notification > .z-notification-content {
  background: none;
  border-radius: 0;
  min-height: 32px;
  font-weight: bold;
  font-size: 12px;
}
.citrus .z-notification.z-notification-warning > .z-notification-content::selection {
  background: #9b773a;
  color: #fcf8e3;
}
.citrus .z-notification.z-notification-warning {
  background: #fcf8e3;
  color: #c09853;
  border: solid 1px #c09853;
}
.citrus .z-notification.z-notification-error > .z-notification-content::selection {
  background: #b94a48;
  color: #f2dede;
}
.citrus .z-notification.z-notification-error {
  background: #f2dede;
  color: #b94a48;
  border: solid 1px #b94a48;
}
.citrus .z-notification.z-notification-success > .z-notification-content::selection {
  background: #468847;
  color: #dff0d8;
}
.citrus .z-notification.z-notification-success > .z-notification-icon:before {
  font-family: fontAwesome;
  content: "\f058";
  font-style: normal;
  font-size: 24px;
  margin-top: -12px;
  left: 12px;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  position: absolute;
}
.citrus .z-notification.z-notification-success {
  background: #dff0d8;
  color: #468847;
  border: solid 1px #468847;
}
.citrus .z-notification.z-notification-info > .z-notification-content::selection {
  background: #3a87ad;
  color: #d9edf7;
}
.citrus .z-notification.z-notification-info > .z-notification-icon:before {
  font-family: fontAwesome;
  content: "\f05a";
}
.citrus .z-notification.z-notification-info {
  background: #d9edf7;
  color: #3a87ad;
  border: solid 1px #3a87ad;
}
.citrus .z-notification.z-notification-custom.z-notification-open {
  width: 70% !important;
  left: 15% !important;
  top: 10px !important;
  height: auto !important;
  min-height: 0;
}
.citrus .z-notification.z-notification-custom .z-notification-content {
  width: 100% !important;
  padding: 0;
  height: auto !important;
  min-height: 0;
}
.citrus .z-notification.z-notification-custom.z-notification-open .alert {
  margin-bottom: 0;
}
.citrus .z-notification-custom .z-notification-icon.z-icon-times:before {
  color: #555;
  font-size: 1.5em;
}
.citrus .agenda2 *.z-calendars-daylong {
  /**display: none; Card #2252 */
}
.citrus .agenda2 *.z-calendars-hour-of-day {
  border-bottom: 1px solid #555;
  color: #555;
  font-size: 11px;
  background: #CCC;
}
.citrus .agenda2 *.z-calendars-body {
  background: #555;
}
.citrus .agenda2 *.z-calendars-inner {
  background: #555;
  /*padding:0;*/
  padding: 4px;
}
.citrus .agenda2 *.z-calendars-day-of-week-cnt {
  color: #EEE;
}
.citrus .agenda2 *.z-calendars-week-today .z-calendars-day-of-week-cnt {
  color: #555;
}
.citrus .agenda2 *.z-calendars-timezone.z-calendars-timezone-end {
  color: #EEE;
}
.citrus .agenda2 *.z-calendars-week-header-arrow {
  display: none;
}
.citrus .agenda2 *.z-calendars-hour-sep {
  /*display: none;*/
  border-width: 1px;
}
.citrus .agenda2 *.z-calendars-week-day {
  border-left: 2px solid #cccccc;
}
.citrus .agenda2 *.z-calendars-week-day.z-calendars-week-today {
  background: #DDD;
}
.citrus .agenda2 *.z-calendars-day-of-week-inner.z-calendars-week-today {
  background: #DDD;
  border: none;
  border-radius: 1em;
}
.citrus .agenda2 *.z-calendars-week-day-cnt {
  margin-right: 6px;
  margin-left: 6px;
}
.citrus .agenda2 *.z-calendars-daylong-end {
  display: none;
}
.citrus .agenda2 *.z-calevent-inner .z-calevent-cnt {
  background: #F8F8F8;
}
.citrus .agenda2 *.z-calevent-inner dl {
  background: #F8F8F8;
}
.citrus .ribbon {
  border: none;
  border-bottom-right-radius: 2em;
  border-top-right-radius: 1em;
  display: inline-block;
  font-size: 7px;
  line-height: 9px;
  max-width: 80%;
  overflow-x: hidden;
  padding: 0;
  padding-left: 0.5em;
  padding-right: 1em;
  position: relative;
  text-overflow: ellipsis;
  top: 1px;
  white-space: nowrap;
}
.citrus .bedCell {
  text-align: center;
  padding: 10px 5px 10px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #333;
}
.citrus .bedCell > * {
  display: block;
}
.citrus .roomCell {
  text-align: center;
  padding: 10px 5px 10px;
  display: inline-block;
  vertical-align: top;
  background-image: url(../images/tealbg.gif);
  background-repeat: repeat;
  width: 100%;
}
.citrus .deDL {
  background-color: #00cd9b;
}
.citrus .deOS {
  /*background-color: #e24053;*/
  background: linear-gradient(to top, #f6596b, #f38794);
}
.citrus .deDM {
  background-color: #5b9cdd;
}
.citrus .deOM {
  /*background-color: #2469bc;*/
  background: linear-gradient(to top, #5697e7, #7daeea);
}
.citrus .deDS {
  background-color: #cb90ac;
}
.citrus .deOL {
  background-color: #ffff80;
}
.citrus .deEC {
  background-color: #848484;
}
.citrus .deRE {
  background-color: #eaaa84;
}
.citrus .user-panel {
  background: #00CD9B !important;
  border: none !important;
}
.citrus .button-signin {
  background: #00CD9B !important;
  color: white !important;
  box-shadow: inset 0 0 0 3px #00CD9B !important;
}
.citrus .button-signin:hover {
  background: #00A896 !important;
  color: white !important;
  box-shadow: inset 0 0 0 3px #00A896 !important;
}
.citrus .button-cancel {
  background: white ;
  color: #D9534F;
  border: 1px solid #D9534F !important;
}
.citrus .button-cancel:hover {
  background: #D9534F !important;
  color: white !important;
  box-shadow: inset 0 0 0 3px #D9534F !important;
}
.citrus .button-password {
  background: white ;
  color: #428BCA;
  border: 1px solid #428BCA !important;
}
.citrus .button-password:hover {
  background: #428BCA !important;
  color: white !important;
  box-shadow: inset 0 0 0 3px #428BCA !important;
}
.citrus .lang-button {
  color: white;
  opacity: 0.6;
  border: none;
  border-radius: 0;
  font-size: 14px;
  border-weight: bold;
}
.citrus .lang-button .z-toolbarbutton-content {
  text-shadow: none;
}
.citrus .lang-button:hover .z-toolbarbutton-content {
  opacity: 1;
  background: #009696;
  border: none;
  border-radius: 0;
  color: black;
  text-decoration: none;
}
.citrus .lang-button,
.citrus .lang-button .z-toolbarbutton-content {
  opacity: 0.8;
  border: none;
  border-radius: 0;
  text-shadow: none;
  color: white;
  font-size: 14px;
}
.citrus .lang-button.selected,
.citrus .lang-button.selected .z-toolbarbutton-content {
  text-decoration: underline;
  opacity: 0.8;
}
.citrus .lang-button:hover .z-toolbarbutton-content {
  opacity: 1;
  background: #009696;
  border: none;
  border-radius: 0;
  color: black;
  text-decoration: none;
}
.citrus .loginbox {
  padding: 3em 2em 3em 2em !important;
  width: 400px;
  margin-bottom: 1em;
  background-color: #FFFFFF;
  border-radius: 20px !important;
  -webkit-box-shadow: 2px 2px 1px 1px rgba(163, 163, 163, 0.8);
  -moz-box-shadow: 2px 2px 1px 1px rgba(163, 163, 163, 0.8);
  box-shadow: 2px 2px 1px 1px rgba(163, 163, 163, 0.8);
}
.citrus .image-logo {
  display: block;
  height: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.citrus .form-component * {
  display: block !important;
  width: 100% !important;
}
.citrus .form-component input {
  border-radius: 1.5em !important;
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
.citrus .form-component .z-label {
  text-align: left;
  padding-bottom: 5px;
  font-size: 12px;
  color: #484848;
}
.citrus .remember-me,
.citrus .form-component {
  display: block;
  width: 100%;
  padding-bottom: 1em;
}
.citrus .remember-me {
  text-align: left !important;
}
.citrus .remember-me input {
  margin-right: 5px;
  margin-top: 0;
}
.citrus .logo-in-header {
  padding-left: 10px;
  height: 32px;
}
.citrus .login-window,
.citrus .login-window.z-window > .z-window-content {
  background-color: #00CD9B;
}
.citrus .login-notice {
  color: #666;
}
.citrus .login-notice:hover {
  color: #222;
}
@media only screen and (max-device-width: 599px) {
  .citrus .login-window div {
    width: 98% !important;
    height: 100% !important;
    overflow: hidden;
  }
  .citrus .login-window table {
    width: 100%;
  }
}
@media only screen and (max-device-width: 599px) and (min-aspect-ratio: 1/1) {
  .citrus .loginbox {
    padding-top: 10px;
  }
  .citrus .image-logo {
    margin-top: 0;
    margin-bottom: 0;
  }
  .citrus .login-window {
    height: 10% !important;
  }
}
.citrus .grid-listbox {
  width: 100% !important;
  height: 100% !important;
}
.citrus .grid-listbox .z-grid-body {
  overflow: scroll;
  width: 100%;
  height: calc(68%);
}
.citrus .sortable-list {
  position: relative;
}
.citrus .sortable-list .z-listbox-body {
  height: calc(68%);
}
.citrus .sortable-list .z-listbox-header {
  height: 32px;
}
.citrus .ecs-patient-header {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: right;
  display: block;
}
.citrus .ecs-patient-panel {
  padding: 0.5em;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-align: left;
  width: 31%;
  float: left;
}
.citrus .ecs-patient-panel .z-toolbar {
  position: absolute;
  bottom: 0;
  right: 0;
  background: none;
  border: 0;
}
.citrus .ecs-patient-panel .ecs-allergy-list {
  overflow: hidden;
  font-size: 11px;
  padding: 0;
  margin: 0;
  color: #9197A3;
}
.citrus .ecs-patient-panel .ecs-allergy-list:hover {
  position: fixed;
  background: #FFF;
  border: 1px solid #C5C5C5;
  border-radius: 0.5em;
  padding: 1em;
  line-height: 1.25em;
}
.citrus .ecs-patient-panel .ecs-allergy-list ul {
  margin: 0.25em;
}
.citrus .ecs-patient-picture {
  border-radius: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0.5em;
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
}
.citrus .ecs-patient-picture.circle {
  border-radius: 100%;
}
.citrus .ecs-patient-picture.square {
  border-radius: 0;
}
.citrus .ecs-patient-picture.rounded {
  border-radius: 25%;
}
.citrus .ecs-patient-picture img {
  width: 100%;
  cursor: url(images/menu/16x16/search.png), pointer;
}
.citrus .ecs-patient-picture .south {
  display: none;
}
.citrus .ecs-patient-picture .south * {
  display: inline-block;
}
.citrus .ecs-patient-picture.style-2:hover .south {
  display: inherit;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8) !important;
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
  color: #FFF;
  font-size: 9px;
  word-wrap: break-word;
  padding: 0em;
  padding-top: 0.25em;
  padding-bottom: 1.5em !important;
  text-align: center !important;
  padding-left: 0 !important;
  cursor: pointer;
}
.citrus .ecs-patient-picture.style-2 .south {
  display: inherit;
  width: 100%;
  text-align: left;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.25em;
  position: absolute;
  z-index: 100;
  font-size: 9px;
  left: 0;
  bottom: 0;
}
.citrus .ecs-patient-picture.style-2 .link {
  display: none;
}
.citrus .ecs-patient-picture.style-2:hover .link {
  display: inherit;
  font-size: 9px;
}
.citrus .ecs-patient-picture.style-2:hover .icon {
  display: none;
}
.citrus .ecs-patient-picture.style-3 .south {
  display: block;
  position: absolute;
  left: 0.4em;
  float: left;
  bottom: 0;
}
.citrus .ecs-patient-picture.style-3 .link {
  display: none;
}
.citrus .ecs-patient-panel .ecs-panel-Allertitle {
  width: 100%;
  display: block;
  vertical-align: middle;
}
.citrus .westMenu:hover {
  overflow: visible;
}
.citrus .westMenu .z-west-body {
  transition-property: width;
  transition-duration: 0.5s;
  overflow-x: hidden;
}
.citrus .westMenu:hover .z-west-body {
  width: 200px !important;
  background-color: #FFF;
  border-right: 2px solid #C5C5C5;
}
.citrus .westMenu-Item {
  display: block;
  width: 200px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  cursor: pointer;
}
.citrus .westMenu-Item:hover {
  background-color: #eee;
}
.citrus .westMenu-Item.selected {
  background-color: #99e4ff;
}
.citrus .westMenu-Item.selected .westMenu-Image {
  color: #005d80;
}
.citrus .westMenu-Image {
  display: inline-block;
  vertical-align: middle;
  color: #487e99;
}
.citrus .westMenu-Label {
  display: none;
}
.citrus .westMenu:hover .westMenu-Label {
  font-size: 14px;
  display: inline-block;
  width: 160px;
  padding-left: 5px;
  vertical-align: middle;
}
.citrus .ecs-title-toolbar {
  position: relative;
  padding-right: 4px;
}
.citrus .ecs-title-toolbar .z-toolbar-content {
  width: 100%;
  text-align: right;
}
.citrus .ecs-title-toolbar .ecs-toolbar-title {
  float: left;
  padding: 4px;
  font-weight: bold;
  font-size: 12px !important;
}
.citrus .ecs-panel-section {
  /*margin: 2%;
	margin-top: 0.5em;*/
  margin: 0.5em;
  border: 1px solid #C5C5C5;
  overflow: hidden;
}
.citrus .encounter {
  color: #00AFEF;
  font-size: 11px;
  align: center;
}
.citrus .patient {
  color: #29323A;
  font-size: 10px;
  align: center;
  padding: 1px;
}
.citrus .imgclose {
  border: none;
  background: none;
  padding-bottom: 0px;
  padding-top: 2px;
  padding-right: 2px;
}
.citrus div.main {
  height: 125px;
  width: 100px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  margin: 0.4em;
  border: 2px solid #DDDDDD;
  background-color: #F9F9F9;
}
.citrus div.selected {
  background-color: #E9E9E9;
  border-color: #A0A0A0;
}
.citrus div.P {
  border-color: #9ACD32;
}
.citrus div.D {
  border-color: #FFFF85;
}
.citrus .nurse-patient > div {
  width: 100%;
  height: 100% !important;
  position: relative;
}
.citrus .nurse-patient > div .z-groupbox {
  width: calc(49% - 2em);
  width: -moz-calc(49% - 2em);
  width: -webkit-calc(49% - 2em);
  width: -o-calc(49% - 2em);
  height: calc(100% - 2em);
  height: -moz-calc(100% - 2em);
  height: -webkit-calc(100% - 2em);
  height: -o-calc(100% - 2em);
  display: inline-block;
  vertical-align: top;
  margin: 1em;
  float: right;
}
.citrus .nurse-patient > div .z-groupbox-content {
  overflow: auto;
  max-height: 100%;
}
.citrus .z-loading {
  top: calc(40%) !important;
  left: calc(40%) !important;
  width: 20%;
  background: none;
  border: none;
}
.citrus .z-loading-indicator {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #00A896;
  font-weight: bold;
  background: none;
  border: none;
  min-width: 150px;
  padding: 0;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.citrus .z-apply-loading-icon,
.citrus .z-loading-icon,
.citrus .z-renderdefer {
  background-image: url(../images/loadcirrus.gif);
  background-size: 100% 100%;
  background-size: contain;
  width: 100%;
  height: 120px;
  min-width: 150px;
  display: block;
}
.citrus .z-combobox-input,
.citrus .z-select,
.citrus .z-textbox,
.citrus .z-decimalbox,
.citrus .z-intbox,
.citrus .z-longbox,
.citrus .z-doublebox {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.citrus .z-combobox-input,
.citrus .z-textbox,
.citrus .z-decimalbox,
.citrus .z-intbox,
.citrus .z-longbox,
.citrus .z-doublebox {
  /*background-color: #fff;*/
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.citrus .z-combobox-input,
.citrus .z-select,
.citrus .z-textbox:not(textarea),
.citrus .z-decimalbox,
.citrus .z-intbox,
.citrus .z-longbox,
.citrus .z-doublebox {
  height: 24px;
}
.citrus .z-select:focus,
.citrus .z-textbox:focus,
.citrus .z-decimalbox:focus,
.citrus .z-intbox:focus,
.citrus .z-longbox:focus,
.citrus .z-doublebox:focus {
  box-shadow: 0 0 6px #23adff;
}
.citrus .z-textbox:focus,
.citrus .z-decimalbox:focus,
.citrus .z-intbox:focus,
.citrus .z-longbox:focus,
.citrus .z-doublebox:focus {
  border-color: #23adff;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .citrus .z-select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 6px;
  }
  .citrus .z-select:focus {
    border-color: #23adff;
  }
  .citrus select[disabled] {
    background-color: #EEE !important;
  }
}
.citrus input[type=checkbox],
.citrus input[type=radio] {
  margin-top: 0 !important;
  margin-right: 4px !important;
}
.citrus .z-toolbar-content .z-intbox {
  width: auto;
  display: inline-block;
}
.citrus [class*="-invalid"]:not([class*="z-combobox-invalid"]),
.citrus [class*="-invalid"]:not([class*="z-combobox-invalid"]):focus {
  border-color: #c83232;
  box-shadow: 0 0 6px #c83232;
}
.citrus .z-combobox-invalid,
.citrus .z-combobox-invalid:focus {
  border-color: #c83232;
  box-shadow: -1px 0px 6px #c83232;
}
.citrus .z-combobox-invalid + a,
.citrus .z-combobox-invalid:focus + a {
  border-color: #d77 !important;
  box-shadow: 1px 0px 6px #c83232;
}
.citrus .z-intbox[size="4"] {
  width: 4em;
}
.citrus ::selection {
  background: #00CD9B;
}
.citrus ::-moz-selection {
  background: #00CD9B;
}
.citrus .z-combobox-button {
  background-color: white;
}
.citrus *[disabled]:not([class*="z-toolbarbutton"]):not(select),
.citrus .z-textbox[disabled],
.citrus .z-decimalbox[disabled],
.citrus .z-intbox[disabled],
.citrus .z-longbox[disabled],
.citrus .z-doublebox[disabled] {
  color: #444 !important;
  opacity: 0.7 !important;
}
.citrus .z-listitem.danger {
  background-color: #F1ADAC;
}
.citrus .z-listitem.danger:hover,
.citrus .z-listitem.danger:hover > .z-listcell {
  background-color: #EF9D9B;
}
.citrus .z-listitem.danger.z-listitem-selected > .z-listcell,
.citrus .z-listitem.danger:focus,
.citrus .z-listitem.danger:focus > .z-listcell {
  background-color: #D1ADAC !important;
}
.citrus .danger.z-listitem-selected .z-listcell {
  background: none !important;
}
.citrus .z-tabs-content .z-tab {
  background: #f0f0f0;
}
.citrus .z-tabs-content .z-tab.z-tab-selected {
  background: white;
}
.citrus .z-tabs-content .z-tab .z-tab-content .z-tab-button .z-tab-icon {
  left: 0;
  width: 100%;
  height: 100%;
}
.citrus .z-tabs-content .z-tab .z-tab-content .z-tab-text {
  padding: 0 1em;
}
.citrus .z-east-header, .citrus .z-west-header, .citrus .z-north-header, .citrus .z-south-header {
  background: none;
  background-color: #efefef;
}
.citrus .z-toolbar {
  background: none;
  background-color: #f3f3f3;
}
.citrus .z-treerow * {
  color: #666;
}
.citrus .z-treerow:hover * {
  background-color: #e5e5e5;
  color: black;
}
.citrus .z-treerow-selected * {
  background-color: #00CD9B;
  color: white;
}
.citrus .z-treerow-selected:hover * {
  background-color: #00A896;
  color: white;
}
.citrus .nav-buttons .z-toolbarbutton,
.citrus .nav-buttons .z-button,
.citrus .nav-buttons .z-combobutton {
  border: solid 1px #ccc;
  border-radius: 0;
  margin: 0;
  min-width: 24px;
  text-align: center;
  color: #333;
  background-color: #fff;
}
.citrus .nav-buttons .z-toolbarbutton:hover,
.citrus .nav-buttons .z-button:hover,
.citrus .nav-buttons .z-combobutton:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.citrus .nav-buttons .z-toolbarbutton.active,
.citrus .nav-buttons .z-button.active,
.citrus .nav-buttons .z-combobutton.active {
  z-index: 2;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.citrus .nav-buttons .z-toolbarbutton-content,
.citrus .nav-buttons .z-button-content {
  text-shadow: none;
}
.citrus .nav-buttons .z-toolbarbutton:first-child,
.citrus .nav-buttons .z-button:first-child,
.citrus .nav-buttons .z-combobutton:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.citrus .nav-buttons .z-toolbarbutton:last-child,
.citrus .nav-buttons .z-button:last-child,
.citrus .nav-buttons .z-combobutton:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.citrus .nav-buttons .z-combobutton-button {
  border-left: 0px;
}
.citrus .nav-buttons .z-combobutton-text {
  font-size: 10px;
}
.citrus .nav-buttons .z-combobutton-content {
  background: none;
  text-shadow: none;
}
.citrus .z-listitem.info {
  background-color: #d9edf7;
}
.citrus .z-listbox-odd.z-listitem.info {
  background-color: #d5ebf6;
}
.citrus .z-listitem.z-listitem-selected.info > .z-listcell,
.citrus .z-listitem.info .z-listcell {
  border: 1px solid #bce8f1 !important;
}
.citrus .z-listitem.z-listitem-selected.info > .z-listcell > .z-listcell-content,
.citrus .z-listitem .z-listcell-content.info {
  color: #3a87ad;
}
.citrus .z-listitem.z-listitem:hover > .z-listcell,
.citrus .z-listbox-odd.z-listitem.z-listitem:hover > .z-listcell,
.citrus .z-listitem.z-listitem-selected.info > .z-listcell,
.citrus .z-listbox-odd.z-listitem.z-listitem-selected.info > .z-listcell {
  background: none;
  background-image: none;
  background-color: #abd7ed;
}
@font-face {
  font-family: "eCareFont";
  src: url("tipografias/eCareFont.eot");
  src: url("tipografias/eCareFont.ttf");
  
  /* EOT file for IE */
  /* TTF file for CSS3 browsers */
}
.citrus .eCareFont {
  font-family: eCareFont;
  font-style: normal;
}
.citrus .eCareFont-MenuItem:before {
  content: "c";
}
.citrus .eCareFont-Stethoscope:before {
  content: "E";
}
.citrus .ecs-logo {
  font-family: eCareFont;
  color: #414243;
  letter-spacing: -1em;
}
.citrus .ecs-logo:before {
  font-family: eCareFont;
  content: "2";
  color: #00aeee;
  letter-spacing: -1em;
}
.citrus .ecs-logo:after {
  font-family: eCareFont;
  content: "3";
  color: #20b25b;
  letter-spacing: -1em;
}
.citrus [eCareFontAfter]:after {
  font-family: eCareFont;
  content: attr(eCareFontAfter);
  vertical-align: middle;
}
.citrus [eCareFontBefore]:before {
  font-family: eCareFont;
  content: attr(eCareFontBefore);
  vertical-align: middle;
}
.citrus [iconStyle~="14px"]:before,
.citrus [iconStyle~="16px"]:after {
  font-size: 14px;
}
.citrus [iconStyle~="16px"]:before,
.citrus [iconStyle~="16px"]:after {
  font-size: 16px;
}
.citrus [iconStyle~="24px"]:before,
.citrus [iconStyle~="24px"]:after {
  font-size: 24px;
}
.citrus [iconStyle~="32px"]:before,
.citrus [iconStyle~="32px"]:after {
  font-size: 32px;
}
.citrus [iconStyle~="bold"]:before,
.citrus [iconStyle~="bold"]:after {
  font-weight: bold;
}
.citrus [iconStyle~="alert"]:before,
.citrus [iconStyle~="alert"]:after {
  color: red;
}
.citrus [iconStyle~="warning"]:before,
.citrus [iconStyle~="warning"]:after {
  color: orangered;
}
.citrus [iconStyle~="success"]:before,
.citrus [iconStyle~="success"]:after {
  color: green;
}
.citrus [iconStyle~="info"]:before,
.citrus [iconStyle~="info"]:after {
  color: CornflowerBlue;
}
.citrus [eCareFontBefore][iconStyle~="space-right"]:before,
.citrus [eCareFontAfter][iconStyle~="space-right"]:after {
  margin-right: 0.5em;
}
.citrus [eCareFontBefore][iconStyle~="space-left"]:before,
.citrus [eCareFontAfter][iconStyle~="space-left"]:after {
  margin-left: 0.5em;
}
.citrus .ecs-btn-stethoscope .z-toolbarbutton-cnt:before {
  font-family: eCareFont;
  content: "E";
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 1px;
}
.citrus [ToolbarBtnIcon] .z-toolbarbutton-cnt:before {
  font-family: eCareFont;
  content: attr(ToolbarBtnIcon);
  vertical-align: middle;
}
.citrus .effect-group:hover .effect-shake,
.citrus .effect-shake:hover {
  animation-name: shake;
  animation-duration: 0.5s;
  display: inline-block;
}
.citrus .effect-group:hover .effect-appear,
.citrus .effect-appear:hover {
  animation-name: appear;
  animation-duration: 0.5s;
}
@keyframes shake {
  0% {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  50% {
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  75% {
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}
@keyframes {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.25;
  }
  75% {
    opacity: 0.75;
  }
}
.citrus .z-header {
  background-color: #00cd9b;
  display: flex;
  width: 100%;
  align-items: center;
}
.citrus .z-header .z-div {
  display: inline-block;
  vertical-align: middle;
  display: table-cell;
}
.citrus .z-header-logo {
  padding: 5px 20px;
  height: 35px;
  width: 120px;
  background-image: url(../cirrus_logo_white.png);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
.citrus .z-header-logo + div {
  vertical-align: middle;
}
.citrus .z-header .z-menubar {
  background: none;
  border: none;
  padding: 5px;
}
.citrus .z-header .z-menubar,
.citrus .z-header .z-menubar * {
  overflow: visible;
}
.citrus .z-header .z-menubar .z-menu-icon::before {
  color: #ffffff;
}
.citrus .z-header .z-menubar .z-menu-text {
  color: #ffffff;
  text-shadow: none;
  font-weight: bold;
}
.citrus .z-header .z-menubar .z-menu-content-hover,
.citrus .z-header .z-menubar .z-menu-content:hover {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.citrus .z-header .z-menubar .z-menu-selected .z-menu-content {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.citrus .z-header .z-menubar .z-menuitem-text {
  color: #ffffff;
  text-shadow: none;
}
.citrus .z-header .z-menubar .z-menuitem-content:hover {
  background: none;
  border-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.citrus .z-header .z-menubar .z-menuitem-counter a i {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  width: 20px;
  text-align: center;
}
.citrus .window-area {
  border-top: none;
}
.citrus .window-area > .z-center-body > .z-tabbox > .z-tabs > .z-tabs-content {
  background-color: #00cd9b !important;
  border-top: none;
  padding-top: 5px;
}
.citrus .z-header .z-combobox {
  margin-top: 5px;
}
.citrus .z-header .z-combobox-input {
  border-radius: 0 !important;
  width: 200px !important;
  padding: 3px;
  -moz-padding-end: 6px;
  -moz-padding-start: 6px;
  box-sizing: content-box !important;
}
.citrus .z-header .z-combobox-button {
  border-radius: 0;
  padding: 8px 20px 22px 7px;
}
.citrus .z-header .z-combobox-icon {
  float: left;
}
.citrus .DPTrash {
  display: block;
  padding: 3px;
  cursor: not-allowed;
  border: dotted 1px #ddd;
  text-align: right;
}
.citrus .DPTrash .z-icon-trash {
  color: #ccc !important;
}
.citrus .DPTrash:hover,
.citrus .DPTrash:hover,
.citrus .DPTrash:active,
.citrus .DPTrash:focus {
  background: none !important;
  border: dotted 1px #ddd;
}
.citrus .DPTrash.z-drag-over {
  cursor: pointer;
  border: solid 1px #f2dede;
  background: #f2dede !important;
}
.citrus .DPTrash.z-drag-over .z-icon-trash {
  color: #b94a48 !important;
}
.citrus .window-area,
.citrus .window-area > .z-center-body {
  border: none;
}
.citrus .window-area > .z-center-body > .z-tabbox,
.citrus .window-area > .z-center-body > .z-tabbox > .z-tabs {
  width: 100% !important;
}