html, body {
	background-color: #fefefe;
	font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #333;
	font-size: 14px;
	padding:0px;
	margin: 0px;
}
body {
	padding-top: 58px;
}
body.mobile {
	padding-top: 5px;
}
a:link, a:active, a:visited, a:hover {
	color: #00914a;
	text-decoration: none;
}
a:hover {
	color: #1e4f7e;
}
a.color_grey, .color_grey {
	color: #666;
}
h1 {
	font-weight: normal; 
	text-transform: uppercase;
	text-shadow: 0px 3px 3px #bbb;
	text-align: center;
}
form, p, div { 
	padding: 0px; 
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=text], input[type=password], input[type=submit], input[type=button], select, textarea {
	border: 1px solid #ccc;
	padding: 5px;
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #666; 
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0px;
}
input[type=text], input[type=password], select, textarea {
	width: 100%;
}
input[type=text], input[type=password], textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frm_100 input[type=text], .frm_100 input[type=password], .frm_100 textarea, .frm_100 input[type=submit], .frm_100 input[type=button] {
	width: 100%;
}
input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus   {
	background-color: #f4e8e8;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.50);
}
input[type=submit], a.btn_all {
	display: inline-block;
	background-color: #00914a;
	color: #fff;
	border: 1px solid #00914a;
	padding: 5px 10px;
	margin: 5px 0px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
input[type=submit].btn_grey, a.btn_grey {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #222;
}
input[type=submit].btn_green, a.btn_green {
	background-color: #00914a;
	border: 0px solid #00914a;
	color: #fff;
}
input[type=submit].btn_red, a.btn_red {
	background-color: #ff0000;
	border: 0px solid #ff0000;
	color: #fff;
}
input[type=submit].btn_orange, a.btn_orange {
	background-color: #ffc000;
	border: 0px solid #ffc000;
	color: #fff;
}
input[type=submit].btn_purple, a.btn_purple {
	background-color: #DDA0DD;
	border: 0px solid #DDA0DD;
	color: #fff;
}
.btn_hid {
	visibility: hidden;
}
.mess, tr.mess td {
	background-color: #fdf0dc;
	color: #ce572e;
	padding: 5px;
	border: 1px solid #f1dfc5;
	line-height: 2.8;
}
.ok {
	background-color: #e2ffe0;
	color: #6ca628;
	padding: 10px;
	border: 1px solid #bbffb0;
	line-height: 2.8;
}
#home_log {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 400px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #c0d0e0;
	margin-top: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.75);
}
#home_log .tit {
	text-align: center;
	font-weight: bold; 
	color: #00914a;
	font-size: 20px;
	background-color: #e6e6e6;
	padding: 0px 5px;
	margin: -10px -10px 10px -10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#home_log .tit img {
	margin-top: 30px;
	margin-bottom: 30px;
}
#home_log .ftr {
	font-size: 12px;
	text-align: center;
	background-color: #f0f0f0;
	padding: 5px;
	margin: 10px -10px -10px -10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#footer {
	clear: both;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	background-color: #bdbdbd;
}
#popup_message, #spopup_message {
	left: 0%;
	top: 0%;
	margin: 0px;
	overflow-x: auto ;
	overflow-y: auto ;
	overflow: auto;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9;
	display: none;
	background: url('../../img/honey.png') center center repeat;
}
#popup_message, #spopup_message {
	top: -100%;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#popup_message.stick {
	top: 0%;
}
#popup_in, #spopup_in {	
	width: 100%;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	position: relative;	
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	margin-top: 20px;
}
#spopup_message.stick{
	top: 0%;
}
.popup {
	left: 0%;
	top: 0%;
	margin: 0px;
	overflow-x: auto ;
	overflow-y: auto ;
	overflow: auto;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9;
	display: block;
	background: rgba(0,0,0,.3);
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
	top: -100%;
}
.popup_stick {
	top: 0%;
}
.popup_divdep {
	top: 0%;
	background-color: transparent;
}
.popup_in {	
	width: 99%;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	position: relative;	
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	margin-top: 20px;
	!margin-bottom: 200px;
}
.popup_close {
	display: block;
	text-align: right;
}
#header {
	background-color: #e6e6e6;
	color: #222;
	position: fixed;
	top: 0;
	z-index: 5;
	width: 100%;
}
#header.stick {
	overflow: scroll;
	height: 100%;
}
#menu a:hover {
	color: #fff;
}
#logo {
	vertical-align: middle;
	padding: 5px 10px;
}
#usr_bar {
	float: right;
	position: relative;
}
#usr_bar img {
	width: 35px;
	vertical-align: middle;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
