/* mmobile width < 700 */
@media screen and (max-width: 699px) {
html {
	margin:0; padding:0;
	max-width:100vw;
	overflow-x:hidden;
}
body {
	position:relative;
    margin: 0;
    background-color: #EEE;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
	height:100%;
	color:#4b535c;
	/* Some data tables (e.g. .item-table.ax-view/.report with many columns)
	   are wider than the viewport and, since table-layout:auto sizes to
	   content, they were stretching body/html past 100vw - overflow-x:hidden
	   alone doesn't stop that growth (it only clips scrolling), so anything
	   positioned as a % of body/html (like the top bar's right-aligned
	   .logged-container) still math'd out past the visible edge. max-width
	   forces the box to actually stay at viewport width instead. */
	max-width:100vw;
	overflow-x:hidden;
}
/***************************************************** GLOBAL *****************************************/
* { box-sizing:border-box; }
.overlay {
	display:block;
	position:absolute;
	background:rgba(0,0,0,0.5);
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1000;
}
.overlay .message {
	position:relative;
	margin:200px auto;
	padding:10px;
	width:400px;
	height:150px;
	border-radius:5px;
	font-size:13px;
	font-weight:bold;
	color:#f00;
	background-color:#fff;
	vertical-align:middle;
}
.message a {
	float:right;
	margin-left:5px;
}
/***************************************************** LINKS GLOBAL ***********************************/
a {
	color: var(--c-primary, #2563eb);
  	text-decoration:none;
}

a:visited { 
	text-decoration:none;
	color: var(--c-primary, #2563eb);
}
a:hover { 
	text-decoration:underline; 
}
a.small-btn {
	display:block;
	width:21px;
	height:21px;
	margin-left:4px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:18px;
	opacity:0.5;
}
a.small-btn.plus {
	background-image:url(../images/plus_3.png);
	opacity:0.4;
}
a.small-btn.edit {
	background-image:url(../images/edit_normal.png);
	background-size:17px;
}
a.small-btn.save {
	background-image:url(../images/save.png);
	background-size:17px;
}
a.small-btn.cancel {
	background-image:url(../images/cancel.png);
	background-size:21px;
}
a.small-btn.calculate {
	background-image:url(../images/calculator.png);
}
a.small-btn.search {
	background-image:url(../images/search_white.png);
	background-size:16px;
}
a.small-btn.history {
	background-image:url(../images/history.png);
	height:18px;
	width:18px;
}
a.small-btn.add {
	background-image:url(../images/plus_2.png);
	background-size:21px;
}
a.small-btn.print {
	background-image:url(../images/print.png);
}
a.small-btn.print:hover {
	background-image:url(../images/print_red.png);
}
a.small-btn.link {
	background-color:var(--c-primary, #2563eb);
	border-radius:4px;
	opacity:0.8;
}
a.small-btn:hover {
	cursor:pointer;
	opacity:0.7;
}
a.small-btn.black { 
	opacity:0.7;
} 
a.small-btn.black:hover {
	opacity:0.9;
}
a.small-btn.hidden { display:none; }
/***************************************************** INPUTS GLOBAL **********************************/
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w86 { width:86px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.center { text-align:center; }
.right { text-align:right; }
.bold { font-weight: bold; }
.black { color:#333 !important; }
.hidden { display:none !important; }
.f-left { float:left; }
.f-right { float:right !important; }
.all-over {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	background: rgba(0, 0, 0, 0.5);
}
.clear {
	display:block;
	clear:both;
	float:none;
}
.no-margin { margin:0 !important; }
label { display:block; float:left; }
input {
	color: #222;
    border: 1px solid #bbb;
    padding: 3px 2px;
	margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    font-weight: 400;
    font-size: 15px;
}
input:read-only {
	background-color:#EEE;
}
input.locked {
	background-color:#EEE;
}
input.number { text-align:right; }
input[type=date] {
	padding:0px 2px 1px;
}
input[type=date].simple { font-size:12px; }
input[type=date].simple::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
input[type=date].simple::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}
input[type=file] {
	width:200px !important;
	height:27px;
}
input.file-desc {
	height: 27px;
    width: 300px !important;
    margin-left: 5px;
}
select {
	height: 23px;
	color: #222;
    border: 1px solid #bbb;
    padding: 2px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background-color: #fff;
    font-weight: 400;
    font-size: 15px;
}
select:disabled { background-color:#EEE; }
input.submit, input.button {
	height: 34px;
    min-width: 80px;
    padding: 6px 18px;
	color: #fff;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
	border: none;
	border-radius: 10px;
}
input.submit {
	background-color: #0c66da;
	opacity: 0.7;
}
input.button {
	color: #4b535c;
	background-color: #fff;
	border: 1px solid #e1e3e5;
}
input.button:disabled, input.submit:disabled {
	background-image: -webkit-linear-gradient(top, #ccc , #888);
	opacity: 1;
}
input.button.taxed {
	color:#F91A1D;
}
.cke_editor_examDesc {
	border:none !important;
	padding:0px !important;
}
.cke_editor_echoDesc {
	display:block;
	float:left;
	border:none !important;
	width:655px;
}
.cke_editor_tReport {
	border:none !important;
	padding:0px !important;
}
.section-tree {
	border:none;
	margin-left:10px;
	padding:0px;
}
/*********************************************** FILTER DATA *************************************/
.filter-data {
	position:relative;
}
.filter-data-with-add {
	display:flex;
	align-items:center;
	gap:4px;
}
.filter-data-with-add .filter-input {
	width:auto !important;
	flex:1 1 auto;
	min-width:0;
	background-image:none !important;
}
.filter-data .filter-list {
	position:absolute;
	display:none;
	left:0;
	top:32px;
	width:100%;
	border:1px solid #ddd;
	border-bottom:none;
	background-color:#fff;
	font-size:14px;
	z-index:2;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.filter-data .filter-item {
	box-sizing:border-box;
	padding:9px 12px;
	font-weight:normal;
	width:100%;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}
.filter-data .filter-item:hover {
	background-color:#eee;
}
.filter-data .filter-input {
	width:100%;
	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size:12px;
	background-position:98% 5px;
}
.filter-data .filter-input.filled {
	background-color:#F4EFAC;
}
.filter-data .filter-input:disabled {
	background-color:#EEE;
}
.filter-data .filter-other:disabled {
	background-color:#EEE;
}
.filter-data .small-btn {
	margin-top:-2px;
}
/*********************************************** PATIENT OR VISIT EXISTS **************************/
.record-exist {
	border:1px dashed #F00;
	border-radius:5px;
	padding:5px;
	margin-bottom:20px;
}
.record-exist p.warning {
	color:#f00;
	font-weight:bold;
}
.record-exist p.explain {
	font-style:italic;
	margin-top:-10px;
}
.record-exist .item-table tfoot td { height:1px; }

/*********************************************** REFER DATA ***************************************/
.refer-data {
	display: flex;
	align-items: center;
	gap: 4px;
}
/*********************************************** DATA ENTRY FORM **********************************/
.form-title {
	position:relative;
	font-size: 18px;
    margin: 5px 0 30px;
	color: #4b535c;
    font-weight: 600;
}
.form-title .sep {
	color:#bbb;
	padding:0 6px;
}
.form-title .error, .form-title .info {
	position:absolute;
	left:0;
	top:24px;
	font-size:13px;
}
.form-title .error { color:#f00; }
.form-title .info { color:#1DC702; }
.form-title .underlinks {
	position:absolute;
	left:0;
	top:22px;
}
.form-title .underlinks a {
	color: var(--c-primary, #2563eb);
    text-decoration: none;
	cursor: auto;
	font-size:15px;
	font-weight:normal;
	letter-spacing:normal;
}
.form-title .underlinks a:hover {
	text-decoration:underline;
	cursor:pointer;
}
.form-title .underlinks .divider {
	font-size:12px;
	color:#999;
	padding:0 3px;
}
fieldset {
	position:relative;
	text-align:left;
    padding:10px;
    margin:0 0 10px;
	border:none;
	background-color:#fff;
	border-radius:15px;
}
fieldset.grey { background-color:#f8f8f8; }
fieldset.view {
	margin:20px 0 0;
	padding:15px 0 0;
	border:none;
	border-radius:0px;
	border-top:1px solid #ddd;
}
fieldset.subview {
	background-color:#fafafa !important;
}
fieldset.visit {
	margin-top:20px;
}
fieldset.ros {
	margin-bottom:20px;
}
fieldset.analize {
	padding:0 5px;
	margin-bottom:10px;
}
fieldset.submit { 
	border:none;
	padding:10px 0;
}
fieldset.payments, 
fieldset.invoice-notes, 
fieldset.invoice-totals,
fieldset.invoice-items { 
	width:99%;
	background-color:#f2f7fc;
	padding:2px 5px 5px;
	float:left;
}
fieldset.invoice-items {
	width:100%;
}
fieldset.invoice-items .item-table { margin-bottom:0; }
fieldset.invoice-totals { 
	width:99%; 
	float:right; 
}
fieldset.invoice-totals.subview { width:99%; }
/* Pagesat/Totalet sit in two <td>s of a plain (non-flex) table, so the
   fieldsets' own width:99% is 99% of that TD's auto-computed column width
   (~half the card), not the card itself - the columns render side by side,
   cramped. Turn the cells themselves into full-width blocks so they stack. */
.ivc-summary-cell {
	display:block;
	width:100%;
}
fieldset.payments legend, 
fieldset.invoice-notes legend,
fieldset.invoice-totals legend { 
	margin-left:5px; 
}
fieldset.invoice-notes span {
	max-width:92%;
	font-weight:bold;
	float:left; 
}
fieldset.invoice-notes textarea { 
	width:350px;
	margin-right:5px;
	float:left;
}
fieldset legend a {
	color: var(--c-primary, #2563eb); /* e93a00 */
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
    background: url('../images/menu-expanded.png') 5px 75% no-repeat;
}
fieldset legend a.no-drop {
	padding-left:5px;
	background: none;
}
fieldset legend a:hover { 
	color:var(--c-primary, #2563eb); 
	cursor:pointer; 
}
fieldset legend a:visited { text-decoration:none; }
fieldset.view legend { 
	font-size:14px;
	font-weight:bold;
	padding: 0 5px 0 0;
	color:#399; /* kjo duhet ndryshuar sipas invoice/exams/analiza etj... */
}
fieldset.subview legend {
	font-size:13px;
	color:#666;
}
fieldset.static legend {
	font-size:14px;
	font-weight:bold;
	color:#555; /* kjo duhet ndryshuar sipas invoice/exams/analiza etj... */
}
/* Invoice header line ("Nr : x / Date e regj: y / ..."): mirrors the
   main_desktop.css rule - main_desktop.css only applies at >=700px, so
   without this, the label/value would read the same weight/color here. */
.ivc-label,
.ivc-value {
	font-size:13px;
	font-style:normal;
	font-weight:400;
}
.ivc-label {
	color:#8993a4;
}
.ivc-value {
	color:#333;
}
/* Read-only info rows (patient details, visit summary, ...): the generic
   "fieldset label { font-weight:bold }" rule below makes the label heavier
   than its value here, the opposite of the desktop treatment - mute the
   label and darken the value instead, without touching the shared
   float/table layout that lays them out on one line. */
fieldset.static .form-item label {
	font-weight:400;
	color:#8993a4;
}
fieldset.static .form-item {
	color:#333;
}
/* Mirrors the main_desktop.css fix: a <legend> straddles its fieldset's top
   border by default, and since the card has no visible border (just a white
   rounded box), half the legend rendered above the card on the page's gray
   background instead of reading as part of it. Shift it down into the card
   when expanded; leave the collapsed (closed) state alone. */
fieldset.collapsible:not(.collapsed) > legend {
	position:relative;
	top:20px;
	margin-bottom:15px;
}
fieldset.collapsed {
	position:relative;
	padding: 0 10px;
    margin: 15px 0 15px;
    background-color: transparent !important;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}
fieldset.collapsed * { display:none; }
fieldset.collapsed legend { display:block; }
fieldset.collapsed legend a {
	display:block;
	background-image: url('../images/menu-collapsed.png');
    background-position: 5px 50%;
}

fieldset .left-box {
	width:100%;
	float:left;
}
fieldset .left-box.extra input { width:200px; }
fieldset .left-box.extra textarea { width:200px; }
fieldset .left-box.extra input.checkbox { width:20px; }
fieldset .right-box {
	width:100%;
	float:left;
}
fieldset .right-box.list {
	padding-left:100px;
}
fieldset .left-third-box {
	width:40%;
	float:left;
}
fieldset .right-third-box {
	width:30%;
	float:left;
}
fieldset.view .quick-links, 
fieldset.general .quick-links {
	position:absolute;
	display:block;
	top:-5px;
	right:5px;
}
fieldset .content {
	overflow:auto;
}
.form-item {
	position:relative;
	clear: both;
    display: table;
	width:100%;
	margin: 0 0 3px;
    padding: 0;
}
.ros-item {
	width:190px;
	float:left;
	padding-right:5px;
	margin-right:5px;
}
/********************************************** FORM ENTRY *********************************/
.form-entry.half {
	width:370px;
	float:left;
}
.form-entry.half.second {
	width:420px;
	margin-left:20px;
}
.form-entry.one-third {
	width:290px;
	float:left;
}
.form-entry.two-third {
	width:510px;
	margin-left:10px;
	float:left;
}
.form-entry.two-third .left-box { width:265px; }
.form-entry.two-third .right-box { width:220px; }
.form-entry label, .form-view label, fieldset label {
	display:block;
	float:left;
	width:30%;
	margin-top:3px;
	text-align: left;
    word-wrap: break-word;
    padding: 0px;
    font-weight: 400;
    font-size: 13px;
    color: #8a929b;
}
.form-entry.two-third label { width:100px; }
.form-view label, fieldset label { margin:0; }
.form-entry.extra label { width:130px; }
.form-entry .ros-access label { width:160px; }
.form-entry label.check {
	width:80px;
	font-weight:normal;
}
.form-entry label.check.echo {
	width:auto;
	margin-right:10px;
}
.form-entry label.ros-check {
	width:185px;
	float:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.form-entry label.one-four { display:inline-block; width:55px; text-align:center; }
.form-entry label.flag-lead { display:inline-block; width:90px; margin-bottom:0; vertical-align:middle; }
.form-entry label .required {
	color: #F00;
	margin: 0;
    padding: 0;
}
.form-entry input {
	float: left;
	width: 146px;
}
.form-entry.extra input {
	width:200px;
}
.form-entry.extra input.one-four { width:50px; }
.form-entry input.full {
	width:75%;
}
.form-entry input.checkbox {
	width:20px;
	margin-top:2px;
}
.form-entry input.submit { width:80px; }
.form-entry input.button { width:auto; margin-left:5px; }
.form-entry textarea {
	width:146px;
	color: #222;
    border: 1px solid #bbb;
    padding: 3px 2px;
	background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form-entry textarea.full { width:660px; }
.form-entry textarea.medium { width:420px; }
.form-entry.extra textarea { width:200px; }
.form-entry.anamnesis textarea { width:790px; }
.form-entry textarea.small {
	width:146px;
	height:24px;
}
.form-entry textarea.small.filled {
	width:665px;
}
.form-entry .one-four { width:55px; }
.form-entry .two-four { width:80px; }
.form-entry .three-four { width:120px; }
.form-entry .five-four { width:200px; }
.form-entry .six-four { width:240px; }
.form-entry .w110 { width:110px; }
.form-entry .w322 { width:322px; }
.form-entry .w475 { width:475px; }
.form-entry.extra .three-four { width:120px !important; }
.form-entry select {
	float:left;
	width: 146px;
}
.form-entry select.list { height:200px; }
.form-entry.extra select { width:200px; }
.form-entry.extra select.list {
	width:230px;
	height:120px;
	margin-top:5px;
}
.form-entry.two-third select.list {
	width:200px;
	height:100px; 
}
.form-entry .right-third-box select.list {
	width:175px;
	height:230px;
}
.form-entry input:hover, 
.form-entry select:hover, 
.form-entry textarea:hover {
	outline: -webkit-focus-ring-color auto 4px; 
	outline-offset: -2px;
}
.form-entry .placeholder {
	position:absolute;
	top:2px;
	left:150px;
	color:#888;
}
.form-entry .placeholder.ages { left:38%; }
.form-entry .placeholder.months { left:54%; }
.form-entry .explain {
	display: block;
	margin: 3px 0 9px 120px;
	color: #555;
	padding: 3px 0 0;
    line-height: 10px;
	clear: both;
}
.form-entry .divider {
	float:left;
	margin-top:3px;
	font-weight:bold;
	padding:0 4px;
}
.form-entry .info {
	display:inline-block;
	padding:3px 0 0 5px;
	font-size:12px;
	font-style:italic;
}
.form-entry .data {
	font-size:12px;
}
.form-entry .small-btn { 
	float:left;
	width:23px;
	height:23px;
	background-size:20px;
}
.form-entry .small-btn.search {
	width:22px;
	height:22px;
}
.form-entry .filter-data {
	width:146px;
	float:left;
}
.form-entry.extra .filter-data {
	width:200px;
}
.form-entry.two-third .filter-data {
	width:200px;
}
.form-entry.two-third .filter-input { width:200px !important; }
.form-entry .filter-data .small-btn {
	position:absolute;
	float:left;
	top:2px;
	right:-30px;
}
/******************************************* FORM VIEW ***********************************/
.form-view .form-item {
	margin-top:2px;
}
.form-view .html-view {
	display:block;
	float:left;
	width:100%;
	background-color:#f6f6f6;
	border:1px solid #f1f1f1;
	border-radius:5px;
	padding:4px;
}
.form-view .html-view p {
	margin:0 0 5px;
}
.form-view .dr-list {
	display:block;
	float:left;
}
.form-view .dr-add {
	display:block;
	float:left;
	margin-left:10px;
}
.form-view .dr-add .small-btn { height:20px; background-size:20px; } 
.form-view .dr-add select { height:21px; }
.form-view .dr-list a { font-weight:bold; }

/******************************************* FILTER FORM *********************************/
.form-filter {
	overflow:auto;
	margin-bottom:15px;
}
.form-filter .form-item {
	position:relative;
	display:block;
	float:left;
	clear:none;
	padding:5px;
	margin:0 5px 5px 0;
	width: auto !important;
	background-color:#f8f8f8;
	border:1px solid #f1f1f1;
	border-radius:3px;
}
.form-filter input[type=date] {
	width:136px;
}
.form-filter input[type=text] {
	width:136px;
}
.form-filter .filter-button {
	/* margin-bottom:10px; */
	float:right;
}
.form-filter label {
	float:none;
	clear:both;
	display: block;
    text-align: left;
    padding: 0px;
    font-weight: bold;
	margin-left:2px;
}
.form-filter .filter-button label { display:none; }
.form-filter label.check {
	display:inline-block;
	margin-right:5px;
	padding-top:5px;
    font-weight: normal;
}
.form-filter select {
	width:136px;
}
.form-filter .filter-data {
	width:136px;
}
.form-filter .search {
	width:50px;
	height:50px;
	border:none;
	border-radius:10px;
	background-color: var(--c-primary, #2563eb);
	background-image: url(../images/search_white.png);
    background-size: 32px;
	background-repeat:no-repeat;
	background-position:center;
	opacity: 0.8;
}
.form-filter .search:hover { opacity:1; }
.form-filter .barcode {
	width:26px;
	height:23px;
	border:none;
	border-radius:4px;
	background-color: var(--c-primary, #2563eb);
	background-image: url(../images/barcode_white.png);
    background-size: 19px 16px;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:3px;
	opacity: 0.8;
}
.form-filter .barcode:hover { opacity:1; }

/******************************************* TOP TABS ************************************/
.head-tab, .head_sub_tab {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin:0 0 15px;
	list-style:none;
}
.head-tab.endo, .head-sub-tab.endo { margin-bottom:5px; }
.head-tab li, .head_sub_tab li {
	float:left;
	margin:0 1px 0 0;
	padding:0;
	height:29px;
}
.head-tab a, .head_sub_tab a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 13px;
    margin: 0 3px 0 0;
    color: #fff;
    background-color: #999;
    border-color: #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.head-tab a:hover, .head_sub_tab a:hover {
	background-color:var(--c-primary, #2563eb); /*e93a00; */
	text-decoration:none;
	cursor:pointer;
}
.head-tab a.active, .head_sub_tab a.active {
	background-color:var(--c-primary, #2563eb); /* e93a00; */
} 

/************************************************* ANALIZA **************************************/
.ax-form input {
	width:100px;
	float:none;
}
.ax-form thead td, .ax-view thead td { 
	color:#777;
	font-style:italic;
	border-bottom:none !important;
}
.ax-form tr, .ax-form td,
.ax-view tr, .ax-view td { 
	border-color:#eee !important; 
}
.ax-view td.ax-desc { font-size:12px; }
.ax-view tr.i_larte td.ax-value,
.ax-view tr.e_larte td.ax-value,
.ax-view tr.i_ulet td.ax-value,
.ax-view tr.e_ulet td.ax-value {
	font-weight:bold;
}
.ax-view tr.i_larte td.ax-name,
.ax-view tr.e_larte td.ax-name,
.ax-view tr.i_ulet td.ax-name,
.ax-view tr.e_ulet td.ax-name {
	font-weight:bold;
}
.ax-form tr:hover, .ax-view tr:hover{
	background-color:#fafafa !important;
}
.ax-form td.vlera { padding-right:38px; }
.ax-barcode thead td {
	border-bottom-color:#bbb !important; 
}
.ax-barcode tbody tr, .ax-barcode tbody td {
	border:none !important;
}
.ax-barcode tbody td.dif-block {
	border-top:1px solid #bbb !important;
}
.ax-barcode tbody td.dif-visit {
	background-color:#aaa;
	height:1px;
	padding:0;
}

/************************************************* MIKROBIOLOGJI **************************************/
.bx-results .left-box { width:55%; }
.bx-results .right-box { width:45%; }
.bx-results .left-box .item-table {
	margin-top:5px;
	width:285px; 
}
.bx-results .left-box .item-table tfoot, 
.bx-results .left-box .item-table tfoot tr { border-top:none; }
.bx-results .left-box .item-table tfoot td { padding:0; } 
.bx-results .left-box select { width:184px; }
.bx-results .left-box .filter-data { width:185px !important; }
.bx-results .left-box .filter-input { width:185px; }
.bx-results .left-box .filter-other { width:60px; }
.bx-results .left-box .filter-other:disabled {
	background-color:#EEE;
}
.bx-results .left-box .small-btn { 
	float:none;
	margin-left:0px; 
	right:-24px;
}

.bx-form .right-box { border-left:1px solid #ddd; }
.bx-form .item-table tr { height:26px; }
.bx-form .filter-data { width:220px; }
.bx-form select { width:120px; }
.bx-form label.check { width:40px; }
.bx-form input.checkbox { margin-top:2px !important; }

/**************************************************** main divs ***************************************/
.container {
	width:100%;
	margin:0 auto;
}
.top-container {
	position:relative;
	display:flex;
	align-items:flex-start;
	width:100%;
	height:auto;
	min-height:60px;
	padding:8px 0;
	color:#4b535c;
	background-color:#eff3f6;
}
.top-container .edoc-logo {
	flex:0 0 auto;
	font-size:16px;
	font-style:italic;
	padding-left:10px;
	white-space:nowrap;
}
.top-container .edoc-logo a {
	color:#0c66da;
	text-decoration:none;
	font-size:25px;
}
.top-container .edoc-logo a span { color:#0c66da; }
.top-container .top-content {
	display:flex;
	align-items:center;
	flex:1 1 auto;
	min-width:0;
}
.top-container .top-content .quick-links,
.top-container .top-content .menu-title,
.top-container .top-content .search-container { display:none; }
.top-container .top-content .mobile-menu {
	flex:0 0 auto;
	margin-left:auto;
	margin-right:14px;
	width:32px;
	height:32px;
	background-image:url(../images/mobile_menu_v3.png);
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.7;
	cursor:pointer;
}
/* Stacked under the logo instead of on the logo's row: .logged-container is
   nested inside .top-content (a flex sibling of .edoc-logo), so to place it
   below the logo rather than beside it, position it relative to
   .top-container (the nearest positioned ancestor) instead of leaving it in
   .top-content's flex flow. */
.top-container .top-content .logged-container {
	position:absolute;
	left:10px;
	top:36px;
}
.search-container {
    position: relative;
    width: 100%;
    margin: 10px auto;
    background:#fff;
    border-radius: 20px;
    box-shadow: none;
}
.global-container {
	display:block;
	background-color:transparent;
	border-radius:0;
	box-shadow:none;
	overflow:auto;
	min-height:700px;
	width:100%;
	margin:0 auto;
}
.main-container {
	display:block;
	width: 100%;
	background:transparent;
	padding:12px 10px;
}
.left-container {
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	padding:10px;
	z-index:10;
	display:none;
}
.content-col { position:relative; }
/***************************************************** top div *****************************************/
.top-container .top-links {
	float:right;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
	padding:5px;
}
.top-links a {
	padding:0 5px;
	color: #4b535c;
	text-decoration: none;
	border-left:1px solid #ccc;
}
.top-links a.first { border:none; }
.top-links a.message {
	padding:0 15px;
	background-image:url(../images/mail.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:17px;
	opacity:0.8;
}
/***************************************************** search div **************************************/
.search-container { 
	padding:10px; 
	height:53px;
}
.search-container .title { display:none;
	float:left;
	padding:25px 0 0 30px;
	font-family: 'Open Sans', sans-serif;
    font-size: 35px;
	font-style:italic;
    color:#399;
}
.search-container .title span {
	color:var(--c-primary, #2563eb);
}
.search-container .quick-links { display:none;
	float:left;
	width:300px;
	position:relative;
	margin:18px 0 0 85px;
}
.search-container .mobile-menu {
	height:34px;
	width:10%;
	background-image:url(../images/mobile_menu_v3.png);
	background-size:85% 100%;
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.7;
	float:right;
}
.search-container .search-div {
	display:block;
	width:88%;
	position:relative;
	float:left;
}
.search-container .search-input {
    display: block;
	width: 100%;
    height: 34px;
    line-height: 34px;
    background: #fff url(../images/search.png) no-repeat 8px 9px;
    font-size: 17px;
    text-indent: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #bbb;
    padding: 0;
	outline:none;
	float:right;
}
.search-container .search-type { display:none;
	position: absolute;
    z-index: 2;
    top: 14px;
	right: 15px;
    height: 26px;
    width: 80px;
    padding: 0 0px;
    margin: 0 0 0 5px;
}
.search-container .search-button {
	position: absolute;
	display: block;
    z-index: 2;
    top: 4px;
	right: 6px;
    height: 27px;
    width: 80px;
    padding: 6px 22px;
    margin: 0 0 0 5px;
	color: #fff;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background-color: #399;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #bbb;
	border-radius: 3px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-image: -webkit-linear-gradient(top, #3CC, #399);
}
.search-div .search-list {
	position:absolute; 
	display:none;
	top:34px;
	width:100%;
	border:1px solid #ddd;
	border-bottom:none; 
	background-color:#fafafa; 
	font-size:14px;
	z-index:2;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.search-div .search-item {
	box-sizing:border-box;
	padding:5px 6px;
	font-weight:normal;
	width:100%;
	border-bottom:1px solid #eee;
	cursor:pointer;
}
.search-div .search-item:hover {
	background-color:#eee;
}
.search-div .search-item span.patient {
	font-size:15px;
}
.search-div .search-item span.age {
	font-size:12px;
	color:#888;
}
.search-div .search-item a.lastvisit {
	display:block;
	float:right;
	font-size:13px;
}
.quick-links .shortcut {
	display:block;
	width:36px;
	height:34px;
	/*border-radius:5px;
	border:1px solid #eee; */
	float:left;
	margin-right:10px;
	background-size:34px;
	background-repeat:no-repeat;
	background-position:center;
	/* opacity:0.6; */
}
.quick-links .shortcut:hover { opacity:0.7; }
.quick-links .new-patient { 
	background-image:url(../images/new_ptn_v4.png); 
}
.quick-links .show-calendar {
	background-size:31px;
	background-image:url(../images/calendar_v2.png); 
}
.quick-links .ax-todo {
	background-image:url(../images/test_tube_v1.png);
}
.quick-links .ax-barcode {
	background-size:32px;
	background-image:url(../images/barcode_v2.png);
}
.quick-links .go-report {
	background-image:url(../images/report_v3.png);
}
/**************************************************** left navigator ***********************************/
.left-nav {
	margin:0;
	padding:0;
	list-style:none;
}
.left-nav li ul {
	list-style-type:none;
	padding-left:15px;
}
.left-nav li a {
	padding: 8px 15px;
    margin: 0 0 3px;
	color:#4b535c;
    background: #eff3f6;
    cursor: pointer;
    display: block;
    border-radius: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size:14px;
}
/* Top-level items carry a background-image (set inline per row - see
   Interface.class.php) with no background-repeat/size/position of its own,
   so without this it tiled across the whole link instead of showing as a
   single icon - mirrors main_desktop.css's .left-nav li a.root. */
.left-nav li a.root {
	padding-left:38px;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 10px center;
}
.left-nav li a:hover {
	color:#38373a;
	background-color:#e3e5e6;
}
.left-nav li a.active {
	color:#fff;
	background-color:#0c66da;
}
.left-nav li ul { display:none; }
.left-nav li.expanded > a { font-weight:bold; }
.left-nav li.expanded > ul { display:block; }

/***************************************************** ENDOSCOPY **************************************/
.endo-place, 
.endo-terms, 
.endo-attrib, 
.endo-text {
	border: solid;
 	border-width: 1px;
 	border-color: #ccc;
	border-radius:3px;
	margin-top:5px;
	padding:6px;
	width:250px;
	float:left;
}
.endo-place-attribs {
	width:260px;
	float:left; 
}
.endo-terms {
	height:522px;
	overflow:auto;
}
.endo-text {
	width:290px;	
	height:522px;
	margin-left:10px;
	padding-right:5px;
}
.endo-place {
	height:350px;
	margin-left:10px;
	overflow:auto;
}
.endo-attrib {
	height:162px;
	margin-left:10px;
	margin-top:10px;
	overflow:auto;
}
.endo-final {
	background-color: transparent;
    overflow: auto;
    width: 100%;
    height: 335px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;
    border-left: 2px solid #808080;
    border-top: 2px solid #808080;
    border-bottom: 2px solid #d4d0c8;
    border-right: 2px solid #d4d0c8;
}
.endo-final .sub-final {
	padding:2px;
	cursor:pointer;
}
.endo-text #tfinal {
	position:static;
	top:0px;
	width:100%;
	height:100%;
	margin-bottom:5px;
	z-index:-1;
}
.endo-text .temp-text {
	width:100%;
	height:105px;
}
.endo-terms label,
.endo-place label,
.endo-attrib label {
	white-space:nowrap;
	display:inline-block;
	float:none;
}
.attrib-popup, .place-popup {
	position: absolute;
    top: 5px;
    width: 195px;
    height: 52px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    background: #d4d0c8;
    display: none;
}
.attrib-popup input[type=text], 
.place-popup input[type=text] {
	width:30px;
	padding:2px;
	font-size:12px;
}
.endo-photo {
	width: 252px;
    height: 190px;
    border: solid 1px #ccc;
	border-radius:3px;
    margin: 5px;
    background-position: center;
    background-repeat: no-repeat;
	background-size: contain;
	float:left;
}
.endo-photo.view {
	width:31%;
	height:100px;
	margin:3px;
}
.div-translate-seek {
	width:60%;
	margin-top:40px;
	margin-left:100px;
	text-align:left;
}
.div-translate-seek #btnPrev {
	margin-right:10px;
}
.div-translate-seek #btnNext {
	margin-left:10px;
}
.div-translate-seek #tcurrent {
	width:30px;
	text-align:center;
	font-weight:bold;
}
.div-loading {
	position:relative;
	margin:auto;
	background-image:url(../images/loading45.gif); 
	display:block;
	width:100px;
	height:100px;
}
.save-status {
	color:#477C08;
}
/***************************************** EYES VISIT **********************************/
.form-entry.eyes table, 
.form-view.eyes table {
	width:100%; 
	font-size:12px; 
	margin-bottom:10px;
	border:1px solid #eee;
	border-radius:4px;
}
.form-entry.eyes table input {
	width:80px;
	text-align:center;
	float:none; 
}
.form-entry.eyes table td, 
.form-view.eyes table td {
	font-weight:bold;
	text-align:center;
	padding:4px;
}
.form-entry.eyes table td.big, 
.form-view.eyes table td.big {
	width:100px;
	font-weight:bold;
	font-size:13px;
	color:var(--c-primary, #2563eb);
}
.form-entry.eyes table tr, 
.form-view table tr {
	background-color:#f8f8f8;
}
.form-entry.eyes table tr.labels, 
.form-view table tr.labels {
	background-color:#eee;
}
.form-entry.eyes table tr.values td, 
.form-view table tr.values td { 
	font-weight:normal; 
}
/***************************************** ITEM TABLE ********************************/
.item-table {
	width:100%;
	margin-top:10px;
    border-collapse: collapse;
}
.item-table.ax-form {
	margin:0;
}
.item-table.invoice { margin-bottom:20px; }
.item-table.invoice tbody {
	border-bottom:1px solid #b7b7b7;
}
.item-table tr {
	border-top: 1px solid #b7b7b7;
}
.item-table tr.current {
	background-color:#F4EFAC;
}
.item-table.view tr {
	border-color:#f5f5f5;
}
.item-table.view tbody {
	border-bottom:1px solid #f5f5f5;
}
.item-table td {
	font-size: 13px;
}
.main-container > .item-table,
.main-container > form > .item-table,
.list-container {
	background-color:#fff;
	border-radius:15px;
	margin-top:10px;
	padding:10px;
	overflow:auto;
	width:100%;
}
.item-table td.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.item-table td.ellipsis.w30 { max-width:30px; }
.item-table td.ellipsis.w50 { max-width:30px; }
.item-table td.ellipsis.w60 { max-width:60px; }
.item-table td.ellipsis.w65 { max-width:65px; }
.item-table td.ellipsis.w70 { max-width:70px; }
.item-table td.ellipsis.w80 { max-width:80px; }
.item-table td.ellipsis.w90 { max-width:90px; }
.item-table td.ellipsis.w100 { max-width:100px; }
.item-table td.ellipsis.w120 { max-width:120px; }
.item-table td.ellipsis.w140 { max-width:140px; }
.item-table td.ellipsis.w150 { max-width:150px; }
.item-table td.ellipsis.w150 { max-width:160px; }
.item-table td.ellipsis.w150 { max-width:180px; }
.item-table td.ellipsis.w200 { max-width:200px; }
.item-table td.ellipsis.w250 { max-width:250px; }
.item-table td.ellipsis.w300 { max-width:300px; }
.item-table td.ellipsis.w350 { max-width:350px; }
.item-table td.ellipsis.w400 { max-width:400px; }
.item-table td.ellipsis.w500 { max-width:500px; }
.item-table td.error {
	color:#f00;
	height:23px;
}
.item-table thead tr {
	border-top:none;
}
.item-table thead td {
	font-weight:700;
	padding: 2px 4px;
    border-bottom: 2px solid #ccc;
}
.item-table thead .top-head select {
	max-width:100px;
	height:20px;
	font-size:12px;
	margin-left:-2px;
}
.item-table.view thead td {
	 border-bottom:2px solid #f5f5f5;
}
.item-table.payments thead td { border-bottom:1px solid #ccc; }
/* Pagesat rows are just Data/Shuma/Regjistroi in plain columns already
   readable without a header on a narrow screen - drop it to save space. */
.item-table.payments thead { display:none; }
.item-table tbody td {
	padding:1px 3px;
	height:23px;
}
.item-table tbody td.status { 
	font-size:24px;
	cursor:default;
	height:21px;
}
.item-table tbody td.status.small { font-size:18px; }
.item-table tbody td.status.open { color:#F00; }
.item-table tbody td.status.closed { color:#CCC; }
.item-table tbody td.status.active { color:#0F0; }
.item-table tbody tr:hover {
	background-color:#f3f3f3;
}
.item-table tbody tr.current:hover {
	background-color:#F4EFAC;
}
.item-table tfoot {
	border-top: 1px solid #ccc;
}
.item-table tfoot.no-border { border:none; }
.item-table tfoot td {
	padding:3px;
	height:20px;
	font-weight:700;
}
.item-table tfoot td.note {
	font-weight:normal;
	font-style:italic; 
	font-size:12px;
	color:#388;
}
.item-table tfoot input { padding:2px 2px 3px; }
.item-table tfoot a { 
	width:20px; 
	height:20px;
}
.item-table tfoot tr.totali td {
	height:20px;
	font-weight:bold;
}
.item-table td:nth-child(1) {
	padding-left:4px;
}
.item-table .find-item {
	width:22px; 
	height:20px; 
	padding:0px; 
	background-image:url(../images/search_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:14px;
	margin:1px 0px;
}
.item-table a.edit-item {
	display:block;
	width:20px; 
	height:20px; 
	padding:0px; 
	background-image:url(../images/edit_normal.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px;
	margin:1px 0px;
	opacity:0.7;
}
.item-table a.edit-item:hover {
	background-image:url(../images/edit_hover.png); 
	cursor:pointer;
}
.item-table a.open-item {
	display:block;
	width:20px; 
	height:20px; 
	padding:0px; 
	background-image:url(../images/open_other.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px;
	margin:1px 0px;
	opacity:0.7;
}
.item-table a.open-item:hover {
	background-image:url(../images/open_other_hover.png); 
	cursor:pointer;
}
.item-table a.open-item.jpeg,
.item-table a.open-item.jpg,
.item-table a.open-item.png {
	background-image:url(../images/open_jpg.png);
}
.item-table a.open-item.txt {
	background-image:url(../images/open_text.png);
}
.item-table a.open-item.txt:hover {
	background-image:url(../images/open_text_hover.png);
}
.item-table a.open-item.pdf {
	background-image:url(../images/open_pdf.png);
}
.item-table a.open-item.doc,
.item-table a.open-item.docx {
	background-image:url(../images/open_doc.png);
}
.item-table a.del-item {
	display:block;
	width:20px;
	height:20px; 
	padding:0px;
	background-image:url(../images/delete_normal.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px;
	margin:1px 0px;
	opacity:0.7;
}
.item-table a.del-item:hover {
	background-image:url(../images/delete_hover.png);
	cursor:pointer;
}
.item-table a.select-item {
	display:block;
	width:22px; 
	height:20px; 
	padding:0px; 
	margin:0xp; 
	background-image:url(../images/select_row.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px;
	margin:1px 0px;
	opacity:0.5;
}
.item-table a.select-item:hover {
	opacity:0.9;
}
.item-table .disc-item {
	width:22px; 
	height:20px; 
	padding:0px;
	background-image:url(../images/discount_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px 14px;
	margin:1px 0px;
}
.item-table .clear-item {
	width:22px; 
	height:20px; 
	padding:0px; 
	background-image:url(../images/delete_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px 14px;
	margin:1px 0px;
}
.item-table .search-item {
	width:22px; 
	height:20px; 
	padding:0px;
	background-image:url(../images/search_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px 14px;
	margin:1px 0px;
}
.item-table .add-item {
	width:22px; 
	height:20px; 
	padding:0px; 
	margin:0xp; 
	background-image:url(../images/plus_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
}
.item-table .check-item {
	width:25px; 
	height:22px; 
	padding:0px; 
	margin:0xp; 
	background-image:url(../images/check_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
}
.item-table .print-item {
	width:22px; 
	height:20px; 
	padding:0px; 
	margin:0xp; 
	background-image:url(../images/print_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:16px 14px;
}
.item-table .save-item {
	display:block;
	width:22px; 
	height:20px; 
	padding:0px;  
	background-image:url(../images/save_icon.png); 
	background-position:center; 
	background-repeat:no-repeat;
	background-size:14px;
	margin:1px 0px;
}
.item-table.payments {
	margin-top:-4px;
}
.item-table a.inside-button {
	display: inline-block;
    padding: 0px 6px;
    margin: 0 1px;
    background-color:#CCC;
    font-size: 10px;
    color: #fff !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.item-table a.inside-button:hover {
	background-color:#999;
	text-decoration:none;
}
.item-table input.checkbox {
	vertical-align:middle;
	margin-top:-2px;
}
.item-table .head-links table tr:hover { background-color:#fff; }
.item-table .head-links a { 
	display:block; 
	float:left; 
	width:3.8%; 
}
.item-table.transfer thead td { 
	font-size:11px; 
	padding:2px; 
}
/******************************************** ITEM TABLE REPORT *******************************/
.item-table.report { 
	margin-bottom:15px;
}
.item-table.report td.index {
	color:#888;
}
.item-table.report thead td {
	border-color:#ddd;
}
.item-table.report tr {
	border-color:#f5f5f5;
}
.item-table.report tbody tr:hover {
	background-color:#f5f5f5;
}
.item-table.report tfoot td {
	border-top:2px solid #ddd;
}
.item-table.report .group-by {
	vertical-align:middle;
	margin-top:-2px;
}
/***************************************** VISIT FORM *****************************/
.visit-form {
	margin-top:10px;
}
.visit-form .item-table {
	margin-top:0;
}

/***************************************** INVOICE ********************************/
.invoice-totals table {
	width:100%;
	font-size:12px;
	font-weight:bold;
}
.invoice-totals table td.label {
	font-style:italic;
	color:#888;
}
.invoice-totals input[type=text] {
	width:50px;
	text-align:right;
}
.invoice-totals td.warning { color:#F00; }
.invoice-buttons { padding-top:10px; }
/******************** **********************/
/*table #invPayments {
	border:1px solid #8F8686;
}
table #invPayments thead td {
	border-bottom:1px dotted #8F8686;
	height:18px;
	font-size:12px;
	background-color:#DCD4D5;
} */
div.divAjaxStatus {
	text-align:center;
	padding:3px;
	border-top:1px dotted #FFF;
	display:none;
}
.efshehur {
	display:none;	
}
.report-filter .bold, .report-filter b {
	font-size:12px;
}
.reports_table {
	width:100%;
	margin-top:10px;
	border:1px solid #EEE;	
}
.reports_table thead td {
	height:20px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	border-bottom:1px dashed #EEE;
	padding-right:4px;		
}
.reports_table tbody td {
	padding:1px 4px 1px 0;
	font-size:12px;
}
.reports_table tfoot td {
	height:20px;
	font-size:12px;
	font-weight:bold;
	border-top:1px dashed #EEE;
	padding-right:4px;		
}
table.quicklist thead td {
	height:20px;
	font-style:italic;
	font-weight:bold;
	border-bottom:1px dotted #000;
}
table.quicklist td {
	height:20px;	
}
table.transferUnit {
	border:1px solid #EEE;	
}
table.transferUnit td {
	padding-left:3px;
	padding-top:1px;
}
table.transferUnit td.headLabel {
	font-weight:normal;
	text-align:center;
	height:20px;
}
table.alerts {
	width:100%;
	margin-top:20px;
	border:1px solid #EEE;	
}
table.alerts thead td {
	height:25px;
	font-weight:bold;
	font-style:italic;
/*  border-bottom:1px dashed #EEE; */
	padding-right:4px;
	background-color:#57BED9;		
}
table.alerts tbody tr.red {
	background-color:#FF0000;
}
table.alerts tbody tr.yellow {
	background-color:#FFFF00;
}
table.alerts tbody tr.green {
	background-color:#00FF00;
}
table.alerts tbody td {
	padding-right:4px;
	height:24px;
	border-top:1px thin #EEE;
	border-top:1px dotted #EEE;
}
/******************************************* FILTER EXAMS ********************************/
.search-exam {
	text-align:right;
	float:right;
}
.search-exam label {
	width:40px;
	height:21px;
	padding-top:2px;
}
.search-exam input { width:100px; }

.filter-exams {
	margin:-5px 0 10px; 
	clear:both; 
}
.filter-exams span {
	display:block;
	margin:5px 0;
}
.filter-exams .cab-check {
	margin-top:-2px;
}
.filter-exams .cab-div {
	overflow:auto;
}
.letter-section {
	display:block;
	width:100%;
	border-bottom:1px dotted #FFF;
	font-size:16px;
	font-weight:bold;
	padding:5px 0 0 5px;
	margin:0 0 5px;
	clear:both;
	float:none;
}
.exam-checkbox, .service-checkbox, .packet-checkbox {
	width:255px; 
	margin:0 5px 5px 0;
	float:left;
}
.service-checkbox, .packet-checkbox { width:257px; }
.exam-label, .service-label, .packet-label {
	display:block;
	width:255px;
	cursor:pointer;
	overflow:hidden;
  	text-overflow: ellipsis;
	white-space: nowrap;
}
.exam-label:hover, .service-label:hover, .packet-label:hover {
	/* color:var(--c-primary, #2563eb); */
	font-weight:700;
} /*
.print-from-view {
	position:absolute;
	display:block;
	top:5px;
	right:10px;
	font-weight:bold;
}
.edit-from-view {
	position:absolute;
	display:block;
	top:5px;
	right:60px;
	font-weight:bold;
} */


/********************************* alpha import *******************/
.alpha-import {
	margin-top:20px;
}
.alpha-import .alpha-status {
	margin-top:10px;
}
/********************************* qucik exam **********************/
.quick-exam-prices { display:none;
	position:fixed;
	width:250px;
	top:26px;
	right:-100%;
	bottom:0;
	background-color:#FAFAFA;
	border-left:1px solid #ccc;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:90;
}
.quick-exam-prices .quick-buttons {
	width:100%;
	padding:10px 5px;
}
.quick-buttons input {
	vertical-align:top;
	padding:3px;
	width:165px;
}
.quick-buttons button {
	height:23px;
	width:30px;
	margin-left:5px;
	border:1px solid #aaa;
	border-radius:3px;
	background-color:transparent;
	vertical-align:top;
	background-position:center;
	background-repeat:no-repeat;
	background-size:16px;
	opacity:0.6;
}
.quick-buttons .search {
	background-image:url('../images/ico_search.png');
}
.quick-buttons .hide {
	width:24px;
	background-image:url('../images/ico_hide.png');
}
.quick-buttons .show {
	display:block;
	position:fixed;
	width:24px;
	top:36px;
	right:10px;
	z-index:90;
	background-color:#FAFAFA;
	background-image:url('../images/ico_show.png');
}
.quick-exam-prices .quick-results {
	padding:5px 0;
	border-top:1px solid #ddd;
}
.quick-results .error {
	padding:5px;
	font-size:12px;
	color:#f00;
}
.quick-results .item {
	padding:3px 8px 3px 5px;
	border-bottom:1px solid #f0f0f0;
	cursor:default;
}
.quick-results .item:hover {
	background-color:#f9f9f9;
}
.quick-results .item p {
	margin:0;
	font-size:12px;
	display:inline-block;
}
.quick-results .item .name {
	width:75%;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.quick-results .item .price {
	width:24%;
	text-align:right;
}
.visit-exam-list td.refer span {
	display:block;
	float:left;
	min-width:100px;
	margin-top:1px;
}
.visit-exam-list td.refer a { float:left; }
.visit-exam-list td.refer select {
	display:inline-block;
	width:150px;
	vertical-align:top;
	margin-top:1px;
	margin-right:9px;
}
.mail-working, .mail-success, .mail-error {
	width:100%;
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	border:1px solid #eee;
	border-radius:2px;
	display:none;
}
.mail-success { color:#093; }
.mail-error { color:#F00; }
.mail-working {
	animation: blinker 2s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}

/************************************** ACL ADMINISTRATION ************************************/
.acl-block {
	display:block;
	overflow:auto;
	margin:10px 10px 0 0;
	float:left;
	border: 1px solid #ccc;
	border-radius:5px;
	padding-bottom:5px;
}
.acl-block .root-menu {
	color:var(--c-primary, #2563eb);
	padding:4px 10px;
	background-color:#ddd;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	cursor:pointer;
}
.acl-block .root-menu input {
	margin-left:-5px;
}
.acl-block label {
	float:none;
	display:block;
	margin:4px 4px 0 4px;
}
.acl-block input {
	vertical-align:middle;
}
.acl-block.collapsed { padding:0; border-bottom:none; }
.acl-block.collapsed label { display:none; }
.acl-block.collapsed .root-menu { color:#444; }
/************************************************** UPLOADS ********************************/
.upload-thumbs .preview {
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	height:80px;
	width:80px; 
	text-align:center;
	margin-top:5px;
	margin-right:5px;
	border:1px solid #ddd;
	cursor:pointer;
	background-color:#eee;
}
.upload-thumbs .preview:hover {
	opacity:0.7;
}
.upload-thumbs .preview.video {
	background-image:url(../images/flowpl_logo.png);
}
.upload-thumbs .preview.adobe {
	 background-image:url(../images/adobe_icon.png);
	 border:none;
}
.upload-thumbs .preview.word {
	background-image:url(../images/word_icon.png); 
	border:none;
}
.upload-thumbs .preview.text {
	background-image:url(../images/text_icon.png); 
	border:none;
}
.upload-thumbs .preview.other {
	background-image:url(../images/file_icon_2.png); 
	border:none;
}
.upload-thumbs .preview .remove {
	position:absolute;
	top:2px;
	right:2px; 
	border:none;
	background-image:url(../images/close1.png);
	height:11px;
	width:11px;
	visibility:hidden;
}
.upload-thumbs .preview .remove:hover {
	background-image:url(../images/close4.png);
}
.upload-thumbs .preview:hover .remove {
	visibility:visible;
}
.upload-form {
	margin-top:10px;
	/* float:right; */
}
.upload-thumbs .uploading {
	display:block;
	position:relative;
	width:80px;
	height:80px;
	border:1px solid #eee;
	border-radius:2px;
	margin-top:5px;
	margin-right:5px;
	float:left;
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  border-top-color: #07d;
  animation: spinner .6s linear infinite;
}
/************************************************* RECETE FORM ******************************************/
.rx-diagnose { width:70% !important; }
.rx-form {
	display:block;
	width:100%;
	margin:5px 0;
	float:left; 
}
.rx-form .rx-section {
	display:block;
	margin:5px 0;
	padding:5px;
	background-color:#f3f3f3; 
	border:1px solid #eee; 
	border-radius:5px;
}
.rx-section .rx-item {
	display:table;
	margin-bottom:2px;
	
}
.rx-section label { width:115px; }
.rx-section input {
	width:200px;
}
.rx-section input.drug {
	width:200px;
}
}
/* ==== edoctorserver-only rules preserved from the pre-port stylesheet ==== */
@media screen and (max-width: 699px) {
.no-mobile { display:none !important; }
.w250 { width:250px !important; }
form[name="frmevent"] .left-box, form[name="frmevent"] .right-box { width:100% !important; }
.login-card { padding:25px; }
.login-body { flex-direction:column; }
.login-form-col { width:100%; flex:1 1 auto; }
}