/* general definition */
body {
	font: 13px Freesans, sans-serif; 
	background-color:#006599; 
	margin:0; padding:0;}

body, select, input, textarea {color: #000;}
h1,h2,h3{margin:0; padding:0;}
	p{margin:0; padding:0;}
a {color: #03f;}
a:hover {color: #69f;}
hr{margin:0; padding:0;}

input[type=submit] {
	color:#fff;
	background-color:#0000d9;
	border: 1px solid #0040ff;
}

input[type=button] {
	color:#fff;
	background-color:#3600d9;
	border: 1px solid #0040ff;
}
.outUser{display:none;}

.btn_important {
	color:#fff;
	background-color:#a13537 !important;
	border: 1px solid #a13537;
}
.btn_ok {
	color:#fff;
	background-color:#1a6600 !important;
	border: 1px solid #1a6600;
}
.btn_admin {
	color:#fff;
	background-color:#ff5319 !important;
	border: 1px solid #ff5319;
}


input,textarea{
	background-color:#cdcdcd;
	border: 1px solid #000;
}

select{
	background-color:#cdcdcd;
	border: 1px solid #000;
}

.disabledContent {
    pointer-events: none;
    opacity: 0.4;
}


::-moz-selection{background: #000; color: #fff; text-shadow: none;}
::selection {background: #000; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
 
/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* ==============================================
		mobile menu		
=================================================*/
.mobileMenu{
	font-size:44px;
	width:52px; 
	background-color:beije;
	color:#fff;
	border: 1px solid rgba(0,179,178,0.6);
	display:none;
	
}

/* main menu */

.menu {
	border-bottom: 3px double;
	background-color:rgba(0,179,178,0.6);
	clear:both;
	height:54px;
}

.menuChr{
	/*
	border:none;
	background-image: url("../images/chrRow.png") !important;
	 background-repeat: repeat-x;
	 background-position: left bottom;
	 background-size: 50px 20px;
	 */
}

.menu img {
	width:52px; 
	cursor:pointer;
	border: 1px solid rgba(0,179,178,0.6);
	padding:0; margin:0;
}

.menu img:hover{
	border: 1px solid #fff;
}

.menu_img_active{
	background-color:rgba(0,230,229,0.6);
}

.menu_user{
	float:right;
	color:#fff;
}

/* jQuery redefine */
.ui-tooltip {
    white-space: pre-line;
	  min-width: 500px;
}


/* inner menu */
.menu_inner{
	float:left;
	background-color:#dedede;
	min-height: calc(100vh - 62px);
	max-height: calc(100vh - 62px);
	padding-right:10px;
	border-right: 3px double;
	font-size:14px;
	overflow:auto;
}
.menu_inner ul{
	padding-left:15px;
	
}

.menu_inner ul li{
	cursor:pointer;
	border-bottom:1px solid #efefef;
	transition: all 0.5s ease;
}

.menu_inner ul li:hover{
	background-color:#5e5e5e;
	color:#fff;
	
}

/* work area */
#work{
	background-color:#dedede;
	max-height: calc(100vh - 65px);
	overflow:auto;
}

#work h1{
	margin:0; padding:0;
}

#work table{
	
}

#work table td{
	border-bottom: 1px dotted #000;
	border-right: 1px dotted #000;
}
#work table tr:hover{
	background-color:#efefef;
}

#work table thead{
	font-weight:700;
}

#work table input[type=text], #work table textarea{
	width:99%;
}
#work table select{
	width:100%;
}
.sticky{position: sticky; top: 0; background-color:white;}
/* HOSPITAL */

#matrix{
	max-height:465px;
	overflow:auto;
}

.field_text{
	border:none !important;
	
}

/* actrivity list */
.act_head_icon{
	width:32px; height:32px;
	opacity:0.1;
	cursor:pointer;
}

.act_head_icon_choosed{
	width:32px; height:32px;
	opacity:1;
	cursor:pointer;
}

.next_act_green{
	color:#00a600;
	font-size:18px;
}

.next_act_red{
	color:#ff0000;
	font-size:18px;
}

.cell_daily_totals{
	font-size:10px;
	vertical-align:top;
	text-align:right;
}

/* subwork */
.subwork{
	background-color:#bbbbbb;
}

/* СКЛАД */
.store_in_list{
	max-height: calc(100vh - 127px);
	overflow:auto;
}

