/***********************LEAN*********************************/


#lean_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

.lean_container{
	background-color:#f2f3f5;
	padding:20px 3%;
	border-radius:10px;
	position: relative;
}

.lean_closer{
	position:absolute;
	right:10px;
	top:10px;
}

.lean_closer img{
	height:30px;
}

.lean_title{
	font-size:26px;
	font-weight:900;
	text-align:center;
}

/*==================*/
/*===basket reult===*/
/*==================*/
#basket_result {
	width: calc( 100vw - 32px ) !important;
	flex-direction: column;
	left: 50% !important;
	height: max-content !important;
	box-shadow: 0 0 18px 2px rgba(0,0,0,0.6);
	top: 2vh !important;
	margin: auto !important;
	border-radius: 5px;
	max-width: 1100px;
	transform: translateX(-50%);
	background: white;
	max-height: 96vh;
}
.basket_result_container{
	/*background-color:#f2f3f5;*/
	padding:20px 3%;
	border-radius:10px 10px 0px 0px;
}
#basket_result .cb  {clear:both;}
#basket_result .cbx {height:10px;clear:both;}
#basket_result .cbx2{height:20px;clear:both;}

.basket_more_titlex {
	font-size: 18px;
	font-weight: bold;
}
.basket_more_pr2 {
	float: left;
	text-align: left;
	padding: 10px 2%;
	width: 25%;
	font-weight: bold;
	position: relative;
}
.basket_more_add {
	position: absolute;
	background-color: rgba(255,255, 255, 0.5);
	height: 80%;
	width: 90%;
	display: none;
}
.basketnew {
	/*background-color: #395b9b;*/
	background-color:#ffb800;
	width: 100%;
	padding: 10px 0;
	border-radius: 10px;
	color: #161616;
	text-align: center;
	font-size: 1vw;
	font-weight: 600;
	float: left;
}
.basket_more_add_insider {
	background-color: #385a9a;
	padding: 5%;
	width: 25%;
	margin-left: 25%;
	margin-top: 20%;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
}
.basket_more_title {
	font-size: 14px;
	text-align: center;
	height: 30px;
	overflow: hidden;
}
.basket_more_price1 {
	float: left;
	color: #2d2d2d;
	font-weight: 700;
	text-decoration: line-through;
}
.basket_more_price2 {
	float: right;
	font-weight: 700;
	color: red;
}
#br_loaded_content {
	width: 100%;
	background-color: #fff;
	border-radius: 0px 0px 10px 10px;
	padding: 5px 4% 50px 4%;
	height: max-content;
	min-height: max-content;
	overflow-y: auto;
}

#basket_buttons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: wrap;
}
	@media only screen and (max-width:500px){#basket_buttons {justify-content: center;}}
#basket_buttons a{
	text-decoration:none;
	margin-bottom:5px;
}

#basket_continue_but{
	background-color:var(--primary);
	color:#fff;
	font-size:22px;
	border-radius:5px;
	cursor:pointer;
	padding:5px 20px;
	float:left;
	text-align:center;
	margin-right:10px;
}

#basket_goto_but{
	background-color:#4ec277;
	color:#fff;
	font-size:22px;
	border-radius:5px;
	cursor:pointer;
	padding:5px  20px;
	float:left;
	text-align:center;
}

#diathesimotita {
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	left: 0 !important;
	top: 0 !important;
	transform: none;
	margin: 0 !important;
	position: fixed;
	display: none;
}

#diathesimotita .lean_container {
	width: 1024px; 
	padding-bottom: 2px;
	opacity: 1;
	z-index: 11000;
	left: 50%;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%);
	max-width: 95% !important;
	margin: 0 !important;
	justify-items: center !important;
	width: 1024px !important;
}
#diathesimotita .lean_container {
	background-color: #f2f3f5;
	padding: 20px 3%;
	border-radius: 10px;
	position: relative;
	top: 0;
	margin: 0;
	min-height: max-content;
	overflow: auto;
	max-height: 95vh;
}
#lean_loaded_content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
#diathesimotita_returner_left{
	width:40%;
	margin-right:2%;
	min-width: 250px;
}

#drl_image{
	background-color:#fff;
	padding:3%;
	text-align:center;
	width:70%;
	border-radius:20px;
}

#drl_title{
	font-size:16px;
	padding-top:10px
}

#drl_title a{
	text-decoration:none;
	color:#000;
}

.bgea{
	background-color:#eaeaea !important;
}

.diathe_maps{
	display:none;
	width:100%;
}

.diathe_maps_title{
	color:var(--primary);
	font-size:20px;
	padding-bottom:10px;
	font-weight:100;
}

#quick_view{
     width: 90%;
     padding-bottom: 2px;
    display:none;
}

.qv_header{
	width:100%;
	background-color:#395b9b;
	padding:10px 0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#quick_view_content{
	width:100%;
	padding:0 4%;
	overflow-y: auto;
	height:70vh;
	background-color:#fff;
}

.qv_close{
	float:right;
	padding:5px 10px;
}




#basket_result{
	width: 1024px;
     padding-bottom: 2px;
    display:none;
}
#basket_result_content {
	display: flex;
	flex-wrap: wrap;
}
#brc_image {
	width: 31%;
	padding: 10px 2%;
	background-color: #fff;
	text-align: center;
	margin: 10px auto;
	border-radius: 10px;
	display: inline-block;
	min-width: 250px;
	position: relative;
}

#brc_title {
	width: 61%;
	display: inline-block;
	font-size: 16px;
	padding-top: 0;
	margin: auto;
	min-width: 250px;
	vertical-align: middle;
}



.basket_more_title{
	font-size:14px;
	text-align:center;
	height:44px;	/*2times the line height*/
	overflow:hidden;
}



.invisible_closer{
	float:right;
	width:70px;
	height:50px;
}

.login_result_container_pad{
	padding:20px 10%;
}

.login_result_forgot{
	width:100%;
	font-size:16px;
	float:left;
}

.login_result_forgot a{
	color:var(--primary);
	text-decoration:none;
}

#login_result
{
	width: 873px;
	padding-bottom: 2px;
	display:none;
   
}

#login_result_horeca
{
	width: 873px;
	padding-bottom: 2px;
	display:none;
   
}

.login_result_buttons{
	width:100%;
	font-size:14px;
	text-align:left;
}
.login_result_buttons > * {
	margin-bottom: 2px;
}

.green_small_button{
	background-color:#5cc475;
	color:#fff;
	padding:10px 30px;
	font-size:18px;
	border-radius:10px;
	margin-left:10px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
}

.login_result_button_reg_text{
	
	padding-top:10px;
	color:var(--primary);
	font-size:14px;
}

.login_result_button_reg{
	background-color:var(--primary);
	color:#fff;
	padding:10px 30px;
	font-size:18px;
	border-radius:10px;
	border:0px;
	font-weight:bold; 
	cursor:pointer;
}

/*
#news_success {
	/*width: 800px;
	height:409px;
    padding-bottom: 2px;
    display:none;*/
/*	z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: none;
    align-items: center;
    /*overflow: auto;*/
/*}

#news_success.show {
    display:block !important;
}*/


#news_success {display: none !important;}
#news_success.show {
    z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: flex !important;
    align-items: center;
    overflow: auto;
}
#news_success_container {
	width: 600px;
	height: auto;
	background-color: #fff;
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: auto;
	max-width: 95%;
	background: #ffd700;
}



/*

#egration.show{
	
}*/

/*
#news_success_container{
	width:800px;
	height:409px;
	background-image:url("/images/gdpr_news/popUp_when_signUp.png?Asd=1");
	text-align:left;
	padding:10px;
}*/

.warrz{
     width: 60%;
     padding-bottom: 2px;
    display:none;
}


.warrz_close{
    float: right;
	padding: 5px 10px;
	position: relative;
	height: 0px;
    top: 10px;
}



 #wrong_code3 {

	 width: 612px;
	 padding-bottom: 2px;
	height:150px;
	display:none;
	z-index:11001;
	   
}




#price_club_working {
	width: 800px;
	height:409px;
    padding-bottom: 2px;
    display:none;
}

#price_club_working_container{
	text-align:left;
	padding:20px;
	background-color:#f1f2f6;
	border-radius:10px;
}

#price_club_ht {
	width: 800px;
	height:409px;
    padding-bottom: 2px;
    display:none;
}

#price_club_ht_container{
	text-align:left;
	padding:20px;
	background-color:#f1f2f6;
	border-radius:10px;
}


#wrong_code3_container{
	width:612px;
	height:274px;
	background:url('/images/lipoumaste_box.png');	
	background-repeat: no-repeat;
}

#wrong_code3_closer{
	float:right;
	width:70px;
	height:50px;
}





#news_success2 {
	width: 800px;
	 height:409px;
	 
     padding-bottom: 2px;

    display:none;
}

#news_success2_container {
	width:800px;
	height:409px;
	background-image:url('/images/bf/bf2020_popUp_when_signUp2bk.png?Asd=1');
	text-align:left;
	padding:10px;
}


#eod_case {
	width: 600px;	 
	padding-bottom: 2px;
    display:none;
	background-color:#fff;
}

.eod_container{
	width:600px;
	background:#fff;
	text-align:left;
	padding:10px;
}

.eod_alertor{
	font-size:20px;
	font-weight:bold;
	padding-bottom:5px;
}

.eod_alert_title{
	font-size:16px;
	font-weight:bold;
}

.eod_alert_text{
	font-size:14px;
	font-weight:none;
}

.eod_alert_cancel{
	float:right;
	background-color:#828282;
	color:#fff;
	padding:5px 20px;
	cursor:pointer;
	margin-right:20px;
}

.eod_alert_add{
	float:right;
	background-color:#38b551;
	color:#fff;
	padding:5px 20px;
	margin-right:10px;
}


#eod_product {
	width: 800px;
	padding-bottom: 2px;
    display:none;
}

#eod_product_container{
	width:800px;
	background:#fff;
	text-align:left;
	padding:10px;
}

#eod_product_container_cont{
	float:right;
	background-color:#34be5f;
	color:#fff;
	padding:5px 20px
}

#eod_product_container_more{
	float:right;
	background-color:#e8e8e8;
	color:#000;
	padding:5px 20px;
	margin-right:10px;
}

#eod_not_all {
	width: 600px;
	padding-bottom: 2px;
	display:none;
	background:#fff;
}

#eod_not_all_content{
	font-size:12px;
	width:330px;
}

#eod_not_all_return{
	float:left;
	background-color:#616ce8;
	color:#fff;
	padding:5px 2%;
	cursor:pointer;
	width:41%;
	text-decoration:none; 
	margin-right:5%
}

#eod_not_all_buy{
	float:left;
	background-color:#38b551;
	color:#fff;
	padding:5px 2%;
	cursor:pointer;
	width:41%;
}

#eod_service_not_case {
	width: 600px;
	padding-bottom: 2px;
	display:none;
}

.eod_service_not_case_return{
	float:right;
	background-color:#616ce8;
	color:#fff;
	padding:5px 20px;
	cursor:pointer;	
}
		

#bf_success {
width: 800px;
	 height:409px;
	 
     padding-bottom: 2px;

    display:none;
}

#bf_success_container{
	width:800px;
	height:409px;
	background-image:url('/images/crazy_mesa_banner/thnx_cr.jpg?Asd=5');
	text-align:left;
	padding:10px;
}

#bf_success2 {
	width: 800px;
	height:409px;
	padding-bottom: 2px;
    display:none;
}	

#bf_success2_container{
	width:768px;
	height:430px;
	background-image:url('/images/thankyou123.png?Asd=5');
	text-align:left;
	padding:10px;
}

#ws_success {
	width: 800px;
	height:409px;	 
	padding-bottom: 2px;
    display:none;
}
	
#ws_success_container{
	width:800px;
	height:409px;
	background-image:url('/images/thnx_cr2m.jpg?Asd=5');
	text-align:left;
	padding:10px;
}	



/***********************MYCOSMO LEAN*********************************/


.inputer1 
{
	width:90%;
	margin:3px 10px;
	/*height:25px;*/
	padding:5px 10px;
	border: 0px;
}


.closer1{
	float:right;
	height:25px;
	width:25px;
	text-align:center;
	cursor:pointer;
}

.closer1 img{
	height:20px;
}

.closer1:hover img{
	height:23px;
}

.textarea_lean{
	height:100px;
	resize: none;
}

.mycosmo_lean_cont{
	background-color:#efefef;
	margin:0px 20px;
	padding:10px 0px;
}

.mycosmo_lean_cont_left1{
	width:30%;
	float:left;
	padding: 10px 10px;
	font-weight:bold;
}

