gistfile1.sass

//====================
// Font-family
//====================

$font-family: "chevinpro";
$font-family-italic: "chevinpro-italic";

$font-family-bold: "chevinpro-bold";
$font-family-bold-italic: "chevinpro-bolditalic";


// Header Title
$h1-font-family: 					$font-family;
$h1-font-size: 						20px;
$h1-color: 							#ffffff;

// Title Page
$h2-font-family: 					$font-family;
$h2-font-size: 						16px;
$h2-color: 							#959595;

// Content Font
$h3-font-family: 					$font-family;
$h3-font-size: 						15px;
$h3-color: 							#959595;

// Smallest Font
$h4-font-family: 					$font-family;
$h4-font-size: 						14px;
$h4-color: 							#959595;

//====================
// Colors
//====================

$ui-black:                          #000000;
$ui-white:                          #FFFFFF;
$ui-green-light-hightlight:         #D7E021;
$ui-green-light:                    #8DC63F;
$ui-green-medium-highlight:         #39B54A;
$ui-green-medium:                   #35AD46;
$ui-gray:                           #959595;
$ui-gray-light:                     #ECEBE9;
$ui-gray-dark:                      #636363;
$ui-gray-highlight:  				#F1F1F1;
$ui-red: 							#EB3A3C;

//====================
// Buttons
//====================

$button-color:                    	#fff;
$button-block-margin:             	15px;
// $button-clear-padding:           6px;
$button-border-radius:            	0;
$button-border-width:             	0;

$button-font-size:                	$h2-font-size;
// $button-height:                  41.9px;
// $button-padding:                 12px;
// $button-icon-size:               24px;


// $button-bar-button-font-size:    13px;
// $button-bar-button-height:       32px;
// $button-bar-button-padding:      8px;
// $button-bar-button-icon-size:    20px;

$button-black-bg:                 	#000;
$button-black-text:               	#fff;
$button-black-active-bg:          	#000;
$button-black-active-text:			#959595;

$button-green-bg:                 	#8DC63F;
$button-green-text:               	#ffffff!important;
$button-green-active-bg:          	#39B54A;
$button-green-active-text:      	#ffffff;

$button-blocked-bg:                 #D6DE38;
$button-blocked-text:               #ffffff;
$button-blocked-active-bg:          #ABB22D;
$button-blocked-active-text:      	#DEE560;

$button-gray-bg:					#F0F0F0;
$button-gray-text:					#737373!important;
$button-gray-active-bg:				#F6F6F6;
$button-gray-active-text: 			#000000;
$button-gray-border:				1px solid #e3e3e3;

$button-green-light-hollow-text:         $ui-green-light;
$button-green-light-hollow-boder:   1px solid $ui-green-light;

$button-gray-outline-text-active:	#898989;
$button-gray-outline-text:			#898989;
$button-gray-outline-bg-active:		#D6D6D6;
$button-gray-outline-bg:			#F1F1F1;


$item-icon-font-size: 20px;
$button-bar-button-icon-size: 20px;
$button-large-icon-size: 20px;
//====================
// Inputs
//====================


$ui-input-default-border:    	 	1px solid #959595;
$ui-input-error-border: 			1px solid #EB3A3C;
$ui-input-active-border:			1px solid #000000;
$ui-input-success-border:			1px solid #959595;
$ui-input-blocked-border: 			1px solid rgba(149, 149, 149, 0.5);

$ui-input-default-bg: 				#FFFFFF !important;
$ui-input-error-bg:					#FFFFFF !important;
$ui-input-active-bg:				#F6F6F6 !important;
$ui-input-success-bg:				#FFFFFF !important;
$ui-input-blocked-bg:				#FFFFFF !important;

$ui-input-default-text-color: 		#959595;
$ui-input-error-text-color: 		#EB3A3C;
$ui-input-active-text-color: 		#000000;
$ui-input-success-text-color: 		#000000;
$ui-input-blocked-text-color: 		rgba(0, 0, 0, 0.5);

$ui-input-default-placeholder: 		#959595;
$ui-input-error-placeholder: 		#959595;
$ui-input-active-placeholder: 		#959595;
$ui-input-success-placeholder: 		#959595;
$ui-input-blocked-placeholder: 		1px solid rgba(149, 149, 149, 0.5);

$ui-input-error-icon-color:			#EB3A3C;
$ui-input-error-icon:				"\f128";
$ui-input-error-icon-family:		"Ionicons";

$ui-input-success-icon-color:		#8DC63F;
$ui-input-success-icon:				"\f120";
$ui-input-success-icon-family:		"Ionicons";


//====================
// Footer links
//====================

$footer-height: 				110px;
$footer-padding-top: 			18px;
$footer-padding-bottom:			22px;
$footer-icon-color: 			#636363;
$footer-bg: 					#F6F6F6;

//====================
// Dashboard colors
//====================

$dashboard-user: #39b54a;
$dashboard-accont: #62bd45;
$dashboard-card: #8bc63f;
$dashboard-transfer: #9fcc38;
$dashboard-deposit: #b1d230;
$dashboard-payment: #b7df21;
$dashboard-investment: #a3d6d5;
$dashboard-loan: #89c9d3;
$dashboard-all: #70bdd2;
$dashboard-exit: #3da4cf;
$dashboard-text-color: #959595;
$dashboard-background: #ffffff;

//====================
// Popup colors
//====================
$popup-border: 						1px solid #e3e3e3;
$popup-text: 						#686868;
$popup-title: 						#8DC63F;

//====================
// Tabs colors
//====================
$tab-background-gray: #ecebe9;

//====================
// Widths
//====================
$transfer-avatar-width:      42px;
$transfer-avatar-height:     42px;
$transfer-avatar-max-width:  42px;
$transfer-avatar-max-height: 42px;

//====================
// Funds Colors
//====================
$funds-tax-pre-fixed-color:         #0099ff;
$funds-tax-pos-fixed-color:         #87d5f2;
$funds-inflation:                   #17375d;
$funds-exchange:                    #76c181;
$funds-foreign-investment:          #00a388;
$funds-multimarkets:                #ff7f00;
$funds-stocks:                      #ed1e79;
$funds-supplementary-pension:       #cccccc;
$funds-alternative-investments:     #ed1c24;