.ui-slider{
    background-color:@gray76;
}

.ui-slider-horizontal{
    height:9px;
}

.ui-slider-vertical{
    width:9px;
}

.ui-slider-handle{
    border-radius:0;
    background-color:#f5f5f5;
    border:1px solid;
    outline:none!important;
    &, &:hover, &:focus, &:active{
        border-color:#4aa4ce;
        color:#4aa4ce;
    }
    &:before{
        display:inline-block;
        content:"|||";
        font-size:7px;
        font-family:Arial, Helvetica, sans-serif;
        position:absolute;
        top:0;bottom:0;
        left:0;
        right:0;
        text-align:center;
        line-height:14px;
    }
    &:hover{
        background-color:@white;
    }
    &:hover, &:focus, &:active{
        outline:0;
        box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3);
        text-decoration:none;
    }
    &:hover:before, &:focus:before, &:active:before{
        text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
    }
}

.ui-slider-small{
    &.ui-slider-horizontal{
        height:5px;
    }
    &.ui-slider-vertical{
        width: 5px;
    }
    .ui-slider-handle{
        border-radius:24px;
        width:14px;
        height:14px;
        top:-5px;
        &:before{
            font-size:6px;
            line-height:13px;
        }
    }
}

.ui-slider-range{
    background-color:#4aa4ce;
}

.ui-slider-green{
    .ui-slider-range{
        background-color:#8bbc67;
        &, &:hover, &:focus, &:active{
            border-color:#8bbc67;
            color:#8bbc67;
        }
    }
}

.ui-slider-red{
    .ui-slider-range{
        background-color:#d36e6e;
    }
    .ui-slider-handle{
        &, &:hover, &:focus, &:active{
            border-color:#d36e6e;
            color:#d36e6e;
        }
    }
}

.ui-slider-purple{
    .ui-slider-range{
        background-color:#ac68ba;
    }
    .ui-slider-handle{
        &, &:hover, &:focus, &:active{
            border-color:#ac68ba;
            color:#ac68ba;
        }
    }
}

.ui-slider-orange{
    .ui-slider-range{
        background-color:#efad62;
    }
    .ui-slider-handle{
        &, &:hover, &:focus, &:active{
            border-color:#efad62;
            color:#efad62;
        }
    }
}

.ui-slider-dark{
    .ui-slider-range{
        background-color:#606060;
    }
    .ui-slider-handle{
        &, &:hover, &:focus, &:active{
            border-color:#606060;
            color:#606060;
        }
    }
}

.ui-slider-dark{
    .ui-slider-range{
        background-color:#d6487e;
    }
    .ui-slider-handle{
        &, &:hover, &:focus, &:active{
            border-color:#d6487e;
            color:#d6487e;
        }
    }
}

.ui-datepicker{
    background-color:@white;
    border:1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    .ui-datepicker-prev, .ui-datepicker-next{
        height:26px;
        min-width:32px;
        max-width:32px;
        text-align:center;
        cursor:pointer;
        color:transparent;
        line-height:26px;
    }
    .ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon{
        color:transparent;
        visibility:hidden;
    }
    .ui-datepicker-prev:hover, .ui-datepicker-next:hover{
        background-color:#EEEEEE;
        text-decoration:none;
    }
    .ui-datepicker-prev:before, .ui-datepicker-next:before{
        display:inline;
        font-family:@GlyphiconsFont;
        font-size:14px;
        content:"\f060";
        color:#393939;
    }
    .ui-datepicker-prev-hover, .ui-datepicker-next-hover{
        top:2px;
    }
    .ui-datepicker-next:before{
        content:"\f061"
    }
    .ui-datepicker-prev-hover{
        left:2px;
    }
    .ui-datepicker-next-hover{
        right:2px;
    }
    td{
        padding:0;
        > a, > span{
            display:inline-block;
            height:22px;
            min-width:24px;
            max-width:24px;
            text-align:center;
            color:#393939;
            font-size:13px;
        }
        > a{
            &:hover{
                background-color:#EEEEEE;
            }
            &.ui-state-highlight{
                background-color:#d5e5ef;
            }
            &.ui-state-active{
                background-color:#2283c5;
                color:@white;
            }
            &.ui-priority-secondary{
                color:#888888;
            }
        }
        > span{
            color: @gray60;
        }
        .ui-datepicker-title select{
            height:24px;
            line-height:24px;
            padding:2px 3px;
        }
        .ui-datepicker-buttonpane{
            background-color:#DDDDDD;
            height:1px;
        }
    }
}