.mycosmo_lean_cont_right1{
	float:left;
	margin: 3px /*1*/0px;
	/*height: 25px;*/
	padding: 5px 10px;
	border: 0px;
	width:65%;
}

.mycosmo_lean_cont_right2{
	float:left;
	width:65%;
}

.submiter1{
	width:150px;
	background-color:var(--primary);
	cursor:pointer;
	color:white;
	padding:10px;
	text-align:center;
	margin:0 auto;
	
	border:1px solid var(--primary);

}

.submiter1:hover{
	background-color:#fff;
	color:var(--primary);
}





#messages_one {
	width: 850px;
	height:167px;	 
	padding-bottom: 2px;
    display:none;
}



#epikoinonia_failure_info, #epikoinonia2_failure_info, 
#callmeser1_failure_info, #callmeser2_failure_info, #callme1_failure_info,
#allagi_stoixeion1_failure_info, #allagi_stoixeion1_failure_info,
#prosthiki_stoixeion1_failure_info, #prosthiki_stoixeion2_failure_info,
#allagi_address1_failure_info, #allagi_address2_failure_info,
#allagi_address3_failure_info, #allagi_kodikou_failure_info,
#proagora_oron_failure_info
{
	font-size:14px;
}

#allagi_stoixeion1 {display: none !important;}
#allagi_stoixeion1.show {
    z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: flex !important;
    align-items: center;
    overflow: auto;
}
#allagi_stoixeion1_container {
	width: 600px;
	height: auto;
	background-color: #fff;
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: auto;
	max-width: 95%;
}
/*
#allagi_stoixeion1{
	width: 500px;
	height:550px;	 
	padding-bottom: 2px;
    display:none;
}

#allagi_stoixeion1_container{
	width:600px;
	height:auto;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 10px 20px;
}
*/


.allages_gen {display: none !important;}
.allages_gen.show {
    z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: flex !important;
    align-items: center;
    overflow: auto;
}
.allages_gen_container {
	width: 600px;
	height: auto;
	background-color: #fff;
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: auto;
	max-width: 95%;
}

/**********/

#prosthiki_stoixeion1{
	width: 600px;
	height:400px;	 
	padding-bottom: 2px;
    display:none;
}

#prosthiki_stoixeion1_container{
	width:600px;
	height:400px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

#prosthiki_stoixeion2{
	width: 600px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#prosthiki_stoixeion2_container{
	width:600px;
	height:550px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

#allagi_address1{
	width: 600px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#allagi_address1_container{
	width:600px;
	height:auto;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 10px 20px;
}

#allagi_address2{
	width: 600px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#allagi_address2_container{
	width:600px;
	height:550px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

#allagi_address3{
	width: 600px;
	height:600px;	 
	padding-bottom: 2px;
    display:none;
}

#allagi_address3_container{
	width:600px;
	height:600px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

#news_success {
width: 800px;
	 height:409px;
	 
     padding-bottom: 2px;

    display:none;
}

#news_successbk {
	width: 800px;
	height:409px;
	padding-bottom: 2px;
    display:none;
}

#news_successbk_container{
	width:800px;
	height:409px;
	background-image:url('/images/gdpr_news/popUp_when_signUp2bk.png?Asd=1');
	text-align:left;
	padding:10px;
}

.mycosmo_cont1 {display: none !important;}
.mycosmo_cont1.show {
    z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: flex !important;
    align-items: center;
    overflow: auto;
}
.mycosmo_container1 {
	width: 600px;
	height: auto;
	background-color: #fff;
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: auto;
	max-width: 95%;
}
/*
.mycosmo_cont1{
	width: 316px;
	height:167px;	 
	padding-bottom: 2px;
    display:none;
}

.mycosmo_container1{
	width:316px;
	height:167px;
	background-color:#fff;
	text-align:left;
	padding:10px;
}
.mycosmo_container1 .cbx2{clear:both;}*/

.mycosmo_success_checked {
	float: left;
	width: 90px;
	padding-right: 20px;
	padding-top: 20px;
}
.mycosmo_success_checked img {
	width: 100%;
}
.mycosmo_success_info {
	/*float: left;*/
	padding-top: 20px;
	/*width: calc( 100% - 90px );*/
	width:90%;
	text-align:center;
}

/*
.mycosmo_lean_cont {
	background-color: #efefef;
	margin: 0px 20px;
	padding: 10px 20px;
	max-height: 78%;
	overflow: auto;
}
*/

#istoriko_par_inbox
{
	background-color:#efefef;
	margin:0px 20px;
	padding:10px;
	max-height:300px;
	overflow:auto;
}

#istoriko_par_inbox2
{
	background-color:#efefef;
	margin:0px 20px;
	padding:10px;
	max-height:300px;
	overflow:auto;
}

#istoriko_ser_inbox
{
	background-color:#efefef;
	margin:0px 20px;
	padding:10px;
	max-height:300px;
	overflow:auto;
}

.add_more_cards{
	background-color:#b79242;
	color:#fff;
	border-radius:10px;
	padding:5px 20px;
	margin-left:20px
}

#mycosmo_container{
	width:90%;
	background-color:#fff;
	margin:20px 5%;
	border-radius:20px;
}

.num_messages{
	font-size:14px;
	background-color:red;
	color:white;
	padding:3px;
	max-width:20px;
	text-align:center;
	position:relative;
	top:-30px;
	border-radius: 8px;
}

.price_club_link{
	background-color:#b79242;
	color:#fff;
	border-radius:10px;
	padding:5px 20px;
	margin-left:20px;
	font-size:28px;
}




/*************************FOOTER**************************/

.footerx{
	float:left;
}

.footerx a{
	text-decoration:none;
	color:#000;
}

.footer_title{
	font-weight:900;
}

/*
#footer_account{	
	width:15%;
}

#footer_info{
	width:25%;
	margin-left:1%;
}

#footer_service{
	width:15%;
	margin-left:1%;
}

#footer_schedule{
	width:21%;
	margin-left:1%;
}

#footer_social{
	width:25%;
	margin-left:1%;
	text-align:right;
	float:right;
	
}
*/

#map_title{
	font-size:32px;
	text-align:center;
	padding:10px 0;
}

.newsletter_container{
	display:flex;
}

.newsletter_left{
	float:left;
	padding-right:2%;
	width:35%;
}

.newsletter_left_title{
	font-size: 32px;
    font-weight: 900;
}

.newsletter_left_text{
	font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
}

.newsletter_center{
	float:left;
	padding-right:2%;
	width:35%;
}

.newsletter_center_text{
	font-size:16px;
	font-weight:300;
	font-weight:900;
}

.newsletter_center_form{
	padding-top: 10px;
}

#newsletter_center_input{
	float:left;
	width:78%;
	margin-right:2%;
}

#newsletter_center_input input{
	border:0px;
	width:96%;
	font-size:18px;
	padding:5px 2%;
	border-radius:10px;
}


#egration{
	background-color: #4ec277;
    color: #fff;
    width: 20%;
    float: left;
    text-align: center;
    padding: 5px 0;
    border-radius: 10px;
	cursor:pointer;
}



.vertical_line{
	background-color:#fff;
	width:2px;
	float:left;
}



/************************LEAN SERVICE***************************/

#service_date_new, #login224 {
     width: 1200px;	 
     padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	
       
}

 #service_date_successx {

     width: 510px;
	 height:245px;

    display:none;
}





 #service_date_failure {
     width: 316px;
	 height:167px;	 
     padding-bottom: 2px;
    display:none;       
}


 #service_date_question {

     width: 316px;
	 height:167px;
	 
     padding-bottom: 2px;

    display:none;
       
}


 #service_date_cancellation {
 width: 510px;
	 height:245px;
	 
     padding-bottom: 2px;

    display:none;
}
		
.title_input4{
	float:left;
	width:80px;
	padding-top:5px;
	text-align:right;
	padding-right:5px;
	font-size:16px;
	padding-left: 70px;
}




.input_text4{
	width:300px;
	border:0px;
	background-color:#fff;
	height:25px;
	border-radius:7px;
}
		


.styled-select_leanx {
   background: url('') no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
}

.styled-select_leanx select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; 
   width: 300px;
}

.styled-select_leanx.slate2 {
   background: #fff url(/images/mycosmo/select_array.jpg) no-repeat right center;
   height: 34px;
   width: 80%;
   margin-left:10%;
   border-radius:10px;
}

.styled-select_leanx.slate2 select {
   font-size: 16px;
   height: 34px;
   width: 268px;
}

#service_date_new_header {
	width:1150px;
	background-color:#f3f3f3;
	text-align:left;
	padding:15px 25px;
	border-radius:20px 20px 0px 0px;
	
}

.service_date_new_header_img{
	font-size:22px;
	color:#005aa8;
	text-align:center;
}

.service_date_new_header_img img{
	 width:60%;
}

#service_date_new_container{
	width:1180px;
	background-color:#E9E9E9;
	text-align:left;
	padding:15px 10px 40px;
	border-radius:0px 0px 20px 20px;
	max-height:62vh;
	overflow-y: auto; 
}

#service_date_new_container_top{
	width:100%;
	padding-top:20px;
}

#service_date_new_step1{
	float:left;
	width:20%;
	text-align:center;
	color:#074193;
	padding:30px 2% 60px;
}

.service_date_new_step_top_title{
	font-size:48px;
	font-weight:bold
}

.service_date_new_input_title{
	font-size:20px
}

.service_date_new_input{
	border: 0px;
	border-radius: 10px;
	font-size: 16px;
	padding: 5px;
	width: 80%;
	text-align-last:center;
}

#timey{
	text-align-last: center;
	padding-right: 70px;
}

#service_date_new_step2{
	float:left;
	width:20%;
	text-align:center;
	background-color:#074193;
	color:#fff;
	padding:30px 2% 60px;
	border-radius:10px;
}

#service_date_new_step3{
	float:left;
	width:22%;
	text-align:center;
	color:#074193;
	padding:30px 1% 0px 2%; 
}

#comment234{
	width:94%;
	height:120px;
	resize: none;
	background-color:#fff;
	border-radius: 10px;
	padding: 15px 3%;
	border: 0px;
}

#service_date_new_velos{
	float:left;
	width:2%;
	padding-top:150px;
}

#service_date_new_step4{
	float:left;
	width:20%;
	text-align:center;
	color:#074193;
	background:url('/images/service_date/sticker_fin.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height:250px;
	padding:30px 2%;
}

#yellow_content{
	padding-top:120px;
	font-size:18px;
}

#service_date_new_info{
	float:left;
	width:76%;
}

.service_date_new_info_red_box{
	float:left;
	background-color:#de3e0c;
	color:#fff;
	padding:2px 10px;
	margin-left:20px;
}

.service_date_new_info_box_text{
	color:#074193;
	float:left;
	padding-left:10px;
	padding-top:2px;
}

.service_date_new_info_text{
	padding:0px 20px;
	font-size:14px;
	color:#4d4d4d;
	margin-bottom:5px;
}

#service_date_new_adder{
	float:right;
	width:20%;
	text-align:center;
	padding:0px 2%;
}

.submit_sdx img{
	width:70%;
}

#radevous{
	background-color:#e8e8e8;
	font-size:12px;
	color:#005aa8;
	padding:5px 25px;
}

#service_date_new_logos{
	float:left;
}

#service_date_new_logos img, #service_date_new_moto img{
	width:90%;
}

#service_date_new_moto{
	float:right;
	padding-top:40px;
}

#service_date_successx_cont{
	width:510px;
	height:245px;
	background-image: url('/images/service_date/tick_OK.png');text-align:left;
}

#service_date_failure_cont{
	width:316px;
	height:167px;
	background-image: url('/images/cancel_OK.png');
	text-align:left;
}

#failure_info{
	font-size:12px;
	padding:35px 80px 0px;
	height:70px;
}

#service_date_cancellation_cont{
	width:510px;
	height:100%;
	background-image: url('/images/service_date/cancellation.png');
	text-align:left;
	padding-top:145px;
	    background-repeat: no-repeat;
}

#service_date_cancellation_x1{
	width: 125px;
	height: 50px;
	margin: 0px 0px 0px 130px;
	float: left;
}

#service_date_cancellation_x2{
	width: 125px;
	height: 50px;
	margin: 0px 0px 0px 5px;
	float: left;
}

#service_date_question_cont{
	width:316px;
	height:167px;
	background-image: url('/images/erwtisi_nai_oxi.png');
	text-align:left;
}

#question_info{
	font-size:12px;
	padding:35px 80px 0px;
	height:70px;
}

#service_date_question_x1{
	width:70px;
	height:50px;
	margin:0px 0px 0px 90px;
	float:left;
}

