// Variables
// --------------------------------------------------


// Global values tita
// --------------------------------------------------
$baseImgUrl:            "../../../images/components/tita-widget" !default; 
//$baseImgUrl: "http://xfile4.tita.com/tita-widget/src/images/";
 

// Grays
// -------------------------
$black:                 #000 !default;
$grayDarker:            #222 !default;
$grayDark:              #333 !default;
$gray:                  #555 !default;
$grayLight:             #999 !default;
$grayLighter:           #eee !default; 
$white:                 #fff !default;
$red:                   #9d261d !default;
$yellow:                #ffc40d !default;
$orange:                #f89406 !default;
$pink:                  #c3325f !default;
$purple:                #7a43b6 !default;
$blue:                  #049cdb !default;
$green:                  #3bb16a !default;


// Accent colors  tita
// -------------------------

$blueDark1:             #084171 !default;
$blueDark2:             #145c98 !default;
$blueDark3:             #2d83cf !default;
$blueDark4:             #509fe5 !default;
$blueDark5:             #99c8f2 !default;
$blueDark6:             #c8e1f7 !default;
$blueDark7:             #f2f9ff !default;
$blueDark8:				#8c92cb !default;
$blueDark9:				#c6c9e5 !default;
$blueDark10:			#135890 !default;

       
$gay1:                  #333333 !default;
$gay2:                  #555555 !default;
$gay3:                  #8a8a8a !default;
$gay4:                  #aaaaaa !default;
$gay5:                  #c5c5c5 !default;
$gay6:                  #dddddd !default;
$gay7:                  #eeeeee !default;
$gay8:                  #f5f5f5 !default;
$gay9:                  #f7f7f7 !default;
$gay10:					#f2f8fd !default;
$gay11:					#efefd4 !default;
$gay12:					#797979 !default;
$gay13:					#666563 !default;  
$gay14:                 #d6d6d6 !default;
$gay15:					#e7e7e7 !default;
$gay16:					#c0c0c0 !default;
$gay17:					#757575 !default;

$green1:                 #17a251 !default;
$green2:                 #58c583 !default;
$green3:                 #daeedb !default;
$green4:                 #edf7ee !default;


$orange1:				 #ff9c00 !default;
$orange2:				 #ffb527 !default;
$orange3:				 #fff7e7 !default;


//task
$task:                   #99c8f2 !default;


//error
$warn1:                  #e25050 !default;
$warn2:                  #ff5b5b !default;


//app
// -------------------------
//jixiao
$epm:                     #0f820b !default;
$epmHover:                #27A223 !default;
$ceping:                  #d23894 !default;
$cepingHover:             #db58a6 !default;
$meeting:                 #d76b2a !default;
$meetingHover:            #e57b3b !default;
$group:                   #a08655 !default;
$groupHover:              #b59d70 !default;
$sitalent:                #94be24 !default;
$sitalentHover:           #adcf51 !default;
$stita:                   #0595cd !default;
$stitaHover:              #49b1d8 !default;
$topic:                   #e671b8 !default;
$recruit:                 #00b5b4 !default;
$recruitHover:            #3dc9c8 !default;
$bang :                   #1796bf !default;
$bangHover :              #4dc2ed !default;
$succession :             #1ba0e1 !default;
$successionHover :        #41b9f5 !default;
$s360:                    #8338af !default;
$s360Hover:               #a251d1 !default;
$zhaopin :                #00b5b4 !default;
$zhaopinHover :           #23c9c7 !default;
$survey :                 #da8400 !default;
$surveyHover :            #e89922 !default;
$gokuai:                  #3fa5e7 !default;
$gokuaiHover:             #5ab7f3 !default;
$crm :                    #015e4b !default;
$crmHover :               #407e53 !default;
$ke:                      #2076bd !default;
$xtcc:					  #018db5 !default;
$xtccHover:				  #21ADD6 !default;
$kehuzhichi:              #4e5ab0 !default;
$shenpi:				  #7da415 !default;
$shenpiHover:			  #adcf51 !default;
// task
// -------------------------


// Scaffolding tita
// -------------------------
$bodyBackground:        $blueDark2 !default;
$textColor:             $grayDark !default;


// Links tita
// -------------------------
$linkColor:             #00599B !default;
$linkColorHover:        #1687D9 !default;

