/*CSS File For Sign-In webpage*/
#body-color{
	background-image: url("epithetiko2.jpg");
	background-color: #cccccc;
	margin: 0;
	background-size: auto;
	background-position: right top;
}
#body-pharm{
	background-image: url("pharmacy.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;
}
#tv-body{
	background-image: url("tv2.png");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	background-size: 85%;	
}

#incoming-body{
	background-image: url("tv.png");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	background-size: 1200px;	
}
#incoming-body{
	background-image: url("incoming2.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;		
}
#mem-body{
	background-image: url("percent.jpg");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: 100%;	 
}
#kat-body{
	background-image: url("katasthma FIRTECH THESS 001.jpg");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	background-size: 100%;	 
}
#stad-body{
	background-image: url("stadiou.jpg");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	background-size: 100%;	 
}
#mit-body{
	background-image: url("mitropoleos2.jpg");
	background-color: #fff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	background-size: 100%;	 
}
#sales-body{
	background-image: url("sales.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;	
}
#body-labels{
	background-image: url("/labels/barcodes.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;	
}
#body-zakyra{
	background-image: url("../canceled.jpg");
	background-color: #fff;
	margin: 0;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 455px 140px;	
}
#body-red_list{
	background-image: url("red_list.jpg");
	background-color: #fff;
	margin: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px 145px;	
}
#body-apografi{
	background-image: url("/apografi/images/warehouse.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;	
}
#body-sign{
	background-image: url("time.jpg");
	background-color: #fff;
	background-size: cover;
	margin: 0;
	background-repeat: no-repeat;	
}
#body-jobs{
	background-image: url("jobs.jpg");
	background-color: #B1D5E5;
	background-size: cover;
	margin: 0;
	background-repeat: no-repeat;	
	background-position-y: 100px;
}
#body-advance{
	background-image: url("advance.jpg");
	background-color: #fff;
	margin: 0;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top;
}
/*#Sign-In, #Sign-In-Member{
font-family: 'Roboto', sans-serif;
margin-top:35px;
margin-right:auto;
margin-left:auto;
border:3px solid #a1a1a1;
padding:9px 35px; 
background:#F5F5F5;
width:400px;
border-radius:20px;
box-shadow: 7px 7px 6px;

}*/
#Sign-In, #Sign-In-Member {
    font-family: 'Roboto', sans-serif;
    margin-top: 161px;
    padding: 9px;
    background: #F5F5F5E6;
	background: rgba(245, 245, 245, 0.89);
    width: 100%;
}
.fail{
	background-image: url("Error.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}
#Sign-In{
margin-bottom:30px;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#Sign-In-Member{
padding-bottom:90px!important;
margin-bottom:30px;
}
input{
border-radius:5px;
height:20px;
}
#button{
margin-top:10px;
border-radius:10px;
width:100px;
height:40px;
float:right;
background:#4CAF50;
color:#fff;
font-weight:bold;
font-size:16px;
cursor: pointer;
}
#button2, #button4{
margin-top:10px;
border-radius:10px;
height:40px;
background:#8DC63F;
color:#fff;
font-weight:bold;
font-size:16px;
cursor:pointer;
float: left;
}
#buttonzak1, #buttonzak2{
margin-top:10px;
border-radius:10px;
height:40px;
background:#8DC63F;
color:#fff;
font-weight:bold;
font-size:16px;
cursor:pointer;
float: left;
}
#buttonred1, #buttonred2{
margin-top:10px;
border-radius:10px;
height:40px;
background:#8DC63F;
color:#fff;
font-weight:bold;
font-size:16px;
cursor:pointer;
float: left;
}
#button3, #button5{
border-radius:10px;
height:40px;
background:#EC0F0D;
color:#fff;
font-weight:bold;
font-size:16px;
cursor:pointer;
float: left;
margin-top: 10px;
margin-left: 20px;
}
#button:hover{
background:#58E25D;
color:#fff;
font-weight:bold;
font-size:16px;
border-color:#4CAF50;
}
#button2:hover, #button4:hover{
border: 2px solid #056839;
color:#fff;
font-weight:bold;
font-size:16px;
}
#buttonzak1:hover, #buttonzak2:hover{
border: 2px solid #056839;
color:#fff;
font-weight:bold;
font-size:16px;
}
#buttonred1:hover, #buttonred2:hover{
border: 2px solid #056839;
color:#fff;
font-weight:bold;
font-size:16px;
}
#button3:hover, #button5:hover{
border: 2px solid #000;
color:#fff;
font-weight:bold;
font-size:16px;
}
#logos {
    display: block;
    border: 1px solid #7F7F7F;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 20px;
    overflow: hidden;
    height: 100px;
    width: 520px;
    vertical-align: top;
    background: #f2f2f2;
    border-radius: 15px;
}
#button_logout{
border-radius:10px;
width:100px;
background:orange;
text-align: center;
padding: 10px;
margin: 0 auto;
}
#button_logout a{
color:#fff;
font-weight:bold;
font-size:15px;
text-decoration:none;
font-family: Roboto, sans-serif;	
}
#button_logout_form{
border-radius:10px;
width:100px;
background:orange;
text-align: center;
padding: 10px;
margin: 0 15px;	
float:left;
margin-top: 10px;
}
#button_logout_form a{
color:#fff;
font-weight:bold;
font-size:15px;
text-decoration:none;
font-family: Roboto, sans-serif;	
padding: 10px 0;
}
#excel{
background: url(../excel.png);
background-repeat: no-repeat;
width: 175px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #65a597;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#mail{
background: url(../mail.png);
background-repeat: no-repeat;
width: 275px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #838F9C;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 33px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#tziros-button{
background: url(../tziros.png);
background-repeat: no-repeat;
width: 175px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #656fa5;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#stats-button{
background: url(../epithetiko/pie_chart.png);
background-repeat: no-repeat;
width: 175px;
height: 40px;
border: 0;
background-size: 23px;
background-color: #295C1D;
background-position-x: 10px;
background-position-y: 9px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#epith-button{
background: url(../epith-day.png);
background-repeat: no-repeat;
width: 240px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #656fa5;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#epith-button-month{
background: url(../calendar.png);
background-repeat: no-repeat;
width: 185px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #C75C5C;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#tameio-button{
background: url(../tameio.png);
background-repeat: no-repeat;
width: 175px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #FF9554;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#button_back{
border-radius:10px;
width:100px;
background:#ce3e39;
text-align: center;
padding: 10px;
margin: 0;	
float:left;
margin-top: 10px;
}