#service_date_question_x2{
	width:70px;
	height:50px;
	margin:0px 5px;
	float:left;
}

#login224_topper{
	width:1150px;
	background-color:#f3f3f3;
	text-align:left;
	padding:15px 25px;
	border-radius:20px 20px 0px 0px;
}

#login224_container_logo{
	font-size:22px;
	color:#005aa8;
	text-align:center;
}

#login224_container{
	width:1180px;
	background-color:#E9E9E9;
	text-align:left;
	padding:25px 10px;
	border-radius:0px 0px 20px 20px;
}

#login224_container_left{
	float:left;
	width:45%;
	text-align:center;
	color:#074193;
	padding:5px 2% 30px;	
}

.login224_container_title{
	color:#074193;
	font-size:28px;
	font-weight:bold;
}

.login224_button{
	background-color:#074193;
	height:30px;
	color:#fff;
	padding:0px 30px;
	font-size:16px;
	border-radius:7px;
	margin-left:140px;
	cursor:pointer;
}



#login224_reg{
	width:90%;
	margin-left:5%;
	padding:10px 0px;
	background-color:#f2f2f2;
	color:#074193;
	text-align:center;
}

#login224_reg a{
	text-decoration:none;
}

#login224_reg_but{
	background-color:#ffffff;
	height:30px;
	color:#dc1f00;
	padding:0px 30px;
	font-size:16px;
	border-radius:3px;
}

#login224_container_seperator{
	background-color:#074193;
	width:1px;
	height:400px;
	float:left;
}

#login224_container_right{
	float:left;
	width:45%;
	text-align:center;
	color:#074193;
	padding:5px 2% 30px;
}


/********************LEAN MYCOSMO***********************/


/*
#epikoinonia1{
	width: 500px;
	 height:500px;	 
     padding-bottom: 2px;
    display:none;

}

#epikoinonia1_container{
	width:500px;
	height:450px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

/*
#epikoinonia21{
	width: 500px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#epikoinonia21_container{
	width:500px;
	height:450px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}


#callme1
{
	width: 500px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#callme1_container{
	width:500px;
	height:450px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}
/*
#callmeser1
{
	width: 500px;
	 height:500px;	 
     padding-bottom: 2px;
    display:none;
}


#callmeser1_container
{	width:500px;height:450px;background-color:#fff;text-align:left;padding:10px 10px 0px 20px
}
*/


#callmeser2
{
	width: 500px;
	height:400px;	 
	padding-bottom: 2px;
    display:none;
}

#callmeser2_container{
	width:500px;
	height:350px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}


/*
#allagi_stoixeion1{
	width: 500px;
	 height:550px;	 
     padding-bottom: 2px;
    display:none;

}*/


.allagi_kodikou1_left{
	width:30%;
	float:left;
	padding: 10px;
}

.allagi_kodikou1_right{
	float:left;
	width:65%;
}





#proagora_oron1{
	width: 500px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#proagora_oron1_container{
	width:500px;
	height:250px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}

/*
#katastasi_paraggelias1{
	width: 500px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#katastasi_paraggelias1_container{
	width:500px;
	height:250px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}
*/

#istoriko_par1{
	width: 800px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#istoriko_par1_container{
	width:800px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}


#istoriko_par2{
	/*width: 800px !important;
	height:500px;	 
	padding-bottom: 2px;
    display:none;*/
}

#istoriko_par2_container{
	width:820px !important;
	/*background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;*/
}

/*
#istoriko_ser1{
	width: 800px;
	height:500px;	 
	padding-bottom: 2px;
    display:none;
}

#istoriko_ser1_container{
	width:800px;
	background-color:#fff;
	text-align:left;
	padding:10px 10px 0px 20px;
}
*/						
										

					 
					
					
					
					
					
.title_input{
float:left;
width:70px;
padding-top:5px;
text-align:right;
padding-right:5px;
font-size:12px;
}

.content_input{
float:left;
width:260px;
}

.input_text1{
width:250px;
border:0px;
background-color:#e9e9e9;
height:25px;
}

/*
.title_input2{
float:left;
width:80px;
padding-top:5px;
text-align:right;
padding-right:5px;
font-size:12px;
}

.content_input2{
float:left;
width:100px;
}

.input_text2{
width:100px;
border:0px;
background-color:#e9e9e9;
height:25px;
}


}*/


.title_input3xy{
font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #395b9b;
}



.input_text3xy{ 
width: 100%;
    border: 0px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #395b9b;
    padding: 5px 0px 5px 5px;
	    border: 1px solid #c5c5c5;
}

.content_input3xy{
	width:100% !important;
}



.styled-select_lean {
background: url('') no-repeat 96% 0;
height: 29px;
overflow: hidden;
width: 240px;
}

.styled-select_lean select {
background: transparent;
border: none;
font-size: 14px;
height: 29px;
padding: 5px; /* If you add too much padding here, the options won't show in IE */
width: 300px;
}

.styled-select_lean.slate {
background: #f2f2f2 url(/images/mycosmo/select_array.jpg) no-repeat right center;
height: 34px;
width: 240px;
}

.styled-select_lean.slate select {
border: 1px solid #ccc;
font-size: 16px;
height: 34px;
width: 268px;
}

/*********************************CATEGORY************************/
/*
#category_path{
	font-size:28px;
	text-align:center;
}

#category_path a{
	color:#000;
	text-decoration:none;	
}

.category_path_bold a{
	color:#395b9b !important;
	font-weight:700;
}
*/

#category_desc{
	font-size:16px;
	text-align:center;
}

#categories_container{
	width:96%;
	padding-left:2%;
}

/*.each_category{
	width:23.6%;
	margin:0px 0.2%;
	float:left;
	background-color:#e5e6e8;
	border-radius:10px;
	text-align:center;
	position:relative;
	border:4px solid #e5e6e8;
}*/

.each_category:hover{
	border:4px solid #395b9b;
}

.each_category_image{
	width: 80%;
    border-radius: 20px;
    background-color: #fff;
    margin-left: 10%;
	padding:20px 0 ;
    position: absolute;
    top: -60px;
}

.each_category_title{
	font-size:18px;
	font-weight:600;
	color:#1a2946;
}

.each_category a{
	text-decoration:none;
	color:#1a2946;
}

.each_category_maker{
	font-size:14px;
}

.each_category_maker:hover{
	font-weight:900;
}

#category_makers_return{
	height: 90px;
}

.each_category_but_all{
	background-color:#7f7f7f;
	color:white;
	padding:10px;
	width:50%;
	margin-left:20%;
	text-align:center;
	border-radius:10px;
	font-size:18px;
}

.each_category:hover .each_category_but_all{
	background-color:#395b9b;
}

.cat_banner_top{
	width:100%;
	background-color:#e0e0e0;
	text-align:center;
	padding:5px;
}

.blue_large_line{
	width:100%;
	background-color:#395b9b;
	height:5px;
}

.blue_line{
	width:100%;
	background-color:#395b9b;
	height:1px;
}

#filtra{
	background-color:#395b9b;
	color:#fff;
	width:20%;
	margin-left:40%;
	border-radius: 0 0 35px 35px;
	font-size:26px;
	text-align:center;
	padding:0px 0px 10px;
}

.arrow-down {
	width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.listbox_choises1{
	max-height:250px;
	overflow-y:auto;
	position:absolute;
	background-color:#e8eaef;
	border:1px solid #fff;
	color:#000;
	padding:10px;
	border-radius:20px;
	width:120%;
	margin-top:10px;
	display:none;
	
	z-index:500;
}

.listbox_choises1 label:hover{
	font-weight:900;
	cursor:pointer;
}

.listbox1{
	border:1px solid #9d9d9d;
	background-color:#fff;
	border-radius:15px;
	padding:5px;
	cursor:pointer;
	position: relative;
}

.chosen_listbox1{
	height: 20px;
	width:90%;
	overflow:hidden;
	white-space: nowrap;
	float:left;
}
	.listbox1.show .listbox_choises1{display: block !important;}

/*.filter_title{
	font-size:12pt;
	font-weight:100;
}
.filter{
	position:relative;
	width:19%;
	float:left;
	margin-right:1%;
}
*/



.ck-button {
    background-color: #FFF;
    border: 1px solid #D0D0D0;
   /* float: left;*/
    font-size: 18px;
	font-weight:700;
    border-radius: 10px;
    position: relative;
    padding: 10px;
	cursor:pointer;
	/*margin-right:1%;
	margin-top:20px;*/
}

.ck_blue_green{
	background-color: #265ac7;
	color: #56ffbe;
}


.ck-button:hover {
	background-color:#EFEFEF;
	
}

.ck_blue_green:hover{
	background-color: #265ac7;
	color: #56ffbe;
}

.ck-button label {
	float:left;
	width:100%;
	
	cursor:pointer;
}

.ck-button label span {
	text-align:center;
	display:block;
	margin-left: 26px;
}

.ck-button label input {
	position: absolute;
    /*top: 12px;*/
    float: left;
}

.ck-button input:checked + span {
}

.ck-button input:checked {
	
}
/*
.storex_cont{
	background-color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    padding:6px 10px;
    margin-right: 1%;
    float: left;
    border: 1px solid #D0D0D0;
	margin-top:20px;
}

.storex{
	border-radius: 20px;
    font-size: 18px;
    padding: 2px 10px;
    border: 2px solid #395b9b;
}


.katha_filtron{
	background-color: #e10505;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    padding:10px;
    float: left;
	margin-top:20px;
}

.katha_filtron a{
	color: #fff;
	text-decoration:none;
}
*/
#evros_text{
	font-weight:bold;
	font-size:18px;
	float:left;
}

#evros_slider{
	font-weight:bold;
	font-size:18px;
	width:200px;
	float:left;
	padding:5px 20px;
}

#amount{
	border: 0;
    color: #f6931f;
    font-weight: bold;
    font-size: 18px;
    background-color: #f2f3f5;
}

#taxinomisi{
	float:right;
	font-weight: bold;
	font-size: 18px;
}

#orderbyx{
	border-radius: 10px;
    border: 0px;
    padding: 5px;
	font-size: 16px;
}

#itemsx{
	border-radius: 10px;
    border: 0px;
    padding: 5px;
	font-size:20px;
	color:#395b9b;
}


#pag1{
	/*float:left;*/
	font-weight:700;
	position:relative;
	
	padding:0px 5px;
}

#pag1 a{
	font-weight:100;
}


#next_page{
	/*float:left;*/
}

#prev_page{
	/*float:left;*/
}

#prev_page_grey{
	/*color:#cacaca;
	float:left;*/
	
	color: #727272;
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

#next_page_grey{
	color:#cacaca;
	/*float:left;*/
}

#pd_per_page_text{
	display: inline-block;
	font-size:20px;
	color:#395b9b;
	padding-top:5px;
}

#pd_per_page_content{
	flex:1;
	font-size:20px;
	color:#395b9b;
	align-self: center;
}

#pagination123{
	width: max-content;
	/*background-color:#fff;*/
	padding:10px;
	border-radius:10px;
	font-size:20px;
	color:#395b9b;
}

#pagination123 a{
	text-decoration:none;
	color:#395b9b;
}

.page123_sel{
	background-color: #000000;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

/*************************ARTICLES********************************/

.article_title{
	padding:5px 0px;
	font-size:22px;
	font-weight:700;
	border-bottom:1px solid #000;
}



					
.input_text_contact{
	width:100%;
	border: 1px solid #c5c5c5;
	background-color:#fff;
	height:25px;
}


.fm_form {

}
.fm_form p {
	clear:both;
}
.fm_form .required {
	font-weight: bold;
	color: #000;
}
.fm_form span {
	float: left;
	text-align: right;
}
.fm_form textarea {
	height:100px;
}
.fm_form input {
}
.fm_form .fm_btns input {
	width: auto;
}
.fm_btns {
} 


#correct1{
	background-color:#32993f;
	color:white;
	width:600px;
	border-radius: 10px;
	padding:5px;
	margin-bottom:10px;
	font-size:20px;
}

#wrong1{
	background-color:#b72525;
	color:white;
	/*width:600px;*/
	border-radius: 10px;
	padding:5px;
	margin-bottom:10px;
	font-size:20px;
	text-align:center;
}

#wrong1 img{
	width:16px !important
}

#submorder{
	background-color:#000;
	padding:8px 30px;
	margin:0px;
	font-size:18px;
	color:#fdbe19;
	border-radius:5px;
}



#pliromi_posou_title{
	background-color:#ffba00;
	width:100%;
	color:#000;
	text-align:center;
	font-size:30px;
	border-radius: 20px 20px 0px 0px;
	padding:5px 5px;
}