.ui-widget-overlay{
    background:rgba(0, 0, 0, 0.25);
    opacity:1 !important;
    filter:alpha(opacity=100) !important;
    z-index:1040 !important;
}

.ui-dialog{
    z-index:1050 !important;
    background-color:@white;
    padding:0;
    border:1px solid #DDDDDD;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    .ui-dialog-titlebar{
        background-color:#f1f1f1;
        font-size:16px;
        color:@darkOrange;
        padding:0;
    }
    .ui-dialog-title{
        float:none;
        width:auto;
        .widget-header{
            background:transparent;
            border:none;
        }
    }
    .widget-header{
        margin:0;
        border-width:0 0 1px 0;
        .ui-dialog-titlebar-close{
            right:10px !important;
        }
    }
    .ui-dialog-buttonpane{
        background-color:#eff3f8;
        border-top:1px solid #e4e9ee;
        button{
            font-size:14px;
        }
    }
    .ui-dialog-titlebar-close{
        border:0;
        background:transparent;
        opacity:.4;
        filter:alpha(opacity=40);
        color:#d15b47;
        padding:0;
        top:50%;
        right:8px !important;
        text-align:center;
        &:before{
            content:"\e014";
            display:inline;
            font-family:@GlyphiconsFont;
            font-size:16px;
        }
        &:hover{
            opacity:1;
            filter:alpha(opacity=100);
            text-decoration:none;
            padding:0;
        }
        .ui-button-text{
            text-indent:0;
            visibility:hidden;
        }
    }
}

.ui-accordion{
    .ui-accordion-header{
        color:#555555;
        font-weight:normal;
        background-color:#f9f9f9;
        border:1px solid @gray76;
        padding:8px 8px 9px 25px;
        &.ui-state-active{
            color:#000000;
            background-color:@gray94;
            position:relative;
            .ui-accordion-header-icon{
                &:before{
                    content:"\e114";
                    font-weight:normal;
                }
            }
        }
        &.ui-state-hover{
            color:@lightOrange;
            background-color:@gray94;
        }
        a{
            color:#555555;
            &:hover{
                text-decoration:none;
            }
        }
        .ui-accordion-header-icon{
            text-indent:0;
            margin-top:0;
            position:absolute;
            left:10px;
            top:9px;
            &:before{
                display:inline;
                font-family:@GlyphiconsFont;
                -webkit-font-smoothing:antialiased;
                font-size:10px;
                content:"\e080";
            }
        }
    }
    .ui-accordion-content{
        background:@white;
        height:auto !important;
        border:1px solid @gray76;
        border-top-width:0;
        padding:11px 16px;
    }
}


.ui-tabs{
    .ui-tabs-nav{
        padding:0;
        border-bottom:1px solid @gray80;
        li{
            &.ui-state-default > a{
                background-color:#f9f9f9;
                border:1px solid @gray80;
                border-bottom-width:0;
                color:@gray60;
                line-height:16px;
                margin-right:-1px;
                z-index:11;
                padding:8px 12px;
                position:relative;
                top:2px;
            }
            > a:focus{
                outline:0;
            }
            &.ui-tabs-active > a{
                background-color:@white;
                border:1px solid;
                border-color:@darkOrange @gray80 transparent;
                border-top-width:2px;
                -webkit-box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.15);
                -moz-box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.15);
                box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.15);
                color:#585858;
                position:relative;
                top:1px;
            }
        }
    }
    .ui-tabs-panel{
        border:1px solid @gray80;
        border-top-width:0;
        margin:0;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }
}

