@charset "utf-8";
/* CSS Document */

@font-face {
	/*Open Sans*/
	font-family: 'Myriad Pro'; src: url('../fonts/MYRIADPRO-BOLD.OTF');font-style:normal;font-weight:bold;
	font-family: 'Myriad Pro'; src: url('../fonts/MYRIADPRO-REGULAR.OTF');font-style:normal;font-weight:normal;
}

body,td,th {
	font-family: "Myriad Pro";
}

html,body{
	margin:0;
	padding:0;
	font-family:'Myriad Pro';
	font-size:14px;
	color:#000;
}

.white{
	background-color:#fff;
}
.gray{
	background-color:#eee;
}
.container{
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
}

.top_panel{
	position:fixed;
	z-index:18;
	top:0;
	left:0;
	width:100%;
	min-height:50px;
	white-space:nowrap;
	padding-bottom:4px;
	/*background-color:#eee;*/
	background-color:#0F4863;
	box-shadow:0px 10px 10px #888888;
	-moz-box-shadow:0px 10px 10px #888888;
	-webkit-box-shadow:0px 10px 10px #888888;
}

.logo{
	float:left;
	width:10%;
	min-width:140px;
	height:45px;
	margin:0.25% 1% 0% 1%; 
	background-image:url(../images/logo.png);
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
}

.logo2{
	float:left;
	width:10%;
	min-width:140px;
	height:45px;
	margin:0.25% 1% 0% 1%; 
	background-image:url(../images/logo2c.png);
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
}

.menu_root{
	float:left;
	height:45px;
	width:40px;
	margin:0.15% 1% 0% 1%;
	background-image:url(../images/menu.png);
	/*background-color:#FFF;*/
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
	/*border-style:inset;*/
}
.menu_root:hover{
	background-image:url(../images/menu_hover.png);
	cursor:pointer;
}
.totop{
	float:left;
	height:45px;
	width:40px;
	margin:0.15% 1% 0% 1%;
	background-image:url(../images/back-to-top.png);
	/*background-color:#FFF;*/
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
	/*border-style:inset;*/
}
.totop:hover{
	background-image:url(../images/back-to-top_hover.png);
	cursor:pointer;
}

.dynamic_panel{
	float:left;
	width:50%;
	height:50px;
	min-width:10%;
	margin-bottom:0.12%;
	color: #fff;
	/*height:45px;*/
	vertical-align:middle;
}
.dynamic_panel h2{
	text-align:left;
	/*color: #326497;*/
	color: #fff;
	font-weight:normal;
	font-size:18px;
}

.dynamic_panel_content_pl{
	/*prints list*/
	float:left;
	width:63.4%;
	margin-right:10px;
	margin-top:2%;
	height:50px;	
}
.dynamic_panel_content_if{
	/*items form*/
	float:left;
	width:63.4%;
	margin-right:10px;
	margin-top:2.33%;
	height:50px;	
}

.right_buttons{
	float:right;
	min-width:150px;
	margin-top:0.25%;
	vertical-align:middle;
	white-space:nowrap;
}

.alert_late{
	float:left;
	height:45px;
	width:40px;
	margin:0.15% 1% 0% 1%;
	/*padding-top:10px;*/
	background-image:url(../images/alert_late.png);
	/*background-color:#FFF;*/
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
}
.alert_late:hover{
	background-image:url(../images/alert_late_hover.png);
	cursor:pointer;
}

.alert_late_warning{
	float:left;
	height:45px;
	width:40px;
	margin:0.15% 1% 0% 1%;
	/*padding-top:10px;*/
	background-image:url(../images/alert_late_warning.png);
	/*background-color:#FFF;*/
	background-size: auto 40px;
	background-position:left;
	background-repeat:no-repeat;
}

.alert_late_warning:hover{
	background-image:url(../images/alert_late_warning_hover.png);
	cursor:pointer;
}

