@import "variable.less";  //Include all variables

@import "mixin.less";  //Include all mixins

@import "function.less";  //Include all functions

@import "fonts.less"; //Include all fonts


.ui-autocomplete{
	.ui-menu-item{
		padding: .6em;

	}
}
.o_chat_window .o_chat_header {
	.bg_primary;
  	padding: .8em;
  	font-size: 1.1em
}


.nav-tabs{
	 > li.active{
	a{
		border-top: 2px solid @color-secondary !important;
		.border-radius(0px);
	}

	}
}

a{
.color_secondary;
	&.btn-primary{
		.color_white;
	}
}

.wk_btn{
	.border-radius(0px);
	.bg_secondary;
	.border(@pixel:1px,@color:desaturate(@color-secondary, 20%));
	&:active,&:hover{
		.border(@pixel:1px,@color:desaturate(@color-secondary, 20%));
	}
	
}
.o_web_client{
	.scrollbar(@color-primary, 10px);
	.selection(@color-primary,@color-white);
	.placeholder(@color-primary);

}
.btn-primary{
		border-color:@color-secondary!important;
		
}

.openerp .oe_background_grey{
	.bg_white !important;
}
.wk_radio_checkbox_size{
		content: "";
	    display: block;
	    width: 15px;
	    height: 15px;
}
.wk_radio_checkbox{
    position: relative;
    cursor: pointer;
    border: none;
    .appearance;
    &:focus{
        outline: none;
    } 
    &:after{

    }
    &:checked:after {
    	border-color: @color-secondary;
	}  
}