#usr_bar span {
	display: inline-block;
	padding: 15px 10px 15px 5px;
}
#usr_bar ul {
	display: none;
	width: 140px;
	background-color: #e6e6e6;
	position: absolute;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	right: 0px;
}
#usr_bar ul li {
	display: block;
}
#usr_bar ul li a {
	display: block;
	text-align: right;
	padding: 3px 10px;
	color: #222;
}
#usr_bar ul li a:hover {
	background-color: #ccc;
	color: #222;
}
#usr_bar:hover ul {
	display: block;
}
#menu, #menu  ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
#menu {
	margin-left: 20px;
}
#menu li {
	display: inline-block;
	position: relative;
}
#menu li ul {
	position: absolute;
	background-color: #ccc;
	min-width: 150px;
	display: none;
}
#menu li:hover ul {
	display: block;
}
#menu li ul li {
	display: block;
}
#menu a {
	color: #222;
	display: block;
	padding: 15px 10px;
	white-space: nowrap;
}
#menu a.a_ch, #menu a:hover {
	background-color: #00914a;
	color: #fff;
}
#menu li ul li a {
	padding: 5px 10px;
}
#menu li ul li a:hover {
	background-color: #514f50;
	color: #fff;
}
#menu.stick {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50px;
	background-color: #e6e6e6;
	margin-left: 0px;
	display: block;
}
#menu.stick li {
	display: block;
}
#menu.stick li a {
	display: block;
}
#menu.stick li ul {
	position: relative;
	width: 100#;
	display: block;
}
#main {
	padding: 10px;
}
#menu_snd {
	background-color: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #e3e3e3;
}
#menu_snd ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#menu_snd ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#menu_snd ul li a {
	padding: 5px 5px;
}
#menu_snd a.a_ch, #menu_snd a:hover {
	color: #1e4f7e;
}
.tbl {
	width: 100%;
	margin-top: 1px;
}
.tbl td {
	padding: 5px;
	background: #fff;
	border-bottom: 1px solid #8a8a8a;
}
.tbl tr:hover td {
	background-color: #caf7f7;
}
.tr_no_hover:hover td {
	background-color: #fff !important;
}

.tbl th {
	background-color: #ccc;
	font-weight: normal;
	padding: 10px;
}
.tbl tfoot tr td, .tbl tfoot tr:hover td {
	background-color: #caf7f7;
}
.tbl .tr_grey td {
	background-color: #f3f3f3;
}
.tr_new {
	font-weight: bold; 
}
.dateChooser td {
    cursor:default;
    text-align:center;
}
.dateChooser td.dateChooserActive:hover {
    color:white;
    background:#ccc;
}
.dateChooser td.dateChooserActiveToday {
    border: 1px solid red;
}
.dateChooser th {
    background: #ccc;
    color: white;
    width: 14%;
    border: none;
}
.dateChooser option, .dateChooser select {
    font-size:10px;
	width: auto;
}
.dateChooser {
    border: 2px outset #aaa;
    background: white;
    padding: 1px;
    border: 1px solid #ccc;
    text-align: center;
}
.dateChooser table {
    width: 100%;
}
/* http://www.hedgerwow.com/360/bugs/css-select-free.html */
.select-free {
	 width: 220px;
	 font-size: 10px;
	 z-index: 30;
}
.select-free iframe {
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:-1;
	 width: 100%;
}
.far {
	display: inline-block;
	width: 15px;
	height: 15px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.far_red {
	background-color: #dc0000;
	color: #fff;
}
.far_green {
	background-color: #25b604;
}
.far_blue {
	background-color: #00a7dc;
}
.far_grey {
	background-color: #8c8c8c!important;
}
.far_orange {
	background-color: #fa9901;
}
.far_yellow {
	background-color: #faf101;
}
.far_purple {
	background-color: #e39ff6;
}
.div_border {
    border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
#clock_bar {
	display: inline-block;
	margin-right: 10px;
}
.label {
	color: #1e4f7e;
	font-weight: bold;
}
.label_2 {
	color: #dc0000;
	font-weight: bold;
}
.label_3 {
	color: #dc0000;
	background-color: #f9f9f9;
	font-weight: bold;
}

.error {
	color: #dc0000;
}
.chk_error {
	color: #f00;
	display: none;
}
#home_header, #home_main {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#home_header {
	border-bottom: 2px solid #d3302f;
	padding: 10px;
	margin-bottom: 10px;
	min-height: 40px;
}
#home_header .links {
	float: right;
	font-size: 12px;
	text-align: right;
	padding-top: 5px;
}
#home_main {
	text-align: center;
	position: relative;
	min-height: 100px;
}
#home_main img {
	width: 100%;
	margin-top: 25px;
}
#home_main .fst {
	font-size: 25px;
	color: #17375e;
	display: block;
	margin-bottom: 10px;
	font-weight: bold; 
}
#home_main .snd {
	font-size: 18px;
	color: #f80404;
	font-weight: bold; 
}
#home_main #form_login {
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}
#home_main #home_log {
	display: none;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.75);
}
#home_main #btn_log {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -30px;
}
.alert_message {
	position: relative;
	text-align: center;
	font-size: 20px;
	color: #dc0000;
	font-weight: bold;
	padding-bottom: 20px;
}
a.a_ent {
	text-decoration: underline;
	color: #dc0000;
}
#popup_text {
	width: 300px;
	height: 100px;
}
#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #222;
	border: 2px dashed #222;
	border-radius: 7px;
	cursor: default;
}
#filedrag.hover
{
	color: #b20f0c;
	border-color: #b20f0c;
	border-style: solid;
}
#progress p
{
	display: block;
	width: 100%;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee url('../../img/progress.png') 100% 0 repeat-y;
}