.ui-menu{
    width:150px;
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    background-color:@white;
    border:1px solid rgba(0, 0, 0, 0.2);
    padding:3px;
    .ui-menu-item{
        a{
            padding:4px 7px 5px;
            color:#444444;
            cursor:pointer;
            .ui-menu-icon{
                float:right;
                position:relative;
                top:0;
                left:auto;
                right:auto;
                bottom:auto;
                text-indent:0;
                &:before{
                    content:"\f105";
                    font-family:@GlyphiconsFont;
                    font-size:14px;
                    display:inline;
                }
            }
            &:hover, &.ui-state-focus, &.ui-state-active{
                background-color:@lightOrange;
                color:@white;
                margin:auto;
                font-weight:normal;
            }
            &:hover .ui-menu-icon, &.ui-state-focus .ui-menu-icon, &.ui-state-active .ui-menu-icon{
                color:@white;
            }
        }
    }
    .ui-state-disabled{
        a{
            color:@gray60;
            cursor:default;
            &:hover, &.ui-state-focus, &.ui-state-active{
                background-color:@white;
                color:@gray60;
            }
        }
    }
}

.ui-autocomplete{
    background-color:@white;
    border:1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete-category{
    padding:6px;
    position:relative;
    background-color:@lightOrange;
    color:@darkOrange;
    font-weight:bolder;
    border:1px solid @gray76;
    border-width:1px 0;
}

.ui-spinner-button{
    border-width:0 !important;
    font-size:10px;
    height:14px;
    line-height:14px;
    width:18px;
    color:@white !important;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    display:inline-block;
    position:absolute;
    text-align:center;
    padding:0;
    >[class*="icon-"]{
        width:18px;
        display:inline-block;
    }
}
.ui-spinner-up{
    top:0;
    right:5px;
}
.ui-spinner-down{
    bottom:10px;
    right:5px;
}

.ui-spinner-input{
    margin-top:0;
    .ui-spinner-input{
        margin:0;
    }
    .ui-spinner-button{
        position:static;
        width:24px;
        height:30px;
        line-height:30px;
        margin-left:1px;
        >[class*="icon-"]{
            width:24px;
        }
    }
}

.ui-tooltip{
    background-color:#444444;
    color:@white;
}

.ui-progressbar{
    background-color:#dadada;
    height:22px;
}

.ui-progressbar-value{
    background-color:@darkOrange;
}

.ui-corner-all{
    border-radius:3px 3px 3px 3px;
}

.ui-corner-top{
    border-radius:3px 3px 0 0;
}

.ui-corner-bottom{
    border-radius:0 0 3px 3px;
}

th[aria-selected=true]{
    background-color:#eaeef4;
    background-image:-moz-linear-gradient(top, #eff3f8, #e3e7ed);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eff3f8), to(#e3e7ed));
    background-image:-webkit-linear-gradient(top, #eff3f8, #e3e7ed);
    background-image:-o-linear-gradient(top, #eff3f8, #e3e7ed);
    background-image:linear-gradient(to bottom, #eff3f8, #e3e7ed);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
}

.ui-grid-ico-sort:before{
    display:inline;
    content:"\f0d7";
    font-family:@GlyphiconsFont;
    font-size:12px;
}

.ui-icon-asc:before{
    content:"\f0d8";
}

.ui-state-disabled{
    color:#BBBBBB;
}

.ui-pg-table{
    > tbody{
        > tr{
            .ui-pg-button{
                > .ui-icon{
                    display:inline-block;
                    padding:0;
                    width:22px;
                    height:22px;
                    line-height:22px;
                    text-align:center;
                    position:static;
                    float:none;
                    margin:0 2px !important;
                    color:#808080;
                    border:1px solid @gray76;
                    background-color:@white;
                    border-radius:100%;
                    &:hover{
                        color:@lightOrange;
                        border-color:@lightOrange;
                    }
                    &:before{
                        width:20px;
                        text-align:center;
                        display:inline-block;
                    }
                }
                &.ui-state-disabled .ui-icon{
                    color:#b0b0b0;
                    background-color:@gray94;
                    border-color:#DDDDDD;
                    -moz-transform:scale(0.9);
                    -webkit-transform:scale(0.9);
                    -o-transform:scale(0.9);
                    -ms-transform:scale(0.9);
                    transform:scale(0.9);
                }
            }
        }
    }
}

.ui-pg-div{
    .ui-icon{
        display:inline-block;
        width:18px;
        float:none;
        position:static;
        text-align:center;
        opacity:.85;
        -webkit-transition:all .12s;
        -moz-transition:all .12s;
        -o-transition:all .12s;
        transition:all .12s;
        margin:0 1px;
        vertical-align:middle;
        cursor:pointer;
        font-size:17px;
        &:hover{
            -moz-transform:scale(1.2);
            -webkit-transform:scale(1.2);
            -o-transform:scale(1.2);
            -ms-transform:scale(1.2);
            transform:scale(1.2);
            opacity:1;
            position:static;
            margin:0 1px;
        }
        &:before{
            font-family:@GlyphiconsFont;
            display:inline;
        }
    }
}

.ui-icon-pencil{
    color:@darkOrange;
    &:before{
        content:"\f040";
    }
}

.ui-icon-trash{
    color:#dd5a43;
    &:before{
        content:"\f014";
    }
}

.ui-icon-disk{
    color:#69aa46;
    &:before{
        content:"\f00c";
    }
}

.ui-icon-cancel{
    color:#dd5a43;
    &:before{
        content:"\f00d";
    }
}

.ui-state-error{
    background-color:#f2dede;
    border:1px solid #eed3d7;
    color:#b94a48;
    margin:4px 4px 8px;
    padding:6px 10px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    font-size:13px;
}

.fm-button{
    margin:0 4px;
    &:not(.btn){
        background-color:#abbac3;
        border-radius:0;
        box-shadow:none;
        color:@white;
        cursor:pointer;
        display:inline-block;
        font-size:13px;
        line-height:28px;
        padding:0 12px 1px;
        margin:0 8px;
        position:relative;
        text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
        -webkit-transition:all .15s;
        -moz-transition:all .15s;
        -o-transition:all .15s;
        transition:all .15s;
        vertical-align:middle;
    }
    &.ui-state-default:hover{
        background-color:#8b9aa3;
    }
}

.item-list>li.ui-sortable-helper{
    cursor:move;
}
.ui-sortable-placeholder, .ui-sortable-helper, .ui-sortable-placeholder>a, .ui-sortable-helper>a{
    cursor:move!important;
}
.ui-widget-header{
    border-radius:3px 3px 0 0;
    border-style:solid;
    border-width:1px;
    padding-left:12px;
    position:relative;
    background:none repeat scroll 0 0 #F9F9F9;
    border-color:@gray76;
    color:#555555;
    h3{
        font-size:15px;
        margin:0;
    }
    &:before, &:after{
        content:"";
        display:table;
        line-height:0;
    }
}
.ui-icon{
    text-indent: 0;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: @GlyphiconsFont;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.ui-icon-search:before{
    content: "\e003";
}

.ui-icon-close:before, .ui-icon-closethick:before, .ui-icon-circle-close:before{
    content: "\e014";
}

.ui-icon-arrowthick-1-n:before{
    content: "\e113";
}

.ui-icon-arrowthick-1-e:before{
    content: "\e114";
}

.ui-icon-arrowthick-1-e:before{
    content: "\e080";
}

.ui-icon-arrowthick-1-w:before{
    content: "\e079";
}

.ui-icon-gripsmall-diagonal-se:before{
    content: "\e096";
}