@font-face {
	font-family: 'Exo2 Regular';
	src: url('../fonts/exo2_regular.eot');
	src: local('☺'), url('../fonts/exo2_regular.woff') format('woff'), url('../fonts/exo2_regular.ttf') format('truetype'), url('../fonts/exo2_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	background-color: #fefefe;
	font-family: 'Exo2 Regular', Verdana, Tahoma, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	padding:0px;
	margin: 0px;
}
body {
	padding-top: 58px;
}
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 2px 2px #bbb;
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
}
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], input[type=time],select, textarea {
	border: 1px solid #ccc;
	padding: 5px;
	font-family: 'Exo2 Regular', Verdana, 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=time] {
	text-align: center;
}
input[type=text], input[type=password], select, textarea {
	width: 100%;
}
.srch input[type=text], .srch input[type=password], .srch select, .srch textarea {
	width: auto;
}
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] {
	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;
}
.btn_hid {
	visibility: hidden;
}
.mess, tr.mess td {
	background-color: #fdf0dc;
	color: #ce572e;
	padding: 5px;
	border: 1px solid #f1dfc5;
}
.ok {
	background-color: #e2ffe0;
	color: #6ca628;
	padding: 10px;
	border: 1px solid #bbffb0;
}
#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 {
	width: 50%;
	max-width: 200px;
	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, .popup {
	left: 0%;
	top: 0%;
	margin: 0px;
	overflow-x: auto ;
	overflow-y: auto ;
	overflow: auto;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10;
	display: block;
	background: rgba(0,0,0,.7);
	top: -100%;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.popup_stick {
	top: 0%;
}
#popup_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, .popup_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;
}
.popup_close {
	display: block;
	text-align: right;
}
.popup_close img {
	margin-top: -15px;
	margin-right: -15px;
}
#popup_in .btn_fixed, #spopup_in .btn_fixed, .popup_in .btn_fixed {	
	display: none;
}
#popup_message.stick #popup_in .btn_fixed, #popup_message.stick #spopup_in .btn_fixed, #popup_message.stick .popup_in .btn_fixed {	
	display: inline-block;
}
#header {
	background-color: #e6e6e6;
	color: #222;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
}
#header.stick {
	overflow: scroll;
	height: 100%;
}
#menu a:hover {
	color: #fff;
}
#logo {
	vertical-align: middle;
	padding: 0px 10px;
	max-height: 40px;
}
#usr_bar {
	float: right;
	position: relative;
	padding: 5px;
	padding-bottom: 0px;
}
#usr_bar img {
	width: 35px;
	vertical-align: middle;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}