.alert_late_msg{
	float:left;
	height:45px;
	width:40px;
	font-size: smaller;
	margin:0.15% 1% 0% 1%;
	color: white;
}

.alert_alert{
	float:left;
	height:45px;
	width:48px;
	margin:0.15% 1% 0% 5%;
	/*padding-top:10px;*/
	background-image:url(../images/alert_alert.png);
	/*background-color:#FFF;*/
	background-size: auto 45px;
	background-position:left;
	background-repeat:no-repeat;	
}
.alert_alert:hover{
	background-image:url(../images/alert_alert_hover.png);
	cursor:pointer;
}

.logout{
	float:right;
	text-align:right;
	vertical-align: middle;
	/*width:15%;*/
}

.bottom_panel{
	position:absolute;
	/*bottom:0;*/
	left:0;
	text-align:center;
	width:100%;
	height:50px;
	background-color:#eee;
}

.footer{
	float:left;
	position:absolute;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom: 5px;
	text-align:center;
	vertical-align:middle;
	color:#326497;
	/*background-color:#B2D0E8;*/
	font-size:16px;
}

.right_panel{
	padding-left: 300px;
	min-height:100%;
}
.article{
	min-width:1200px;
	height:auto;
	padding:10px 20px;
}

/* CSS LOGIN FORM */
.form_login{
	width:600px;
	margin-top:8%;
	padding:80px 20px 20px 20px;
	background-color:#fff;
	box-shadow: 10px 10px 10px 10px grey;
	/* border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background-image:url(../images/logo2.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
}
.logintext{
	text-align:center;
}

textarea{
	width:350px;
	height:210px;
	font-family: 'Myriad Pro'!important;
	font-size:14px!important;
	padding:6px;
	margin:0px 0px 5px 0px;
	/* border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* gradient */
	background-color: #eee;
}

.textarea_info{
	width:350px;
	height:140px;
	font-family: 'Myriad Pro'!important;
	font-size:14px!important;
	padding:6px;
	margin:0px 0px 5px 0px;
	/* border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* gradient */
	background-color: #eee;
	
	
}	
.selectbox{
	font-family: 'Myriad Pro'!important;
	font-size:14px!important;
	padding:5px;
	margin:0px 0px 10px 0px;
	/*width:200px; modified by pollatos*/
	width:206px;
	/* border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* gradient */
	background-color: #eee;
}

.selectbox100{width:60px;}
.selectbox150{width:150px;}
.selectbox200{width:200px;}
.selectbox300{width:300px;}
.selectbox400{width:400px;}
.selectbox500{width:500px;}

.inputbox{
	font-family: 'Myriad Pro'!important;
	font-size:14px!important;
	padding:6px;
	margin:0px 0px 5px 0px;
	width:250px;
	/* border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* gradient */
	background-color: #eee;
}
.inputbox100{width:60px;}
.inputbox150{width:150px;}
.inputbox200{width:200px;}
.inputbox300{width:300px;}
.inputbox400{width:400px;}
.inputbox500{width:500px;}

/* Pollatos */
.invisible_inputbox{
	visibility:  hidden;
	font-family: 'Myriad Pro'!important;
	font-size:0px!important;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:0px;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 0px; /* Firefox */
	-webkit-border-radius: 0px; /* Safari and Chrome */
	border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* gradient */
	background-color: #eee;
}

/* Pollatos */
.gradient_text {
	display: inline-block;
	/*background-image:url(../images/gradient03.jpg);*/
	/*background-size: auto 40px;*/
	background-color: #0F4863;
	background-position:left;
	background-repeat:no-repeat;
	color: #fff;
	opacity: 1;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 5px;
	margin-bottom: 8px;
	border:1px solid #ddd;
	box-shadow: 0px 5px 5px #888888;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.items_label {
	font-family: 'Myriad Pro'!important;
	font-size:14px;
	/*padding:6px;
	margin:0px 0px 5px 0px;*/
}