//indicater
// -------------------------
$indicater:              #58c583 !default;
$indicaterHover:         #56c180 !default;

// Typography 
// -------------------------
$sansFontFamily:        "Helvetica Neue",Tahoma,"PingFang SC","Hiragino Sans GB",SimSun,STHeitiSC,sans-serif;
$serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace !default;
$fontFamily:            "Helvetica Neue",Helvetica,arial,"Hiragino Sans GB",\5b8b\4f53,sans-serif;


//tita
$baseFontFamily:        tahoma,verdana,"Helvetica Neue",Helvetica,"Hiragino Sans GB", "SimSun", "NSimSun", sans-serif !default;
$yaheifFontFamily:       "Helvetica Neue",Helvetica,verdana,"Hiragino Sans GB","Microsoft YaHei", "SimHei", "SimSun" !default;
$ie_yaheifFontFamily:      "Microsoft YaHei", "SimHei", "SimSun" !default;


$baseFontSize:          14px !default;
$baseLineHeight:        16px !default;
$altFontFamily:         $yaheifFontFamily;


$headingsFontFamily:    inherit !default; // empty to use BS default, $baseFontFamily
$headingsFontWeight:    bold !default;    // instead of browser default, bold
$headingsColor:         inherit !default; // empty to use BS default, $textColor


//Spacing tita
$baseSpacing:           30px !default; 
$baseSpacingSmall:      10px !default; 
$baseSpacingLarge:      50px !default; 

           

// Component sizing
// -------------------------
// Based on 14px font-size and 20px line-height

$fontSizeLarge:         24px !default; // ~24px
$fontSizeSmall:         14px !default; // ~14px
$fontSizeMini:          12px !default; // ~12px

$lineHeightLarge:         22px !default; // ~24px
$lineHeightSmall:         16px !default; // ~14px
$lineHeightMini:          14px !default; // ~12px

$paddingLarge:          11px 19px !default; // 44px
$paddingSmall:          2px 10px !default;  // 26px
$paddingMini:           0px 6px !default;   // 22px

$baseBorderRadius:      3px !default;
$borderRadiusLarge:     6px !default;
$borderRadiusSmall:     3px !default;


// Tables
// -------------------------
$tableBackground:                   transparent !default; // overall background-color
$tableBackgroundAccent:             #f9f9f9 !default; // for striping
$tableBackgroundHover:              #f5f5f5 !default; // for hover
$tableBorder:                       #ddd !default; // table and cell border

// Buttons
// -------------------------
 $btnBackground:                     #eeeeee !default;
