@default:true;
@base: #505050;
@background:#FFF;
@main_color:#9ae234;
@main_color:#333;


@item:lighten(@background,3%);

@lighter1: darken(@base, 0%);
@lighter2: darken(@base, 5%);
@lighter7: lighten(@base, 7%);
@alpha:fade(@base,1%);
@alpha_dark:fade(@base,5%);

@text: #505050;

/*----------------------------------------------------------------------------------------------------------------
  GLOBAL
------------------------------------------------------------------------------------------------------------------*/

body .main_color{
	color:@main_color;
}

body.organizer_page.custom_color{
	border-top:none;
}

.organizer_page .filter_container{
	padding-top:0px;
}

#fallback{
	background-color: @main_color;
}

 body{ 
	color: @text; 
	background-color: @background; 
}


input, select{
	color: @text;
	background-color: @background;
}

#checkout_step_description{
	color:@main_color;
}

#checkout .active.step {
    border-color:@main_color;
}

.public .shop_step1_table .shop_step1_ticket{
	box-shadow:inset 0 0 0px 1px #FFF;
}


.public .shop_step1_table .shop_step1_ticket.selected{
	border-color:@main_color;
	box-shadow:inset 0 0 0px 1px @main_color;
}

.step_2 .shop_step1_table .shop_step1_ticket:has(.shop_step1_quantity_radio:checked){
	border-color:@main_color;
	box-shadow:inset 0 0 0px 1px @main_color;
}

.shop_step1_choice{
	color:@main_color;
}

.step_2 .shop_step1_table .shop_step1_ticket:has(.shop_step1_quantity_radio_container .shop_step1_quantity_select[value='1']:checked){
	border-color:@main_color;
	box-shadow:inset 0 0 0px 1px @main_color;
}

.public .shop_step1_table .shop_step1_quantity.selected .shop_step1_quantity_icon_remove{
	opacity: 1;
	background:@main_color;
}

.public .shop_step1_table .shop_step1_quantity.selected .shop_step1_quantity_icon_add{
	background:@main_color;
	opacity:1;
}




@media (hover: hover) {
	.shop_step1_table tr:hover .shop_step1_quantity_icon_add{
		background-color:@main_color;
	}
}

.custom_color_block{
	background:@main_color !important;
}

.basket_container a.smart_link{
	color:@base;
}


.navButton when (@default = false) {
	background: #1D1D1B;
	color:#FFF;

}

a.navButton when (@default = false){
	background: #1D1D1B;
	color:#FFF;
}

.navButton when (@default = true) {
	background: #777;
	color:#FFF;
}

a.navButton when (@default = true){
	background: #777;
	color:#FFF;
}

 .navButtonActive a, .navButtonActive {
    background-color: @base;
    color: @background;
}

.navButton:hover a {
    color: @background;
}


/*
.previousButton .navButton, .navButton.secondary{
	color: #1D1D1B;
    border: solid 1px #1D1D1B;
    background:#FFF;
}

.previousButton .navButton:hover, .navButton.secondary:hover{
	background:#1D1D1B;
	border-color:#1D1D1B;
	color:#FFF;
}*/
	

#add_multiple{
    color: @main_color;
}

.shop_step2_table input:focus, .shop_step2_table select:focus{
	outline-color:@main_color !important;
}

@-moz-document url-prefix() {
	.shop_step2_table input[type=text]{
		margin-left:3px;
	}
}

.promote_block a{
	color:@text;
}

#reduction_code:focus{
	outline-color:@main_color !important;
}

/*----------------------------------------------------------------------------------------------------------------
 VALIDATION
------------------------------------------------------------------------------------------------------------------*/


input:not([type=radio]).valid{
   border-right: 4px solid  @main_color;
}


  /* --------------------------------------
    BASKET
----------------------------------------*/
 
 .basket_menu .smart_link {
    color: @base;
 }
 

/*----------------------------------------------------------------------------------------------------------------
  SHOP HEADER
------------------------------------------------------------------------------------------------------------------*/