#pliromi_posou_info{
	border:0px solid #cec; 
	border-radius:10px;
}

.pliromi_posou_info_title{
	color:#000;
	font-size:26px;
	text-align:center;
}

#pliromi_posou_pliromeno{
	background-color:red;
	padding:8px 30px;
	margin:0px;
	font-size:18px;
	color:#fdbe19;
	border-radius:5px;
	width:250px;
	cursor:default;
	text-align:center;
}

/**********************BASKET*************************************/

/*
.no_pd_basket{
	text-align:center;
}


.basket_image{
	width:20%;
	background-color:#fff;
	border-radius:20px;
	text-align:center;
	margin-right:3%;
	padding:20px 0px;
	float:left;
}

.each_basket_member a{
	text-decoration:none;
}

.basket_main_content{
	width:77%;
	float:left;
}

.basket_name{
	height: 80px;
}

.basket_price{
	padding: 10px 0px;
}

.basket_temaxia{
	padding: 20px 0px;
}

.basket_price_title{
	float:left;
	width:15%;
}

.basket_temaxia_title{
	float:left;
	width:15%;
	padding-top:5px;
}

.basket_temaxia_price{
	float:left;
}

.basket_qua_input{
	background-color:#fff;
	text-align:center;
	border:0px;
	width:40px;
	height:25px;
	font-size:16px;
}

.renew_button{
	font-size:14px;
	text-decoration:underline;
}

#basketSummary{
	font-size:16px;
	float:right;
	color:#000;
	padding-bottom:10px;
}



.basket_continue_buying{
	float:right;
	background-color:#385a9a;
	padding:10px 20px;
	margin-right:20px;
	color:#fff;
	border-radius:10px;	
	font-size:16px;
}

.basket_next_step{
	float:right;
	background: #4ec277;
	padding:10px 20px;
	color: #fff;
	border-radius:10px;
	font-size:16px;
	cursor:pointer;
}

.eksantlisix{
	background-color: red;
	color: #fff;
	padding: 10px 2px;
	width: 400px;
	text-align:center;
	border-radius:10px;
}
*/

/***********************LOGIN PAGE***************************/
#login_page .title_input{
	float:left;
	width:70px;
	padding-top:5px;
	text-align:right;
	padding-right:5px;
	font-size:12px;
}

#login_page  .content_input{
	float:left;
	width:260px;
}

#login_page  .input_text1{
	width:250px;
	border:0px;
	background-color:#e9e9e9;
	height:25px;
}

#login_page  .title_input2{
	float:left;
	width:80px;
	padding-top:5px;
	text-align:right;
	padding-right:5px;
	font-size:12px;
}

#login_page  .title_input3{
	font-weight:900 !important;
	font-size:16px !important;
	text-align:left !important;
	width:20% !important;
	padding:5px 0px !important;

}

#login_page .content_input2{
	float:left;
	width:100px;
}

#login_page .input_text2{
	width:100x;
	border:0px;
	background-color:#e9e9e9;
	height:25px;
}

#login_page .input_text3{
	background-color:#fff;
}


#login_page .content_input3{
	width:100% !important;
}

 .content_input3{
	width:100% !important;
}



/***********************ORDER FORM***************************/



/* The radio_container */
.radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 15px;
 /* color:#395b9b;*/
 color:#000;
  font-weight:700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .radio_checkmark {
  background-color: #bbb;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .radio_checkmark {
  background-color: #2196F3;
}

.radio_container input:disabled ~ .radio_checkmark {
  background-color: #f2f3f5;
}



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

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .radio_checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .radio_checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




/* Customize the label (the checkbox_container) */
.checkbox_container {
  /*display: block;*/
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   color:#395b9b;
   font-weight:700;
  /*width:330px;*/
}

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

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

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkbox_checkmark {
  background-color: #2196F3;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkbox_checkmark {
  background-color: #2196F3;
}

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

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

/* Style the checkbox_checkmark/indicator */
.checkbox_container .checkbox_checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 5px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox_container .checkbox_checkmark::after {
	left: 7px;
	top: 4px;
	width: 7px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkbox_container .checkbox_checkmark2:after {
	left: 7px;
  height: 5px;
}








.text_main{
	font-size:16px;
	/*color:#395b9b;*/
	color:#000;
}

.doseis {
	/*  border: 1px solid !important;
    border-color: rgb(169, 169, 169) !important;
	font-size: 15px;
	
	max-width: calc(90% - 35px);*/
}

.eadd, .ecom, .eaddc{
	font-size:16px;
	width:90%;
}

.error{
	color: red;
    font-weight: bold;
    border: 2px solid red;
    padding: 4px;
    font-size: 16px;
    margin:10px 0px 20px;
	/*width:50%;*/
	border-radius:10px;
	margin-left:25%;
}

#order_basket_title{
	width:100%;
	color:#000;
	padding:5px;
	text-align:center;
	font-size:18px;
	font-weight:500;
}

.order_basket_title_same{
	border-right:5px solid #3c3c3c;
	border-bottom:5px solid #3c3c3c;
	padding-top:5px;
}

.order_basket_title_pd{
	width:58%;	
	float:left;
}

.order_basket_title_pos{
	width:10%;
	float:left;
	text-align:center;
}

.order_basket_title_price{
	width:12%;
	float:left;
}

.order_basket_title_total{
	width:18%;
	float:left;
	border-bottom:5px solid #3c3c3c;
}

.order_basket_title_total_price{
	background-color:#3c3c3c;
	color:#fff;
	width:80%;
	float:right;
	border-radius:5px 5px 0 0;
	padding-top:5px;
	margin-left: 20%;
}
		
.order_basket_image{
	float:left;
	/*width:15%;*/
	padding:10px 0;
	border-radius:20px;
	background-color:#fff;
	/*margin-right:3%;*/
	text-align:center;
}	

.order_basket_text{
	float:left;
	/*width:82%;*/
	
}	


.flexitron{
	display: flex;
    align-items: center;
}

.each_basket_product{
	font-weight:500;
	color:var(--primary);
	
}

.each_basket_product .order_basket_title_total{
	width:18%;
	float:left;
	border-bottom:0px;
	font-weight:900;
}

#order_basket_products{
	max-height: 500px;
    overflow-y: scroll;
	/*border-bottom:5px solid var(--primary);*/
	scrollbar-color: var(--primary) #e1e1e1;
}

#return_to_basket{
	float:left;
	padding-top:20px;
}

#return_to_basket_cont{
	float:right;
	background-color:#c0c8d5;
	padding:8px 30px;
	margin:0px;
	font-size:18px;
	color:#fff;
	border-radius:5px;
}

#total_prices{
	float:right;
	background-color:#3c3c3c;
	color:#fff;
	border-radius:0px 0px 10px 10px;
	width:30%;
}

.total_prices_left
{
	width:65%;
	text-align:right;
	float:left;
	padding-right:5%;
}

.total_prices_right{
	width:30%;
	text-align:left;
	float:right;
}




#coupon_prices{
	float:right;
	color:#eb6003;
	font-weight:700;
	width:35%;
	margin-top:20px;
}

.coupon_prices_left
{
	width: 71%;
    text-align: right;
    float: left;
    padding-right: 5%;
}

.coupon_prices_right{
	width: 27%;
    text-align: left;
    float: right;
}









#error_messages {
	width: 612px;
	padding-bottom: 2px;
	display:none;
}

#error_messages_cont{
	/*width:612px;*/
	padding:20px;
	background:#fff;
	background-repeat:no-repeat;
	/*font-size:20px;*/
	text-align:center;
}

.apo_tim_titlex{
	font-size:16px;
	text-align:center;
	/*color:#395b9b;*/
	color:#000;
	font-weight:bold;
}

#extra_addresses_new{
	padding-top:15px;
	text-align:center;
}

#extra_addresses_new_comp{
	padding-top:15px;
	text-align:center;
}

.gia_allages_red{
	float:right;
	display:none;
	color:red;
	font-size:14px;
}

.for_mesx{
	border:1px solid #e0e0e0;
	background-color:#fff;
	width:100%;
	padding:5px 2%;
	font-size:16px;
	/*color:#395b9b;*/
	color:#000;
	font-weight:700;
}

#shippcode_desc{
	font-size:12px;
}

#tropooihsh{
	font-size:14px;
	cursor:pointer;
	color:#000;
	text-decoration:underline;
	width:100%;
}

.tropooihsh_text{
	float:left;
	width:70%;
	padding:5px 0px;
	/*color:#395b9b;*/
	color:#000;
	font-weight:500;
}

.tropooihsh_butt{
	float:right;
	background-color:var(--primary);
	color:#fff;
	padding:5px 20px;
	border-radius:10px;
}

#tropooihshx{
	font-size:14px;
	cursor:pointer;
	color:#000;
	text-decoration:underline;
	width:100%;
}

#tropooihsh2{
	font-size:14px;
	cursor:pointer;
	color:#000;
	text-decoration:underline;
}


#prothikist{
	font-size:14px;
	cursor:pointer;
	color:#000;
	width:100%;
}

#prosthikist2{
	font-size:14px;
	color:#000;
	cursor:pointer;
}

#timologio{
	float:left;
}

#extra_companies_new{
	padding-top:15px;
	text-align:center;
}
		
		
#a39x{
	float:left;
	/*width:28%;*/
	/*padding:5px 1% 5px 1%;
	margin:30px 2% 30px 1%;*/
	border: 3px solid #395b9b;
	border-radius: 20px;
}

#a39x_title{
	font-size:22px;
	color:#395b9b;
	padding:20px 0px 5px;
	font-weight:500;
}

.a39x_info{
	font-size:18px;
	padding:10px 0px;
	font-weight:100;
	text-align:center;
	color:#395b9b;
}

.a39x_interested{
	font-size:20px;
	color:#000;
	padding:20px 0px 5px;
	font-weight:100;
	text-align:center;
	
	color:#395b9b;
}

.a39x_choose_one{
	font-size:18px;
	color:#575352;
	padding:10px 0px;
	font-weight:100;
	color:#395b9b;
}

.tauto_eidos{
	border: 1px solid #e0e0e0;
	background-color: #e9e9e9;
	width: 100%;
	padding: 5px 20px;
	font-size: 16px;
}

#aade_button{
	background-color:#395b9b;
	color:#fff;
	padding:5px 20px;
	border-radius:20px;
	margin-top:15px;
	cursor:pointer;
	width: 100%;
	font-size: 18px;
}

.a39x_becare{
	font-size:16px;
	color:#575352;
	padding:10px 0px;
	font-weight:100;
}

.psifiaki_merimna_title{
	border:2px solid #40a2e7;
	width:600px;
	border-radius:10px;
	padding:2%;
}

.psifiaki_merimna_title_text1{
	float:left;
	font-size:20px;
	padding-left:10px;
	color:#000;
	padding-top:8px;
}

.psifiaki_merimna_title_text2{
	float:left;
	font-size:16px;
	padding-left:20px;
	padding-top:10px;
}

.upper1{
	margin-left: 42%;
	float:left;
	margin-right:2%
}

#tropos_apostolis_title{
	/*float:left;
	width:37%;
	text-align:right;
	margin-right:3%;
	padding-top:30px;*/
}

#tropos_apostolis_cont{
	padding:5px 2%;
	/*float:left;*/
	width:100%;
	background-color:#fff;
	border-radius:0px 0px 20px 20px;
}

.oroix{
	font-size:16px;
	font-weight:900;
	color:#000;
	text-align:center
}

.oroix a{
	text-decoration:none;
	color:#000;
	font-size:16px;
	font-weight:900;
}


#oroi_xrisis {
     width: 612px;
     padding-bottom: 2px;
    display:none;
	text-align:left;       
}

#tropoi_apostolis {
	width: 612px;
	padding-bottom: 2px;
	display:none;
}

#tropoi_apostolis_container{
	max-width:612px;
	padding:20px;
	background:#fff;
	background-repeat:no-repeat;
}


#oroi_xrisis_container{
	max-width:612px;
	padding:20px;
	background:#fff;
	background-repeat:no-repeat;
}

.table_pricez{
	color:#395b9b;
	font-size:16px;
	font-weight:700;
}

.disabled_text{
	color:#938e8e;
	
}

.fw100{
	font-weight:100;
}

.fw700{
	font-weight:700;
}

.bcform{
	text-align:justify;
}

#tropos_pliromis_title{
	/*float:left;
	width:37%;
	text-align:right;
	margin-right:3%;
	padding-top:30px;*/
}

#tropos_pliromis_cont{
	padding:10px 2%;
	/*float:left;*/
	width:100%;
	background-color:#fff;
	border-radius:0px 0px 20px 20px;
}

