// colors
@text_primary_color:			#212121;
@text_secondary_color:			#727272;
@text_muted:                    #aaa;
@site_background:               #fff;

@border_color:                  rgba(0,0,0,0.12);
@border_color_hex:              #e0e0e0;
@border_color_light:            rgba(0,0,0,0.08);
@background_color_default:      rgba(0,0,0,0.085);
@background_color_default_hex:  #ededed;
@hover_bg:                      #f5f5f5;

@white:                         #fff;

@danger_color:                  @md-color-red-600;
@primary_color:                 @md-color-blue-500;
@primary_color_dark:            @md-color-blue-700;
@success_color:                 @md-color-light-green-600;
@warning_color:                 @md-color-amber-700;
@muted_color:                   @md-color-grey-400;

// theme
@theme_primary_color:           @md-color-blue-500;
@theme_light_color:             @md-color-blue-50;
@theme_dark_color:              @md-color-blue-700;
@accent_color:                  @md-color-light-green-600;

/* md buttons */
@hover_btn:                     rgba(153,153,153,0.2);
@active_btn:                    rgba(153,153,153,0.4);

// input colors
@input_on_color:                @md-color-teal-500;
@input_off_color:               rgba(0,0,0,.54);
@input_disabled_color:          rgba(0,0,0,.26);
@input_disabled_color_hex:      #bdbdbd;

// swiftOut easing
@md_easing:                     cubic-bezier(0.4,0,0.2,1);

// main header
@header_main_height:            64px;
@header_main_mobile_height:     48px;
@header_main_height_double:     (@header_main_height*2)+10;
@header_main_zIndex:            1104;

// top bar
@top_bar_height:                40px;

// main sidebar
@sidebar_main_width:            240px;
@sidebar_main_width_mini:       60px;

// secondary sidebar
@sidebar_secondary_width:       280px;

// media queries
@screen_xlarge:                 ~"only screen and (min-width: 1220px)";
@screen_large:                  ~"only screen and (min-width: 960px)";
@screen_medium:                 ~"only screen and (min-width: 768px)";
@screen_small:                  ~"only screen and (min-width: 480px)";

@screen_xlarge_max:             ~"only screen and (max-width: 1219px)";
@screen_large_max:              ~"only screen and (max-width: 959px)";
@screen_medium_max:             ~"only screen and (max-width: 767px)";
@screen_small_max:              ~"only screen and (max-width: 479px)";

// box-sizing: border-box (this and all childrens)
.border-box() {
    &,
    &:before,
    &:after,
    *,
    *:before,
    *:after {
        box-sizing: border-box;
    }
}

// Retina background-image support with non-retina fall back
.retina_image(@file-1x, @file-2x, @width-1x, @height-1x) {
    background-image: url("@{file-1x}");
    background-repeat: no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2),
            only screen and ( min--moz-device-pixel-ratio: 2),
            only screen and ( -o-min-device-pixel-ratio: 2/1),
            only screen and ( min-device-pixel-ratio: 2),
            only screen and ( min-resolution: 192dppx),
            only screen and ( min-resolution: 2dppx) {
        background-image: url("@{file-2x}");
        background-size: @width-1x @height-1x;
    }
}

// remove default styles for ordered/unordered list
.reset_list(@margin: 0, @padding: 0) {
    margin: @margin;
    padding: @padding;
    list-style: none;
    > li {
        padding: 0;
        margin: 0;
        list-style: none;
    }
}

// clearfix
.clearfix() {
    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

// custom fonts
.md_font(@weight: 400, @size: 14px, @height: 20px) {
    font: @weight @size e('/') @height "Roboto", sans-serif;
}
.code_font(@weight: 400, @size: 14px, @height: 18px) {
    font: @weight @size e('/') @height "Source Code Pro",Consolas, Monaco, 'Andale Mono', monospace !important;
}

.md_font_family() {
    font-family: "Roboto", sans-serif;
}

// text truncate
.truncate_line(@width: 100%) {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    width: @width;
}