#progress p.success
{
	background: #23a12c none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}

div.plm {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	position: relative;
	width: 100px;
}
div.plm .del {
	background-color: #000;
	padding: 2px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
div.plm:hover .del {
	display: block;
}
div.plm .left_top, div.plm .right_top {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTg0Ny40MTMsOTY3LjVjMzAuNywwLDYxLjM5OS0xMS42OTksODQuODk5LTM1LjFjNDYuOS00Ni45LDQ2LjktMTIyLjgwMSwwLTE2OS43MDFMNDA5LjcxMiwyNDBoMjMwLjcNCgkJYzY2LjMsMCwxMjAtNTMuNywxMjAtMTIwYzAtNjYuMy01My43LTEyMC0xMjAtMTIwaC01MjAuNGMtMC4xLDAtMC4yLDAtMC4yLDBjLTE5LjgsMC0zOS41LDUtNTYuOSwxNC40YzAsMC0wLjEsMC0wLjEsMC4xDQoJCWMtMjEuNiwxMS44LTM5LjMsMzAuMi01MC4zLDUyLjFjLTguMywxNi41LTEyLjUsMzUtMTIuNSw1My40djUyMC40YzAsNjYuMjk5LDUzLjcsMTIwLDEyMCwxMjBjNjYuMywwLDEyMC01My43MDEsMTIwLTEyMFY0MDkuNw0KCQlsNTIyLjYwMSw1MjIuNjAxQzc4Ni4wMTIsOTU1LjgwMSw4MTYuNzEyLDk2Ny41LDg0Ny40MTMsOTY3LjV6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center center;
	position: absolute;
	left: 5px;
	bottom: 5px;
	display: none;
}
div.plm .right_top {
	background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDk2Ny41IDk2Ny41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5NjcuNSA5NjcuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNGRkZGRkYiDQoJPg0KPGc+DQoJPHBhdGggZD0iTTEyMC4xLDk2Ny41Yy0zMC43LDAtNjEuNC0xMS42OTktODQuOS0zNS4xYy00Ni44LTQ2LjktNDYuOC0xMjIuOSwwLTE2OS44MDFMNTU3LjgwMSwyNDBIMzI3LjFjLTY2LjMsMC0xMjAtNTMuNy0xMjAtMTIwDQoJCWMwLTY2LjMsNTMuNy0xMjAsMTIwLTEyMGg1MjAuNDAxYzAuMSwwLDAuMiwwLDAuMiwwYzE5LjgsMCwzOS41LDUsNTYuODk5LDE0LjRjMCwwLDAuMTAxLDAsMC4xMDEsMC4xDQoJCWMyMS42LDExLjgsMzkuMTk5LDMwLjEsNTAuMTk5LDUyLjFjOC4zMDEsMTYuNSwxMi41LDM1LDEyLjUsNTMuNHY1MjAuNGMwLDY2LjI5OS01My42OTksMTIwLTEyMCwxMjBjLTY2LjMsMC0xMjAtNTMuNzAxLTEyMC0xMjANCgkJVjQwOS43TDIwNC45LDkzMi4zMDFDMTgxLjUsOTU1LjgwMSwxNTAuOCw5NjcuNSwxMjAuMSw5NjcuNXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
	left: auto;
	right: 5px;
}
div.plm:hover .left_top, div.plm:hover .right_top {
	display: block;
}
.input_div {
	display: inline-block;
	width: 49%;
	!border: 1px solid #f00;
}
.tbl_old {
	background-color:#CCCCCC;
}
.tbl_old tr {
	background-color:#ffffff;
}
.tbl_old tr td {
	padding: 5px;
}
.tbl_old tr.tr_bar td, .tbl_old tr.ords_bar td {
	background-color: #f7f7f7;
	font-weight: bold;
	color: #222; 
	padding-top: 12px;
	padding-bottom: 12px;
}
.tbl_old tr.color_white td {
	background-color: #fff;
}
.tbl_old tr.tr_1{
	background-color: #f4f4f4;
}
.tbl_old tr:hover td{
	background-color: #fafafa;
}
.tbl_old th {
	background-color: #ccc;
	font-weight: normal;
	padding: 10px;
}
.div_pics {
	height: 300px;
	overflow: auto;
}
.div_pics .ptm {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	border: 1px solid #fff;
}
.div_pics .ptm .lbls {
	position: relative;
}
.div_pics .ptm .lbl {
	width: 70px;
	overflow: hidden;
}
.div_pics .ptm span {
	position: absolute;
	background-color: #222;
	color: #fff;
	padding: 3px;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 5;
}
.div_pics .ptm:hover span {
	display: block;
}
.div_pics .bb {
	border: 1px solid #f00;
}
.th_dtl {
	width: 70px;
	text-align: right;
	white-space: nowrap;
}
.th_dtl a {
	margin: 0px 5px;
}
.tbls {
	display: table;
	width: 100%;
}
.tbls .tr {
	display: table-row;
}
.tbls .td {
	display: table-cell;
}
.ptms {
	text-align: center;
	margin-top: 20px;
}
.ptms .itm {
	position: relative;
	display: inline-block;
	width: 200px;
	padding: 10px;
	vertical-align: top;
	margin: 0.5%;
	text-align: left;
}
.ptms .itm img {
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 10px;
}
.ptms .itm .tit {
	color: #00914a;
	text-transform: uppercase;
	font-weight: 600;
	min-height: 40px;
}
.ptms .itm .note {
	font-size: 0.9em;
	font-style: italic;
}
.ptms .itm select {
	width: auto;
}
.ptms .itm .price {
	text-align: right;
	font-size: 1.5em;
	font-weight: 600;
	color: #00914a;
}
.ptms .itm .price .price_old {
	font-size: 0.8em;
	text-decoration: line-through;
	color: #b80101;
}
#basket {
	float: right;
	font-weight: 600;
	font-size: 2em;
	padding: 10px 20px;
}
#basket span {
	font-size: 0.8em;
	text-decoration: line-through;
	color: #b80101;
	margin-right: 10px;
}
.list {
	padding: 10px;
	margin-top: 10px;
	
}
.list a {
	border: 1px solid #ccc;
	padding: 2px 5px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.list a:hover {
	background-color: #FFFFC8;
}
.list a.a_check {
	background-color: #d9d9d9;
}
.print_yes {
	display: none;
}
.cal {
	background-color: #eee;
	border: 1px solid #ccc;
	position: absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.50);
	font-size: 0.9em;
}
.new {
	border: 0px solid #fff!important;
	position: absolute;
	width: auto!important;
	margin: 0px!important;
	top: -10px;
	left: -10px;
}
.christmas {
	border: 0px solid #fff!important;
	position: absolute;
	width: auto!important;
	margin: 0px!important;
	top: -35px;
	left: -17px;
}
.date_yes {
	background-color: #f6f6f6;
}
.date_yes:hover {
	background-color: #00914a;
	color: #fff;
}
.day_lbl {
	text-align: center;
}
#menu_btn {
	display: none;
}
.green_bar {
	color: #fff;
	background-color: #53af32;
	text-align: center;
	padding: 10px;
	font-size: 0.9em;
}
.cal_tbl td:hover .btn_hid {
	visibility: visible;
}
.cal_tbl .row {
	clear: both;
}
.cal_tbl .row .att {
	float: right;
	margin-top: 5px;
	visibility: hidden;
}
.cal_tbl .row:hover .att {
	visibility: visible;
}
.pf_pic {
	vertical-align: middle;
	margin-right: 5px;
	width: 35px;
	vertical-align: middle;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
#carordrs .itm {
	margin-bottom: 10px;
	border: 2px solid #ccc;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#carordrs .itm .id {
	font-size: 2em;
	font-weight: 600;
}
#carordrs .itm .price {
	font-size: 1.2em;
	font-weight: 600;
	text-align: right;
}
#carordrs .itm .tel {
	text-align: right;
	padding: 5px 0px;
}
#carordrs .itm .tel_btn {
	text-align: right;
	vertical-align: middle;
}
.tit_big {
	background-color: #e6e6e6;
	color: #00914a;
	padding: 10px;
	border-bottom: 2px solid #00914a;
	text-align: center;
}
.tit_big .btn_all {
	margin: 0px 0px;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.itm_tabs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: left;
	border-bottom: 1px solid #00914a;
}
.itm_tabs ul li {
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
.itm_tabs ul li a {
	margin: 0px;
	padding: 5px 10px;
	display: inline-block;
	background-color: #00914a;
	border: 1px solid #00914a;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.itm_tabs ul li a.tab_select{
	z-index: 11;
	font-weight: normal;
	background-color: #fff;
	color: #00914a;
	border-bottom: 0px;
	text-decoration: underline;
}
#div_content {
	border: 1px solid #00914a;
	clear: both;
}
.itm_tabs ul li a.tab_select{
	z-index: 11;
	font-weight: normal;
	background-color: #fff;
	color: #00914a;
	border-bottom: 0px;
	text-decoration: underline;
}
.td_s{
	width:50%;
}