#checkout .active .text {
	color:@main_color;
}

.public .selected .shop_step1_quantity_icon_add{
	background:@main_color;
}

.shop_step1_quantity .included{
	color:@main_color;
}

.back_header when (@default = false) {
	color:@base;
}


/*----------------------------------------------------------------------------------------------------------------
  STEP 1
------------------------------------------------------------------------------------------------------------------*/


.shop_step1_table .special{
	color:#f64848 !important;
}

.shop_step1_category .shop_step1_name,.stop_step1_div_container .shop_step1_name{
	color:@text;
}

.shop_step1_description{
	color:@text;
}

.shop_step1_description when (@default = false) {
	border-color:@base;
}

.shop_step1_header.shop_step1_title{
	color:@lighter2; 
}


.shop_step1_add_quantity, .shop_step1_remove_quantity{
	color:@text;
}

.step_2 .options_category{
    background: #fff;
	border-color:#FFF;
}

.ui-datepicker.ui-widget-content{
   	background: @background !important;
}

.ui-datepicker-header{
	color: @text !important;
}

.ui-state-active{
	border-color: @lighter2 !important;
}


thead {
	color: @text !important;
}

.ui-state-active{
	color:  @main_color !important;
	border-color: @main_color !important;
}


/*----------------------------------------------------------------------------------------------------------------
  STEP 2
------------------------------------------------------------------------------------------------------------------*/


input[type=radio]:checked::before,
input[type=checkbox]:checked::before {
 	background-color:@main_color;
}

select.copy_details{
	 border: solid 2px @main_color;
}

select.dynamic_copy_details{
	border: solid 2px @main_color;
}

/*----------------------------------------------------------------------------------------------------------------
  STEP 3
------------------------------------------------------------------------------------------------------------------*/


.shop_step3_separator td{ 
	background-color: @background; 
}
.shop_step3_payment{
	 background-color:@background;
}
.shop_step3_payment_mode{
	background-color:#FFF;
}

#reduction_question{
	color:@main_color;
}

#reduction_apply{
	background-color:@main_color;
	color:#FFF;
	border-color:@main_color;
}

.donation_preset.active{
	border-color:@main_color;
	border-width:3px;
}

.donation_logo_container.active{
	border-color:@main_color;
    border-width: 1px;
    outline: solid 2px @main_color;
}



/*----------------------------------------------------------------------------------------------------------------
  STEP 4
------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------
  MULTI
------------------------------------------------------------------------------------------------------------------*/

.multi_body{
	color: @text;
	background-color:@background;
}


.multi_event_desc_control a, .multi_event_desc_control_compact a{
	color:@base;
	font-weight:600;
}

.multi_event_desc_control{
	border-color:@base;
}
	
	
.multi_event_button a{
	color:@background;
	background-color:@base;
}

.multi_event_button_disabled{
	color:@background !important;
	background-color:@base !important;
	opacity:0.3;
}

.multi_event_info_empty{
	border-color:@lighter2;
}

.multi_event_tile_title when (@default = false){
	color:@base;
	font-weight:bold;
}


.filter_item.selected{
	background:@main_color;
	color:#FFF;
	border:none;
}

.filter_date_datepicker input{
	background:@base;
	color: @background;
}



#calendar_datepicker td.closed > .ui-state-default {
   opacity:0.6;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
	opacity:1 !important;
}

#calendar_datepicker .calendar_link{
	color:@lighter2 !important;
}

.calendar_button {
	background:@main_color !important;
}

.multi_event_tile_text:after when (luminance(@base)<45%){
	opacity:0.9;
}


.shop_step1_session_validate{
	background-color:@main_color;
}

@media (max-width: 440px) {
	.public .shop_step1_table .shop_step1_ticket.selected{
	    outline: none;
	}
}

@media (max-width: 480px) {
	.shop_step2_table input:focus, .shop_step2_table select:focus{
		border-color:@main_color !important;
		outline:none !important;
		-moz-appearance: none; -webkit-appearance: none; appearance: none;
	}
}