.invisible_label {
	visibility:  hidden;
	font-family: 'Myriad Pro'!important;
	font-size:0px;
	/*padding:6px;
	margin:0px 0px 5px 0px;*/
}
/* Pollatos - end */

.button{
	font-family: 'Myriad Pro'!important;
	font-size:16px!important;
	padding:10px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	/* gradient */
	background-color: #326497;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.button:hover{
	color:#fff;
	/* gradient */
	background-color: #134a81;
}

.button_small{
	font-family: 'Myriad Pro'!important;
	font-size:12px!important;
	padding:10px;
	color:#000;
	cursor:pointer;
	text-decoration:none;
	/* gradient */
	background-color: #F2C929;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.button_small:hover{
	color:red;
	/* gradient */
	/*background-color: #134a81;*/
}

.button_topbar{
	font-family: 'Myriad Pro'!important;
	font-size:14px!important;
	padding:10px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	/* gradient */
	background-color: #4baad3;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.button_topbar:hover{
	/*color:#F2C929;*/
	color:yellow;
	/* gradient */
	background-color:#4baad3;
	opacity: 0.9;
}

.logout_button{
	font-family: 'Myriad Pro'!important;
	font-size:16px!important;
	padding: 0 20px 20px 20px;
	color:#fff;
	width:40px;
	text-decoration:none;
	background-color:#0F4863;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background-image:url(../images/logout.png);
	background-size: auto 40px;
	background-position:center;
	background-repeat:no-repeat;		
}

.logout_button:hover{
	background-image:url(../images/logout_hover.png);
	cursor:pointer;
}

.logoutform{
	padding-top:5px;
}
.logoutext{
	color:#333;
	text-align:center;
	margin:0px;
}

.error{
	color:#900;
	font-size:16px;
}
/* END CSS LOGIN FORM */

/* CSS MENU */
.mainmenu{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	text-align:left;
	padding:10px;
	margin-top:60px;
	z-index:17;
	width:14%;
	min-width:250px;
	height:auto;
	background-color:#FFF;
	box-shadow: 0px 10px 30px #888888;
	-moz-box-shadow:0px 10px 30px #888888;
	-webkit-box-shadow:0px 10px 30px #888888;	
}
.mainmenu ul{
	text-align:left;
	padding:0px;
	margin:0px;
}
.mainmenu li{
	display:block;
	vertical-align:top;
}
.mainmenu a{
	width:auto;
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:15px!important;
	padding:8px 10px 8px 10px;
	color: #326497;
	border-bottom:1px solid #ddd;
	background-size: 30px 30px;
	background-position:right;
	background-repeat:no-repeat;
}

.mainmenu a:hover{
	color:#fff;
	/*background-color: #134a81;*/
	background-color:#81AEF1;
}
.mainmenu .lastmenu a{
}
/* END CSS MENU */

/* CSS HOMEPAGE */
.homepage h2{
	color: #326497;
	font-weight:normal;
	font-size:20px;	
}
/* END CSS HOMEPAGE */


.list_table,.list_table_prints{
	margin-top:10px;
	width:100%;
}

.list_table tr:hover {
	background-color:#E1EDF9;
}
.items_list_td{
	padding:0px;
}
.items_list_headers{
	font-weight:bold;
	padding:10px 10px 10px 0px;
	color:#333;
	/*gradient */
	background-color: #bbb;
}
.items_list_table{
	background:#ddd;
	width:100%;
}

.red_back{
	background-color:#ef6f6f;
	color:#ef6f6f;
	position:relative;
}
.green_back{
	background-color:#b3e58b;
	color:#b3e58b;
	position:relative;
}
.orange_back{
	position:relative;
	color:#facc74;
}
.process_absolute{
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:0;
	background-color:#facc74;
}