.voucher_kata{
	float:left;
	font-size:20x;
	color:#395b9b;
	padding-left:10px;
}

#super_adder{
	padding-left:20px;
}

.voucher_title{
	float:left;
	width:100px;
	color:#000;
	padding-top:5px;
}

.voucher_text{
	background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    padding-left: 5px;
}

.elenxos_kai_apostoli_sms{
	cursor:pointer;
	background-color:#40a2e7;
	color:white;
	padding:10px 30px;
	text-align:center;
	border-radius:10px;
	font-size:18px;
}

.voucher_no_mo{
	cursor:pointer;
	background-color:red;
	color:white;
	padding:5px 30px;
	text-align:center;
	border-radius:10px;
	font-size:18px;
	width:250px;
}

#ps_sub_err{
	color:red;
	font-size:16px;
	text-align:center;
}

#ps_sub_suc{
	background-color:green;
	color:white;
}

#extra_elenxos{
	display:none;
}

.send_voucher_sms{
	float:left;
	padding-left:5px;
	font-size:20px;
	color:#000;
}

.extra_elenxos_code{
	float:left;
	padding-left:15px;
	width:100px;
	font-size:18px;
	color:#000;
	padding-top:10px;
}

#ps_code{
	background-color:#eee;
	border:1px;
	border-radius:10px;
	font-size:22px;
}

#ps_sub2{
	cursor:pointer;
	background-color:#40a2e7;
	color:white;
	padding:10px 30px;
	text-align:center;
	border-radius:10px;
	font-size:18px;
	float:right;
	width:250px;
}

.cur_voucher{
	/*border:2px solid #40a2e7;
	width:30%;*/
	border-radius:10px;
	/*padding:2%;*/
	float:left;
}

.cur_voucher_text{
	float:left;
	font-size:20px;
	padding-left:10px;
	color:#000;
	padding-top:8px;
}

.ps_rem{
	cursor: pointer;
    background-color: red;
    color: white;
    padding: 5px 10px;
    text-align: center;
    /* width: 60%; */
    border-radius: 10px;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.voucher_kata_title{
	font-weight:700;
	font-size:18px;
	color:#395b9b;
}

.textarea_simeioseis{
	border:1px solid #e0e0e0;
	background-color:#fff;
	padding:5px 1%;
	font-size:18px;
	width:98%;
}

#apodoxi_oron_xrisis_next {
	width: 500px;
	display: flex;
	max-width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}

.apodoxi_oron_xrisis{
	padding:15px;
	float:left;
	/*width:300px;*/
	font-size:20px;
	font-weight:700;
}

#submit_orderx{
	float:left;
	background-color:#4ec277;
	font-size:20px;
	padding:10px 0px;
	color:#fff;
	border-radius:10px;
	width:200px;
	text-align:center;
	cursor:pointer;
	font-weight:700;
}

.apodoxi_oron_xrisis a{
	text-decoration:none;
	color:#395b9b;
	font-size:20px;
}

.apodoxi_oron_xrisis .checkbox_container {
	text-align:left;
}


/****************************ORDER REVIEW*****************************/
.error_trapeza{
	width:100%;
	background:red;
	color:#fff;
	font-weight:800;
	padding:5px;
	text-align:center;
}

#stoixeia_paraggelias{
	display: inline-block;
	min-width: 300px;
}

#stoixeia_timologiou{
	margin-right:2%;
	border-right:2px solid var(--primary);
	border-left:2px solid var(--primary);
	padding:0 2%;
	display: inline-block;
	min-width: 300px;
}

#stoixeia_paralipti{
	display: inline-block;
	min-width: 300px;
}

.one_third_width{
	width:31%;
}

.half_width{
	width:35%;
}

.go_backt_toform{
	background-color:#b6b6b6;
	padding:8px 0px;
	margin:0px;
	font-size:16px;
	color:#000;
	border-radius:5px;
	color:#fff;
	text-align:center;
	width:70%;
}

#stoixeia_paraggelias a{
	text-decoration:none;
}

.form_row_show_div_label{
	color:var(--primary);
	font-weight:900;
	font-size:16px;
	float:left;
	width:48%;
	margin-right:2%;
	text-align:left;
}

.form_row_show_div_value{
	color:var(--primary);
	font-weight:300;
	font-size:16px;
	float:left;
	width:50%;
	text-align:left;
}

.stoixeia_timologiou_title{
	font-size:24px;
	font-weight:700;
	text-align:center;
}

.comments_review{
	background-color:#e9e9e9;
	width:80%;
	padding:10px;
	text-align:left;
	border-radius:10px;
}

.doseis_review{
	text-align:center;
	font-weight:900;
	color:red;
	padding-left:5px;
	padding-top:3px;
}

#submit_order_overx{
	background-color:#4ec277;
	font-size:28px;
	padding:10px 20px;
	color:#fff;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	font-weight:700;
	width:500px;
}

#next_steps{
	background-color:#395b9b;
	color:#fff;
	width:80%;
	padding:10px;
	margin-left:10%;
	border-radius:10px;
}

#oloklirosi_header_cont{
	/*width:50%;
	padding-left: 30%;*/
}

#oloklirosi_header_cont_image{
	/*float:left;
	width:40%;*/
}

#oloklirosi_header_cont_text{
	/*width: 60%;
    font-size: 3vw;*/
    /*color: #395b9b;*/
    font-weight: 700;
   /* padding-top: 20px;
	float:left;*/
}

.clear_left{
	clear:left;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


#page_title{
	font-size:34px;
	font-weight:900;
	text-align:center;
}
/*
#register_cont{
	width:80%;
	margin-left: 10%;
}

.register_left_side{
	float:left;
	width:49%;
	margin-right:2%;
}

.register_right_side{
	float:right;
	width:49%;
}

.reg_buts{
	float:left;
	width:50%;
}

.login_or{
	float:left;
	width:15%;
	padding:150px 0%;
	font-size:42px;
	text-align:center;	
}

#login_guest{
	float:left;
	width:45%;
}

#login_cont{
	float:left;
	width:40%;
	text-align:left;
}

#forgot_cont{
	width:40%;
	margin-left:30%
}
*/
.order_form_titles{
	font-size:26px;
	width:100%;
	text-align:center;	
	color:#fff;
	background-color:#3c3c3c;
	border-radius:20px 20px 0px 0px;
	padding:10px 0px;
	font-weight:700;
}

.specs_title {
	font-size: 22px;
	color: #fff;
	padding: 10px 5px;
	font-weight: bold;
	background-color: #395b9b;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	text-align: center;
	margin-right: 10px;
}

/*
.price_clubbing_working{
	float: left;
	background-color: #b69142;
	color: #fff;
	padding: 10px 0;
	width: 30%;
	text-align: center;
	margin-left: 14%;
	margin-right:2%;
	font-size: 2vw;
	border-radius:10px;
	cursor:pointer;
}

.price_clubbing_howto{
	float: left;
	background-color: #b69142;
	color: #fff;
	padding: 10px 0;
	width: 40%;
	text-align: center;
	font-size: 2vw;
	border-radius:10px;
	cursor:pointer;
}

.pc_wl{
	font-size: 1vw;
}

.pc_hl{
	font-size: 1vw;
}
*/
/******************FROM PRODUCTS*******************************/
.pd_diathesimotita_kat{
	background-color:#395b9b;
	width:96%;
	border-radius:10px 10px 0px 0px;
	padding:5px 2%;
	color:#fff;
	text-align:center;
}


.priceclub_title{
	float:left;
	padding:12px 10px 0px 0px;
	font-size:18px;
}

.priceclub_text{
	float:left;
	padding-top:5px;
}

.price_club{
	width:250px;
	padding:5px 5px;
	border: 1px solid #d1d1d1;
}


.swiper {
width: 100%;
height: 100%;
}

.swiper_smaller {
width: 70%;
height: 100%;
}

.swiper-slide {
width: 100%;
}

.swiper-slide img {
display: block;
width: 100%;
/*height: 100%;*/
object-fit: cover;
}

.swiper-pagination-bullet{
	border:5px solid #fff;
}


.scrollToTopx{
	width:50px; 
	height:50px;
	font-weight: bold;
	color: #444;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
	background: url('/images/mainnew/upb_st1.png?aSD=331') no-repeat;
	background-size: 100% 100%;
	z-index: 10;
}
.scrollToTopx:hover{
	background: url('/images/mainnew/upb_st2.png?aSD=331') no-repeat;
	background-size: 100% 100%;
}

.mycosmo_header{
	background-color:#395b9b;
	color:#fff;
	width:40%;
	margin-left:30%;
	border-radius: 0 0 35px 35px;
	font-size:26px;
	text-align:center;
	padding:0px 0px 10px;
}

.services {
	padding: 0.8% 1%;
	display: inline-block;
	cursor: pointer;
	/*width: 200px;*/
}

.services img
{
	width:100%;
}


.services:hover img
{
width:96%;
padding-left:2%
}


.mycosmo_support {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	/*max-width: 800px;*/
	margin: auto;
}

#mycosmo_support img{
}

.atdn a{
	text-decoration:none;
}

.nopd1{
	width:40%;
	margin-left:30%;
	font-size:1.5vw
}

.pd_top_top{
	font-size:1.2vw 
}

.pd_top_top img{
	width:auto;
	/*padding-right:1px;
	padding-left:1px;*/
}

.dv_width10{
	width:10%;
}

.dv_width20{
	width:20%;
}

.dv_width30{
	width:30%;
}

.dv_width40{
	width:40%;
}


.dv_width50{
	width:50%;
}

.dv_width60{
	width:60%;
}

.dv_width80{
	width:70%;
}

.dv_width80{
	width:80%;
}

.dv_width90{
	width:90%;
}



@media print
{    
    .no-print, .no-print *, .main_divx_left
    {
        display: none !important;
    }
}


#sygrisi_bar_left {
	background-color: #aa0211;
	float: left;
	padding: 15px 0 15px 10%;
	/*height: 100px;*/
	flex: 1;
	min-width: 300px;
}

#sygrisi_bar_left_content{
	font-size:small;
	color:#fff;
	padding-left:20px;
/*	float:left; */
}

#sygrisi_bar_right {
	background-color: #e50014;
	float: left;
	padding: 20px 1% 10px 1%;
	/*height: 100px;*/
	flex: 3;
	min-width: 350px;
}

#sygrisi_bar_right_link{
	background-color:#fff;
	color:#395b9b;
	font-size:small;
	padding:10px 0%;
	/*width:24%;*/
	border-radius:10px;
	float:left;
	text-align:center;
}


#sygrisi_bar_right_link_rem{
	background-color:#fff;
	color:#395b9b;
	font-size:small;
	padding:10px 0%;
	/*width:24%;*/
	border-radius:10px;
	float:left;
	text-align:center;
}

#sygrisi_bar_right_link a{
	color:#395b9b;
	text-decoration:none;
}

#sygrisi_bar_right_images{
	float:left;
	/*width:55%;*/
	/*padding-left:3%;*/
}

.sykrisi_liner{
	/*width:17%;*/
	float:left;
	height:3px;
	background-color:#fff;
}

.sygrisi_bar_right_images_each{
	background-color:#fff;
	border-radius:10px;
	float:left;
	padding:1%;
	/*margin:0 8%;*/
	/*width:15%;*/
}

#sygrisi_bar_right_katharismos{
	float:right;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	/*width:24%;*/
	padding:10px 0%;
	border-radius:10px;
	font-size:small;
	cursor:pointer;
}

#sygrisi_bar_right_katharismos2{
	float:right;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	/*width:24%;*/
	padding:10px 0%;
	border-radius:10px;
	font-size:small;
	cursor:pointer;
}

.sygkrisi_result{
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 20000;
	display: flex;
	flex-wrap: wrap;
	flex-direction: revert;
}
.sygkrisi_resultx {
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: revert;
}

.sykrisi_extra_wi{
	float:left;
	width:78%;
}


.compare_image {
	width:98%;
	text-align:center;
	background-color:#fff;
	border-radius:10px;
	/*height:200px;*/
	position:relative;
	padding:10px 1%;
	
}

.compare_title {
	height: 100px;
	overflow: hidden;
	font-size: 14px;
	color: #395b9b;
	text-align: center;
	/*min-width: 250px;*/
}

.compare_title a{
	text-decoration:none;
	color:#395b9b;
}
 
.compare_each_product{
	float:left;
	width:24%;
	margin:0 0%;
	padding:0 0.5%;
}

.compare_deletor{
	position:absolute;
	float:right;
	right:5px;
	top:5px;
}