#button_comment{
background: url(../comment.png);
background-repeat: no-repeat;
width: 175px;
height: 40px;
border: 0;
background-size: 30px;
background-color: #003fff;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 10px;
cursor: pointer; 
cursor: hand;
}
#button_order{
border-radius:10px;
width:265px;
text-align: center;
padding: 10px;
margin: 0 15px;	
float:left;
margin-top: 10px;
background: url(../sales-2.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #7EC780;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#button_report_inc{
border-radius:10px;
width:230px;
text-align: center;
padding: 10px;
margin: 0 15px;	
float:left;
margin-top: 10px;
background: url(../inc-1.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #7EC780;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#button_custommer{
border-radius:10px;
width:265px;
text-align: center;
padding: 10px;
margin: 0 15px;	
float:left;
margin-top: 10px;
background: url(../sales-1.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #FF9900;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#button_list{
border-radius:10px;
width: 185px;
text-align: center;
padding: 10px;
margin: 0 15px 0 0;	
float:left;
margin-top: 10px;
background: url(../sales-3.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #59A6C0;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#pdf{
border-radius:10px;
width: 170px;
text-align: center;
padding: 10px;
margin: 0 15px 0 0;	
float:left;
margin-top: 8px;
background: url(../labels/pdf.png);
background-repeat: no-repeat;
background-size: 28px;
background-color: #2A2A2A;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
height: 43px;
}
#button_sales{
border-radius:10px;
width:150px;
text-align: center;
padding: 10px;
margin: 0 15px 0 0;	
float:left;
margin-top: 10px;
background: url(../sales-4.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #E54141;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#sales_button_calendar{
border-radius:10px;
width:210px;
text-align: center;
padding: 10px;
margin: 0 15px 0 0;	
float:left;
margin-top: 10px;
background: url(../calendar.png);
background-repeat: no-repeat;
background-size: 30px;
background-color: #989898;
background-position-x: 10px;
background-position-y: 5px;
padding-left: 25px;
}
#button_move{
border-radius:10px;
width:100px;
background:#2ea573;
text-align: center;
padding: 10px;
float:left;
margin-top: 10px;
margin-left:15px;
}

#button_change{
border-radius:10px;
background:#000;
text-align: center;
padding: 10px;
margin: 0;	
float:right;
margin-top: 10px;
}
#button_back_center{
border-radius:10px;
width:100px;
background:#ce3e39;
text-align: center;
padding: 10px;
margin:10px auto 0px auto;
}
#button_back a, #button_black a , #button_back_center a, #button_move a, #button_order a,#button_report_inc a, #button_list a, #button_sales a, #button_custommer a , #pdf, #button_comment a, #sales_button_calendar a {
color:#fff;
font-weight:bold;
font-size:15px;
text-decoration:none;
font-family: Roboto, sans-serif;	
padding:10px 0;
}

