/**
* Variable classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*/

/* Configuration
-------------------*/


/* Font family
--------------*/
$logoFont					: Varela, "Arial",Helvetica,sans-serif; 	// Police utilisée par le logo
$helpFont					: 'OpenSans', "Arial",Helvetica,sans-serif; //Police utilisée par l'aide
$defaultFont				: Helvetica,"Arial",sans-serif; 			//Police utilisée pour l'ensemble de l'application
$fontSize					: 13px 		!default; 						// Taille par default de la police de CourtApp
$base-font-size				: 16px      !default; 						// Taille par defaut des navigateurs

/* Layout Color 
-------------*/

$headerColor				: #3d4a5d !default;
//$headerColor				: #32383B 	!default; // couleur de fond du header
$menuColor 					: #2b303e 	!default; // couleur de fond du menu dans /app
//$menuColor 					: #465660 	!default; // couleur de fond du menu dans /app
$tableColor					: #465660	!default; // Couleur du thead des table
$toolbarActionColor			: #0099CC 	!default; // couleur de fond de la toolbarAction dans /app
$toolbarFilterColor			: #fff		!default; // couleur de police des el de la toolbarAction dans /app
$toolbarResultColor			: #e1e1e1	!default; // couleur de fond de la toolbarResult dans /app
$betaColor					: $toolbarActionColor; // Anciennement : #00B2E0

/* Interface color (txt, link, title, ...)
-------------*/

$titleColor					: #5A5A5A 	!default;
$linkColor					: $toolbarActionColor;


/* Btn & icon color
-------------*/

$darkColor					: #000		!default;
$lightColor					: #fff		!default;
$successColor				: #3D9400	!default; //last #9ec853	
$dangerColor				: #d14836	!default;
$infoColor					: #0099CC	!default;
$warningColor				: #FFB848	!default;


/* Taille
-------------*/

$widthContainer				: 1180px 	!default; // Taille maximun d'un container
$headerHeight				: 45px	 	!default; // Hauteur du header principale
$toolbarActionHeight		: 45px		!default; // Hauteur des toolbar présentes dans /app
$menuOpen					: 250px 	!default; // Taille du menu dans /app ouvert
$menuClose					: 70px 		!default; // Taille du menu dans /app fermé
$paddingContent				: 10px		!default; //Padding du content wrapper en desktop et >
$paddingContentRwd			: 5px		!default; //Padding du content wrapper en tablet et <
$headingHeight				: 80px		!default; //Hauteur du heading



/* timeline
--------------------*/

// Configuration des type d'event

$event-config :(
	(Clients 					event_client  			"\e02b")
	(Contrats 					event_contract 			"\e009")
	(Sinistres 					event_sinister 			"\e005")
	(Documents 					event_document 			"\e02c")
	(Commentaires 				event_comment 			"\e02e")
	(Relations 					event_relation 			"\e031")
	("Compte Client"			event_account 			"\e013")
	(Identites 					event_identity 			"\e022")
	(Abonnements 				event_subscription  	"\e004")
	(Agences 					event_agency			"\e02f")
	(Compagnies 				event_company			"\e00e")
	("Types de contrats" 		event_contract_type		"\e030")
	("Types de sinistres" 		event_sinister_type		"\e032")
	(Parrainages 				event_referral			"\f06b")
	(Factures					event_invoice			"\e01a")
	
) !default;

// Configuration des type d'action

$action-config :(
	(Création 					create  		"\e00c")
	(Suppression 				delete 			"\e01f")
	(Archivage 					archive 		"\f187")
	(Restauration 				restore 		"\f093")
	(Modification 				update 			"\e033")

) !default;

/* Responsive 
-------------------------*/

// Configuration JS Module
// Tableau de configuration envoyé dans body:before
// Permet d'établir en fonction du device les differents modules qui seront chargés en javascript.
// Le traitement sera fait par JavaScript

$configPhoneJS		:	'{"device": "phone","googleMaps": false,"slider": false,"menu" : true,"autoCloseMenu": true,"rwdMenu":true,"backTop": false}' !default; 
$configTabletJS		:	'{"device": "tablet","googleMaps": true,"slider": true,"menu" : true,"autoCloseMenu": true,"rwdMenu":false,"backTop": true}' 	!default; 
$configDesktopJS 	:	'{"device": "desktop","googleMaps": true,"slider": true,"menu" : false,"autoCloseMenu": false,"rwdMenu":false,"backTop": true}'	!default; 
$configWideJS 		:	'{"device": "wide","googleMaps": true,"slider": true,"menu" : false,"autoCloseMenu": false,"rwdMenu":false,"backTop": true}'	!default; 

/* Tableau des breakpoints
----------------------------*/

$breakpoints-config :(
	(phone 		false 		640px 		$configPhoneJS)
	(tablet 	641px 		1024px 		$configTabletJS)
	(desktop 	1025px 		1180px 		$configDesktopJS)
	(wide	 	1181px 		false 		$configWideJS)
) !default;

// Name your breakpoints in a way that creates a ubiquitous language
// across team members. It will improve communication between
// stakeholders, designers, developers, and testers.
$mq-breakpoints: (
    phone		:  	640px,
    tablet		:  	1024px,
    desktop		: 	1180px,
    wide		:	1180px
) !default;

//Media Querie Config
$mq-configs: (
    phone		:  	$configPhoneJS,
    tablet		:  	$configTabletJS,
    desktop		: 	$configDesktopJS,
    wide		:	$configWideJS
) !default;