.compare_spec_titles{
	background-color:#395b9b;
	height:20px;
	font-size:16px;
	color:#fff;
	padding:5px 2%;
}

.pd_infos{
	/*background-color:#000;*/
	height:370px;
	padding:2%;
	width:96%;
}

.each_spec{
	padding:5px 0;
}


.each_spec1{
	background-color:#e9e9e9;
	
}


#compare_prev_button{
	float:left;
	cursor:pointer;
	display:none;
}

#compare_next_button{
	float:left;
	cursor:pointer;
}

.printable_but{
	position:relative;
	background-color:#222222;
	padding:10px;
	border-radius:20px;
	position:absolute;
	right:20px;
}


.ck-buttonx_container{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
			
.ck-buttonx {
    margin:1%;
    background-color:#0ed145;
    float:left;
	cursor:pointer;
	 color:#fff;
	 border-radius:5px !important;
	 font-size:14px;
	 
	 width:98%;
}

.ck-buttonx:hover {
    background:#1f8714;
	color:#fff;	 
	cursor:pointer;
}

.ck-buttonx label {
    float:left;
	width:100%;
}

.ck-buttonx label span {
  
    padding:3px 0px 3px 30px;
    display:block;
	cursor:pointer;
	width:100%;
}

.ck-buttonx label input {
        position: absolute;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    margin-top: 8px;
}

.ck-buttonx input:checked + span {
    background-color:#1f8714;
    color:#fff;
	border-radius:5px !important;
}


.midsalesmode .categoriesx{
	background-color:#f27519;
	border-radius:10px;
	color:#fff;
}

.midsalesmode .categoriesx:hover{
	background-color:#580400
}


/*HP AUTHORIZED view/944/ */

#hp_as_header img{
	width:100%;
}
.prosexvw{
	position:absolute;
	top:-10px;
	left:-5%;
}

.prosexvw img{
	width:100;
}

#hp_authorized_stores{
	float:left;
	width:68%;
	margin-right:3%
}

#hp_authorized_stores img{
	width:100%;
}


.hp_as_button{	
	text-align:center;
	/*width:25%;*/
	border-radius:10px;
	padding:10px;
	/*margin-left:23%;*/
	/*float:left;*/
	/*margin-right:2%;*/
	/*font-size:1.3vw;*/
	font-weight:700;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
}

.hp_as_button2{	
	text-align:center;
	/*width:25%;*/
	border-radius:10px;
	padding:10px;
	/*float:left;*/
	/*font-size:1.3vw;*/
	font-weight:700;
	border:1px solid #fff;
	color:#fff;
	position:relative;
}

.hp_as_button3{
	/*float:left;
	width:27%;*/
	background-color:#6decff;
	color:#395b9b;
	/*font-size:1.2vw;*/
	text-align:center;
	padding:10px 1%;
	border-radius:10px;
	font-weight:700;
	cursor:pointer;
}

.hp_as_button:hover, .hp_as_button3:hover{	
	background-color:#fff;
	color:#395b9b;
}


#hpcallus
{
	width: 873px;
	padding-bottom: 2px;
	display:none;
   
}

#allhps
{
	width: 800px;
	padding-bottom: 2px;
	display:none;
   
}




#hpcallus_success {
width: 316px;
	 height:167px;
	 
     padding-bottom: 2px;

    display:none;
}

#hpcallus_failure {
width: 316px;
	 height:167px;
	 
     padding-bottom: 2px;

    display:none;
}


.hpsubmiter1{
	width:100px;
	background-color:#203e7c;
	cursor:pointer;
	color:white;
	padding:10px;
	text-align:center;

}

.hpsubmiter1:hover{
	background-color:#fff;
	border:1px solid #203e7c;
	color:#203e7c;

}



.twoway{
	padding:10px 5%;
	clear:both;
	text-align:left;
	width:90%;
}

.twoway_header{
	padding:5px 5%;
	clear:both;
	text-align:left;
	width:90%;
	background-color:#fff;
	font-weight:700;
	color:#395b9b;
}


.twoway_left{
	float:left;
	width:80%;
}


.twoway_right{
	width:20%;
	float:left;
}

.allhps_container{
	width: 100%;
    background-color: #f1f2f6;
    background-repeat: no-repeat;
    border-radius: 10px;	
	
	
}

.allhps_closer{
	/*position: absolute;
    right: 20px;
    top: 10px;*/
	float:right;
}

.allhps_content{
height:60vh;
	overflow-y: scroll;
}


#hpcallus_success_container{
	width:316px;
	height:167px;
	background-color:#fff;
	text-align:left;
	padding:10px;
}

#hpcallus_success_header{
	float:left;
	width:70px;
	padding-right:20px;
	padding-top:20px;
}

#hpcallus_success_header img{
	width:70px;
}

#hpcallus_success_info_cont{
	float:left;
	padding-top:40px;
	width:220px;
}

#hpcallus_failure_container{
	width:316px;
	height:167px;
	background-color:#fff;
	text-align:left;
	padding:10px;
}

#hpcallus_failure_header{
	float:left;
	width:70px;
	padding-right:20px;
	padding-top:20px;
}

#hpcallus_failure_header img{
	width:70px;
}

#hpcallus_failure_info_cont{
	float:left;
	padding-top:40px;
	width:220px;
}


#rating_result{
	width: 1024px;
     padding-bottom: 2px;
    display:none;
}

.rating_result_container{
	background-color:#f2f3f5;
	padding:20px 3%;
	border-radius:10px 10px 0px 0px;
}

#rating_image{
	width: 31%;
    float: left;
    padding: 10px 2%;
    background-color: #fff;
    text-align: center;
    margin-right: 2%;
    margin-top: 10px;
    border-radius: 10px;
}

#rating_desc{
	width:61%;
	float:left;
}

#rating_title{
    font-size: 20px;
}

.basket_rating_but{
	background-color:#4ec277;
	color:#fff;
	font-size:22px;
	border-radius:5px;
	cursor:pointer;
	padding:5px  20px;
	float:left;
	text-align:center;
}



.bg_bf{
	background-color:#141414;
	
}

.ck-title_buttons{
	text-align:center;
	font-size:20px;
}

.bg_bf .ck-title_buttons{
	color:#fff;
}

.bg_bf .ck-buttonx
{
	background-color:#141414;
	border:2px solid #87adf6;
}

.bg_bf .ck-buttonx:hover
{
	background-color:#87adf6;
	color:#000;
}

.bg_bf .ck-button{
	background-color:#141414;
	border:2px solid #fff;
	color:#fff;
}	


.bg_bf .storex_cont{
	background-color:#141414;
	color:#fff;
	border:0px;
}

.bg_bf .storex{
	background-color:#141414;
	border:2px solid #fff;
	color:#fff;
}

.bg_bf #evros_text{
	color:#fff;
}

.bg_bf #amount{
	background-color:#141414;
}

.bg_bf #taxinomisi{
	background-color:#141414;
	color:#fff;
}

.bg_bf #orderbyx{
	background-color:#141414;
	border:2px solid #fff;
	color:#fff;
}

.bg_bf #pd_per_page_text{
	color:#fff;
}

.bfbasket{
	border:3px solid #141414;
	background-color:#141414;
	color:#fff;
}

.bfbasket:hover{
	border:3px solid #d20012;
	color:#d20012;
}

.bg_bf .ck-buttonx input:checked + span
{
	background-color:#d20012;
	color:#000;
}




.ck_bfx{
	background-color: #000;
	color: #fff;
}

.ck_bfx:hover{
	background-color: #87acf7;
	color: #000;
}


.bfreturnbar{
	background-color:#87adf6;
	color: #000;
	padding: 15px 10%;
	border-radius: 20px;
	margin:50px 0px;
	cursor:pointer;
}

.bfreturnbar_left{
	float:left;
	width:10%;
}

.bfreturnbar_center{
	float:left;
	font-size: 1.5vw;
	color: #fff;
	width: 70%;
}

.bfreturnbar_right{
	float:right;
	width: 20%;
}

.bfreturnbar_right_cont{
	background-color: #fff;
	color: #000;
	font-size: 1.2vw;
	padding: 10px 20px;
	border-radius: 20px;
	width:80%;
	float:right;
	text-align:center;
}

.bg_xmas{
	background-color:#1a294a;
	
}



.bg_xmas .ck-title_buttons{
	color:#fff;
}

.bg_xmas .ck-buttonx
{
	background-color:#1a294a;
	border:2px solid #d22426;
	
	font-size:15px !important;
}

.bg_xmas .ck-buttonx:hover
{
	background-color:#d22426;
	color:#fff;
}

.bg_xmas .ck-button{
	background-color:#1a294a;
	border:2px solid #fff;
	color:#fff;
	font-size:17px;
}	


.bg_xmas .storex_cont{
	background-color:#1a294a;
	color:#fff;
	border:0px;
}

.bg_xmas .storex{
	background-color:#1a294a;
	border:2px solid #fff;
	color:#fff;
}

.bg_xmas #evros_text{
	color:#fff;
}

.bg_xmas #amount{
	background-color:#1a294a;
}

.bg_xmas #taxinomisi{
	background-color:#1a294a;
	color:#fff;
}

.bg_xmas #orderbyx{
	background-color:#1a294a;
	border:2px solid #fff;
	color:#fff;
}

.bg_xmas #pd_per_page_text{
	color:#fff;
}

.bg_xmas .ck-buttonx input:checked + span
{
	background-color:#d22426;
	color:#fff;
}

.bg_xmas_red 
{
	background-color:#d22426;
}


.xmasbasket{
	border:3px solid #bd2626;
	background-color:#bd2626;
	color:#fff;
	padding: 3px 0 !important;
}

.xmasbasket img{
	width:30px;
}

.whole_xmas .main_divx{
	background-color:#374768 !important;
	background-image:url('/images/xmas/r12.png');
}

.whole_xmas .tops_catsx{
	background-color:#bd2626 !important;
	background-image:url('') !important;
}

.whole_xmas .top_pcx{
	background-color:#387570 !important;
	background-image:url('') !important;
}

.whole_xmas .txc {
	color:#fff;
}

.infoz_xmas{
	background-color:#bd2626 !important;
}



.ck_xmas{
	background-color: #374768;
	color: #fff;
}

.ck_xmas:hover{
	background-color: #bd2626;
	color: #fff;
}

.ck_xmas_hover{
	background-color: #bd2626;
	color: #fff;
}



.bg_xweekend .ck-title_buttons{
	color:#fff;
}

.bg_xweekend .ck-buttonx
{
	background-color:#22394b;
	
	font-size:16px !important;
}

.bg_xweekend .ck-buttonx:hover
{
	background-color:#5ba79a;
	color:#fff;
}

.bg_xweekend .ck-button{
	background-color:#d22426;
	/*border:2px solid #fff;*/
	border:0px;
	color:#fff;
	font-size:17px;
}	


.bg_xweekend .storex_cont{
	background-color:#d22426;
	color:#fff;
	border:0px;
}


.bg_xweekend .katha_filtron{
	float:right !important;
	background-color: #fff;
	
}
.bg_xweekend .katha_filtron a{
color:#d22426;

}

.bg_xweekend .storex{
	background-color:#fff;
	/*border:2px solid #fff;*/
	border:0px;
	color:#000;
}

.bg_xweekend #evros_text{
	color:#fff;
}

.bg_xweekend #amount{
	background-color:#d22426;
	color:#fff;
}

.bg_xweekend #taxinomisi{
	background-color:#d22426;
	color:#fff;
}

.bg_xweekend #orderbyx{
	background-color:#fff;
	border:2px solid #fff;
	color:#000;
}

.bg_xweekend #pd_per_page_text{
	color:#fff;
}

.bg_xweekend .ck-buttonx input:checked + span
{
	background-color:#5ba79a;
	color:#fff;
}

.bg_xweekend_filtra{
	background-color:#327a14 !important;
	
}

.x_title{
	font-size:32px;
	color:#fff;
	text-align:center;
	padding:10px 0px;
}

.bg_xweekend .blue_line{
	background-color:#fff !important;
}


.gaming{
	background-color:#000;
}

.gaming .main_divx{
	background-color:#000;
	color:#fff;
}

.gaming #category_path a{
	color:#fff;
}
.gaming #filtra{
	background-color:#c10000;
}

.gaming .blue_large_line {
	background-color:#c10000;
}

.gaming .listbox1{
	color:#000;
}

.gaming .ck-button {
	color:#000;
}

.gaming .storex_cont{
	color:#000;
}

.gaming #amount{
	background-color:#000;
}

.gaming .ck_bfx{
	color:#fff !important;
}

.gaming .ck_xmas{
	color:#fff !important;
}