.td_s30{
	width:30%;
}
.drop_tbl, .drop_tbl th, .drop_tbl td{
	border: 1px solid black;
}
#item_locations{
	width: 230px;
	height: 210px;
	overflow: auto;
	float: left;
	margin-right: 10px;
}
#item_status{
	width: 270px;
	height: 210px;
	overflow: auto;
	float: left;
	margin-right: 10px;
	text-align: left;
}
#activity_filter{
	width: 550px;
	height: 200px;
	overflow: scroll;
	float: left;
	margin-right: 10px;
	text-align: left;
}
.tbl tr.red td{
	background-color: #CD3333;
	color: #fff;
}
.tbl tr.orange td{
	background-color: #EE7600;
	color: #fff;
}
.tbl tr.green td{
	background-color: #458B00;
	color: #fff;
}
.tbl tr.blue td{
	background-color: #33ccff;
	color: #fff;
}

.tbl tr.red:hover td , .tbl tr.orange:hover td , .tbl tr.green:hover td , .tbl tr.blue:hover td {
	background-color: #caf7f7;
	color: #000;
}


.dd {
	background-color: #fff;
	position: absolute; 
	left: 10px; 
	!bottom: -100px;
	padding: 5px;
	width: 300px; 
	height: 100px; 
	display: none; 
	overflow:auto; 
	z-index: 1;
	!font-size: 1.2em;
	border: 1px solid #f0f0f0;
}
#act_param_his{
	width: 100%;
	max-height: 300px;
	overflow:auto; 
}
#ticket_form{
	width: 40%; 
	display: inline-block; 
	float: left;
}
#ticket_comment_his{
	width: 40%; 
	display: inline-block; 
	margin-left: 50px;
}
#ticket_info{
	width: 70%;
}
#ticket_info .tbl th{
	width: 20%;
}
#search {
	list-style-type: none;
}
#search li {
	position: relative;
	display: inline-block;
}
#search ul {
    margin-bottom: 0%;
}
.dd_checkbox {
	!background: url("../img/arr-down.svg") no-repeat right center; 
	background-position: right 3px center;
	padding: 5px;
	border: 1px solid #ccc;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#dash_filter .dash_selected, .dash_selected {
	border-color: rgb(118, 113, 113);
	background-color: #ccc;
	color: #fff;
}
.dash_field a {
	color: #666;
}
.dash_selected .dash_field a {
	!color: #fff;
	background-color: #ccc;
}
.dashboard_itm {
	display: none;
	border: 2px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	margin-top: 15px;
	padding: 5px;
	z-index: 999;
	background-color: #fff;
	font-weight: normal;
	color: #000;
}