.process_content{
	position:absolute;
	z-index:15;
	top:0;
	bottom:0;
	left:0;
	width:80%;
	text-align:left;
	color:#000;
	padding: 8px 5px 8px 5px;
}
.process_content_control{
	position:absolute;
	z-index:15;
	top:0;
	bottom:0;
	right:0;
	width:20%;
	text-align:right;
	vertical-align:top;
	color:#000;
	padding: 5px 5px 5px 5px;
}

.tables_headers{
	font-weight:bold;
	padding:5px 10px 5px 0px;
	color:#fff;
	/*gradient */
	background-color: #326497;
}
tr td.tables_headers:first-child {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:0px;
	padding-left:5px;
}

tr td.tables_headers:last-child {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
}

.list_table_prints td.td_content:first-child{
	width:20px;
}
.list_table_prints td.td_content:last-child {
	width:40px;
}
.items_list_table td.td_content{
	border-bottom:1px solid #fff;
}
.items_list_table td.td_content:first-child{
	width:40px;
}
.items_list_table td.td_content:nth-child(2) {
	width:13%;
}
.items_list_table td.td_content:nth-last-child(4) {
	width:90px;
}
.items_list_table td.td_content:nth-last-child(3) {
	width:120px;
}
.items_list_table td.td_content:nth-last-child(2) {
	width:40px;
}
.items_list_table td.td_content:last-child {
	width:40px;
}

.td_content{
	border-bottom:1px solid #ddd;
	padding:8px 10px 8px 0px;
	height: 50px;
}
.td_content a{
	text-decoration:none;
	color: #326497;
	font-weight:bold;
}
.td_content a:hover{
	text-decoration:underline;
}

.calendar_table{
	width:100%;
	border-left: 1px solid #eee;
	margin-top:15px;
}
.calendar_table .year_h{
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color:#326497;
	background-color:#fff;
	font-size:26px;
	padding:8px;
}
.calendar_table .month_h{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color:#326497;
	background-color:#eee;
	font-size:24px;
	padding:8px;
}
.calendar_table .day_h{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color:#326497;
	color:#fff;
	font-size:18px;
	padding:8px;
	width:100px;
}
.calendar_table .calentar_previous{
	float:left;
}
.calendar_table .calentar_next{
	float:right;
}
.calendar_table .day_v{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:15px 8px 8px 8px;
	height:135px;
	position:relative;
}
.calendar_table .no_day{
	background-color:#ddd;
}
.calendar_table .day_num{
	position:absolute;
	top:0px;
	left:0px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:5px;
	width:25px;
	background-color:#ddd;
}
.calendar_table .today_day{
	background-color:#cfdbe7;
}
.calendar_table .day_links_sdate{
	text-decoration:none;
	display:block;
	padding:5px;
	color:#333;
	background-color:#eee;
	margin-bottom:5px;
}
.calendar_table .day_links_sdate:hover{
	color:#fff;
	background-color:#326497;
}
.calendar_table .day_links_ddate{
	text-decoration:none;
	display:block;
	padding:5px;
	color:#333;
	background-color:#eee;
}
.calendar_table .day_links_ddate:hover{
	color:#fff;
	background-color:#326497;
}

.calendar_table .day_links_placement{
	text-decoration:none;
	display:block;
	padding:5px;
	color:#333;
	background-color:#eee;
}
.calendar_table .day_links_placement:hover{
	color:#fff;
	background-color:#326497;
}

/*BOAD MENU*/
.mainmenu_board{
	position:relative;
	width:100%;
	padding-top:60px;
	padding-bottom:30px;
	background:#FFF;
}
.mainmenu_board_inner{
	margin:0% 15% 0% 15.5%;
}
.board_inner{
	margin:80px 2% 2% 2%;
}
.mainmenu_board a{
	display:block;
	margin-top:26px;
	margin-right:13px;
	margin-left:13px;
	position:relative;
	float:left;
	height:180px;
	width:200px;
	background-color:#fff;
	/*box shadow*/
	-moz-box-shadow: 0px 0px 5px #dddddd;
	-webkit-box-shadow: 0px 0px 5px #dddddd;
	box-shadow: 0px 0px 5px #dddddd;
	/*border*/
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	text-decoration:none;
}
.mainmenu_board a:hover{
	/*box shadow*/
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}
.mainmenu_board span{
	color:#fff;
	background-color:#326497;
	display:block;
	position:absolute;
	bottom:0px;
	padding:10px 0px;
	-moz-border-radius: 0px 0px 5px 5px; /* Firefox */
	-webkit-border-radius: 0px 0px 5px 5px; /* Safari and Chrome */
	border-radius: 0px 0px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	width:100%;
	text-align:center;
	font-size:14px;
}