input[type="radio"] {
	.wk_radio_checkbox;
    vertical-align: top;
    background-color: transparent;  
    &:before,&:after{
 		.wk_radio_checkbox_size;
	    .border-radius(50%);
	    .transition;	   
    }
    &:after{
		 position: relative;	   
	    border: 1px solid darken(@color-white, 30%);
    }
 	&:before{
    position: absolute;
    left: 0;   
    background-color: @color-secondary;
    .transform(scale(0));   

    }
    &:checked:before {
    	.transform(scale(.5,.5));  
	   
	}

}
input[type="checkbox"] {
	.wk_radio_checkbox;
    &:after{
	 	.wk_radio_checkbox_size;
	    border: 1px solid darken(@color-white, 30%);
	    .border-radius(1px);
	    .transition;	   
    }
    &:checked:after {
   		 background-color: @color-secondary;
	} 
	&:checked:before {
	  	content: "";
	    position: absolute;
	    display: table;	
	    .transform;
     	border: 1px solid @color-white; 
     	border-top-width: 0;
	    border-left-width: 0;
	    left: 5px;
	    width: 5px;
	    height: 12px;      
	   
	} 
}
.badge{
		 font-weight: 900; 
		.bg_secondary !important;
		.color_white ;
}
.openerp ,.openerp.oe_webclient,.modal-dialog{
	.modal-header{
		.bg_primary;
		.color_white;
	}
	
	.o_form_field_many2manytags .badge{
		background-color: inherit;
	}

	.o_form_field_many2manytags{
	    .o_tag_color_0 {
	        background-color: #B6BBBF !important;
	    }
	    .o_tag_color_1 {
	        background-color: #61BD4F !important;
	    }
	    .o_tag_color_2 {
	        background-color: #F2D600 !important;
	    }
	    .o_tag_color_3 {
	        background-color: #FFAB4A !important;
	    }
	    .o_tag_color_4 {
	        background-color: #EB5A46 !important;
	    }
	    .o_tag_color_5 {
	        background-color: #A24689 !important;
	    }
	    .o_tag_color_6 {
	        background-color: #0079BF !important;
	    }
	    .o_tag_color_7 {
	        background-color: #00C2E0 !important;
	    }
	    .o_tag_color_8 {
	        background-color: #4CD98E !important;
	    }
	    .o_tag_color_9 {
	        background-color: #FF80CE !important;
	    }
	    .o_tag_color_10 {
	        background-color: #4D4D4D !important;
	    }
	}
	.oe_form_field_radio.oe_horizontal{
		label{
			margin-left: 25px;
			margin-top: 3px;
		}
		div{
			padding: 4px;

		}
	} 	

	.oe_blockui_spin_container{
		.scrollbar(none, 0px);

	}
	.label-primary{
		.wk_btn;
	}
	 .btn-primary{
		.wk_btn;
		border-color:@color-secondary!important;
		
	}
			
	.o_button_icon{
		.color_secondary;
	}
	.text-info{
		.color_secondary;
	}										
	.o_primary{
		.color_secondary !important;
	}
	a{
		.color_secondary ;
		&.btn-primary{
			.color_white;

		}

	}
	.oe_link{
		.color_secondary !important;

	}
	.btn-link{
		.color_secondary;

	}	
	.tn-link{
		.color_secondary;
	}
	button{
		.border-radius(0px);		
		&.oe_button:hover{
			.bg_white;
		 	.color_secondary;
		}
		&.oe_stat_button {
			border-top: 2px solid darken(@color-secondary,15%);
			margin-top: 2px;
			margin-right: 2px;
			.onPhone({
				width: 100% !important;
				});
		}

	}
	.ui-state-focus,
	.ui-menu .ui-state-active {
	  background:@color-secondary !important;
	  border: 1px solid darken(@color-secondary,10%) !important;
	}
	.o_progressbar{
		.o_progress{
			.o_progressbar_complete{
				.bg_primary;
			}
		.border-radius(0px);
		border: 1px solid darken(@color-primary,10%);
		}
	}
	.oe_application{
		.bg_white_darken(5%);
		padding: 1% 1% 0% 1%;
		box-shadow:5px 0 5px 0px  darken(@color-white,15%);
		border: 1px solid darken(@color-white,10%);
		.o_calendar_container{
			.o_calendar_widget{
				
				.fc-week-number,.fc-widget-header{
					 .bg_primary_light(10%);
	 				.color_white;
	 				font-weight: 300;
	 				line-height: 40px;

				}
			}	
			.o_calendar_sidebar_container{
				.ui-datepicker{
					line-height: 2em;
					.ui-widget-header{
						border:none;
						.color_primary;
						.bg_white;
					 a{
						.color_primary;
						.bg_white;
						// .bg_primary_light(10%);

					}
					}
					.ui-datepicker-calendar{
						
						border-radius: 0px;
						thead{
							.color_white;
							.bg_primary;
							.border-radius(0px);
						
						}
						th{ 
							padding : 5px 0px;	
							text-align: center;						


						}
						td{
							a{

								color: darken(@color-white, 40%);
								.bg_white;
								text-align: center;
								&.ui-state-active{
									.color_white;
									.bg_primary;
								}
							}

						}
					}
				}

			}
		}

	}

	.o_mail_annoying_notification_bar{
		.bg_primary;
	}
	.o_mail_chat_content{
		.o_chat_composer{
			.bg_primary;
		}
	}
	.o_mail_chat_sidebar{
			padding-top:0px;
			.o_channel_name{
				i, .o_mail_hash{
					padding-right:10px
				}
			}
			.o_mail_sidebar_needaction{
				width: 3em;
				line-height: 2.5em;
				border-radius: 50%
			}
			.o_mail_sidebar_title{
				.bg_white_darken(10%);
			}
			div{
				line-height: 2.5em;
			}
	   		.bg_white;
	   		.color_primary;
	   		border-right: 1px solid darken(@color-primary,15%);
	   		.o_mail_chat_channel_item{
	   			padding:2px 8px 2px 16px;
	   			&:hover,&:focus,&:active {
	  			.color_white;
				.bg_primary_light(5%);
			} 
		
   		}
			.o_mail_chat_channel_item.o_active{
	   			.bg_primary !important;
	   			.color_white;	 				   			
			}
   	}
   .oe-control-panel{
   		.onPhone({
   			.dropdown-menu{
   				position: relative!important;
   			}
   			});
   		.bg_white;
   		border-bottom: 1px solid @color-primary;
   		.oe-right-toolbar{
   			.onPhone({	

				float:left !important;
			});

   		}
   		.oe-view-title{
	   			.bg_white;
	   			font-size: 1.5em;
	   		}
		   	.btn{

		   		.color_primary;
		   		.bg_white;	
	   		&.active{
	   			border: 1px solid @color-primary;
	   		} 				   		
    		&:hover,&:focus,&:active {
		  			.color_primary;
					.bg_white;
					border: 1px solid @color-primary;
			} 
		   	}
		   .oe-view-title.breadcrumb {
		   		.bg_white;
		   }
		   .onTablet({
		   	 .oe-cp-search-view{
		   		width: 40%;
		   		float: right;
		   }

	   	})
	  
   }
   .oe-view-manager{
   		.bg_white!important;
   }
   .o_kanban_view{
   		
	   a{
			.color_secondary ;	

		}
		.o_kanban_group{
			.bg_white;
		}
		.o_sales_dashboard{
			td.o_main{
				.bg_primary;
			}


		}
		.o_kanban_card_header{
			.bg_white;
			border-bottom: 1px solid darken(@color-secondary,15%);
		}
		.o_kanban_primary_bottom{
			.bg_white;
			border-top: 1px solid darken(@color-secondary,15%);
		}
		.bg_white;		
		.o_kanban_record{
			// .o_kanban_image{
			// 	border: 5px solid #eee !important;
			// 	width: 90px !important;
			// 	height: 90px !important;
			// 	.onPhone({
			// 		width: none !important;
			// 		height: none !important;

			// 	});
			// }
			li{
				margin-top: 5px;
			}
			margin:15px 10px;
			.onPhone({
					margin-left: 0px;
					margin-right: 0px;

			});
			&:not([class^="oe_kanban_colo"]){
				.onPhone({
					padding: 15px;
				});
				padding: 25px 10px;
			}
			box-shadow:0px 5px 10px 1px  darken(@color-white,15%);
			border:1px solid darken(@color-white,15%);
		}
   }
		
	.oe_formview{
		
		.oe_button_box + .oe_title,.oe_button_box + .oe_avatar + .oe_title{
			.onPhone({		    	 		
			  	width:100%;
			  	display:block;
 			});
		}			
		.bg_white;
   		.oe_form_container{
			.bg_white;
		   }
		}
		.oe_form_editable .oe_list_editable .oe_list_content td.oe_required{
			.bg_white;

			border-bottom: 2px solid  @color-primary!important;

	
		}
	.oe_form{

		td.oe_form_group_cell_label{
			.onPhone({	
				border-right:0px;
			});
		}
		.oe_form_field{
			padding: 2px 2px 5px 0px;
		}
		.oe_form_field_date input{
			width: 90%;
		}
		.oe_form_field_text.oe_inline{
			.onPhone({	
				width:100%;
			});
			
			textarea{
				.onPhone({	
					width:100%;
				});
			}

		}

		div.oe_chatter{
			.onPhone({	
				min-width:0px !important;
			});
		}

		.oe_form_group_cell{		
			.onPhone({		    	 		
			  	display:block;
					width:100%;
				 padding-left:0px !important;
			});
			.oe_group_right{
 			.onPhone({		    	 		
				  padding-left:0px;
 			});
			}


		}
		.oe_form_sheetbg {
			.oe_form_sheet_width{
				max-width:none!important;	   
				.onPhone({		    	 		
			  	min-width:0px !important;
	 			});
				
			}

		}
		
		.oe_button_box{	
			.onPhone({		    	 		
			  	width:100%;
			  	display:block;
			});	
			.o_stat_value{
				.color_secondary !important;
			}
		}
		.o_statusbar_buttons{
			&.wk_slide{
				display: none;
			}
			.wk_oe_status{
				.bg_white;
			background-image: none;
			.label{
				.color_primary;
				text-shadow: none;
				.border-radius(0px);
			}									
												
			.arrow{
					.bg_white;
					span{
						border: 1px solid @color-primary;
						.bg_white;
						box-shadow: none;
						background:@color-white;
						@include radius(3px);
  						@include transform(rotate(45deg));
					}
			}
			&.oe_active{
					.bg_primary;
					span{
						.color_white;						
					}	
					.arrow span{
						.bg_primary;
					}
			}

			}
			ul.oe_form_status li{
				.wk_oe_status;
			}
			ul.oe_form_status_clickable li{
				.wk_oe_status;
			}				   						

		}
		.oe_form_sheetbg{
			background:none;
			.oe_form_sheet{		   							
				table{
					.oe_form_group_row{
					
					}
				}
			}
		}
		.o_chatter .oe_chatte{

		}
	   .oe_form_required{
	   		
	   		input, select,textarea {

	   			&:not([disabled]),&:not([readonly]),&:not([disabled]):not([readonly]){
	   				.bg_white !important;
					&:not([type=checkbox]):not([type=radio]){border: 2px solid  @color-primary!important;}
		   		
					}
					&:not([disabled]),&:focus,&:hover ,&:not([readonly]),&:focus,&:hover{
	   				.bg_white !important;
					&:not([type=checkbox]):not([type=radio]){border: 2px solid  @color-primary!important;}
		   		
					}
	   		}
	   		.oe_input_icon{
	   		}
	   }
	   .oe_form_invalid{
   			input,select,textarea{
   			 	border: 1px solid @color-primary!important;

   			}
	   }
	   input[type="text"],input[type="password"],input[type="file"],select,textarea{
	    	border: 1px solid darken(@color-white, 20%);
	  	.border-radius(0px);
	 	 &:focus{
	 	  outline: 0 !important;
				border: 1px solid @color-primary;

	 	 }
	 	 &:not(textarea){
	 	 	height:30px;

	 	 }

	   }
	}
	
	.oe-autocomplete ul li.oe-selection-focus {

	  	background-color:darken(@color-secondary,10%)!important;
	}
	.oe_leftbar .oe_secondary_menus_container .wk_menu:hover .wk_icon.oe_secondary_submenu {	
		
			.onPhone({
				width: none;
				left:2.5em;

			});

		  display: block !important;
		  margin-top: -50px !important;
		  overflow: auto !important;
		 	width: 12em;
		  position: fixed;
		  z-index: 2000;
		  left: 3em;
		  max-height: 280px;
		  .oe_menu_text{
			  display: inline-block !important;
		  }
		  .side_menu_heading{
	  	 	a { cursor: default !important; }
		  	display:block !important;
		  }

	}
	.o_kanban_view{

		.o_kanban_dashboard{
			.o_kanban_ungrouped{
				.o_kanban_card_header{
					.bg_primary;
				}
				a{
					.color_secondary!important;	

				}
			}
		}
	}

 	.oe_searchview {
		.border-radius(0px);
		.bg_white;
		position: relative;
		height: auto;
		cursor: text;
		border: 1px solid darken(@color-white, 40%);
		box-shadow: none;	 
		  &.active{
		  	border-color: @color-primary; 
		  }
		  .oe_searchview_search{
				left: 1px;
				top: 1px;
				width: auto;
				font-size: 13px;
				padding: 5px;
				.bg_primary;
				line-height: 14px;
				.color_white;
				font-weight: bold;
				text-shadow: none;

		  }
		  .oe_searchview_unfold_drawer{
		  	.color_primary;
		  }
		  .oe_searchview_facets{		  		

				.oe_searchview_facet,.oe_searchview_facet{
					border: 1px solid @color-primary;
					margin: -1px 0px;
					font-size: 13px;
					.bg_white;					
					&:focus{
						box-shadow:none;
					}
					&.oe_tag{
						border: 1px solid @color-primary;
					}
					.oe_facet_values{

					 	color: darken(@color-white, 50%);
					  	.bg_white;
					}
					.oe_facet_remove{
						 	.color_primary;
	  						top: 4px;
	  						&:hover{
	  							.bg_white;
	  							.color_primary;
	  						}
					}
					span.label{
						 .bg_primary;
					}
				}
		  }
	}
	.oe_fileupload {
		.oe_add {
			button.oe_attach{
				.color_secondary;
			}
			.oe_attach_label{
				.color_secondary;
				
			}
		}
	}
	.oe_horizontal_separator{
		.color_primary;
	}
}
.wk_menu_caret{
	float :right;
}
.openerp,.openerp.oe_webclient,.modal-backdrop{
	.font();
 	.oe_list_content{
 		thead{
	 	 	border-bottom: 1px solid darken(@color-white, 50%);
  			background-color: darken(@color-white, 10%);

 		}
 
		 tbody:not(.ui-sortable){
		 	tr{	
		 		td.oe_list_field_cell{
  					vertical-align: middle;
		 		}
		 	  	height: 40px;
				border-top: 1px solid darken(@color-white, 10%);;				
		 		&:nth-child(odd) {
			 		.bg_white;
			 		background-image:none;
		 			&:hover{
  						.bg_secondary_light(35%);	 		
		 			}
		 		}
	 		}
		 }
 	}	 
	.oe_highlight{
		.wk_btn;
		.color_white ;

	}
	.oe_loading {
		 	.bg_primary;
			border: 0px;
	}
	.wk_icon_div{
				width: 4em !important;
				.onPhone({
						width: 3em !important;
						});
				div.oe_secondary_menu_section{
					padding-left: 10% !important;
					.onPhone({
						padding-left: 0% !important;
						});
				}
	}		   

	.oe_leftbar {
		padding-top:30px;
		.bg_primary;
		.color_white;
		.oe_secondary_menus_container{						

			.oe_secondary_menu{
			font-weight: 300;
			line-height: 3em;
			font-size:1.1em;
			margin-left:0px;
			.onPhone({
    	 			font-weight: 100;
				  	line-height: 2em;

	 			});	

				.fa{
					font-size: 1.1em;
					width: 1.5em;
					text-align: center;
					line-height: 1.5em;
				

				}
				

    			.wk_menu {
    				.wk_menu_heading{							
	    				font-size:1.1em;
	    				margin-left: 3%;
	    				font-weight:normal !important;	
	    				.wk_menu_icon{
							.border-radius(50%);
							background: darken(@color-primary, 10%);
							 vertical-align: middle !important; 
							margin: 0 auto;
							display: inline-block;
							font-size: 1.5em;
							width: 1.5em;
							text-align: center;
							line-height: 1.5em;

						}    			
	    				&.wk_active{
	    					// margin-left: 5%;
			    			.wk_menu_icon{
									.bg_primary_light(15%);
									.color_white;
									.border-radius(0.8em);
			    			}  		
		    			}
					}
				}
		    	.oe_secondary_menu_section{
			    		.color_white;
			    		.bg_primary;

			    		margin-left:0px;
						&.wk_menu a{

	    					font-weight: 500;
							line-height: 1.2em;
							font-size:1.1em;
	    					margin-left:3%;	    								 		
				 			.wk_menu_icon{			 				
				 					
										width: 2em;
										background: darken(@color-primary, 10%);
										 vertical-align: middle !important; 
										margin: 0 auto;
										display: inline-block;

										.border-radius(50%);
										font-size: 1.2em;
										text-align: center;
										line-height: 2em;									 
				 				
				 			}

    					}

    					.fa{
							font-size: 1.1em;
							width: 1.5em;
							text-align: center;
							line-height: 1.5em;
				

						}

		    			.oe_menu_leaf{
		    				.color_white;
		    			}
		    			
		    			
		    			&.active{
		    			.bg_primary_light(10%);			    		
		    			}

			    	}
		    	.oe_secondary_submenu{
	    			.oe_menu_toggler:before{
	    				border-left:4px solid white;
	    				border-top:4px solid transparent;
	    				border-bottom:4px solid transparent;
					}
					.oe_menu_opened:before{
						border-top:4px solid white;
						border-left:4px solid transparent;
						border-right:4px solid transparent;
					}
		    		.oe_menu_text{
		    			margin-left:20px;
		    		}
		    		.side_menu_heading{
		    			display: none;
		    		}
		    		display:none ;				    		
	    			.bg_primary;
			    		.active a{
			    			.bg_primary_light(10%);			    		
			    		}
			    		a{
				    		font-weight: 300;
							font-size:1.1em;
				    		.color_white;
				    		&:hover,&:focus,&:active {					  			
								.bg_primary_light(5%);
								.border-radius(0px);
		    				} 
			    		}
		    	}
		    }
		}
	}
			


	
	.o_web_settings_dashboard 
	.o_web_settings_dashboard_col 
	.o_web_settings_dashboard_planner 
	.o_web_settings_dashboard_progress_title		
	{
		.color_secondary ;
		

	}
	.progress{
			.border-radius(0px); 
			.bg_white!important;
		}
	.progress-bar{
		.bg_primary ;
	}
	.oe-autocomplete ul li.oe-selection-focus{
		.bg_primary!important;
	}
	.oe_form_nosheet header{
		padding:15px;

	}
	.oe_form_field_many2one{
		span.oe_m2o_drop_down_button{
			top: 7px;
			right: 3px;
		}

		.oe_m2o_cm_button{
		.color_secondary!important;
		}
	}

						

		
}