.gaming .ck_blue_green{
	color:#fff !important;
}
 
 .gaming .bg_blus{
	 background-color:#a30000;
 }
 
 
.gaming .category_path_bold a{
	color:#c10000 !important;
}
 
#winter_header img{
	width:100%;
}	
 
 
.bg_winter_sales{
	background-color:#468dcb !important;
}

.cl_winter_sales{
	color:#468dcb !important;
}

.bg_salesx
{
	background-color:#3773a9  !important;
}

#super_alert{
	background-color:#fcd700;
	width:100%;
	text-align:center;
	padding:10px 0px;
}

#super_alert_p1{
	display:inline-block;
}

#super_alert_p2{
	display:inline-block;
	font-size:22px;
	font-weight:700;
	padding-right:20px;
	position:relative;
	top:-7px;
}
 
#super_alert_p3{
	display:inline-block;
	font-size:16px;
	font-weight:700;
}	


#tag_solder{
	position:absolute;
	padding-top: 10%;
	padding-left: 10%;
}	

.priceclub_pricex{
	font-size:20pt;
	font-family:Robofan;
	color:#c09e44;
	line-height:20px;
}

.priceclub_pricex_mini{
	font-size: 15pt;
	font-family:Robofan;
	color:#c09e44;
	padding-right:20px;
}

.coupowner_pricex{
	font-size:20pt;
	font-family:Robofan;
	color:#5cc475;
	line-height:20px;
}

.coupowner_pricex_mini{
	font-size: 15pt;
	font-family:Robofan;
	color:#5cc475;
	padding-right:20px;
}

.price_from_pricex{
	font-size:18pt;
	font-family:Robofan;
	color:#000;
	text-decoration:line-through;
	line-height:20px;
}

.price_from_pricex_mini{
	font-size: 14pt;
	font-family:Robofan;
	color:#000;
	text-decoration:line-through;
	padding-right:20px;
}



.price_pricex{
	font-size:20pt;
	font-family:Robofan;
	color: #000;/*#f60003;*/
	line-height:20px;
}

.price_pricex_mini{
	font-size: 15pt;
	font-family:Robofan;
	color:#000;
}

.price_pricex_bk{
	font-size:20pt;
	font-family:Robofan;
	color:#000;
	line-height:20px;
}

.price_pricex_mini_bk{
	font-size: 15pt;
	font-family:Robofan;
	color:#000;
}


.priceclub_pricex_pd{
	font-size:28pt;
	font-family:Robofan;
	color:#c09e44;
	line-height:20px;
}

.priceclub_pricex_mini_pd{
	font-size: 18pt;
	font-family:Robofan;
	color:#c09e44;
}


.price_from_pricex_pd{
	font-size:22pt;
	font-family:Robofan;
	color:#000;
	text-decoration:line-through;
	line-height:20px;
}

.price_from_pricex_mini_pd{
	font-size: 16pt;
	font-family:Robofan;
	color:#000;
	text-decoration:line-through;
}



.price_pricex_pd{
	font-size:34pt;
	font-family:Robofan;
	color:#000;
	/*line-height:20px;*/
}

.price_pricex_mini_pd{
	font-size: 22pt;
	font-family:Robofan;
	color:#000;
}

.coupowner_pricex_pd{
	font-size:34pt;
	font-family:Robofan;
	color:#5cc475;
	/*line-height:20px;*/
}

.coupowner_pricex_mini_pd{
	font-size: 22pt;
	font-family:Robofan;
	color:#5cc475;
}

.price_color_discount{
	color:#f60003 !important;
}

/*CUSTOM ARTICLE*/

/*DELIVERY NOW view/63/ */
#delivery_now_page img{
	width:100%;
}

#delivery_now_page_button{
	width:450px;
}

#tk_search{
	/*width: 300px;*/
	background: #F4F5F7;
	font-size: 1rem;
	color: #999999;
	border: 0;
	border-radius:10px;
	border: 1px solid #c5c5c5;
	padding:10px 20px;
	/*height:30px;*/
}

#search_tk{
	cursor:pointer;
	/*height:50px;*/
}

#delivery_now_page_results img{
	display:none;
	width:60%;
	margin:0 20%;
}

.quick_viewx .main_divx_left{
	width:1% !important;
}

.quick_viewx .main_divx_container{
	width:98% !important;
}

.quick_viewx .main_divx_right{
	width:1% !important;
}

/*********CATEGORY*******/

.cat_banner_grey{
	width:100%;
	background-color:#e0e0e0;
	text-align:center;
	padding:5px;
}

.dell_pre_support{
	width:50%;
	padding: 0 25%;
	text-align:center;
}

.divimagine img{
	width:100%;
}

#map_glyfada, #map_metamorfosi, #map_peristeri, #map_all_stores{
	width: 100%; 
	height: 250px;
}



 .extrah #category_makers_return{
	height:132px;
}

.gaming .txc {
	color:#fff;
}


.gaming .each_category{
	background-color:#000 !important;
	
}

.gaming .each_category:hover {
    border: 4px solid #ff0000;
}

.gaming .each_category_title{
	color:#fff !important;
}

.gaming .each_category a{
	color:#fff !important;
}

.gaming .each_category:hover .each_category_but_all{
	background-color:#ff0000 !important;
}

/********EXPERT CATEGORIES************/



.expert_categories{
	width:1183px;
	margin:0 auto;
}

.expert_categories_div1{
	background-color:#fff;
	float:left;
	margin-right:2%;
	width:32%;
}

.expert_categories_div2{
	background-color:#fff;
	float:left;
	margin-right:2%;
	width:49%;
}

.return1
{
	
	width:123px; 
	height:86px;
	font-weight: bold;
	color: #444;
	position:fixed;
	bottom:150px;
	right:40px;
	background: url('/images/expert/epistrofi_exp.png') no-repeat;
	border:0px;
	cursor:pointer;
}


.expert_categories .hdp{
padding-top:5px;
}

	
.expert_categories .top668{
	padding:5px 0;
	
}

.expert_categories .top668:hover{
	border:1px solid #e6e6e6;
	/*height:400px;*/
	position:absolute;
	background-color:white;
	width:14%;
	z-index:2;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.expert_categories .top668:hover .bestprice1{
	display:none;
}



.expert_categories .top668 .doseis668 {
	display:none;
	text-align:center;
	padding-top:0px;
	font-weight:100;
	font-size:11pt;
}

.expert_categories .top668:hover .doseis668{
	display:block;
}

.expert_categories .top668 .basket668 {
	display:none;
	text-align:center;
	padding-top:10px;
	font-weight:700;
}

.expert_categories .top668:hover .basket668{
	display:block;
}

.expert_categories .top668 .prices668{
	font-size:12pt;
	float:right;
	padding-top:10px;
	padding-right:20px;
	width:35%;
}

.expert_categories .top668:hover .prices668{
	font-size:16pt;
}

.expert_categories .top668 .title668{
	text-align:center;
	overflow:hidden;
	font-size:10pt;
	font-weight:700;
	height:45px;
}

.expert_categories .top668 .title668 a{
	color:#000;
	font-size:10pt;
	text-decoration:none;
	font-family:PFDinText-Medium;
	font-weight:700;
}	



.expert_categories .title71 a{
	text-decoration:none;
	color:#000;
	font-size:13px;
	font-weight:700;
	
}

.expert_categories .title71{							
	height:60px;
	text-align:center;
	padding:0px 5%;
	overflow:hidden;
}

.expert_categories sup {
	vertical-align: super;
	font-size: 16pt;
}

.expert_categories .hot-deal-product{
	float:left;
	width:25%;
	margin-bottom:30px;
	padding-top:5px;
}




.expert_categories .exp_cat_banner {
	position: relative;
	width:100%;
	overflow: auto;
	font-size: 18px;
	text-align: center;	
	min-height:321px;
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
}
.expert_categories .exp_cat_banner ul {
		list-style: none;
		width: 300%;
		margin: 0;
		padding: 0;
}

.expert_categories .exp_cat_banner ul li {
		display: block;
		float: left;
		width: 33%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
}



.expert_categories .exp_cat_banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
}
.expert_categories .exp_cat_banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;

	text-indent: -999em;

	border: 2px solid #000;
	border-radius: 6px;

	cursor: pointer;
	opacity: .4;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.expert_categories .exp_cat_banner .dots li.active {
	background: #fff;
	opacity: 1;
}

.expert_categories .exp_cat_banner .arrows {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}
.expert_categories .exp_cat_banner .arrow {
	display: inline;
	padding-left: 10px;
	cursor: pointer;
}
		
.expert_categories .next {
	float: right;
	position: relative;
	top: -200px;
	cursor:pointer;
	padding-right: 10px;
}
		
.expert_categories .prev {
	float: left;
	position: relative;
	top: -200px;
	cursor:pointer;
	padding-left: 10px;
}

#expert_categories_left_div {
	width:35%;
	float:left;
}

#expert_categories_left_div img{
	width:100%;
}

#expert_categories_mid_div{
	width:1%;
	float:left;
}

#expert_categories_right_div {
	width:35%;
	float:left;
}

#expert_categories_right_div{
	width:62%;
	float:left;
	text-align:left;
	padding-left:2%;
}

#expert_categories_right_div img{
	width:100%;
}

#expert_categories_right_div_top_left{
	float:left;
	width:10%;
	margin-right:1%;
}

#expert_categories_right_div_top_right{
	float:left;
	width:10%;
	margin-right:3%;
}

.expert_categories_title{
	/*float: right;*/
	width: 100%;
	height: 100%;
	color: #fff;
	/*padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 12%;
	font-size: 16pt;*/
	background-repeat:no-repeat;
}

.expert_categories_title_value{
	background-image: url('/images/expert/value_Bar.jpg');
	
}

.expert_categories_title_hybrid{
	background-image: url('/images/expert/hybrid_Bar.png');
}

.expert_categories_title_student{
	background-image: url('/images/expert/stud_Bar.jpg');
}

.expert_categories_title_graph{
	background-image: url('/images/expert/graph_Bar.jpg');
}

.expert_categories_title_bus{
	background-image: url('/images/expert/bus_bar.jpg');
}

.expert_categories_title_gaming{
	background-image: url('/images/expert/gam_Bar.jpg');
}

.expert_cat_specs{
	color:grey;
	font-size:16px;
}

.expert_cat_specs_left{
	width:48%;
	padding-right:4%;
	float:left
}

.smartspecs{
	color:grey;
	font-size:16px;
	padding-top:15px
}

.smartspecs_per{
	float:left;
	padding-right:3px;
	padding-bottom:3px;
}

.smartspecs_per img{
	width:38px;
}

.expert_cat_specs_right{
	width:48%;
	float:left
}

.expert_cat_warranty{
	padding-top:15px;
	width:25%;
	padding-left: 75%;
}

.image_off, .prev:hover .image_on{
   display:none
}
.image_on, .prev:hover .image_off{
   display:block
}

.image_off2, .next:hover .image_on2{
   display:none
}
.image_on2, .next:hover .image_off2{
   display:block
}

.expert_cat_price_from{
	float:left;
	color:#2d2d2d;
	font-weight:700;
	width:49%;
	padding-right:2%;
	text-decoration: line-through;
	font-size:24pt
}

.expert_cat_price_prosforas{
	float:left;
	font-weight:700;
	width:49%;
	color:red;
	font-size:24pt
}

.expert_cat_price_club_no{
	float:left;
	color:#2d2d2d;
	font-weight:700;
	text-decoration: none;
	font-size:24pt
}

.expert_cat_price_club{
	float:right;
	font-weight:700;
	color:#d2ae60;
	font-size:24pt
}

.expert_cat_price{
	color:#2d2d2d;
	font-weight:700;
	text-align:right;
	text-decoration: none;
	font-size:24pt
}

/***********BTO***************/

#build_to_order .radio {
  margin: 0.5rem;
}
#build_to_order .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
#build_to_order .radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
#build_to_order .radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
#build_to_order .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
#build_to_order .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

#bto_container{
	width:100%;
	padding:0 2%;
	background-color:#e6e6e6
}

.life_is_grey{
	background-color:#a4a4a4;
	padding:10px;
}

#button_pricer, #button_pricer2{
	background-color:#34be5f;
	padding:10px;
	float:right;
	color:#fff;
	cursor:pointer
}



#total_pricer, #total_pricer_bottom{
	background-color:#fff;
	padding:10px 20px;
	float:right;
	color:#000;
	margin-right:20px
}

#total_pricerss, #total_pricers{
	float:right;
	color:#fff;
	padding:10px;
}


			
#build_to_order .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

#build_to_order .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  font-size:10px;
  top:10px;
}