#dashboard_menu {
	float: right;
	position: relative;
	padding: 5px;
}
#dashboard_menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#dashboard_menu ul li {
	display: inline-block;
	text-align: center;
	min-width: 30px;
	margin: 1px;
	padding: 3px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
}
#dashboard_menu ul li:last-child {
	width: 35px;
	height: 35px;
}
#dashboard_menu ul li a, #dashboard_menu ul li a:link,#dashboard_menu ul li  a:active, #dashboard_menu ul li  a:visited, #dashboard_menu ul li  a:hover{
	color: #fff;
}
.dash_red {
	background-color: #dc0000;
}
.dash_green {
	background-color: #25b604;
}
.dash_brown {
	background-color: #ff5500;
}
.dash_purple {
	background-color: #ff00ff;
}
.dash_blue {
	background-color: #0000ff;
}


.div_regions {
	margin-top: 10px;
	border-top: 2px solid #ccc;
	max-height: 500px;
	overflow-y: auto;
}
.lbl_office {
	white-space: nowrap; 
}

.tbl_checks tr td {
	white-space: nowrap;
	text-align: left;
}

/* custom style checkbox */
.container {
  !display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* end custom checkbox */

.div_help2 , .map_panel .div_help2{
	position: absolute;
	border: 1px solid #6F9DD9;
	padding: 2px;
	background-color: #fff;
	left: 2px;
	display: none;
	text-align: left;
	z-index: 7;
}
.map_panel{
	position: absolute;
	top: 50px;
	left: 20px;
	z-index: 3;
	background-color: #fff;
	padding: 0px;
	border: 1px solid #999;
	text-align: left;
	line-height: 25px;
	padding-left: 10px;
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95; 
	width: 300px;
}
.map_panel_title {
	background-color: #00914a;
	height: 30px;
	margin-left: -10px;
	color: #fff;
	padding-left: 10px;
	vertical-align: center;
	font-size: 14px;
}
.map_panel_title img {
	width: 30px;
	vertical-align: center;
	float: right;
}
.map_labels {
     color: #000;
     background-color: #FFFFFF;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     !width: 50px;
     border: 1px solid grey;
     white-space: nowrap;
	 padding: 1px 2px;
}
.map_labels_r {
     color: #fff;
     background-color: #FF0000;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     !width: 40px;
     border: 1px solid grey;
     white-space: nowrap;
	 padding: 2px;
}
.map_labels_y {
     color: #000;
     background-color: #FFFF00;
	 font-size: 10px;
     font-weight: bold;
     text-align: center;
     !width: 40px;
     border: 1px solid grey;
     white-space: nowrap;
	 padding: 2px; 
}
.map_route {
	position: absolute;
	border: 1px solid #6F9DD9;
	background-color: #fff;
	text-align: left;
	z-index: 3;
	display: block; 
	top: 60px;	
	left: 420px;
	padding: 0px; 
	padding-left: 10px; 
	width: 250px;
	line-height: 30px;
}
#min_poll{
	display: none;
	margin-left: 100px;
}
#min_poll input[type=text]{
	width: 100px;
}
#max_poll{
	display: none;
	margin-left: 30px;
}
#max_poll input[type=text]{
	width: 100px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 25px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00914a;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#inactive_active_conteiner .switch {
    margin-left: 1%;
    margin-right: 1%;
	vertical-align: middle;
}
#inactive_active_conteiner {
    margin-right: 5px;
	white-space: nowrap;
}

