/*var group*/
    /*var_color group*/
        @hover_font_color: black;
        @hover_border_color: green;

/*@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;*/

/*css class命名单词间用'_'连接*/
/*common*/
    /*icon*/
    .icon_control {}
    .icon_control_success {color: #5cb85c}
    .icon_control_danger {color: #d9534f}

    div {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
    overflow: -moz-scrollbars-none;}
    div::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }
    /*body {
      padding-top: 50px;
    }*/
    .starter_template {
      padding: 40px 15px;
      text-align: center;
      color: grey;
    }
    .narrow30pct {
        width: 30%;
        display: inline;
    }
    .narrow50pct {
        width: 50%;
        display: inline;
    }
    .auto_width {
        width: unset;
    }
    .anchor:target{
        padding-top: 60px;
        margin-top: -60px
    }/*锚点偏移实现将被固定导航栏挡住的区域，不遮住页内anchor锚点跳转*/
    .anchor_lower:target{
        padding-top: 50px;
        margin-top: -50px
    }/*锚点往下：由于项目采取了固定导航栏模式，正常的锚点会被导航栏挡住*/
    .padding_top_blank{
        padding-top: 20px
    }
    /*model control*/
    .model_control_tab {
        color: red;
        font-size: 15px;
    }
    .model_text {
        font-size: 10px;
        color: white;
    }

/*number format*/
    .model_number{
        text-align: right;
    }
    input[class='model_number'] {
        text-align: right;
        background-color: white;
        color: black;
        border-color: transparent;
    }
    .add_pct_after:after{
        content: '%';
    }
    input[class='add_pct_after'] {
        content: '%';
    }
    .add_sqm_after:after{
        content: 'sq.m.';
    }
    input[class='add_sqm_after'] {
        content: 'sq.m.';
    }

/*form*/
    .border-free{
        border: none;
        border-color: transparent;
    }