#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 #usr_menu.stick {
	display: block;
}
#usr_bar .icn {
	padding: 5px;
	height: 25px;
	width: 25px;
	background: #b7b7b7;
}
#div_alert {
	position: fixed;
	background-color: #fff;
	top: 0px;
	right: -100%;
	z-index: 1;
	width: 100%;
	max-width: 300px;
	padding: 60px 5px 10px 5px;	
	height: 100%;
	overflow: auto;
	-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);
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
#div_alert.stick {
	right: 0px;
}
#div_alert .itm {
	cursor: pointer;
	margin-bottom: 5px;
}
#div_alert .tbls {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
#div_alert .tbls .td {
	vertical-align: middle;
}
#div_alert .tbls .td:first-child {
	text-align: center;
	background-color: #ccc;
	font-size: 1.1em;
	width: 30%;
}
#div_alert .tbls .td:last-child {
	font-size: 0.8em;
}
#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, .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 {
	position: relative;
	padding: 5px;
	background-color: transparent;
	border-bottom: 1px solid #8a8a8a;
}
.tbl tr:hover td {
	background-color: #f9f9f9;
}
.tbl th {
	background-color: #ccc;
	font-weight: normal;
	padding: 10px;
}
.tbl tfoot tr td, .tbl tfoot tr:hover td {
	background-color: #f9f9f9;
}
.tbl .tr_grey td {
	background-color: #f3f3f3;
}
.tbl .tr_gr td {
	background-color: #f6f6f6;
}
.tr_new {
	font-weight: bold; 
}
.tr_product {
	background-color: #c1c1c1;
}
.tr_end td, .tr_end:hover td {
	background-color: #333!important;
	color: #fff!important;
}
.tr_group {
	background-color: #e4e4e4;
}
.tr_row {
	background-color: #fff;
}
.tbl_freeze  {
	position: relative;
}
.tbl_freeze th {
	position: sticky;
	top: 50px;
	z-index: 5;
}
.back_orange {
	background-color: #ffbf00!important;
}
.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;
	z-index: 10;
}
.dateChooser table {
    width: 100%;
}
/* http://www.hedgerwow.com/360/bugs/css-select-free.html */
.select-free {
	 width: 220px;
	 font-size: 10px;
}
.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;
}
.far_green {
	background-color: #25b604;
}
.far_blue {
	background-color: #00a7dc;
}
.far_grey {
	background-color: #8c8c8c;
}
.far_orange {
	background-color: #fa9901;
}
.far_yellow {
	background-color: #faf101;
}
.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;
}
#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;
	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;
	padding: 5px;
}
.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: #f4f4f4;
}
.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;
	padding: 5px;
	margin-bottom: 5px;
}
.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;
}
#product_div, #client_div, .autocom {
	position: absolute;
	left: 0px;
	text-align: left;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #e1e1e1;
	display: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 200px;
}
#color_map {
	margin-left: 10px;
	width: 256px;
	height: 256px;
	background-image: url("../img/colors.png");
	cursor: crosshair;
	background-color: #ff0000;
	text-align: left;
	position: relative;
}
#loopa { 
	position: absolute;
	left: -7px;
	top: -7px;
}
#color_result { 
	margin-left: 10px;
	width: 256px;
	height: 20px;
	background-color: #ff0000;
	border: 1px solid #000000;
	display: inline-block;
	vertical-align: middle;
}
.autocom_slct {
	position: relative;
}
.autocom {
	position: absolute;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #00914a;
	min-width: 300px;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1;
}
.autocom a {
	display: block;
	padding: 2px;
}
.autocom a:hover {
	color: #fff;
	background-color: #00914a;
}
.pic {
	width: 35px;
	vertical-align: middle;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.vts .itm {
	margin-bottom: 10px;
}
.vts .itm .tit {
	font-weight: 600;
}
.vts .itm .check {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	text-align: center;
}
.vts .itm .check img {
	display: block;
}
.icon_green path, .icon_green rect {
	fill: #00914a;
}
.icon_32 svg {
	width: 32px;
	height: 32px;
}
.comments .itm {
	background-color: #efefef;
	margin: 10px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-align: left;
}
.comments .itm .pfl img {
	width: 35px;
	vertical-align: middle;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.comments .itm .pfl {
	margin: 5px 0px;
	font-size: 0.9em;
}
.chat path {
	fill: #414141;
}
.chat_new path {
	fill: #ffa800;
}
.chat_new {
	position: relative;
}
.dash_div {
	width: 49%;
	margin: 0.5%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
	position: relative;
	padding-top: 40px;
	max-height: 400px;
	overflow: auto;
}
.dash_div .tit {
	background-color: #00914a;
	color: #fff;
	padding: 10px;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
}
.tabs {
	border-bottom: 1px solid #8a8a8a;
	display: table;
	width: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.tabs li {
	display: table-cell;
	margin: 0px;
	padding: 0px 5px;
}
.tabs li a {
	display: block;
	padding: 10px;
	background-color: #e6e6e6;
	color: #222;
}
.tabs li a.a_ch {
	background-color: #00914a;
	color: #fff;
}
.alert {
	position: fixed;
	width: 100%;
	bottom: -100px;
	left: 0px;
	text-align: center;
	padding: 15px;
	background: rgba(0,0,0,.9);
	color: #ffb424;
	z-index: 999;
	-webkit-transition: all 0.3s ease-in-out;    
	-moz-transition: all 0.3s ease-in-out;    
	transition: all 0.3s ease-in-out;
}
.alert_yes {
	bottom: 0px;
}
[data-tooltip]:before {
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding: 10px;
	white-space: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: none;
	z-index: 3;
	min-width: 50px;
	text-align: center;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.last [data-tooltip]:before {
	right: 0px;
}
[data-tooltip]:hover:before {
	display: block;
}
.div_cal {
	display: inline-block;
	position: relative;
}
.date_cal {
	vertical-align: -5px;
}
#files_div  {
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	display: flex;
	flex-wrap: wrap;
}
#files_div .itm {
	border: 1px solid #ccc;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
	padding: 15px;
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
}
#files_div .itm .del_bar {
	text-align: right;
	margin-bottom: 10px;
}
.tbl_div {
	display: table;
	width: 100%;
}
.tbl_div .tr {
	display: table-row;
}
.tbl_div .td {
	display: table-cell;
	padding: 5px;
	vertical-align: middle;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.checks .itm {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 10px;
}
.checks .itm input[type=checkbox] {
	display: none;
}
.checks .itm input[type=checkbox] + label {
	position: relative;
	padding-left: 40px;
	line-height: 30px;
	display: inline-block;
}
.checks .itm input[type=checkbox] + label:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	vertical-align: middle;
	margin-right: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.checks .itm input[type=checkbox]:checked + label:before {
	background: #1e5598 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDQ0Mi41MzMgNDQyLjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQyLjUzMyA0NDIuNTMzOyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI0ZGRkZGRiI+DQo8Zz4NCgk8cGF0aCBkPSJNNDM0LjUzOSw5OC40OTlsLTM4LjgyOC0zOC44MjhjLTUuMzI0LTUuMzI4LTExLjc5OS03Ljk5My0xOS40MS03Ljk5M2MtNy42MTgsMC0xNC4wOTMsMi42NjUtMTkuNDE3LDcuOTkzTDE2OS41OSwyNDcuMjQ4DQoJCWwtODMuOTM5LTg0LjIyNWMtNS4zMy01LjMzLTExLjgwMS03Ljk5Mi0xOS40MTItNy45OTJjLTcuNjE2LDAtMTQuMDg3LDIuNjYyLTE5LjQxNyw3Ljk5Mkw3Ljk5NCwyMDEuODUyDQoJCUMyLjY2NCwyMDcuMTgxLDAsMjEzLjY1NCwwLDIyMS4yNjljMCw3LjYwOSwyLjY2NCwxNC4wODgsNy45OTQsMTkuNDE2bDEwMy4zNTEsMTAzLjM0OWwzOC44MzEsMzguODI4DQoJCWM1LjMyNyw1LjMzMiwxMS44LDcuOTk0LDE5LjQxNCw3Ljk5NGM3LjYxMSwwLDE0LjA4NC0yLjY2OSwxOS40MTQtNy45OTRsMzguODMtMzguODI4TDQzNC41MzksMTM3LjMzDQoJCWM1LjMyNS01LjMzLDcuOTk0LTExLjgwMiw3Ljk5NC0xOS40MTdDNDQyLjUzNywxMTAuMzAyLDQzOS44NjQsMTAzLjgyOSw0MzQuNTM5LDk4LjQ5OXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg==) no-repeat center center;
}
.checks .itm label {
	cursor: pointer;
}
.cal_calendar {
	vertical-align: 5px;
}
.popup_mask {
	background-color: transparent;
	display: block;
	position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.popup_cal {
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	box-shadow: 0px 0px 5px 0px rgba(161,161,161,1);
	font-size: 0.8em;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 20;
}
.cal_r {
	right: 0px;
}
.popup_cal .date_yes {
	color: #1e5598!important;
}
.popup_cal .date_no {
	color: #ccc!important;
}
.popup_cal table tr {
	background-color: #fff!important;
}
.popup_cal table tr td {
	padding: 5px 10px;
}
.popup_cal table tr td.date_yes:hover {
	background: rgba(0,0,0,.5)!important;
	color: #fff!important;
}
.tbl tr:hover td .popup_cal td {
	background-color: #fff;
}
.popup_cal .date_slct {
	color: #fff!important;
	background-color: #88d5d5!important;
}
#home_screen {
	position: fixed;
	bottom: -300px;
	background-color: #fff;
	padding: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	left: 0%;
	width: 100%;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
}
#home_screen.stick {
	bottom: 0px
}
#home_screen .td {
	padding: 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
}
#home_screen .btns {
	text-align: right;
	font-size: 0.9em;
}
#home_screen .btns a { 
	color: #0080ff;
	display: inline-block;
	margin-left: 20px;
}
@media screen and (max-width: 1255px) {
	body {
		padding-top: 85px;
	}	
}
@media screen and (max-width: 1120px) {
	body {
		padding-top: 130px;
	}
}
@media screen and (max-width: 950px) {
	#menu {
		display: none;
	}
	#menu_btn {
		display: inline-block;
	}
	.elm_small {
		display: none;
	}
	#usr_bar img {
		margin-top: 7px;
		margin-right: 7px;
	}
	#usr_bar span {
		display: none;
	}
	.checks .itm {
		width: 100%;
	}
	#popup_in, #spopup_in, .popup_in {
		padding: 15px;
	}
	.popup_close img {
		margin-top: 0px;
		margin-right: 0px;
	}
	.jobs th {
		display: none;
	}
	.jobs tr {
		display: block;
		width: 100%;
		border: 1px solid #8a8a8a;
		margin-bottom: 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.jobs tr.tr_bar {
		display: none;
	}
	.jobs tr td {
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: 0px solid #fff;
		padding: 0px;
		line-height: 120%;
	}
	.jobs tr td:nth-of-type(1):before { content: "ID: "; font-weight: 600;}
	.jobs tr td:nth-of-type(2):before { content: "Date: "; font-weight: 600;}
	.jobs tr td:nth-of-type(3):before { content: "Truck: "; font-weight: 600;}
	.jobs tr td:nth-of-type(4):before { content: "Job: "; font-weight: 600;}
	body {
		padding-top: 50px;
	}
}
@media screen and (max-width: 600px) {
	.mobile_no {
		display: none;
	}
}