.ticket_conteiner {
	display: inline-block;
	width: 32%;
	border: 1px solid black;
	margin-right: 1%;
	margin-top: 1%;
}
.ticket_elm {
	display: inline-block;
	width: 50%;
	padding: 1%;
	border-bottom: 1px solid black;
}
.ticket_elm.ticket_header, .td.ticket_header {
	background-color: #e6e6e6;
	width: 50%;
}
.planning_blue {
	!color: #1E5598;
}
#current_week {
	text-align: center;
	font-size: 1.4em;
}

#current_week img {
	!width: 2%;
	padding: 1%;
	vertical-align: middle;
}
#go_to_week {
	width: 200px;
}
#current_week span {
	display: block;
	font-size: 0.7em;
}
#current_week_dates {
	text-align: right;
	float: right;
	height: 60px;
}
.td.week-calendar-header{
	text-align: center;
}
.td.info {
	text-align: center;
	padding: 5px;
}
.tbls.week-calendar .tr .td{
	border-right: 1px solid #e6e6e6;
}
.tbls.week-calendar .tr .td:last-child{
	border-right: none;
}
.tbls.week-calendar .tr .td{
	border-bottom: 1px solid #00914a;
}
.tbls.week-calendar .tr:last-child .td{
	border-bottom: none;
}
.tooltip {
	position: relative;
	!display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: #fff;
	text-align: center;
	font-weight: normal;
	border: 1px solid #00914a;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	margin-left: -150px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #00914a transparent;
}
.tooltip .no_arr::after {
	display: none;
}	
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.qlist_section {
	width: 100%;
	background-color: #90EE90;
	padding: 10px;
	font-weight: bold;
}
.qlist_ansquestion {
	width: 100%;
	background-color: #00914a;
	padding: 5px;
}
.qlist_ansquestion a {
	color: #fff;
}
.qlist_question {
	width: 100%;
	background-color: #ccc;
	padding: 5px;
}
.qlist_attention {
	background-color: #dc0000;
}
.alert {
	position: fixed; 
    bottom: 0%;
	z-index: 999;
	width: 100%;
	padding: 20px;
	text-align: center;
	font-weight: 700;
}
.alert_yes {
	opacity: 1;
}
.div_tbl {
	width: 100%;
	display: table;
}
.div_tbl .tr {
	display: table-row;
}
.div_tbl .td, .div_tbl .th {
	display: table-cell;
	border-bottom: 1px dashed #000;
	padding: 5px;
	position: relative;
}
.tbl td.th_dtl, .div_tbl .th_dtl {
	white-space: nowrap;
	text-align: center;
	width: 30px;
}
.div_tbl .bold, .bold {
 	font-weight: bold;
}
.tbl_ticket_main .tr .td .background_green, .tbl_ticket_main .tr .td .background_blue, .tbl_ticket_main .tr .td .background_orange, .tbl_ticket_main .tr .td .background_red , .tbl_ticket_main .tr .td .background_yellow {
    text-align: center;
    padding: 5px 0px 5px 0px;
    margin-top: 15%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.1em;
}
.tbl_ticket_main .tr .td 
{
	text-align: left;
    padding-top: 25%;
    font-size: 1.1em;
}
.text_red_italic {
    color: #FF0000;
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 2%;
}
.tbl_ticket_main {
    display: table;
    width: 100%;
    background-color: #00914a;
    border-radius: 20px;
    margin-top: 1%;
    !box-shadow: 3px 4px 5px #ACB5BC;
/*     padding: 1%; */
}
#anketa_title {
	border-radius: 20px;
}
.tbl_ticket_main .tr .td:first-child .tbl_ticket_main_sub {
    display: table;
    margin-top: 10px;
/*     width: 100%; */
}
.tbl_ticket_main .tr .td {
    border-right: 2px dotted #FFF;
    padding: 1%;
    /*width: 26%;*/
	color: #fff;
	min-width: 150px;
}
.tbl_ticket_main .tr .td:first-child {
    padding-top: 1%;
    padding-left: 2%;
    min-width: 100px;
}
.tbl_ticket_main .tr .td:last-child {
    border-right: none;
}
.tbl_ticket_main .tr .td:first-child .tbl_ticket_main_sub .tr .td:last-child{
/*     padding-left: 10%; */
    
}
.tbl_ticket_main .tbl_ticket_main_sub .tr .td {
    border: none;
    padding: 0%;
}
.tbl_ticket_main .tbl_ticket_main_sub, .tbl_ticket_status_bar, .tbl_ticket_case_activities, .tbl_ticket_team, .tbl_gps_data, .tbl_multi, .tbl_ticket_update {
    display: table;
    margin-bottom: 1%;
    width: 100%;
}
.tbl_ticket_main a:link, .tbl_ticket_main a:active, .tbl_ticket_main a:visited {
    text-decoration: none;
    color: #FFF;
}
.tbl_ticket_main a:hover {
    color: #ebeef4;
}
.tbl_ticket_main .tbl_ticket_main_sub{
/*     margin-top: 13%; */
    width: 100%;
}