/* КАСА */
.cash_row_unpayed{background-color:#ffcccc;}
.cash_row_payed{background-color:#d9ffd9;}
.cash_row_sel{background-color:#dfbfff;}


/* СПИСЪК ЗАДАЧИ - график */
#shedWork_tbl{}
#shedWork_tbl{font-size:12px;}
#shedWork_tbl .today{background:#ffb299;}





/* СПИСЪК ЗАДАЧИ - ангажименти */
#shed_tbl{}
#shed_tbl{font-size:20px; text-align:center;}
#shed_tbl th{width:120px;}
#shed_tbl td{font-size:22px; border: none; overflow:auto; }

#shed_tbl td:hover{background:#787878;}
#shed_tbl .inactive{color:#626262;}
#shed_tbl .today{background:#ffb299;}
#shed_tbl .btn_shed_add{
  
  background:#238c00;
  border: 1px solid #238c00;
  margin:0; padding:0;
  font-size:18px;
  
}


#shed_tbl .btn_shed_element{
  
  margin:0; padding:0;
  cursor:pointer;
  border-spacing: 0;
  background:#222222;
  color:#fff;
  width:100%;
  text-align:left;
}

#shed_tbl .btn_shed_element tr:hover{background:#919191;}
#shed_tbl .btn_shed_element td{font-size:18px;  border-bottom: 5px solid #444444;}
#shed_tbl .btn_shed_element small{font-size:14px;}



#tv_shed_tbl{
	
  margin:0; padding:0;
  cursor:pointer;
  border-spacing: 0;
  background:#222222;
  color:#fff;
  width:100%;
  text-align:left;
  border-bottom:5px solid #fff;
}
.tv_shed_lightcell{
	background:#777777;
	font-size:18px !important;
}

.tv_shed_lightcell a{text-decoration:none; color:#ffff73;}



/* internal small table */
.table_inner_small{border:none;}
.table_inner_small td{border:none !important;}

/*warning*/
@keyframes blinker {  
  50% { opacity: 0.0; }
}
.warning{
	color:#ff0000;
	animation: blinker 1s linear infinite;
	font-size:10px;
}

.mandatory{
	color:#ff0000;
	font-size:22px;
}

/*waiting*/
.waiting{background:url('images/wait.gif') no-repeat right center;}		

/* copyright */
.copyright{font-size:0.7vw; color:#9B9B9B; position: fixed;
    bottom: 0;
    right: 0;}
	
/* custom substyles */
.btn_act_inn{
	width:140px;
	font-size:12px;
}

/* countdown */
.timer {
	float:right;
	text-align:center;
	font-size:20px;
	position:relative;
}

#clock_show{float:left;}

/*hospital sign*/
.hospIcon{
	font-size:28px; 
	 text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
	font-weight:bolder;
	color:red;
	cursor:pointer;
}
.hospIconReport{
	font-size:18px; 
	 
	font-weight:bolder;
	color:red;
	text-decoration: none;
}


.working{background:url('images/wait.gif') no-repeat right center;}		
/* OK popup */
.ok_canvas{
	background:#0dff49;
	text-align:center;
	font-size:28px; font-weight:700;
	height:100vh;
	color:#004010;
	}

/* NB note form patient profile */
.NBpatient{
	font-size:30px;
	text-shadow: 1px 1px #000;
	color:red;
}

/* inline - edit ID microchip */
.mchipInline{
	font-size:20px;
	cursor:pointer;
}

/* www - client */

#tbl_my{
	display:inline-block; 
	border: 1px solid #dedede;
	text-align:center;
	cursor:pointer;
}
#tbl_my:hover{
	border: 1px solid #afafaf;
	background:#afafaf;
	transition: all 0.5s ease;
}


#tbl_my_profile{
	font-size:20px;
}

#tbl_my_act{
	border-collapse: collapse;
	
}
#tbl_my_act tbody tr{
	border-bottom:1px dotted #666666;
	cursor:pointer;
}
#tbl_my_act tbody tr:hover{
	background:#999999;
}
#tbl_my_act td{
		padding:3px;
}

.panel_unp{
	float:right;
	border:1px double #0e0e0e;
	margin-right:28px;
	background-color:#969696;
	font-size:18px;
	text-align:right;
}

.btn_round{
	border:4px solid #333333; 
	width:120px; 
	height:120px; 
	border-radius:120px;
	text-align: center;
	font-size:16px;
}
/* ==============================================
		quick search			
=================================================*/
.ui-autocomplete {
            max-height: 200px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
			
        } 

/*ring bell*/
.bell{
	float:left;
	color: #9e9e9e;
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
  }
  
  @-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
  
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
  }
  
  @-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
  
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
  }
  
  @keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
  
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
  }

/*spnner*/
.spinner{
	float:left; display:none; color:red; font-weight: bolder;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate; 
	-moz-animation-duration: 1.2s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	transition-property: transform;
	animation-name: rotate; 
	animation-duration: 1.2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
  }
  
  @-webkit-keyframes rotate {
	  from {-webkit-transform: rotate(0deg);}
	  to {-webkit-transform: rotate(360deg);}
  }
  
  @-moz-keyframes rotate {
	  from {-moz-transform: rotate(0deg);}
	  to {-moz-transform: rotate(360deg);}
  }
  
  @keyframes rotate {
	  from {transform: rotate(0deg);}
	  to {transform: rotate(360deg);}
  }
  .scaler{
	transition-property: transform;
	animation-name: scale;
	width:1%;
	animation-duration: 1.2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
  }
  @keyframes scale {
	0% {transform: scale(0.5);}
	50% {transform: scale(1);}
	100% {transform: scale(0.5);}
	}

/* Media queries
-------------------------------------------------------------------------------

@media (pointer:none), (pointer:coarse) {

.menu_user, .softTitle, .menu_inner{display:none;}
.mobileMenu{display:inline;}
}
*/



.fancybox-outer, .fancybox-inner, .fancybox-skin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px!important;
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {
body {font: 13px Helmet, Freesans, sans-serif; background-color:#fff;}


}