.mainmenu_board li {
	list-style: none!important;
}

.mainmenu_board_inner a {
	background-position:center 15px;
	background-repeat:no-repeat;
}

a.board-item1{
	background-image:url(../images/profil.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item2{
	background-image:url(../images/partners.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item3{
	background-image:url(../images/users.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item4{
	background-image:url(../images/sections.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item5{
	background-image:url(../images/positioners.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item6{
	background-image:url(../images/printers.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item7{
	background-image:url(../images/materials.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item8{
	background-image:url(../images/afterprints.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item9{
	background-image:url(../images/payments_method.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item10{
	background-image:url(../images/shipping_method.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item11{
	background-image:url(../images/customers.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item12{
	background-image:url(../images/prints.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item13{
	background-image:url(../images/calendar.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item14{
	background-image:url(../images/calendar_google.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}
a.board-item15{
	background-image:url(../images/settings.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

a.board-item16 {
	background-image:url(../images/manager.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

a.board-item17 {
	background-image:url(../images/product_categories.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

a.board-item18 {
	background-image:url(../images/manufacturers.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

a.board-item19 {
	background-image:url(../images/attribute.png);
	background-position:center 15px;
	background-repeat:no-repeat;
}

.home-red a{
	display:block;
	margin-top:20px;
	position:relative;
	float:left;
	height:200px;
	width:218px;
	margin-right:25px;
	background-color:#fff;
	/*box shadow*/
	-moz-box-shadow: 0px 0px 5px #dddddd;
	-webkit-box-shadow: 0px 0px 5px #dddddd;
	box-shadow: 0px 0px 5px #dddddd;
	/*border */
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	text-decoration:none;
}
.home-red a:hover{
	/*box shadow*/
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
}
.home-red span{
	color:#fff;
	background-color:#326497;
	display:block;
	position:absolute;
	bottom:0px;
	padding:10px 0px;
	-moz-border-radius: 0px 0px 5px 5px; /* Firefox */
	-webkit-border-radius: 0px 0px 5px 5px; /* Safari and Chrome */
	border-radius: 0px 0px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	width:100%;
	text-align:center;
	font-size:14px;
}
a.log-item1{
	background-image:url(../images/part.png);
	background-position:center 30px;
	background-repeat:no-repeat;
}
a.log-item2{
	background-image:url(../images/sen.png);
	background-position:center 30px;
	background-repeat:no-repeat;
}

.printicon{
	display:block;
	height:29px;
	width:29px;
	background-image:url(../images/print.png);
	background-position:center;
	background-repeat:no-repeat;
}

#list h2{
	color: #326497;
	background-color:#eee;
	font-weight:normal;
	font-size:22px;
	display:block;
	padding:10px 20px;
	border:1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
#list .list_actions{
	padding:10px 0;
}
#popup_list{
	font-size:12px;
}
#popup_list h2{
	color: #326497;
	background-color:#eee;
	font-weight:normal;
	font-size:22px;
	display:block;
	padding:10px 20px;
	border:1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
#form h2{
	color: #326497;
	background-color:#eee;
	font-weight:normal;
	font-size:22px;
	display:block;
	padding:10px 20px;
	border:1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
#form span{
	font-weight:bold;
}

.formfields_left{
	padding-bottom:10px;
	position:relative;
}
.float_left{
	float:left;
	padding-right:20px;
}

.search_form{
	margin-top:10px;
	display:block;
	padding:20px;
	background-color:#eee;
	border:1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.search_form div{
	float:left;margin-right:10px;
}
.search_form .inputbox{
	background-color:#fff;
}
.search_form .selectbox{
	background-color:#fff;
}
.search_form .button{
	margin-top:10px;
	cursor: pointer;
}
.search_form textarea{
	width:250px;
	height:50px;
	font-family: 'Myriad Pro'!important;
	font-size:12px!important;
	padding:6px;
	margin:0px 0px 5px 0px;
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background-color: #fff;
}

.items_search_form{
	/*margin-top:10px;*/
	/*display:block;*/
	padding:20px;
	background-color:#eee;
	/*position:relative;*/
	/*top:80px;*/
	border:1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.items_search_form .float_left{
	margin-right:10px;
	padding:0px;
}
.items_search_form .inputbox{
	background-color:#fff;
}
.items_search_form .selectbox{
	background-color:#fff;
}
.items_search_form .button{
	margin-top:10px;
	margin-bottom: 10px;
	margin-left: 10px;
	cursor: pointer;
}


#list p{
	font-weight:bold;
	font-style:italic;
}
#form p{
	font-weight:bold;
	font-style:italic;
}
#access_level-error{
	position: absolute;
	top: 0;
	left: 100px;
}

.oknote{
	float:left;
	font-style:italic;
	color:#393;
	font-weight:bold;
	display:block;
	padding:20px;
	margin-bottom:10px;
	background-color:#eee;
	border:1px solid #ddd;
	box-shadow:0px 10px 10px #888888;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

/*Pollatos*/
.errornote{
	float:left;
	font-style:italic;
	color:red;
	font-weight:bold;
	display:block;
	padding:20px;
	margin-bottom:10px;
	background-color:#FFE3E3;
	border:1px solid #ddd;
	box-shadow:0px 10px 10px #888888;
	-moz-border-radius: 5px 5px 5px 5px; /* Firefox */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari and Chrome */
	border-radius: 5px 5px 5px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}

.note{
	font-size:13px;
	color:#900;
	font-style:italic;
}
.fieldinfo{
	font-size:14px;
	color:#999;
	font-style:italic;
}
.icon0{
	display:block;
	background-image:url(../images/0.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}
.icon1{
	display:block;
	background-image:url(../images/1.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.topopup{
	font-family: 'Myriad Pro'!important;
	font-size:16px!important;
	padding:10px;
	color:#fff;
	text-decoration:none;
	/* gradient */
	background-color: #326497;
	/* border */
	border:0px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
}
.topopup:hover{
	color:#fff;
	/*gradient */
	background-color: #134a81;
}

.editbutton{
	display:block;
	background-image:url(../images/edit.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.downloadbutton{
	display:block;
	background-image:url(../images/download.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.filedeletebutton{
	display:block;
	background-image:url(../images/delete.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.imagedeletebutton{
	display:block;
	background-image:url(../images/delete.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.deletebutton2{
	display:block;
	background-image:url(../images/delete3.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.newprintbutton{
	display:block;
	background-image:url(../images/printers2.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.pdfbutton{
	display:block;
	background-image:url(../images/pdf-logo.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
}

.totopbutton{
	display:block;
	background-image:url(../images/back-to-top.png);
	/*background-position:center;*/
	background-repeat:no-repeat;
	height:70px;
}

.mailsendbutton{
	display:block;
	background-image:url(../images/webmail.png);
	background-position:center;
	background-repeat:no-repeat;
	height:19px;
	cursor: pointer;
}

small{
	color:#aaa;
	font-size:13px;
	font-weight:normal;
}

.image_box,.image_box_before,.image_box_after{
	width:200px;
	height:150px;
	margin-bottom:10px;
	overflow:hidden;
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
	background-color:#eee;
}
.image_box img{
	width:10px;
	height:auto;
	min-height:100%;
	min-width:100%;
}
.image_box_before img{
	width:10px;
	height:auto;
	min-height:100%;
	min-width:100%;
}
.image_box_after img{
	width:10px;
	height:auto;
	min-height:100%;
	min-width:100%;
}
.image_box_h100{
	height:122px;
}

.image_box_h50{
	height:50px;
}

.image_box_ico{
	/* currently for the reports (printer) ico in prints list screen */
	padding: 10px;
	display: inline;
	vertical-align: bottom;
	width: 30px;
	height: 30px;	
}

.image_box_ico:hover{
	opacity: 70%;
}
	
a.image_box_small{
	display: block;
	background-image: url(../images/image.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 19px;
}

.new_image_box{
	width:250px;
	height:150px;
	padding: 6px;
	margin-bottom:10px;
	overflow:hidden;
	border:1px solid #ddd;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
	background-color:#eee;	
}
.new_image_box img{
	width:10px;
	height:auto;
	min-height:100%;
	min-width:100%;
}

.thumbnail {
	max-width:50px;/*width:40px;*/
	height: auto;/*height:40px;*/
	margin-left:10%;
	box-shadow: 2px 5px 20px #888888;
}

.placements_info{
	width: 215px;
	height: 187px;
}

.total_cost{
	float:left;
	color: #000;
	/*background-color: #326497;*/
	background-color:#EEEEEE;
	font-weight: normal;
	font-size: 22px;
	/*display: block;*/
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.total_cost span{
	color:#326497;
}

#filesContainer{
	margin-top:20px;
}
.file_vals{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.remove_file_button{
	margin-left:10px;
}
.prints_afterprints_block{
	position:relative;
}
.prints_afterprints_block a.topopup{
	position:absolute;
	right:20px;
	top:10px;
	padding:4px;
}

#prints_dialog {
    /*pollatos: for prints screen waiting dialog*/
	position: fixed;
    top: 0px;
	left: 0px;	
	width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: white;
    text-align: center;
	vertical-align: middle;
	z-index: 9999;
}

#items_dialog {
    /*pollatos: for save items waiting dialog*/
	position: fixed;
	display: none;
    top: 0px;
	left: 0px;	
	width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: white;
    text-align: center;
	vertical-align: middle;
	z-index: 9999;
}

.my_combo_box {
	/*pollatos: combo box simulation*/
	position: absolute;
	margin-top: 30px;
	width: 300px;
	display: none;
	z-index: 19;
	clear: left;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0px 10px 30px #888888;
    -moz-box-shadow: 0px 10px 30px #888888;
    -webkit-box-shadow: 0px 10px 30px #888888;
}
	
.prints_fields_left_panel{
	float:left;
	width:55%;
	/*height: 200px;*/
	min-height: 200px;
}

.prints_fields_right_panel{
	float:right;
	width:45%;
	/*height: 200px;*/
	min-height: 200px;
}

@media only screen and (max-width: 1440px) {
	.logo{
		min-width:140px;
		margin:0.25% 0% 0% 1%;
		background-size: auto 35px;
	}
	.dynamic_panel{
		width:50%;
	}
	.dynamic_panel_content_pl{
		width:63.4%;
		margin-right:10px;
		margin-top:2.4%;
		height:50px;
}
	.dynamic_panel_content_if{
		/*items form*/
		width:63.4%;
		padding-left: 7%;
		margin-right:10px;
		margin-top:2.7%;
		height:50px;	
	}	
}

@media only screen and (max-width: 1280px) {
	html,body{
		font-size:12px;
	}
	.footer{
		font-size:12px;
	}
	.logo,.logo2{
		min-width:100px;
		margin:0.25% 0% 0% 1%;
		background-size: auto 25px;
	}
	.dynamic_panel{
		width:50%;
	}
	.dynamic_panel h2{
		font-size:16px;
	}
	
	.dynamic_panel_content_pl{
		width:63.4%;
		margin-right:10px;
		margin-top:3%;
		height:50px;	
	}
	.dynamic_panel_content_if{
		/*items form*/
		width:63.4%;
		padding-left: 7%;
		margin-right:10px;
		margin-top:4.3%;
		height:50px;	
	}
	
	.right_buttons{
		/*clear:left;*/
	}
	.button{
		font-size:12px!important;
	}
	.button_topbar{
		font-size:10px!important;
	}	
	.topopup{
		font-size:12px!important;
	}
	textarea{
		width: 200px;
		height:80px;
		font-size:12px!important;
	}
	.textarea_info{
		width:200px;
		height:80px;
		font-size:12px!important;
	}
	.total_cost{
		font-size: 16px;
	}
	.inputbox{
		font-size:12px!important;
	}
	.selectbox{
		font-size:12px!important;
	}
	.selectbox100{width:60px;}
	.selectbox150{width:60px;}
	.selectbox200{width:80px;}
	.selectbox300{width:80px;}
	.selectbox400{width:100px;}
	.selectbox500{width:100px;}	
	
	.items_label {
		font-size:12px;
	}
	.selectbox{
		font-size:12px!important;
	}
	
	.mainmenu_board_inner{
		margin:0% 15% 0% 18%;
	}
	.board_inner{
		margin:80px 2% 2% 2%;
	}
	.mainmenu_board a{
		margin-top:18px;
		margin-right:2px;
		margin-left:2px;
		height:130px;
		width:132px;
	}
	.mainmenu_board span{
		padding:10px 0px;
		font-size:12px;
	}
	a.board-item1{
		background-size:80px auto;
	}
	a.board-item2{
		background-size:80px auto;
	}
	a.board-item3{
		background-size:80px auto;
	}
	a.board-item4{
		background-size:80px auto;
	}
	a.board-item5{
		background-size:80px auto;
	}
	a.board-item6{
		background-size:80px auto;
	}
	a.board-item7{
		background-size:80px auto;
	}
	a.board-item8{
		background-size:80px auto;
	}
	a.board-item9{
		background-size:80px auto;
	}
	a.board-item10{
		background-size:80px auto;
	}
	a.board-item11{
		background-size:80px auto;
	}
	a.board-item12{
		background-size:80px auto;
	}
	a.board-item13{
		background-size:80px auto;
	}
	a.board-item14{
		background-size:80px auto;
	}
	a.board-item15{
		background-size:80px auto;
	}
	a.board-item16{
		background-size:80px auto;
	}
	a.board-item17{
		background-size:80px auto;
	}
	a.board-item18{
		background-size:80px auto;
	}

	.inputbox{width:120px;}
	.inputbox100{width:60px;}
	.inputbox150{width:60px;}
	.inputbox200{width:80px;}
	.inputbox300{width:80px;}
	.inputbox400{width:100px;}
	.inputbox500{width:100px;}
	.inputbox600{width:200px;}

	.image_box{
		width:120px;
		height:100px;
	}
	.image_box_h50{
		height:30px; 
	}
	.new_image_box{
		width:120px;
		height:100px;
	}	
	.my_combo_box {
		/*pollatos: combo box silulation*/
		margin-top: 30px;
		width: 220px;
	}
	.gradient_text {
		font-size:12px!important;
	}

	.text-center {
		text-align: center;
	}

	.category_label {
		display:flex;
		align-items:center;
		gap:6px;
		padding:6px 10px;
		border:1px solid #326497;
		border-radius:6px;
		cursor:pointer;
	}

	.table-responsive {
		width:100%;
		overflow-x:auto;
	}

	.discount_table {
		width:100%;
		border-collapse:collapse;
		border:1px solid #326497;
		text-align:center;
		min-width:900px;
	}

	.discount_table th,
	.discount_table td {
		border:1px solid #326497;
		padding:6px;
	}

	.discount_table th {
		background:#326497;
		color:#fff;
	}
}