.tbl_ticket_main .tbl_ticket_main_sub .text_white_bold {
    font-size: 1.2em;
}
.text_white_bold {
	color: #fff;
	font-weight: bold;
}
.tbl_ticket_main .label {
	color: #fff;
}
.tbl tr.no_bottom_border td, .no_bottom_border, .div_tbl .tr.no_bottom_border .td {
	border-bottom: none!important;
}


.table_quest_answer {
    !margin-top: 2%;
}
.table_quest_answer tr td:first-child {
    !border-top: 1px dashed #8a8a8a;
    border-left: 1px solid #8a8a8a;
    border-bottom: 1px dashed #8a8a8a;
}
.table_quest_answer tr td:last-child {
    !border-top: 1px dashed #8a8a8a;
    border-right: 1px solid #8a8a8a;
    border-bottom: 1px dashed #8a8a8a;
    width: 25%;
}
.table_quest_answer tr td {
    !border-top: 1px dashed #8a8a8a;
    border-bottom: 1px dashed #8a8a8a;
	padding: 5px;
}
.table_quest_answer tr:hover td {
	background-color: #f9f9f9;
}
.pic_conteiner_val {
    display: inline-block;
    width: 35%;
    text-align: right;
    padding: 0px;
}
.arrow_pages img {
    width: 100%;
}
.pic_conteiner a {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.pic_conteiner .arrow_pages {
    width:10%;
}
.table_quest_answer .question_title {
    font-size: 1.3em;
    font-weight: bold;
    padding: 1%;
}
#site_id_info {
	max-height: 300px;
	overflow-y: auto;
}
.sticky_header_50 tr th {
	position: sticky;
	top: 50px;
	z-index: 3;
}
.sticky_header_0 tr th {
	position: sticky;
	top: 0px;
	z-index: 3;
}
.border_top {
	border-top: 1px solid #000;
}
a.t_ch {
	background-color: #fff !important;
	color: #00914a !important;
}
.planner_item {
	text-align: center;
}
.cl_plan_info {
	position: absolute; 
	width: 850px; 
	!display: none;
	white-space: nowrap;
}
.cl_plan_info div {
	display: inline-block;
}

.cl_plan_total {
	position: absolute; 
	width: 850px; 
	white-space: nowrap;
}
.cl_plan_total img {
	width: 20px;
}
.cl_plan_total div {
	display: inline-block;
	!width: 150px;
	margin: 0px 8px;
}