#button_change a {
color:#fff;
font-weight:bold;
font-size:15px;
text-decoration:none;
font-family: Roboto, sans-serif;	
}
#button_back:hover , #button_comment:hover ,#button_black:hover , #button_back_center:hover , #button_logout_form:hover, #button_logout:hover, #autoUpdate:hover, #button_change:hover ,#button_report_inc:hover,#button_move:hover ,#button_order:hover,#button_list:hover,#button_sales:hover, #button_custommer:hover, #pdf:hover, #sales_button_calendar:hover{
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
	font-weight: bold;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
#button_ins_inc {
    border-radius: 10px;
    width: 260px;
    background: #32BEA6;
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 15px !important;
    float: left;
    color: white !important;
}
#button_ins_inc:hover {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
	font-weight: bold;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
#button_ins_inc a {
color:#fff;
font-weight:bold;
font-size:15px;
text-decoration:none;
font-family: Roboto, sans-serif;	
background: url(../inc-2.png);
background-repeat: no-repeat;
background-size: 25px;
background-position-x: 0px;
background-position-y: 8px;
padding: 11px 10px 10px 30px;
}

#epsilon{
	background: url(../epsilon.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#epsilon2{
	background: url(../epsilon2.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#skai{
	background: url(../skai.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#alpha{
	background: url(../alpha.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#mega{
	background: url(../mega.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#ant1{
	background: url(../ant1.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    cursor: pointer;
	border-radius: 10px;
	background-size: 40px;

}
#makedonia{
	background: url(../makedonia.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#art{
	background: url(../art.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#alert{
	background: url(../alert.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#kriti{
	background: url(../kriti.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#sigma{
	background: url(../sigma.jpg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#web{
	background: url(../web.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#epith{
	background: url(../epith.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#d_all{
	background: url(../full2.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#temaxia{
	background: url(../temaxia.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#d_all_m{
	background: url(../month.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#bonus_icon{
	background: url(../bonus.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border:0;
    background-position-x: center;
    background-position-y: center;
    border-radius: 10px;
    cursor: pointer;
}
#check{
	background-image: url("../chek.png");
    	background-repeat: no-repeat;
    	background-position: 50%;
		height: 40px;
		background-size: 30px;
		
#not_check{
	background-image: url("../not_chek.png");
    	background-repeat: no-repeat;
    	background-position: 50%;
		height: 40px;
		background-size: 30px;		
}
.disabled {
   pointer-events: none;
   cursor: default;
}