#build_to_order .tooltip:hover .tooltiptext {
  visibility: visible;
}
			
			
#build_to_order .tooltip2 {
  position: relative;
  display: inline-block;
}

#build_to_order .tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 120px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  font-size:10px;
  top:40px;
  left:10px;
  background-color: #000;
}

#build_to_order .tooltip2:hover .tooltiptext2 {
  visibility: visible;
}
			
			
#build_to_order .avail_c{
	height: 0;
	width: 0;
	visibility: hidden;
}

#build_to_order .avail_d label {
	cursor: pointer;
	text-indent: -9999px;
	width: 80px;
	height: 30px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

#build_to_order .avail_d label:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

#build_to_order .avail_c:checked + label {
	background: #bada55;
}

#build_to_order .avail_c:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

#build_to_order .avail_d label:active:after {
	width: 40px;
}
			
			
#build_to_order .disabledone{
	opacity:0.3;
}
			
#build_to_order .fullopa{
	opacity:1;
}

.bto_title{
	background-color:#395b9b;
	color:#fff;
	padding:20px
}

#bto_cases{
	background-color:#fff;
	width:100%;
	padding-top:20px
}

.bto_per_case{
	float:left;
	width:170px;
	padding-right:5px;
}

.bto_case_diathe{
	width:30px;
	height:5px;
	border-radius: 25px;
}






#build_to_order #cont1 {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	height: 300px;
	overflow: auto;
}
#build_to_order #cont1 #content1 {
	/*width: <?php echo $num_cases*175;?>px;*/
	height: 250px;
}

#build_to_order .ps__rail-x,
#build_to_order .ps__rail-y {
	opacity: 0.6;
}
			
#build_to_order .custom-select {
	
	/*font-size:1vw;*/
	position: relative;
	
}


#build_to_order .custom-select select {
  display: none;
}

#build_to_order .select-selected {
  background-color: #e8e8e8;
}

#build_to_order .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

#build_to_order .select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

#build_to_order .select-items div,.select-selected {
  color: #000;
  padding: 8px 0px 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

#build_to_order .select-items {
  position: absolute;
  background-color: #e8e8e8;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height:200px;
  overflow-y:scroll;
}
			
#build_to_order .select-items2 div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
			
#build_to_order .select-items2 {
  position: absolute;
  background-color: #e8e8e8;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
			
#build_to_order .select-items3 {
  position: absolute;
  background-color: #e8e8e8;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
			
#build_to_order .select-items3 div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
			
#build_to_order .select-hide {
  display: none; 
}

#build_to_order .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 

.bto_cont1{
	background-color:#fff;
	width:100%;
	padding:20px 2%;
}

.bto_icons{
	/*float:left;
	margin-right:3%;
	width:5%;
	padding-top:5px;
	margin-bottom:25px;*/
}

.bto_righter{
	/*float:left;
	/*margin-right:3%;*/
	/*width:91%;
	padding-top:5px;
	margin-bottom:25px;*/
}

.bto_icons img{
	width:100%;
}

.bto_select_cont{
	/*float:left;*/
	/*width:100%;*/
}

.bto_select_name{
	float:left;
	padding-right:10px;
	padding-top:5px
}


.bto_select_qua{
	width:60px;
	float:left;
	height:20px;
	font-size:12px !important;
	padding-bottom:10px;
}

.bto_info_icon{
	/*float:right;
	margin-left:2%;
	width:3%;
	/*padding-top:35px;*/
	/*cursor:pointer;*/
}

.bto_avail_icon{
	/*float:right;
	margin-left:2%;
	width:11%;
	/*padding-top:15px;*/
	/*cursor:pointer;
	font-size:12px;*/
	font-size:10px;
}

#os_lang{
	font-size:14px;
}

.os_extra_left{
	float:left;
	margin-right:3%;
	width:6%;
	padding-top:5px;
}

#div_language{
	float:left;
	width:30%;
	padding-right:15%;
}

#title_language_install{
	float:left;
	padding-right:10px;
	padding-top:5px;
}

#title_language{
	float:left;
	padding-right:10px;
	padding-top:5px
}

#icon_programs{
	float:left;
	margin-right:3%;
	width:6%;
	padding-top:5px;
}

#title_programs{
	float:left;
	padding-right:10px;
	padding-top:10px
}

.title_programs_cont{
	float:left;
	width:91%;
}



 /* Customize the label (the container) */
#build_to_order .container {
  display: block;
  position: relative;
  padding-left: 40px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size:1vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top:2px;
  height:30px;
  
}

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

/* Create a custom checkbox */
#build_to_order .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #ababab;
border-radius: 5px;
}

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

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

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

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

/* Style the checkmark/indicator */
#build_to_order .container .checkmark:after {
  left: 6px;
  top: 4px;
  width: 10px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

#build_to_order .info1{
	/*width:80% !important;*/
}

#empty_all{
	float:right;
	color:#fff;
	padding-right:10px;
	cursor:pointer
}

.he45{
	height:45px;
}

/**************KATASTIMATA********************/

.stores_title{
	padding:5px 0px;
	font-size:11pt;
	font-weight:700;
	border-bottom:1px solid #000;
}

.stores_per_left{
	width:48%;
	padding-right:3%;
	float:left;
}

.stores_per_right{
	width:48%;
	float:left;
}

.stores_new_tag{
	font-size:12pt;
	font-weight:700;
	color:#fff;
	background-color:#d60204;
	padding:1px 5px
}

.stores_service_tag{
	color:#ffbe12
}


/*************ORDER FORM****************/

.order_form_result{
	/*width:60%;*/
	text-align:center;
	font-size:14px;
	color: #000;
}

.pdl27p{
	padding-left:27%;
} 

.pdl34p{
	padding-left:34%;
}

.wi46p {
	width: 100%;
	padding: 0 5%;
}

.wi32p{
	width:32%;
}

.pdr8p{
	padding-right:8%;
}

.pdr2p{
	padding-right:2%;
}

#no_wrong_tk{
	
}

.dn_timetable{
	border:1px solid !important;
	border-color: rgb(169, 169, 169) !important;
	background-color:#fff;
	width:100%;
	font-size:16px;
}


#oroi_kai_gdpr {
     width: 800px;
     padding-bottom: 2px;
    display:none;
	text-align:left;       
}

#oroi_kai_gdpr_container{
	width:800px;
	padding:20px;
	background:#fff;
	background-repeat:no-repeat;
	font-size:16px;
	height:80vh;
	overflow-y:scroll
	
}

.order_review_extra_class{
	margin-left:15%;
	border-right: 2px solid var(--primary);
	margin-right: 2%;
	padding-right:2%;
}


.order_basket_title_price,
.order_basket_title_total {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.inline-label{display: none;}
#order_basket_title {
	display: block;
}
#form-inputs {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
#form-inputs > *{/*padding: 0 5%;*/}

#form-inputs td {padding:1px}

#email-inputs {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}


#superform table tr:nth-child(2n+1) {
	background: none;
}

#apodeiksi1x {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
#final_payments_options {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
#final_payments_options > * {
	padding: 5px;
	min-width: 300px;
	flex: 1;
}
#form-inputs.apodeiksh .displayn {
	display: none;
}
#form-inputs table {
	width: 100%;
}
#form-inputs #a39x {
	/*width: 100%;
	min-width: 300px;*/
}
.a39x_interested {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 600px;
	align-items: center;
	margin: auto;
	max-width: 100%;
}

@media only screen and (max-width:990px){
/*===order review table===*/
#order_basket_title {
	display: none;
}
.each_basket_product {
	flex-direction: column;
	align-items: center;
	text-align: right;
	padding: 10px;
}
.inline-label{display: inline-block;}

.each_basket_product:nth-child(2n+1) {
	background-color: white;
}
.each_basket_product > *{
	text-align: right;
	min-width: 90%;
}
.order_basket_title_pd {
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.order_basket_text {
	float: none;
	width: 100%;
	text-align: left;
}
.order_basket_title_price,
.order_basket_title_total {flex-direction: row;justify-content: flex-end;}
#total_prices{width:100%;}
#coupon_prices{width:100%;}


.blue_line {margin: 20px 0;}

#order_basket_products{max-height:max-content;}

#form-inputs {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
}

#mycosmo_support {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
#priceclub_status {
	flex-wrap: wrap;
	justify-content: flex-end;
}

/*====LOGIN RESULT FIXES====*/
#login_result, #login_result_horeca{
	display: none; /*fixed*/ 
	position: fixed; 
	opacity: 1; 
	z-index: 11000; 
	left: 0; 
	margin-left: 0; 
	top: 0; 
	width: 100%; 
	height: 100vh; 
	align-items: center; 
	overflow: auto;
	/*background: rgba(0,0,0,0.4);*/
	width: 100vw;
}
#login_result .lean_title, #login_result_horeca .lean_title {
	line-height: 1.1;
}

.login_result_container {
	max-width: 700px;
	margin: auto;
	width: calc(100% - 40px);
	padding: 0 20px;
	position: relative;
	/*background: white;*/
	background-color: #f1f2f6;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}
/*===DIATHESIMOTHTA POPUP FIXES===*/
#diathesimotita_returner_left {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
}
#diathesimotita_returner_right {
	min-width: 250px;
	background-color: #fff;
	padding: 10px 2%;
	border-radius: 10px;
	flex: 1;
}
#diathesimotita_returner_right {
	min-width: 400px;
	background-color: #fff;
	padding: 10px 2%;
	border-radius: 10px;
	flex: 1;
}
.per_store.bgea {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.per_store{
	width:96%;
	padding:5px 2%;
	background-color:#fff;
	display: flex;
}

.per_store_sign{	
	width:10%;
}

.per_store_perioxi{
	width:30%;
	min-width: 120px;
	font-weight:bold;
}

.per_store_odos{
	width:40%;
}

.per_store_xartis {
	width: 25%;
	color: var(--primary);
	font-weight: 900;
	font-size: 20px;
	text-align: center;
	padding-right: 2px;
}

.per_store_address {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flex-container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/** 28/12 **/
@media all and (max-width: 600px){
    /*#allagi_stoixeion1,*/
    /*#allagi_kodikou1{
        left: 0 !important;
        margin-left: 0 !important;
    }
   /* #allagi_stoixeion1_container,*/
   /* #allagi_kodikou1_container
    {
        width: 100%;
        height: 100vh;
        padding: 10px 5px 10px 5px;
    }
	*/
    .mycosmo_lean_cont_left1{
        padding: 10px 5px;
    }
    .mycosmo_lean_cont_right1{
        float: right;
    }
    .mycosmo_lean_cont_right2{
        float: right;
    }
    .submiter1{
        width: 100%;
        margin: 8px auto;
    }
    #submit_order_overx{
        font-size: 18px;
        width: 100%;
    }
}

@media only screen and (max-width:800px){
	.mycosmo_header {
		width: 80%;
		margin: auto;
		font-size: 20px;
	}
	#wholesome .mycosmo_header img {max-height: 20px;}
	#priceclub_status .add_more_cards {
		padding: 5px 20px;
		margin-left: 0; 
		line-height: 1.2em;
	}
	
	.mycosmo_lean_cont {
		margin: 0px;
		padding: 10px 0;
		/*padding-left: 10px;
		padding-right: 4px;*/
	}
	
	.go_backt_toform{
		width:100%;
		margin-bottom:20px;
	}
	
	
	#stoixeia_timologiou{
		border-left:0px;
		border-right:0px;
	}
	
	
}

@media only screen and (max-width:400px){
	#diathesimotita_returner_right {
		min-width: 250px;
	}
	
	
}


/******activate_priceclub4********/

#activate_priceclub4 {display: none !important;}

#activate_priceclub4.show{
	z-index: 11000;
    position: fixed;
    opacity: 1;
    top: 0px;
    width: 100%;
    height: 100vh;
    display: flex !important;
    align-items: center;
    overflow: auto;
}

#activate_priceclub4_container {
	width: 600px;
	height: auto;
	background-color: #f1f2f6;
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: auto;
	max-width: 95%;
	border-radius: 20px;
}

/*
#activate_priceclub4 .content_input2
{
	width:150px;
	float:left;
}

#activate_priceclub4 .title_input2
{
	text-align:left;
	width:150px;
	font-size:16px;
	float:left;
}*/



/***********************/

.white_line{
	width: 100%;
    background-color: #fff;
    height: 1px;
}

#emailer_bf{
	background: #fff;
	color:#efefef;
	font-weight:bold;
	border:0;
	text-align:left;
	padding:15px;
	width:100%;
}

#egration_bf{
	width:100%;
}

/***********************/
.plt_price{
	color:grey;
	font-weight:bold	
}