$btnBackgroundHighlight:            darken(#eeeeee, 10%) !default;
$btnBorder:                         #dddddd !default;

/*$btnPrimaryBackground:              #4797de !default;
$btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 20%) !default;

$btnInfoBackground:                 #5bc0de !default;
$btnInfoBackgroundHighlight:        #2f96b4 !default; */

$btnSuccessBackground:              #58c853 !default;
$btnSuccessBackgroundHighlight:     #5ccf89 !default;
$btnSuccessBorder:                  #56c180 !default;
$btnSuccessHoverBackground:        $green1 !default;

/* $btnWarningBackground:              lighten($orange, 15%) !default;
$btnWarningBackgroundHighlight:     $orange !default;

$btnDangerBackground:               #ee5f5b !default;
$btnDangerBackgroundHighlight:      #bd362f !default;

$btnInverseBackground:              #444 !default;
$btnInverseBackgroundHighlight:     $grayDarker !default; */

//new a button  tita
$btnNewActionBackground:             #58c583 !default;
$btnNewActionBorder:                 #56c180 !default;
$btnNewActionHighlight:              #5ccf89 !default;
$btnNewActionHoverBackground:        $green1 !default;

$btnSureBackground:                  #509fe5 !default;
$btnSureBorder:                      #4797de !default;
$btnSureHighlight:                   #53a4ec !default;
$btnSureHoverBackground:             $blueDark3 !default;


$btnCancelBackground:                  $white !default;
$btnCancelBorder:                      $gay6 !default;
$btnCancelHighlight:                   $white !default;
$btnCancelHoverBorder:                 $gay3 !default;

$btnWarningBackground:                  #ff9c00 !default;
$btnWarningBorder:                      #ff9c00 !default;
$btnWarningHighlight:                   #ff9000 !default;
$btnWarningHoverBorder:                 #ff9000 !default;

// Forms tita
// -------------------------
$inputBackground:               $white !default;
$inputBorder:                   $gay6 !default;
$inputBorderRadius:             $baseBorderRadius !default;
$inputDisabledBackground:       $grayLighter !default;
$formActionsBackground:         $gay8 !default;
$inputHeight:                   $baseLineHeight + 8px; // base line-height + 8px vertical padding + 2px top/bottom border

$inputBackgroundFocus:          $blueDark7 !default;
$inputBorderFocus:              $blueDark3 !default;

$inputBackgroundSuccess:        $green4 !default;
$inputBorderSuccess:            $green2 !default;

$inputBackgroundError:          #fff2f2 !default;
$inputBorderError:              #ff4343 !default;

// Dropdowns  tita
// -------------------------
$dropdownBackground:            $white !default;
$dropdownBorder:                $gay5 !default;
$dropdownDividerTop:            $white !default;
$dropdownDividerBottom:         $gay6 !default;

$dropdownLinkColor:             $gay2 !default;
$dropdownLinkColorHover:        $gay7 !default;
$dropdownLinkColorActive:       $gay7 !default;

$dropdownLinkBackgroundActive:  $gay7 !default;
$dropdownLinkBackgroundHover:   $gay7 !default;



// COMPONENT VARIABLES
// --------------------------------------------------


// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
$zindexDropdown:          1000 !default;






// Hr border color
// -------------------------
$hrBorder:                $grayLighter !default;


// Horizontal forms & lists
// -------------------------
$horizontalComponentOffset:       180px !default;


// Wells
// -------------------------
$wellBackground:                  #f5f5f5 !default;


// Navbar
// -------------------------
$navbarCollapseWidth:             979px !default;
$navbarCollapseDesktopWidth:      $navbarCollapseWidth + 1;

$navbarHeight:                    40px !default;
$navbarBackgroundHighlight:       #ffffff !default;
$navbarBackground:                darken($navbarBackgroundHighlight, 5%) !default;
$navbarBorder:                    darken($navbarBackground, 12%) !default;

$navbarText:                      #777 !default;
$navbarLinkColor:                 #145c98 !default;
$navbarLinkColorHover:            $grayDark !default;
$navbarLinkColorActive:           $gray !default;
$navbarLinkBackgroundHover:       transparent !default;
$navbarLinkBackgroundActive:      darken($navbarBackground, 5%) !default;

$navbarBrandColor:                $navbarLinkColor !default;

// Inverted navbar
$navbarInverseBackground:                #111111 !default;
$navbarInverseBackgroundHighlight:       #222222 !default;
$navbarInverseBorder:                    #252525 !default;

$navbarInverseText:                      $grayLight !default;
$navbarInverseLinkColor:                 $grayLight !default;
$navbarInverseLinkColorHover:            $white !default;
$navbarInverseLinkColorActive:           $navbarInverseLinkColorHover !default;
$navbarInverseLinkBackgroundHover:       transparent !default;
$navbarInverseLinkBackgroundActive:      $navbarInverseBackground !default;

$navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%) !default;
$navbarInverseSearchBackgroundFocus:     $white !default;
$navbarInverseSearchBorder:              $navbarInverseBackground !default;
$navbarInverseSearchPlaceholderColor:    #ccc !default;

$navbarInverseBrandColor:                $navbarInverseLinkColor !default;


// Pagination
// -------------------------
$paginationBackground:                #fff !default;
$paginationBorder:                    #ddd !default;
$paginationActiveBackground:          #f5f5f5 !default;


// Hero unit
// -------------------------
$heroUnitBackground:              $grayLighter !default;
$heroUnitHeadingColor:            inherit !default;
$heroUnitLeadColor:               inherit !default;


// Form states and alerts
// -------------------------
$warningText:             #c09853 !default;
$warningBackground:       #fcf8e3 !default;
$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%) !default;

$errorText:               $warn2 !default;
$errorBackground:         $warn2 !default;
$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%) !default;

$successText:             #468847 !default;
$successBackground:       #dff0d8 !default;
$successBorder:           darken(adjust-hue($successBackground, -10), 5%) !default;

$infoText:                #3a87ad !default;
$infoBackground:          #d9edf7 !default;
$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%) !default;