#oe_main_menu_navbar {
	.oe_topbar_avatar{
		max-height:50px;
		width:45px;
	}
	.navbar-collapse{
		padding-left: 5px;

	}
	.navbar-nav{
		margin: 0px;
		
	}
		.onPhone({
 			padding:0px;

			});
		.navbar-toggle{
			border-radius: 0px;
			&.wk-nav{
			.onPhone({
					margin: 5px !important;
 					.bg_white;
 					.color_white;
 					border-color:@color-secondary;

			});
		}

		}
 		// padding:2px 20px 2px 20px;
 		.bg_white;
  		border-color: @color-primary; 
  		border-style: solid;
	 	border-width: 0  0 1px 0;
		.font();
		.navbar-nav{
			.oe_theme_manager{
				button{
					font-size:1.2em;

				}
				ul.o_mail_navbar_dropdown{
				text-align: center;
				padding: 1px;
				margin: 5px;
				border: 1px solid @color-primary;
				}
				.theme_item_select{
					.color_primary;
				}
				.theme_item{
					height: 40px;
					padding:0px;
					margin:12px; 
					cursor: pointer; 
					cursor: hand;
					&.font{
						border: 1px solid @color-primary;
					}
					.theme_item_name{
						line-height: 3em;
						vertical-align: middle;
						color: darken(@color-white, 80%);
					}
				}

			}
			.open a{
				&.dropdown-toggle{
					.bg_white_darken(10%);

				}	
				&:focus{
					.bg_white_darken(10%);
				}

			}
			.wk_logo{
				&.wk_side_menu{
					display: none;				

				}
				 img{		
				 max-width:200px;		
				height:45px;							

				}
			}
			a.toggle-leftmenu{
				padding:8px 8px 4px 0px;
				.color_primary;
				.fa{
					.border-radius(50%);
					font-size: 1.7em;
					text-align: center;
					line-height: 1.7em;
					width: 1.7em;
					margin-left: 10%;

				}
				&.wk_toogle_active{
					
					.fa{
						.border-radius(0.9em);
						.bg_primary_light(15%);
						.color_white;								
					}
				}
			}			

			ul.dropdown-menu > li a{
					line-height: 2em !important;
    				}				
			// ul.oe_systray{
			// 	color: black !important;
			// 	background: white !important;
			// }
    	 	li{	
    	 		.onPhone({		    	 		
				  	display: inline-block;
					margin-left: 15px;
		 			});
				

    	 	 	a:not(.toggle-leftmenu):not(.wk_logo)
    	 		{
	 				.onPhone({
		    	 			font-weight: 100;
						  	font-size:1em;
		 			});							
		    	 	color: darken(@color-white, 70%);
				  	font-weight: 300;
				  	font-size:1.2em;
				  	line-height: 3em;

				  	margin-top: 0px;	
				  	&:hover,&:focus,&:active {
			  			.color_white;
						.bg_primary;
    				}
	    		}
    		}
    		.active a{
		    			.color_white !important;;
		    			.bg_primary;
	    		}
    		
    		.o_mail_navbar_dropdown{
    			.o_selected{
    				.color_secondary;

    			}
    			.o_new_message{
    			.color_secondary;


    			}
    		}

	    	
    	}		    	

	}


.wk_icon.oe_secondary_submenu {
	 display: none !important;
}
.bootstrap-datetimepicker-widget {
	td{
		span.active{
			.bg_secondary;
		}
		&.active{
			.bg_secondary;
			&:hover{
				.bg_secondary;
			}
		}	
	}

}