#tasks_status_div, #tasks_type_div {
	padding-left: 10px;
	/*position: absolute;*/
	/*top: 50%;*/
	/*left: 288px;*/
	background-color: #fff;
	width: 275px;
	height: 115px;
	border: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	/*transform: translateY(-60%);*/
	z-index: 99999;
	overflow-y: auto;
}
#tasks_status_title, #tasks_type_title {
	margin: 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin-left: -10px;
	padding-left: 20px;
}
.anketa_pic {
	width: 100px;
}
.scan_button {
	width: 95%;
	padding: 20px;
	background-color: #00914a;
	margin: 10px;
	text-align: center;
}
.scan_button a {
	color: #fff;
	font-size: 1.5em;
	
}
.folder
{
	list-style-type: none;
}
.folder li {
	display: inline-block;
	margin-left: 5px;
}
.folder li img {
	vertical-align: middle;
	margin-right: 10px;
}
.folder_pic 
{
	width: 100px;
    padding: 1px;
}
.pic_red_border
{
	border: 1px solid red;
}
#image_rotate {
    max-width: 100%;
    margin-top:2%;
}
#image_zoom_in {
    width: 15px;
    margin-right:2%;
    margin-left: 20%;
}
#image_zoom_out {
    width: 15px;
    margin-left:2%;
}
.pic_info {
    width: 18%;
    !display: inline-block;
    vertical-align: top;
    text-align: left;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
}
.pic_info_title {
    margin-top: 10px;
    font-weight: bold;
}
.pic_conteiner {
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
    width: 100%;
    !display: inline-block;
}

.btn_blink, a.btn_blink {
	padding: 5px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
	
}
.btn_status {
	width: 185px;
	text-align: center;
	padding: 5px !important;
	border: none !important;
}
.btn_blink span, .btn_blink {
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
	font-size: 1.0em;
}
.btn_blink span.fade_out {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s ease-in-out;    
	-moz-transition: all 0.2s ease-in-out;    
	transition: all 0.2s ease-in-out;
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink_image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.mark_drag, .mark_drag .td {
	border-top: 2px dashed black;
}
.scan_row_locked .td {
	background-color: #dc0000;
}
.scan_row_my .td {
	background-color: #e2ffe0;
}
.scan_row_empty .td {
	background-color: #ccc;
}
.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    g-origin:50% 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.verticalTableHeader p {
    !margin:0 -100% ;
    display:inline-block;
}
.cell_border td{
	border: 1px solid;
}
.verticalTableHeader p:before {
    content:'';
    width:0;
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.param_add_mark {
	background-color: lightgreen;
}
.text_vertical {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position: absolute; 
}
.tbl_b_g {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #e6e6e6;
}
.tbl_b_g td {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #e6e6e6;
}
.baloon_cont {
	position: relative;
}
.baloon {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.baloon_cont:hover .baloon {
	display: inline-block;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.blink_me {
  animation: blinker 3s linear infinite;
}
.autocomplete-input-container-loc{
     position: absolute;
     left: 3%;
     top: 5%; 
}
.highcharts-figure {
	display: inline-block;
	vertical-align: top;
	border: 2px solid #00914a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 0px 10px 10px 0px;
}
.charts{
	margin: 5px;
	margin-bottom: 20px;
}
.chart_menu {
	
}
.chart_menu_content {
	font-family: sans-serif;
	display: none; 
	position: absolute; 
	z-index:10; 
	white-space: nowrap; 
	right: 0px;
	margin: 5px;
	background-color: #fff;
	font-size: 11px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
.chart_menu_content ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}
.chart_menu_content ul li {
	padding: 3px 10px;
	text-align: left;
}
.chart_menu_content ul li a {
	color: rgb(118, 113, 113);
}
.chart_menu_content .top_border {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
.chart_container {
	/* resize: both;  */
	overflow: auto;
}
.chart_title {
	display: table;
	color: #fff;
	padding: 5px;
    background-color: #00914a;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.chart_table {
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.chart_table .tr .td, .chart_table .tr .th {
	border: 1px solid #ccc;
	padding: 10px;
}
.chart_table .tr .th {
	font-weight: bold;
}
.chart_title .tooltip {
	margin-right: 5px;
}
.chart_title .tooltiptext {
	text-align: left;
	color: #00914a; 
	font-size: 0.7em;
	margin-left: -280px;
	padding: 5px;
}
.f8_working {
	background-color: white;
}
.f8_holiday {
	background-color: #00B0F0;
}
.f8_unpaidleave {
	background-color: #FFC000;
}
.f8_paidleave {
	background-color: #FFFF00;
}
.f8_paidleave_157 {
	background-color: #FF3300;
}
.f8_paidleave_mother {
	background-color: #800080;
}
.f8_ill {
	background-color: #92D050;
}
.f8_samoot {
	background-color: #C0392B;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@media screen and (max-width: 890px) {
	.ticket_conteiner{
		width: 49%;
	}
}
@media screen and (max-width: 800px) {
	#menu {
		display: none;
	}
	#menu_btn {
		display: inline-block;
	}
	#ticket_form{
		width: 100%;
	}
	#ticket_comment_his{
		width: 100%;
		margin: 0px;
	}
	#ticket_info{
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.elm_small {
		display: none;
	}
	.mobile_no {
		display: none;
	}
	.ticket_conteiner{
		width: 100%;
	}
}