@charset "UTF-8";

.bootstrap-switch {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #cccccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-width: 100px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

    .bootstrap-switch.bootstrap-switch-mini {
        min-width: 71px
    }

        .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
            padding-bottom: 4px;
            padding-top: 4px;
            font-size: 10px;
            line-height: 9px
        }

    .bootstrap-switch.bootstrap-switch-small {
        min-width: 79px
    }

        .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
            padding-bottom: 3px;
            padding-top: 3px;
            font-size: 12px;
            line-height: 18px
        }

    .bootstrap-switch.bootstrap-switch-large {
        min-width: 120px
    }

        .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
            padding-bottom: 9px;
            padding-top: 9px;
            font-size: 16px;
            line-height: normal
        }

    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
        -webkit-transition: margin-left 0.5s;
        transition: margin-left 0.5s
    }

    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
        margin-left: 0%
    }

    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
        margin-left: -50%
    }

    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: default !important
    }

        .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
            cursor: default !important
        }

    .bootstrap-switch.bootstrap-switch-focused {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
    }

    .bootstrap-switch .bootstrap-switch-container {
        display: inline-block;
        width: 150%;
        top: 0;
        border-radius: 4px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block !important;
        height: 100%;
        padding-bottom: 4px;
        padding-top: 4px;
        font-size: 14px;
        line-height: 20px
    }

    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off {
        text-align: center;
        z-index: 1;
        width: 33.333333333%
    }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
            color: #fff;
            background: #428bca
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
            color: #fff;
            background: #5bc0de
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
            color: #fff;
            background: #5cb85c
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
            background: #f0ad4e;
            color: #fff
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
            color: #fff;
            background: #d9534f
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
            color: #000;
            background: #eeeeee
        }

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .bootstrap-switch .bootstrap-switch-label {
        text-align: center;
        margin-top: -1px;
        margin-bottom: -1px;
        z-index: 100;
        width: 33.333333333%;
        color: #333333;
        background: #ffffff
    }

    .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
        position: absolute !important;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: -1
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li > label.multiselect-group {
            margin: 0;
            padding: 3px 20px;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li > a {
            padding: 0
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 20px 3px 40px
            }

                .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
/*!
 * Bootstrap Colorpicker
 * http://mjaalnir.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */

.colorpicker-saturation {
    float: left;
    width: 100px;
    height: 100px;
    cursor: crosshair;
    background-image: url('../img/bootstrap-colorpicker/saturation1615.png?1385667212')
}

    .colorpicker-saturation i {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 5px;
        height: 5px;
        margin: -4px 0 0 -4px;
        border: 1px solid #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

        .colorpicker-saturation i b {
            display: block;
            width: 5px;
            height: 5px;
            border: 1px solid #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.colorpicker-hue, .colorpicker-alpha {
    float: left;
    width: 15px;
    height: 100px;
    margin-bottom: 4px;
    margin-left: 4px;
    cursor: row-resize
}

    .colorpicker-hue i, .colorpicker-alpha i {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        margin-top: -1px;
        background: #000;
        border-top: 1px solid #fff
    }

.colorpicker-hue {
    background-image: url('../img/bootstrap-colorpicker/hue1615.png?1385667212')
}

.colorpicker-alpha {
    display: none;
    background-image: url('../img/bootstrap-colorpicker/alpha1615.png?1385667212')
}

.colorpicker {
    top: 0;
    left: 0;
    z-index: 2500;
    min-width: 130px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1
}

    .colorpicker:before, .colorpicker:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .colorpicker:after {
        clear: both
    }

    .colorpicker:before {
        position: absolute;
        top: -7px;
        left: 6px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .colorpicker:after {
        position: absolute;
        top: -6px;
        left: 7px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: ''
    }

    .colorpicker div {
        position: relative
    }

    .colorpicker.colorpicker-with-alpha {
        min-width: 140px
    }

        .colorpicker.colorpicker-with-alpha .colorpicker-alpha {
            display: block
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url('../img/bootstrap-colorpicker/alpha1615.png?1385667212');
    background-position: 0 100%
}

    .colorpicker-color div {
        height: 10px
    }

.colorpicker-element .input-group-addon i {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    height: auto;
    min-width: 110px
}

    .colorpicker.colorpicker-horizontal .colorpicker-saturation {
        margin-bottom: 4px
    }

    .colorpicker.colorpicker-horizontal .colorpicker-color {
        width: 100px
    }

    .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        float: left;
        width: 100px;
        height: 15px;
        margin-bottom: 4px;
        margin-left: 0;
        cursor: col-resize
    }

        .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 1px;
            height: 15px;
            margin-top: 0;
            background: #ffffff;
            border: none
        }

    .colorpicker.colorpicker-horizontal .colorpicker-hue {
        background-image: url('../img/bootstrap-colorpicker/hue-horizontal1615.png?1385667212')
    }

    .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        background-image: url('../img/bootstrap-colorpicker/alpha-horizontal1615.png?1385667212')
    }

.colorpicker.colorpicker-hidden {
    display: none
}

.colorpicker.colorpicker-visible {
    display: block
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .datepicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,0.2);
        position: absolute;
        top: -7px;
        left: 6px
    }

    .datepicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px
    }

    .datepicker > div {
        display: none
    }

    .datepicker table {
        width: 100%;
        margin: 0
    }

    .datepicker td, .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

        .datepicker td.day:hover {
            background: #eeeeee;
            cursor: pointer
        }

        .datepicker td.day.disabled {
            color: #eeeeee
        }

        .datepicker td.old, .datepicker td.new {
            color: #999999
        }

        .datepicker td.active, .datepicker td.active:hover {
            color: #ffffff;
            background-color: #006dcc;
            background-image: -moz-linear-gradient(top, #08c, #04c);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
            background-image: -webkit-linear-gradient(top, #08c, #04c);
            background-image: -o-linear-gradient(top, #08c, #04c);
            background-image: linear-gradient(to bottom, #0088cc,#0044cc);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
            border-color: #0044cc #0044cc #002a80;
            border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
            *background-color: #0044cc;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
        }

            .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
                color: #ffffff;
                background-color: #0044cc;
                *background-color: #003bb3
            }

                .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
                    background-color: #003399 \9
                }

        .datepicker td span {
            display: block;
            width: 47px;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 2px;
            cursor: pointer;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px
        }

            .datepicker td span:hover {
                background: #eeeeee
            }

            .datepicker td span.active {
                color: #ffffff;
                background-color: #006dcc;
                background-image: -moz-linear-gradient(top, #08c, #04c);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
                background-image: -webkit-linear-gradient(top, #08c, #04c);
                background-image: -o-linear-gradient(top, #08c, #04c);
                background-image: linear-gradient(to bottom, #0088cc,#0044cc);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
                border-color: #0044cc #0044cc #002a80;
                border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
                *background-color: #0044cc;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
            }

                .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
                    color: #ffffff;
                    background-color: #0044cc;
                    *background-color: #003bb3
                }

                .datepicker td span.active:active, .datepicker td span.active.active {
                    background-color: #003399 \9
                }

            .datepicker td span.old {
                color: #999999
            }

        .datepicker th.switch {
            width: 145px
        }

        .datepicker th.next, .datepicker th.prev {
            font-size: 21px
        }

    .datepicker thead tr:first-child th {
        cursor: pointer
    }

        .datepicker thead tr:first-child th:hover {
            background: #eeeeee
        }

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    float: right;
    margin: 4px
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left
}

    .daterangepicker .ranges .range_inputs > div {
        float: left
    }

        .daterangepicker .ranges .range_inputs > div:nth-child(2) {
            padding-left: 11px
        }

.daterangepicker .calendar {
    display: none;
    max-width: 270px
}

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        white-space: nowrap;
        text-align: center;
        min-width: 32px
    }

.daterangepicker .ranges label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px
}

.daterangepicker .ranges input {
    font-size: 11px
}

.daterangepicker .ranges .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
        background: #08c;
        border: 1px solid #08c;
        color: #fff
    }

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .daterangepicker.opensleft:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker.opensright:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .daterangepicker.opensright:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: ''
    }

    .daterangepicker table {
        width: 100%;
        margin: 0
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap
    }

        .daterangepicker td.off {
            color: #999
        }

        .daterangepicker td.disabled {
            color: #999
        }

        .daterangepicker td.available:hover, .daterangepicker th.available:hover {
            background: #eee
        }

        .daterangepicker td.in-range {
            background: #ebf4f8;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #357ebd;
            border-color: #3071a9;
            color: #fff
        }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
            color: #ccc
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0
    }
/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

    .slider.slider-horizontal {
        width: 210px;
        height: 20px
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
            margin-top: -5px
        }

            .slider.slider-horizontal .slider-handle.triangle {
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #0480be;
                margin-top: 0
            }

    .slider.slider-vertical {
        height: 210px;
        width: 20px
    }

        .slider.slider-vertical .slider-track {
            width: 10px;
            height: 100%;
            margin-left: -5px;
            left: 50%;
            top: 0
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -5px;
            margin-top: -10px
        }

            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                margin-left: 0
            }

    .slider input {
        display: none
    }

    .slider .tooltip-inner {
        white-space: nowrap
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.slider-selection {
    position: absolute;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9,#f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf,#0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    opacity: 0.8;
    border: 0px solid transparent
}

    .slider-handle.round {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }

    .slider-handle.triangle {
        background: transparent none
    }

#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px;
    z-index: 9999
}

    #gritter-notice-wrapper.top-left {
        left: 20px;
        right: auto
    }

    #gritter-notice-wrapper.bottom-right {
        top: auto;
        left: auto;
        bottom: 20px;
        right: 20px
    }

    #gritter-notice-wrapper.bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px
    }

.gritter-item-wrapper {
    position: relative;
    margin: 0 0 10px 0;
    background: url("../images/ie-spacer.html")
}

.gritter-top {
    background: url(../images/gritter.html) no-repeat left -30px;
    height: 10px
}

.hover .gritter-top {
    background-position: right -30px
}

.gritter-bottom {
    background: url(../images/gritter.html) no-repeat left bottom;
    height: 8px;
    margin: 0
}

.hover .gritter-bottom {
    background-position: bottom right
}

.gritter-item {
    display: block;
    background: url(../images/gritter.html) no-repeat left -40px;
    color: #eee;
    padding: 2px 11px 8px 11px;
    font-size: 11px;
    font-family: verdana
}

.hover .gritter-item {
    background-position: right -40px
}

.gritter-item p {
    padding: 0;
    margin: 0;
    word-wrap: break-word
}

.gritter-close {
    display: none;
    position: absolute;
    top: 5px;
    left: 3px;
    background: url(../images/gritter.html) no-repeat left top;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999em
}

.gritter-title {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 7px 0;
    display: block;
    text-shadow: 1px 1px 0 #000
}

.gritter-image {
    width: 48px;
    height: 48px;
    float: left
}

.gritter-with-image, .gritter-without-image {
    padding: 0
}

.gritter-with-image {
    width: 220px;
    float: right
}

.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close {
    background-image: url(../images/gritter-light.html);
    color: #222
}

.gritter-light .gritter-title {
    text-shadow: none
}
/*! bootstrap-progressbar v0.8.3 | Copyright (c) 2012-2014 Stephan Groß | MIT license | http://www.minddust.com */

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
    color: #777777;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress {
    position: relative
}

    .progress .progress-bar {
        position: absolute;
        overflow: hidden;
        line-height: 20px
    }

    .progress .progressbar-back-text {
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }

    .progress .progressbar-front-text {
        display: block;
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }

    .progress.right .progress-bar {
        right: 0
    }

    .progress.right .progressbar-front-text {
        position: absolute;
        right: 0
    }

    .progress.vertical {
        width: 20px;
        height: 100%;
        float: left;
        margin-right: 20px
    }

        .progress.vertical.bottom {
            position: relative
        }

            .progress.vertical.bottom .progressbar-front-text {
                position: absolute;
                bottom: 0
            }

        .progress.vertical .progress-bar {
            width: 100%;
            height: 0;
            -webkit-transition: height 0.6s ease;
            -o-transition: height 0.6s ease;
            transition: height 0.6s ease
        }

        .progress.vertical.bottom .progress-bar {
            position: absolute;
            bottom: 0
        }

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
    min-width: 0
}

.progress-bar[aria-valuenow="0"] {
    color: #ffffff;
    min-width: 0;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15)
}

    .progress-bar[aria-valuenow="0"].progress-bar-success {
        background-color: #5cb85c
    }

.progress-striped .progress-bar[aria-valuenow="0"].progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar[aria-valuenow="0"].progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar[aria-valuenow="0"].progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar[aria-valuenow="0"].progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar[aria-valuenow="0"].progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-bar[aria-valuenow="0"].progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar[aria-valuenow="0"].progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.02);
    padding: 1em
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
            cursor: pointer
        }

        .dropzone.dz-clickable * {
            cursor: default
        }

    .dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }

    .dropzone.dz-drag-hover {
        border-color: rgba(0,0,0,0.15);
        background: rgba(0,0,0,0.04)
    }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone .dz-preview, .dropzone-previews .dz-preview {
        background: rgba(255,255,255,0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px
    }

        .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none
        }

        .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px
        }

            .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%
            }

            .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px
            }

            .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px
            }

        .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block
        }

        .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block
        }

        .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img {
            display: none
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
            color: #8cc657
        }

        .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
            color: #ee162d
        }

        .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #d7d7d7;
            display: none
        }

            .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657
            }

        .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block
        }

        .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245,245,245,0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500
        }

        .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            display: block
        }

.dropzone {
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 360px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.03);
    padding: 23px
}

    .dropzone .dz-default.dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        background-image: url("../images/spritemap.html");
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        width: 428px;
        height: 123px;
        margin-left: -214px;
        margin-top: -61.5px;
        top: 50%;
        left: 50%
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
    .dropzone .dz-default.dz-message {
        background-image: url("../images/spritemap%402x.html");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-default.dz-message span {
    display: none
}

.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15)
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    font-size: 14px
}

    .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
        display: block;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10)
    }

    .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }

    .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }

    .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
        background: #ee1e2d
    }

    .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
        display: block;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        background-image: url("../images/spritemap.html");
        background-repeat: no-repeat
    }

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
    .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url("../images/spritemap%402x.html");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span {
    display: none
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
    background-position: -268px -123px
}

.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
    background-position: -268px -163px
}

.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url("../images/spritemap.html");
    background-repeat: repeat-x;
    background-position: 0px -400px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
    .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
        background-image: url("../images/spritemap%402x.html");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px
    }
}

.dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
    background-image: -webkit-linear-gradient(top, #fafafa, #eee);
    background-image: -moz-linear-gradient(top, #fafafa, #eee);
    background-image: -o-linear-gradient(top, #fafafa, #eee);
    background-image: -ms-linear-gradient(top, #fafafa, #eee);
    background-image: linear-gradient(to bottom, #fafafa,#eeeeee);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 26px
}

    .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
        color: #666
    }

@-moz-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-webkit-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-o-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@-ms-keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

@keyframes loading {
    0% {
        background-position: 0 -400px
    }

    100% {
        background-position: -7px -400px
    }
}

div.dataTables_length label {
    font-weight: normal;
    float: left;
    text-align: left
}

div.dataTables_length select {
    width: 75px
}

div.dataTables_filter label {
    font-weight: normal;
    float: right
}

div.dataTables_filter input {
    width: 16em
}

div.dataTables_info {
    padding-top: 8px
}

div.dataTables_paginate {
    float: right;
    margin: 0
}

    div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap
    }

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important
}

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        cursor: pointer
    }

    table.dataTable thead .sorting {
        background: url("../images/sort_both.html") no-repeat center right
    }

    table.dataTable thead .sorting_asc {
        background: url("../images/sort_asc.html") no-repeat center right
    }

    table.dataTable thead .sorting_desc {
        background: url("../images/sort_desc.html") no-repeat center right
    }

    table.dataTable thead .sorting_asc_disabled {
        background: url("../images/sort_asc_disabled.html") no-repeat center right
    }

    table.dataTable thead .sorting_desc_disabled {
        background: url("../images/sort_desc_disabled.html") no-repeat center right
    }

    table.dataTable thead > tr > th {
        padding-left: 18px;
        padding-right: 18px
    }

    table.dataTable th:active {
        outline: none
    }

div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none
}

table.table-bordered.dataTable {
    border-collapse: separate !important
}

table.table-bordered thead th, table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0
}

table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0
}

table.table-bordered th:last-child, table.table-bordered td:last-child {
    border-right-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

.table tbody tr.active td, .table tbody tr.active th {
    background-color: #08C;
    color: white
}

.table tbody tr.active:hover td, .table tbody tr.active:hover th {
    background-color: #0075b0 !important
}

.table tbody tr.active a {
    color: white
}

.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc
}

table.DTTT_selectable tbody tr {
    cursor: pointer
}

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px
}

    div.DTTT .btn:hover {
        text-decoration: none !important
    }

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003
}

    ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important
    }

    ul.DTTT_dropdown.dropdown-menu li {
        position: relative
    }

        ul.DTTT_dropdown.dropdown-menu li:hover a {
            background-color: #0088cc;
            color: white !important
        }

div.DTTT_collection_background {
    z-index: 2002
}

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px
}

div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0
}

div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

    div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important
}

div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none
}

div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table {
    border-top: none
}

div.FixedHeader_Cloned table {
    margin: 0 !important
}

div.ColVis {
    float: right;
    margin-bottom: 1em
}

button.ColVis_Button, ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )
}

    .ColVis_Button:hover, ul.ColVis_collection li:hover {
        border: 1px solid #666;
        text-decoration: none !important;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
        background: #f3f3f3;
        background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )
    }

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px
}

    button.ColVis_Button::-moz-focus-inner {
        border: none !important;
        padding: 0
    }

    button.ColVis_Button:active {
        outline: none
    }

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 1100
}

ul.ColVis_collection {
    width: 150px;
    padding: 8px 8px 4px 8px;
    margin: 0;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: #f3f3f3;
    background-color: rgba(255,255,255,0.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3)
}

    ul.ColVis_collection li {
        position: relative;
        height: auto;
        left: 0;
        right: 0;
        padding: 0.5em;
        display: block;
        float: none;
        margin-bottom: 4px;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999
    }

    ul.ColVis_collection li {
        text-align: left
    }

        ul.ColVis_collection li.ColVis_Button:hover {
            border: 1px solid #999;
            background-color: #f0f0f0
        }

        ul.ColVis_collection li span {
            display: inline-block;
            padding-left: 0.5em;
            cursor: pointer
        }

        ul.ColVis_collection li.ColVis_Special {
            border-color: #555;
            background: #ededed;
            background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            background: linear-gradient(to bottom, #ededed 0%,#d6d6d6 77%,#e8e8e8 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 )
        }

            ul.ColVis_collection li.ColVis_Special:hover {
                background: #e2e2e2;
                background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                background: linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 )
            }

span.ColVis_radio {
    display: inline-block;
    width: 20px
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101
}

.disabled {
    color: #999
}

div.DTTT_container {
    position: relative;
    float: right;
    margin-bottom: 1em
}

@media screen and (max-width: 640px) {
    div.DTTT_container {
        float: none !important;
        text-align: center
    }

        div.DTTT_container:after {
            visibility: hidden;
            display: block;
            content: "";
            clear: both;
            height: 0
        }
}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )
}

button.DTTT_button {
    height: 30px;
    padding: 3px 8px
}

.DTTT_button embed {
    outline: none
}

button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover {
    border: 1px solid #666;
    text-decoration: none !important;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )
}

button.DTTT_disabled, div.DTTT_disabled, a.DTTT_disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background: -o-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background: linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )
}

button.DTTT_button_collection span {
    padding-right: 17px;
    background: url(../images/collection.html) no-repeat center right
}

button.DTTT_button_collection:hover span {
    padding-right: 17px;
    background: #f0f0f0 url(../images/collection_hover.html) no-repeat center right
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand
}

table.dataTable tr.DTTT_selected.odd {
    background-color: #9FAFD1
}

    table.dataTable tr.DTTT_selected.odd td.sorting_1 {
        background-color: #9FAFD1
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_2 {
        background-color: #9FAFD1
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_3 {
        background-color: #9FAFD1
    }

table.dataTable tr.DTTT_selected.even {
    background-color: #B0BED9
}

    table.dataTable tr.DTTT_selected.even td.sorting_1 {
        background-color: #B0BED9
    }

    table.dataTable tr.DTTT_selected.even td.sorting_2 {
        background-color: #B0BED9
    }

    table.dataTable tr.DTTT_selected.even td.sorting_3 {
        background-color: #B0BED9
    }

div.DTTT_collection {
    width: 150px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: #f3f3f3;
    background-color: rgba(255,255,255,0.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3)
}

div.DTTT_collection_background {
    background: transparent url(../images/background.html) repeat top left;
    z-index: 2001
}

div.DTTT_collection button.DTTT_button, div.DTTT_collection div.DTTT_button, div.DTTT_collection a.DTTT_button {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    float: none;
    margin-bottom: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999
}

.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    opacity: 0.95;
    border: 1px solid black;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 3px 7px rgba(0,0,0,0.5);
    -o-box-shadow: 0 3px 7px rgba(0,0,0,0.5);
    box-shadow: 0 3px 7px rgba(0,0,0,0.5)
}

    .DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em
    }

    .DTTT_print_info p {
        font-size: 14px;
        line-height: 20px
    }

.note-editor {
    border: 1px solid #a9a9a9
}

    .note-editor .note-dropzone {
        position: absolute;
        z-index: 1;
        display: none;
        color: #87cefa;
        background-color: white;
        border: 2px dashed #87cefa;
        opacity: .95;
        pointer-event: none
    }

        .note-editor .note-dropzone .note-dropzone-message {
            display: table-cell;
            font-size: 28px;
            font-weight: bold;
            text-align: center;
            vertical-align: middle
        }

        .note-editor .note-dropzone.hover {
            color: #098ddf;
            border: 2px dashed #098ddf
        }

    .note-editor.dragover .note-dropzone {
        display: table
    }

    .note-editor.fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        width: 100%
    }

        .note-editor.fullscreen .note-editable {
            background-color: white
        }

        .note-editor.fullscreen .note-resizebar {
            display: none
        }

    .note-editor.codeview .note-editable {
        display: none
    }

    .note-editor.codeview .note-codable {
        display: block
    }

    .note-editor .note-toolbar {
        padding-bottom: 5px;
        padding-left: 5px;
        margin: 0;
        background-color: #f5f5f5;
        border-bottom: 1px solid #a9a9a9
    }

        .note-editor .note-toolbar > .btn-group {
            margin-top: 5px;
            margin-right: 5px;
            margin-left: 0
        }

        .note-editor .note-toolbar .note-table .dropdown-menu {
            min-width: 0;
            padding: 5px
        }

            .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
                font-size: 18px
            }

                .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
                    position: absolute !important;
                    z-index: 3;
                    width: 10em;
                    height: 10em;
                    cursor: pointer
                }

                .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
                    position: relative !important;
                    z-index: 1;
                    width: 5em;
                    height: 5em;
                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
                }

                .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
                    position: absolute !important;
                    z-index: 2;
                    width: 1em;
                    height: 1em;
                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
                }

        .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote {
            margin: 0
        }

        .note-editor .note-toolbar .note-color .dropdown-toggle {
            width: 20px;
            padding-left: 5px
        }

        .note-editor .note-toolbar .note-color .dropdown-menu {
            min-width: 290px
        }

            .note-editor .note-toolbar .note-color .dropdown-menu .btn-group {
                margin: 0
            }

                .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
                    margin: 0 5px
                }

                .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
                    margin: 2px 7px;
                    font-size: 12px;
                    text-align: center;
                    border-bottom: 1px solid #eee
                }

                .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
                    padding: 0 3px;
                    margin: 5px;
                    font-size: 12px;
                    cursor: pointer;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px
                }

                    .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
                        background: #eee
                    }

        .note-editor .note-toolbar .note-para .dropdown-menu {
            min-width: 216px;
            padding: 5px
        }

            .note-editor .note-toolbar .note-para .dropdown-menu > div:first-child {
                margin-right: 5px
            }

    .note-editor .note-statusbar {
        background-color: #f5f5f5
    }

        .note-editor .note-statusbar .note-resizebar {
            width: 100%;
            height: 8px;
            cursor: s-resize;
            border-top: 1px solid #a9a9a9
        }

            .note-editor .note-statusbar .note-resizebar .note-icon-bar {
                width: 20px;
                margin: 1px auto;
                border-top: 1px solid #a9a9a9
            }

    .note-editor .note-popover .popover {
        max-width: none
    }

        .note-editor .note-popover .popover .popover-content {
            padding: 5px
        }

            .note-editor .note-popover .popover .popover-content a {
                display: inline-block;
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: middle
            }

            .note-editor .note-popover .popover .popover-content .btn-group + .btn-group {
                margin-left: 5px
            }

        .note-editor .note-popover .popover .arrow {
            left: 20px
        }

    .note-editor .note-handle .note-control-selection {
        position: absolute;
        display: none;
        border: 1px solid black
    }

        .note-editor .note-handle .note-control-selection > div {
            position: absolute
        }

        .note-editor .note-handle .note-control-selection .note-control-selection-bg {
            width: 100%;
            height: 100%;
            background-color: black;
            -webkit-opacity: .3;
            -khtml-opacity: .3;
            -moz-opacity: .3;
            opacity: .3;
            -ms-filter: alpha(opacity=30);
            filter: alpha(opacity=30)
        }

        .note-editor .note-handle .note-control-selection .note-control-handle {
            width: 7px;
            height: 7px;
            border: 1px solid black
        }

        .note-editor .note-handle .note-control-selection .note-control-holder {
            width: 7px;
            height: 7px;
            border: 1px solid black
        }

        .note-editor .note-handle .note-control-selection .note-control-sizing {
            width: 7px;
            height: 7px;
            background-color: white;
            border: 1px solid black
        }

        .note-editor .note-handle .note-control-selection .note-control-nw {
            top: -5px;
            left: -5px;
            border-right: 0;
            border-bottom: 0
        }

        .note-editor .note-handle .note-control-selection .note-control-ne {
            top: -5px;
            right: -5px;
            border-bottom: 0;
            border-left: none
        }

        .note-editor .note-handle .note-control-selection .note-control-sw {
            bottom: -5px;
            left: -5px;
            border-top: 0;
            border-right: 0
        }

        .note-editor .note-handle .note-control-selection .note-control-se {
            right: -5px;
            bottom: -5px;
            cursor: se-resize
        }

        .note-editor .note-handle .note-control-selection .note-control-selection-info {
            right: 0;
            bottom: 0;
            padding: 5px;
            margin: 5px;
            font-size: 12px;
            color: white;
            background-color: black;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-opacity: .7;
            -khtml-opacity: .7;
            -moz-opacity: .7;
            opacity: .7;
            -ms-filter: alpha(opacity=70);
            filter: alpha(opacity=70)
        }

    .note-editor .note-dialog > div {
        display: none
    }

    .note-editor .note-dialog .note-image-dialog .note-dropzone {
        min-height: 100px;
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 4;
        color: lightgray;
        text-align: center;
        border: 4px dashed lightgray
    }

    .note-editor .note-dialog .note-help-dialog {
        font-size: 12px;
        color: #ccc;
        background: transparent;
        background-color: #222 !important;
        border: 0;
        -webkit-opacity: .9;
        -khtml-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
        -ms-filter: alpha(opacity=90);
        filter: alpha(opacity=90)
    }

        .note-editor .note-dialog .note-help-dialog .modal-content {
            background: transparent;
            border: 1px solid white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

        .note-editor .note-dialog .note-help-dialog a {
            font-size: 12px;
            color: white
        }

        .note-editor .note-dialog .note-help-dialog .title {
            padding-bottom: 5px;
            font-size: 14px;
            font-weight: bold;
            color: white;
            border-bottom: white 1px solid
        }

        .note-editor .note-dialog .note-help-dialog .modal-close {
            font-size: 14px;
            color: #dd0;
            cursor: pointer
        }

        .note-editor .note-dialog .note-help-dialog .note-shortcut-layout {
            width: 100%
        }

            .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td {
                vertical-align: top
            }

        .note-editor .note-dialog .note-help-dialog .note-shortcut {
            margin-top: 8px
        }

            .note-editor .note-dialog .note-help-dialog .note-shortcut th {
                font-size: 13px;
                color: #dd0;
                text-align: left
            }

            .note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child {
                min-width: 110px;
                padding-right: 10px;
                font-family: "Courier New";
                color: #dd0;
                text-align: right
            }

    .note-editor .note-editable {
        padding: 10px;
        overflow: auto;
        outline: 0
    }

        .note-editor .note-editable[contenteditable="false"] {
            background-color: #e5e5e5
        }

    .note-editor .note-codable {
        display: none;
        width: 100%;
        padding: 10px;
        margin-bottom: 0;
        font-family: Menlo,Monaco,monospace,sans-serif;
        font-size: 14px;
        color: #ccc;
        background-color: #222;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        resize: none
    }

    .note-editor .dropdown-menu {
        min-width: 90px
    }

        .note-editor .dropdown-menu.right {
            right: 0;
            left: auto
        }

            .note-editor .dropdown-menu.right::before {
                right: 9px;
                left: auto !important
            }

            .note-editor .dropdown-menu.right::after {
                right: 10px;
                left: auto !important
            }

        .note-editor .dropdown-menu li a i {
            color: deepskyblue;
            visibility: hidden
        }

        .note-editor .dropdown-menu li a.checked i {
            visibility: visible
        }

    .note-editor .note-fontsize-10 {
        font-size: 10px
    }

    .note-editor .note-color-palette {
        line-height: 1
    }

        .note-editor .note-color-palette div .note-color-btn {
            width: 17px;
            height: 17px;
            padding: 0;
            margin: 0;
            border: 1px solid #fff
        }

            .note-editor .note-color-palette div .note-color-btn:hover {
                border: 1px solid #000
            }

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .select2-container .select2-choice {
        display: block;
        height: 26px;
        padding: 0 0 0 8px;
        overflow: hidden;
        position: relative;
        border: 1px solid #aaa;
        white-space: nowrap;
        line-height: 26px;
        color: #444;
        text-decoration: none;
        border-radius: 4px;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
        background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
        background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
        background-image: linear-gradient(to top, #eeeeee 0%,#ffffff 50%)
    }

    .select2-container.select2-drop-above .select2-choice {
        border-bottom-color: #aaa;
        border-radius: 0 0 4px 4px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
        background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
        background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        background-image: linear-gradient(to bottom, #eeeeee 0%,#ffffff 90%)
    }

    .select2-container.select2-allowclear .select2-choice .select2-chosen {
        margin-right: 42px
    }

    .select2-container .select2-choice > .select2-chosen {
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: none;
        width: auto
    }

    .select2-container .select2-choice abbr {
        display: none;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 24px;
        top: 8px;
        font-size: 1px;
        text-decoration: none;
        border: 0;
        background: url("select2.html") right top no-repeat;
        cursor: pointer;
        outline: 0
    }

    .select2-container.select2-allowclear .select2-choice abbr {
        display: inline-block
    }

    .select2-container .select2-choice abbr:hover {
        background-position: right -11px;
        cursor: pointer
    }

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
    box-shadow: 0 4px 5px rgba(0,0,0,0.15)
}

    .select2-drop.select2-drop-above {
        margin-top: 1px;
        border-top: 1px solid #aaa;
        border-bottom: 0;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,0.15);
        box-shadow: 0 -4px 5px rgba(0,0,0,0.15)
    }

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

    .select2-drop-auto-width .select2-search {
        padding-top: 4px
    }

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #cccccc 0%,#eeeeee 60%)
}

    .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        background: url("select2.html") no-repeat 0 1px
    }

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

    .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 26px;
        padding: 4px 20px 4px 5px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #fff url("select2.html") no-repeat 100% -22px;
        background: url("select2.html") no-repeat 100% -22px,-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
        background: url("select2.html") no-repeat 100% -22px,-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
        background: url("select2.html") no-repeat 100% -22px,-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
        background: url("select2.html") no-repeat 100% -22px,linear-gradient(to bottom, #ffffff 85%,#eeeeee 99%) 0 0
    }

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #fff url("select2-spinner.html") no-repeat 100%;
    background: url("select2-spinner.html") no-repeat 100%,-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url("select2-spinner.html") no-repeat 100%,-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url("select2-spinner.html") no-repeat 100%,-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url("select2-spinner.html") no-repeat 100%,linear-gradient(to bottom, #ffffff 85%,#eeeeee 99%) 0 0
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #ffffff 0%,#eeeeee 50%)
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #ffffff 0%,#eeeeee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none
}

    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -18px 1px
    }

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .select2-results ul.select2-result-sub {
        margin: 0;
        padding-left: 0
    }

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold
        }

    .select2-results .select2-result-label {
        padding: 3px 7px 4px;
        margin: 0;
        cursor: pointer;
        min-height: 1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.select2-results-dept-1 .select2-result-label {
    padding-left: 20px
}

.select2-results-dept-2 .select2-result-label {
    padding-left: 40px
}

.select2-results-dept-3 .select2-result-label {
    padding-left: 60px
}

.select2-results-dept-4 .select2-result-label {
    padding-left: 80px
}

.select2-results-dept-5 .select2-result-label {
    padding-left: 100px
}

.select2-results-dept-6 .select2-result-label {
    padding-left: 110px
}

.select2-results-dept-7 .select2-result-label {
    padding-left: 120px
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url("select2-spinner.html") no-repeat 100%
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0
    }

    .select2-container.select2-container-disabled .select2-choice abbr {
        display: none
    }

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eeeeee 1%,#ffffff 15%)
}

.select2-locked {
    padding: 3px 5px 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
    float: right
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        margin: 1px 0;
        font-family: sans-serif;
        font-size: 100%;
        color: #666;
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent !important
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: #fff url("select2-spinner.html") no-repeat 100% !important
        }

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%)
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
    margin-left: 0;
    margin-right: 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url("select2.html") right top no-repeat
}

html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        padding: 3px 5px 3px 5px;
        border: 1px solid #ddd;
        background-image: none;
        background-color: #f4f4f4
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
            background: none
        }

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: url("select2x2.html") !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }

    .select2-search input {
        background-position: 100% -21px !important
    }
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none
        }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            cursor: pointer
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
                }

.md-editor {
    display: block;
    border: 1px solid #ddd
}

    .md-editor > .md-header, .md-editor .md-footer {
        display: block;
        padding: 6px 4px;
        background: #fff
    }

    .md-editor > .md-header {
        margin: 0
    }

    .md-editor > .md-preview {
        background: #fff;
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        min-height: 10px;
        overflow: auto
    }

    .md-editor > textarea {
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
        font-size: 14px;
        outline: 0;
        outline: thin dotted \9;
        margin: 0;
        display: block;
        padding: 0;
        width: 100%;
        border: 0;
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        border-radius: 0;
        box-shadow: none;
        background: #eee
    }

        .md-editor > textarea:focus {
            box-shadow: none;
            background: #fff
        }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
    }
/*! X-editable - v1.5.1 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */

.editableform {
    margin-bottom: 0
}

    .editableform .control-group {
        margin-bottom: 0;
        white-space: nowrap;
        line-height: 20px
    }

    .editableform .form-control {
        width: auto
    }

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    zoom: 1;
    *display: inline
}

    .editable-buttons.editable-buttons-bottom {
        display: block;
        margin-top: 7px;
        margin-left: 0
    }

.editable-input {
    vertical-align: top;
    display: inline-block;
    width: auto;
    white-space: normal;
    zoom: 1;
    *display: inline
}

.editable-buttons .editable-cancel {
    margin-left: 7px
}

.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px
}

.editableform-loading {
    background: url("../img/loading.gif") center center no-repeat;
    height: 25px;
    width: auto;
    min-width: 25px
}

.editable-inline .editableform-loading {
    background-position: left 5px
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal
}

    .editable-error-block.ui-state-error {
        padding: 3px
    }

.editable-error {
    color: red
}

.editableform .editable-date {
    padding: 0;
    margin: 0;
    float: left
}

.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px
}

.editable-checklist label input[type="checkbox"], .editable-checklist label span {
    vertical-align: middle;
    margin: 0
}

.editable-checklist label {
    white-space: nowrap
}

.editable-wysihtml5 {
    width: 566px;
    height: 250px
}

.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-decoration: none;
    text-align: right
}

.editable-clear-x {
    background: url("../img/clear.png") center center no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;
    top: 50%;
    right: 6px;
    margin-top: -6px
}

    .editable-clear-x:hover {
        opacity: 1
    }

.editable-pre-wrapped {
    white-space: pre-wrap
}

.editable-container.editable-popup {
    max-width: none !important
}

.editable-container.popover {
    width: auto
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    zoom: 1;
    *display: inline
}

.editable-container.ui-widget {
    font-size: inherit;
    z-index: 9990
}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc
}

    .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
        color: #585858;
        cursor: default;
        border-bottom: none
    }

.editable-empty, .editable-empty:hover, .editable-empty:focus {
    font-style: italic;
    color: #DD1144;
    text-decoration: none
}

.editable-unsaved {
    font-weight: bold
}

.editable-bg-transition {
    -webkit-transition: background-color 1400ms ease-out;
    -moz-transition: background-color 1400ms ease-out;
    -o-transition: background-color 1400ms ease-out;
    -ms-transition: background-color 1400ms ease-out;
    transition: background-color 1400ms ease-out
}

.form-horizontal .editable {
    padding-top: 5px;
    display: inline-block
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

    .datepicker.datepicker-rtl table tr td span {
        float: right
    }

.datepicker-dropdown {
    top: 0;
    left: 0
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,0.2);
        position: absolute;
        top: -7px;
        left: 6px
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px
    }

.datepicker > div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a,#fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a
    }

        .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9
        }

        .datepicker table tr td.today:hover:hover {
            color: #000
        }

        .datepicker table tr td.today.active:hover {
            color: #fff
        }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
        background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
        background-image: linear-gradient(top, #f3c17a,#f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a
        }

            .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9
            }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, gray);
    background-image: -ms-linear-gradient(top, #b3b3b3, gray);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray));
    background-image: -webkit-linear-gradient(top, #b3b3b3, gray);
    background-image: -o-linear-gradient(top, #b3b3b3, gray);
    background-image: linear-gradient(top, #b3b3b3,#808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080
    }

        .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9
        }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #0088cc,#0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc
    }

        .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .datepicker table tr td span:hover {
        background: #eeeeee
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top, #08c, #04c);
        background-image: -ms-linear-gradient(top, #08c, #04c);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
        background-image: -webkit-linear-gradient(top, #08c, #04c);
        background-image: -o-linear-gradient(top, #08c, #04c);
        background-image: linear-gradient(top, #0088cc,#0044cc);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc
        }

            .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399 \9
            }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
        color: #999999
    }

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer
}

    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
        background: #eeeeee
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
    margin-bottom: 0
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.tt-suggestion {
    display: block;
    padding: 3px 20px
}

    .tt-suggestion.tt-is-under-cursor {
        color: #fff;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #08c, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #08c, #0077b3);
        background-image: -o-linear-gradient(top, #08c, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc,#0077b3);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
    }

        .tt-suggestion.tt-is-under-cursor a {
            color: #fff
        }

    .tt-suggestion p {
        margin: 0
    }

.tour-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #000;
    opacity: 0.8
}

.tour-step-backdrop {
    position: relative;
    z-index: 1101;
    background: inherit
}

.tour-step-background {
    position: absolute;
    z-index: 1100;
    background: inherit;
    border-radius: 6px
}

.popover[class*="tour-"] {
    z-index: 1100
}

    .popover[class*="tour-"] .popover-navigation {
        padding: 9px 14px
    }

        .popover[class*="tour-"] .popover-navigation *[data-role="end"] {
            float: right
        }

        .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] {
            cursor: pointer
        }

            .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
                cursor: default
            }

    .popover[class*="tour-"].orphan {
        position: fixed;
        margin-top: 0
    }

        .popover[class*="tour-"].orphan .arrow {
            display: none
        }

body {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    color: #696565;
    line-height: 1.6;
    background: #232323
}

a {
    color: #116c8a;
    text-decoration: none;
    outline: 0 none
}

    a:hover, a:focus {
        color: #199ac5;
        text-decoration: none;
        outline: 0 none
    }

hr {
    border-color: #ccc
}

.dashed {
    border-style: dashed
}

@font-face {
    font-family: "Raleway";
    src: url('../fonts/Raleway-webfont.eot');
    src: url('../fonts/Raleway-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/Raleway-webfont.woff') format('woff'), url('../fonts/Raleway-webfont.ttf') format('truetype'), url('../fonts/Raleway-webfont.svg') format('svg')
}

@font-face {
    font-family: "josefinslab-bold";
    src: url('../fonts/josefinslab-bold-webfont.eot');
    src: url('../fonts/josefinslab-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/josefinslab-bold-webfont.woff') format('woff'), url('../fonts/josefinslab-bold-webfont.ttf') format('truetype'), url('../fonts/josefinslab-bold-webfont.svg') format('svg')
}

.wrapper {
    overflow: hidden
}

#col-left {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50px
}

    #col-left .widget {
        position: fixed;
        bottom: -45px
    }

#col-left, .top-bar > :first-child {
    width: 220px
}

.fixed-top-active #col-right {
    padding-top: 47px
}

#col-right {
    margin-left: 220px;
    background-image: url('../img/gray_jean1b7e.png?1353438653');
    background-repeat: repeat;
    min-height: 1585px;
    padding: 0 0px 30px 15px
}

    #col-right.no-heading {
        padding-top: 80px
    }

@media screen and (max-width: 1200px) {
    #col-right {
        overflow: hidden
    }
}

#col-left, #col-right, ul.main-menu > li > a span {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
}

@media screen and (max-width: 1200px) {
    #col-left {
        left: -220px
    }

    #col-right {
        margin-left: 0
    }
}

.off-canvas-active #col-left {
    left: 0
}

.off-canvas-active #col-right {
    margin-left: 220px;
    margin-right: -220px
}

@media screen and (min-width: 768px) {
    .container {
        max-width: 100%;
        width: 100%
    }
}

.well-lg {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.well-sm {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.bottom-30px {
    margin-bottom: 30px !important
}

.no-padding {
    padding: 0 !important
}

.control-inline {
    display: -moz-inline-stack !important;
    display: inline-block !important;
    vertical-align: middle !important;
    zoom: 1 !important
}

.middle-content .container {
    position: absolute;
    top: 50%;
    text-align: center
}

.content-box-bordered {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc
}

.sticky-content .btn-default.btn-favorites {
    color: #ff9800
}

    .sticky-content .btn-default.btn-favorites:hover, .sticky-content .btn-default.btn-favorites:focus, .sticky-content .btn-default.btn-favorites:active, .sticky-content .btn-default.btn-favorites.active {
        color: #e68900
    }

.sticky-content .btn-default.btn-quick-task {
    color: #59b7de
}

    .sticky-content .btn-default.btn-quick-task:hover, .sticky-content .btn-default.btn-quick-task:focus, .sticky-content .btn-default.btn-quick-task:active, .sticky-content .btn-default.btn-quick-task.active {
        color: #44aeda
    }

.sticky-content .btn-default:hover, .sticky-content .btn-default:focus, .sticky-content .btn-default:active, .sticky-content .btn-default.active {
    background-color: #fff
}

.sticky-content .dropdown-menu {
    min-width: 370px;
    padding-top: 15px
}

    .sticky-content .dropdown-menu > li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        min-width: 120px;
        margin-bottom: 15px
    }

        .sticky-content .dropdown-menu > li > a {
            text-align: center;
            color: #696565 !important
        }

            .sticky-content .dropdown-menu > li > a:hover, .sticky-content .dropdown-menu > li > a:focus {
                top: -2px;
                background: transparent
            }

                .sticky-content .dropdown-menu > li > a:hover i, .sticky-content .dropdown-menu > li > a:focus i {
                    top: -2px
                }

        .sticky-content .dropdown-menu > li i {
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            font-size: 3em;
            position: relative;
            top: 0
        }

        .sticky-content .dropdown-menu > li span {
            display: block;
            font-weight: 700
        }

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
    color: #fff
}

.bg-default {
    background: #919191
}

.bg-primary {
    background: #1688ae
}

.bg-success {
    background: #7bae16
}

.bg-info {
    background: #59b7de
}

.bg-warning {
    background: #ff9800
}

.bg-danger {
    background: #ef2020
}

.bg-blue {
    background: #1d92af
}

.bg-green {
    background: #859419
}

.bg-orange {
    background: #ce7b11
}

.bg-seagreen {
    background: #3f7577
}

.bg-white {
    background: #fff
}

.text-primary {
    color: #1688ae
}

.text-success {
    color: #7bae16
}

.text-info {
    color: #59b7de
}

.text-warning {
    color: #ff9800
}

.text-danger {
    color: #ef2020
}

blockquote {
    border-left: 5px solid #ccc
}

    .blockquote-reverse, blockquote.pull-right {
        border-right: 5px solid #ccc
    }

.form-control, .form-control:focus, .input-group-btn .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.form-control, .input-lg, .input-sm, .input-xs {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

.input-group-addon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .input-group-addon .simple-radio input[type="radio"] + label, .input-group-addon .simple-checkbox input[type="checkbox"] + label {
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }

        .input-group-addon .simple-radio input[type="radio"] + label:before, .input-group-addon .simple-checkbox input[type="checkbox"] + label:before {
            margin-right: 0
        }

    .input-group-addon i {
        font-size: 14px
    }

    .input-group-addon.input-sm, .input-group-addon.input-lg {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

.input-group-appendable {
    margin-bottom: 10px
}

    .input-group-appendable .btn {
        min-width: 34px
    }

.form-control-feedback.icon {
    font-size: 18px;
    top: 27px
}

select[multiple].form-control {
    height: auto
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline style='fill: #555' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    background-size: 0.8em;
    background-position: right 5px top 12px
}

select[multiple].form-control {
    background: none
}

select.input-lg, select.input-sm {
    line-height: initial
}

select.input-lg {
    background-position: right 5px top 17px
}

select.input-sm {
    background-position: right 5px top 11px
}

.nav-tabs > li > a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer
}

.nav-pills > li > a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #1688ae
}

.nav-tabs.tabs-iconized > li a, .nav-pills.tabs-iconized > li a {
    padding-top: 0;
    padding-bottom: 5px
}

.nav-tabs.tabs-iconized > li i, .nav-pills.tabs-iconized > li i {
    position: relative;
    margin-right: 3px;
    top: 4px;
    font-size: 24px
}

.tab-content {
    padding: 30px 15px 15px 15px;
    background-color: #fff
}

.nav.nav-tabs-custom-colored > li > a {
    border-color: #ccc;
    border-bottom: transparent
}

    .nav.nav-tabs-custom-colored > li > a:hover, .nav.nav-tabs-custom-colored > li > a:focus {
        background-color: #1688ae
    }

.nav-tabs.nav-tabs-custom-colored {
    border-bottom-color: #1688ae
}

    .nav-tabs.nav-tabs-custom-colored > li {
        z-index: 0;
        margin-bottom: 0;
        background-color: #fff
    }

        .nav-tabs.nav-tabs-custom-colored > li > a {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px;
            color: #696565;
            margin-right: 0
        }

            .nav-tabs.nav-tabs-custom-colored > li > a:hover, .nav-tabs.nav-tabs-custom-colored > li > a:focus {
                color: #fff;
                border-color: #1688ae
            }

        .nav-tabs.nav-tabs-custom-colored > li.active > a, .nav-tabs.nav-tabs-custom-colored > li.active > a:hover, .nav-tabs.nav-tabs-custom-colored > li.active > a:focus {
            color: #fff;
            background-color: #1688ae;
            border-color: #1688ae;
            border-bottom: transparent
        }

.nav-tabs > li.active {
    z-index: 1
}

.nav-pills-custom-minimal {
    border-bottom: 1px solid #ccc
}

    .nav-pills-custom-minimal > li > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 10px;
        border-top: 4px solid transparent;
        color: #696565
    }

        .nav-pills-custom-minimal > li > a:hover, .nav-pills-custom-minimal > li > a:focus {
            background-color: transparent;
            color: #4f4c4c
        }

    .nav-pills-custom-minimal > li.active > a, .nav-pills-custom-minimal > li.active > a:hover, .nav-pills-custom-minimal > li.active > a:focus {
        background-color: transparent;
        border-top-color: #94c632;
        color: #696565
    }

    .nav-pills-custom-minimal > li + li {
        margin-left: 30px
    }

@media screen and (max-width: 480px) {
    .nav-pills-custom-minimal > li + li {
        margin-left: 0
    }
}

.nav-pills-custom-minimal.custom-minimal-bottom > li a {
    border-top: none;
    border-bottom: 4px solid transparent
}

.nav-pills-custom-minimal.custom-minimal-bottom > li.active > a, .nav-pills-custom-minimal.custom-minimal-bottom > li.active > a:hover, .nav-pills-custom-minimal.custom-minimal-bottom > li.active > a:focus {
    border-bottom-color: #94c632
}

.custom-tabs-left {
    border-bottom: none
}

    .custom-tabs-left > .nav-tabs {
        float: left;
        margin-right: 19px;
        border-right: 1px solid #ccc;
        border-bottom: none
    }

        .custom-tabs-left > .nav-tabs > li {
            float: none
        }

            .custom-tabs-left > .nav-tabs > li a {
                -moz-border-radius-topleft: 2px;
                -webkit-border-top-left-radius: 2px;
                border-top-left-radius: 2px;
                -moz-border-radius-bottomleft: 2px;
                -webkit-border-bottom-left-radius: 2px;
                border-bottom-left-radius: 2px;
                min-width: 74px;
                margin-right: -1px
            }

                .custom-tabs-left > .nav-tabs > li a:hover, .custom-tabs-left > .nav-tabs > li a:focus {
                    background: transparent;
                    border-color: transparent
                }

        .custom-tabs-left > .nav-tabs .active a, .custom-tabs-left > .nav-tabs .active a:hover, .custom-tabs-left > .nav-tabs .active a:focus {
            border: 1px solid #ccc;
            border-right-color: #fff
        }

    .custom-tabs-left .tab-content {
        padding-top: 5px
    }

.label {
    font-weight: normal
}

.label-default {
    background-color: #919191
}

.label-primary {
    background-color: #1688ae
}

.label-info {
    background-color: #59b7de
}

.label-success {
    background-color: #7bae16
}

.label-warning {
    background-color: #ff9800
}

.label-danger {
    background-color: #ef2020
}

.btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 4px
}

    .btn:active, .btn.active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
    }

        .btn:focus, .btn:active:focus, .btn.active:focus {
            outline: none
        }

    .btn i {
        position: relative;
        top: 0;
        margin-right: 2px;
        font-size: 16px;
        line-height: 1
    }

.btn-xs i {
    font-size: 12px
}

.btn-sm i {
    font-size: 14px
}

.btn-lg i {
    font-size: 20px
}

.btn-default {
    color: #696565
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #696565
    }

.btn-primary {
    background-color: #1688ae;
    border-color: #137697
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background-color: #147da0;
        border-color: #106581
    }

    .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary[disabled].active {
        background-color: #1cabdb;
        color: #fff
    }

.btn-info {
    background-color: #59b7de;
    border-color: #44aeda
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
        background-color: #44aeda;
        border-color: #2ea5d6
    }

    .btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active, .btn-info.disabled.active, .btn-info[disabled].active {
        background-color: #84c9e6;
        color: #fff
    }

.btn-success {
    background-color: #7bae16;
    border-color: #6b9713
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
        background-color: #71a014;
        border-color: #5b8110
    }

    .btn-success.disabled, .btn-success[disabled], .btn-success.disabled:hover, .btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled:active, .btn-success[disabled]:active, .btn-success.disabled.active, .btn-success[disabled].active {
        background-color: #9bdb1c;
        color: #fff
    }

.btn-warning {
    background-color: #ff9800;
    border-color: #e68900
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        background-color: #f08f00;
        border-color: #cc7a00
    }

    .btn-warning.disabled, .btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .btn-warning.disabled.active, .btn-warning[disabled].active {
        background-color: #ffad33;
        color: #fff
    }

.btn-danger {
    background-color: #ef2020;
    border-color: #e51010
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        background-color: #e51010;
        border-color: #cd0f0f
    }

    .btn-danger.disabled, .btn-danger[disabled], .btn-danger.disabled:hover, .btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled.active, .btn-danger[disabled].active {
        background-color: #f25050;
        color: #fff
    }

.btn-link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link .open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none;
        text-decoration: none
    }

.open .dropdown-toggle.btn-primary {
    background-color: #126f8e
}

.open .dropdown-toggle.btn-info {
    background-color: #3baad8;
    color: #fff
}

.open .dropdown-toggle.btn-success {
    background-color: #658e12;
    color: #fff
}

.open .dropdown-toggle.btn-warning {
    background-color: #db8300;
    color: #fff
}

.open .dropdown-toggle.btn-danger {
    background-color: #dc1010;
    color: #fff
}

.btn-group > .btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.btn-toggle-flash {
    font-family: "Ionicons"
}

    .btn-toggle-flash:before {
        content: '\f259';
        margin-right: 5px;
        min-width: 12px
    }

    .btn-toggle-flash.active:before {
        content: '\f25a'
    }

.icon.icon-2x {
    font-size: 2em !important
}

.icon.icon-3x {
    font-size: 3em !important;
    margin-right: 0.2em
}

.icon.icon-4x {
    font-size: 4em !important;
    margin-right: 0.2em
}

.dropdown-menu {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2)
}

    .dropdown-menu > li > a {
        padding: 3px 15px;
        font-size: 0.9em
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background: #116c8a;
            color: #fff
        }

    .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus {
        background: #116c8a
    }

.modal-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.progress {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #dcdcdc
}

    .progress.wide {
        width: 60px
    }

    .progress .progress-bar {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition-property: width;
        -moz-transition-property: width;
        -o-transition-property: width;
        transition-property: width;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .progress.progress-sm {
        height: 12px
    }

    .progress.progress-xs {
        height: 5px
    }

        .progress.progress-sm .progress-bar, .progress.progress-xs .progress-bar {
            text-indent: -9999px
        }

.progress-vertical-wrapper {
    height: 200px
}

.progress-bar-default {
    background-color: #919191
}

.progress-bar-success {
    background-color: #7bae16
}

.progress-bar-info {
    background-color: #59b7de
}

.progress-bar-warning {
    background-color: #ff9800
}

.progress-bar-danger {
    background-color: #ef2020
}

.gritter-item-wrapper {
    background: #59b7de
}

    .gritter-item-wrapper.gritter-info {
        background: #59b7de
    }

        .gritter-item-wrapper.gritter-info .gritter-close {
            background: #2ea5d6;
            color: #248cb7
        }

            .gritter-item-wrapper.gritter-info .gritter-close:hover, .gritter-item-wrapper.gritter-info .gritter-close:focus {
                color: #6ec0e2
            }

        .gritter-item-wrapper.gritter-info .gritter-title + p a {
            color: #248cb7
        }

            .gritter-item-wrapper.gritter-info .gritter-title + p a:hover, .gritter-item-wrapper.gritter-info .gritter-title + p a:focus {
                color: #299ccc
            }

    .gritter-item-wrapper.gritter-warning {
        background: #ff9800
    }

        .gritter-item-wrapper.gritter-warning .gritter-close {
            background: #cc7a00;
            color: #a36100
        }

            .gritter-item-wrapper.gritter-warning .gritter-close:hover, .gritter-item-wrapper.gritter-warning .gritter-close:focus {
                color: #ffa21a
            }

        .gritter-item-wrapper.gritter-warning .gritter-title + p a {
            color: #a36100
        }

            .gritter-item-wrapper.gritter-warning .gritter-title + p a:hover, .gritter-item-wrapper.gritter-warning .gritter-title + p a:focus {
                color: #bd7000
            }

    .gritter-item-wrapper.gritter-danger {
        background: #d70f0f
    }

        .gritter-item-wrapper.gritter-danger .gritter-close {
            background: #a70c0c;
            color: #810909
        }

            .gritter-item-wrapper.gritter-danger .gritter-close:hover, .gritter-item-wrapper.gritter-danger .gritter-close:focus {
                color: #f35e5e
            }

        .gritter-item-wrapper.gritter-danger .gritter-title + p a {
            color: #810909
        }

            .gritter-item-wrapper.gritter-danger .gritter-title + p a:hover, .gritter-item-wrapper.gritter-danger .gritter-title + p a:focus {
                color: #9e0b0b
            }

.gritter-item {
    font-family: inherit
}

.gritter-top, .gritter-bottom, .gritter-item, .gritter-close {
    background: none
}

.gritter-close {
    display: block !important;
    left: auto;
    right: 0;
    top: 0px;
    background: #2ea5d6;
    color: #248cb7;
    text-align: center
}

    .gritter-close:hover, .gritter-close:focus {
        color: #6ec0e2;
        outline: none
    }

    .gritter-close:before {
        font-family: Ionicons;
        content: '\f12a';
        font-size: 18px;
        display: block;
        text-indent: 0;
        line-height: 1.7
    }

.gritter-title {
    text-shadow: none;
    font-weight: normal;
    font-size: 16px
}

    .gritter-title i {
        font-size: 18px
    }

.panel-group .panel .panel-title > a i {
    font-size: 18px
}

    .panel-group .panel .panel-title > a i.icon-collapsed {
        display: none
    }

.panel-group .panel .panel-title > a.collapsed .icon-expanded {
    display: none
}

.panel-group .panel .panel-title > a.collapsed .icon-collapsed {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: baseline
}

.panel.panel-minimal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent
}

    .panel.panel-minimal .panel-heading {
        background-color: transparent;
        padding-left: 0
    }

.panel-group .panel-minimal .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    padding-top: 0;
    margin-top: -5px
}

.tooltip .tooltip-inner {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.popover {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2)
}

    .popover .popover-title {
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -ms-border-radius: 2px 2px 0 0;
        -o-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        font-weight: 700
    }

        .popover .popover-title i {
            position: relative;
            top: 2px;
            font-size: 22px
        }

    .popover .popover-content {
        font-size: 0.9em
    }

    .popover.left .arrow:after {
        right: 2px
    }

    .popover.top .arrow:after {
        bottom: 2px
    }

    .popover.right .arrow:after {
        left: 2px
    }

    .popover.bottom .arrow:after {
        top: 2px
    }

    .popover.popover-custom {
        background: #eee
    }

        .popover.popover-custom.right .arrow:after {
            border-right-color: #eee
        }

.alert {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 8px;
    position: relative
}

    .alert i {
        font-size: 16px
    }

    .alert .close {
        top: 50%;
        position: absolute;
        right: 0.3em;
        margin-top: -11px
    }

.pagination {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .pagination > li > a, .pagination > li > span {
        color: #1688ae
    }

        .pagination > li > a:hover, .pagination > li > span:hover {
            background-color: #696565;
            border-color: #696565;
            color: #fff
        }

    .pagination > li i {
        font-size: 16px;
        line-height: 1
    }

    .pagination.pagination-sm > li i {
        font-size: 15px
    }

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #1688ae;
        border-color: #1688ae
    }

    .pagination.borderless > li > a, .pagination.borderless > li > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border: none;
        background-color: transparent
    }

        .pagination.borderless > li > a:hover, .pagination.borderless > li > a:focus, .pagination.borderless > li > span:hover, .pagination.borderless > li > span:focus {
            color: #fff;
            background-color: #696565;
            border-color: #696565
        }

    .pagination.borderless > li:first-child > a, .pagination.borderless > li:first-child > span, .pagination.borderless > li:last-child > a, .pagination.borderless > li:last-child > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%
    }

    .pagination.borderless > li.active > a, .pagination.borderless > li.active > span {
        color: #fff;
        background-color: #1688ae
    }

        .pagination.borderless > li.active > a:hover, .pagination.borderless > li.active > a:focus, .pagination.borderless > li.active > span:hover, .pagination.borderless > li.active > span:focus {
            color: #fff;
            background-color: #1688ae
        }

    .pagination.borderless > .disabled > span, .pagination.borderless > .disabled > span, .pagination.borderless > .disabled > span:hover, .pagination.borderless > .disabled > span:focus, .pagination.borderless > .disabled > a, .pagination.borderless > .disabled > a:hover, .pagination.borderless > .disabled > a:focus {
        background-color: transparent
    }

.pager li > a, .pager li > span {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 2
}

    .pager li > a i, .pager li > span i {
        position: relative;
        top: 4px;
        font-weight: 700
    }

    .pager li > a:hover, .pager li > a:focus, .pager li > span:hover, .pager li > span:focus {
        color: #fff;
        background-color: #696565
    }

.slider-track, .slider-selection {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    filter: none
}

.slider-track {
    background-color: #cecece
}

.slider-selection {
    background-color: #919191
}

.slider.slider-horizontal {
    width: 100% !important
}

.slider.slider-vertical .slider-handle {
    position: relative;
    left: 2px;
    cursor: ns-resize
}

.slider-handle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background-image: none;
    position: relative;
    top: 2px
}

.slider-handle, .ui-rangeSlider-handle {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #919191;
    cursor: col-resize
}

    .slider-handle:before, .ui-rangeSlider-handle:before {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        content: '|||';
        font-size: 5px;
        color: #919191;
        text-align: center;
        line-height: 15px;
        position: absolute;
        left: 0.6em
    }

.ui-rangeSlider {
    height: 22px;
    margin: 30px 0
}

    .ui-rangeSlider .ui-rangeSlider-innerBar {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        height: 10px;
        margin: 3px 0;
        background: #cecece
    }

    .ui-rangeSlider .ui-rangeSlider-bar {
        margin: 3px 0;
        background: #919191;
        height: 10px;
        cursor: move;
        cursor: grab;
        cursor: -moz-grab
    }

    .ui-rangeSlider.slider-default .ui-rangeSlider-bar {
        background: #919191
    }

    .ui-rangeSlider.slider-default .ui-rangeSlider-handle {
        background: #fff;
        border-color: #919191
    }

        .ui-rangeSlider.slider-default .ui-rangeSlider-handle:before {
            color: #919191
        }

    .ui-rangeSlider.slider-primary .ui-rangeSlider-bar {
        background: #1688ae
    }

    .ui-rangeSlider.slider-primary .ui-rangeSlider-handle {
        background: #e1f5fb;
        border-color: #1688ae
    }

        .ui-rangeSlider.slider-primary .ui-rangeSlider-handle:before {
            color: #1688ae
        }

    .ui-rangeSlider.slider-info .ui-rangeSlider-bar {
        background: #59b7de
    }

    .ui-rangeSlider.slider-warning .ui-rangeSlider-bar {
        background: #ff9800
    }

    .ui-rangeSlider.slider-warning .ui-rangeSlider-handle {
        background: #fff;
        border-color: #ff9800
    }

        .ui-rangeSlider.slider-warning .ui-rangeSlider-handle:before {
            color: #ff9800
        }

    .ui-rangeSlider.slider-danger .ui-rangeSlider-bar {
        background: #ef2020
    }

    .ui-rangeSlider.slider-danger .ui-rangeSlider-handle {
        background: #fff;
        border-color: #ef2020
    }

        .ui-rangeSlider.slider-danger .ui-rangeSlider-handle:before {
            color: #ef2020
        }

    .ui-rangeSlider.slider-success .ui-rangeSlider-bar {
        background: #7bae16
    }

    .ui-rangeSlider.slider-success .ui-rangeSlider-handle {
        background: #e0f6b4;
        border-color: #7bae16
    }

        .ui-rangeSlider.slider-success .ui-rangeSlider-handle:before {
            color: #7bae16
        }

    .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
        cursor: -moz-grabbing;
        cursor: grabbing
    }

.ui-rangeSlider-arrow {
    height: 16px;
    margin: 2px 0;
    width: 16px;
    background-repeat: no-repeat
}

.ui-rangeSlider-arrow-inner {
    display: none
}

.ui-rangeSlider-container {
    height: 22px
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
    margin: 0
}

.ui-rangeSlider-label {
    margin: 0 2px 2px;
    white-space: nowrap;
    bottom: 20px;
    padding: 3px 6px 7px;
    cursor: col-resize
}

    .ui-rangeSlider-label .ui-rangeSlider-label-value {
        font-size: 0.9em
    }

.ui-rangeSlider-label-inner {
    display: none
}

input.ui-editRangeSlider-inputValue {
    width: 3em;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ccc
}

.switch-input {
    display: block;
    position: relative;
    line-height: 1;
    margin-bottom: 4px;
    padding: 10px 60px 0 0;
    cursor: pointer
}

    .switch-input input {
        position: absolute;
        left: -9999px
    }

        .switch-input input:checked + i {
            border-color: #94c632
        }

            .switch-input input:checked + i:before {
                right: 33px
            }

            .switch-input input:checked + i:after {
                content: attr(data-swon-text);
                text-align: right;
                color: #696565
            }

    .switch-input i {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0;
        width: 50px;
        height: 20px;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        background: #fff;
        font-style: normal
    }

        .switch-input i:before {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition-property: right;
            -moz-transition-property: right;
            -o-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.1s;
            -moz-transition-duration: 0.1s;
            -o-transition-duration: 0.1s;
            transition-duration: 0.1s;
            -webkit-transition-timing-function: ease-in;
            -moz-transition-timing-function: ease-in;
            -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
            content: '';
            display: block;
            position: absolute;
            top: 4px;
            right: 4px;
            width: 10px;
            height: 10px;
            background-color: #94c632
        }

        .switch-input i:after {
            content: attr(data-swoff-text);
            position: absolute;
            top: 2px;
            right: 8px;
            left: 8px;
            font-weight: 700;
            font-size: 10px;
            line-height: 15px;
            color: #9c9898
        }

.form-group .switch-input i {
    top: 0;
    right: auto
}

.fancy-checkbox {
    display: block
}

    .fancy-checkbox input[type="checkbox"] {
        display: none
    }

        .fancy-checkbox input[type="checkbox"] + span {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            cursor: pointer;
            position: relative;
            font-size: 13px;
            margin-right: 10px
        }

            .fancy-checkbox input[type="checkbox"] + span:before {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                position: relative;
                bottom: 1px;
                width: 18px;
                height: 18px;
                margin-right: 8px;
                content: "";
                border: 1px solid #ccc
            }

        .fancy-checkbox input[type="checkbox"]:checked + span:before {
            font-family: Ionicons;
            content: '\f2d5';
            font-size: 12px;
            color: #fff;
            text-align: center;
            line-height: 16px;
            background: #94c632;
            border: 1px solid #94c632
        }

.fancy-radio {
    display: block
}

    .fancy-radio input[type="radio"] {
        display: none
    }

        .fancy-radio input[type="radio"] + span {
            display: block;
            cursor: pointer;
            position: relative;
            margin-right: 15px;
            font-size: 13px
        }

            .fancy-radio input[type="radio"] + span i {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
                border-radius: 8px;
                position: relative;
                bottom: 1px;
                content: "";
                border: 1px solid #ccc;
                width: 18px;
                height: 18px;
                margin-right: 8px
            }

        .fancy-radio input[type="radio"]:checked + span i:after {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            display: block;
            position: relative;
            top: 3px;
            left: 3px;
            content: '';
            width: 10px;
            height: 10px;
            background-color: #94c632
        }

ul.multiselect-container.dropdown-menu > .active > a, ul.multiselect-container.dropdown-menu > .active > a:hover, ul.multiselect-container.dropdown-menu > .active > a:focus {
    color: inherit;
    background: transparent
}

ul.multiselect-container > li > a {
    padding: 3px 10px
}

    ul.multiselect-container > li > a > label {
        padding: 3px 0 3px 40px
    }

    ul.multiselect-container > li > a label.checkbox {
        padding-left: 0
    }

        ul.multiselect-container > li > a label.checkbox:before {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            position: relative;
            bottom: 1px;
            width: 18px;
            height: 18px;
            margin-right: 10px;
            content: "";
            border: 1px solid #ccc
        }

        ul.multiselect-container > li > a label.checkbox input[type="checkbox"] {
            visibility: hidden
        }

ul.multiselect-container > li.active > a label.checkbox:before {
    font-family: Ionicons;
    content: '\f2d5';
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #94c632;
    border: 1px solid #94c632
}

ul.multiselect-container input.multiselect-search {
    width: auto
}

ul.multiselect-container > li > a label.radio {
    padding-left: 0
}

    ul.multiselect-container > li > a label.radio i {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        position: relative;
        bottom: 1px;
        content: "";
        border: 1px solid #ccc;
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    ul.multiselect-container > li > a label.radio input[type="radio"] {
        visibility: hidden
    }

ul.multiselect-container > li.active > a label i:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #94c632
}

.input-group > .input-group-btn > .multiselect + .btn-group > .btn {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.input-group-lg > .input-group-btn > .multiselect + .btn-group > .btn {
    height: 46px
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.input-group-btn .btn {
    z-index: 2
}

.datepicker > div {
    padding: 5px 20px
}

.datepicker th, .datepicker td {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

    .datepicker td.active:active, .datepicker td.active.active {
        background-image: none;
        background-color: #357EBD;
        border-color: #3071A9;
        color: #fff
    }

    .datepicker td.active:hover {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

        .datepicker td.active:hover:active, .datepicker td.active:hover.active {
            background-image: none;
            background-color: #357EBD;
            border-color: #3071A9
        }

    .datepicker th.next, .datepicker th.prev {
        font-size: 14px
    }

.datepicker .switch {
    text-align: center
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active [disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #357EBD;
    border-color: #3071A9
}

.daterangepicker .calendar-date {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.daterangepicker th .input-mini, .daterangepicker th li, .daterangepicker td .input-mini, .daterangepicker td li, .daterangepicker .ranges .input-mini, .daterangepicker .ranges li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.daterangepicker td.in-range {
    background: #D9ECF5
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #116C8A;
    border-color: #116C8A
}

.report-range {
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc
}

    .report-range .range-value {
        margin-right: 3px
    }

    .report-range i {
        font-size: 16px
    }

.bootstrap-touchspin-prefix {
    border-right: none
}

.bootstrap-touchspin-postfix {
    border-left: none
}

    .bootstrap-touchspin-prefix.btn, .bootstrap-touchspin-postfix.btn {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        .bootstrap-touchspin-prefix.btn:active, .bootstrap-touchspin-prefix.btn.active, .bootstrap-touchspin-postfix.btn:active, .bootstrap-touchspin-postfix.btn.active {
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
            -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
        }

.dropzone {
    padding: 20px;
    min-height: 0;
    background-image: url('../img/diagonal-stripe1997.png?1369651034');
    background-repeat: repeat
}

    .dropzone .dz-message {
        font-size: 4em;
        text-align: center;
        color: #A4A4A4
    }

        .dropzone .dz-message:before {
            font-family: Ionicons;
            content: '\f177';
            display: block;
            font-size: 4em;
            line-height: 1
        }

    .dropzone.dropzone-mini .dz-message {
        font-size: 2em
    }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone .dz-message {
        display: block
    }

    .dropzone .dz-default.dz-message {
        background: none;
        position: initial;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
        padding: 2em 0
    }

        .dropzone .dz-default.dz-message span {
            display: block
        }

    .dropzone .dz-fallback {
        text-align: center
    }

        .dropzone .dz-fallback input[type="file"] {
            margin: 0 auto;
            margin-bottom: 10px
        }

    .dropzone .dz-preview .dz-remove {
        background: #ef2020;
        color: #fff;
        font-size: 0.9em
    }

        .dropzone .dz-preview .dz-remove:before {
            font-family: FontAwesome;
            content: '\f00d';
            margin-right: 3px
        }

        .dropzone .dz-preview .dz-remove:hover {
            background: #e51010;
            color: #fff;
            cursor: pointer
        }

    .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        width: 25px;
        height: 25px
    }

        .dropzone .dz-preview .dz-error-mark:before, .dropzone .dz-preview .dz-success-mark:before {
            font-family: FontAwesome;
            font-size: 15px;
            position: absolute;
            left: 5px;
            top: 2px
        }

        .dropzone .dz-preview .dz-error-mark:before {
            content: '\f071';
            color: #ef2020
        }

        .dropzone .dz-preview .dz-success-mark:before {
            content: '\f00c';
            color: #7bae16
        }

.todo-list > li {
    border-top: 1px solid #ccc;
    position: relative;
    background: #fff
}

    .todo-list > li:first-child {
        border-top: none
    }

    .todo-list > li.ui-state-highlight {
        border: 1px solid #ff9800
    }

    .todo-list > li .list-control {
        position: absolute;
        top: 50%;
        margin-top: -14px
    }

        .todo-list > li .list-control i {
            font-size: 20px;
            position: relative;
            top: 2px;
            margin-right: 5px;
            cursor: move
        }

    .todo-list > li p {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0;
        padding: 10px 0;
        margin-left: 4em
    }

    .todo-list > li.completed p {
        text-decoration: line-through;
        color: #b5b2b2
    }

.todo-list .fancy-checkbox input[type="checkbox"] + span {
    margin-right: 0
}

.todo-list .short-description {
    display: block;
    margin-top: 5px;
    font-size: 0.9em
}

.todo-list .date {
    font-size: 0.85em
}

.todo-list .label {
    position: absolute;
    right: 0;
    padding: 6px 10px;
    font-weight: normal
}

.task-list {
    list-style-type: none;
    padding-left: 0
}

    .task-list p {
        position: relative
    }

        .task-list p .label {
            position: absolute;
            right: 0;
            line-height: 15px
        }

.label-with-btn {
    display: inline-table
}

    .label-with-btn .label, .label-with-btn .btn {
        display: table-cell
    }

    .label-with-btn .label {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 4px 6px
    }

    .label-with-btn .btn {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        padding: 6px;
        line-height: 10px;
        vertical-align: middle
    }

.select2-container {
    width: 100%
}

    .select2-search-choice-close, .select2-container .select2-choice abbr {
        font-family: Ionicons;
        background: none;
        font-size: 13px;
        top: 3px
    }

        .select2-search-choice-close:before, .select2-container .select2-choice abbr:before {
            content: '\f128';
            font-size: 85%
        }

    .select2-container .select2-choice, .select2-container.select2-drop-above .select2-choice {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

    .select2-container .select2-choice {
        height: 30px;
        line-height: 30px;
        background-image: none
    }

        .select2-container .select2-choice abbr {
            top: 0px;
            right: 35px
        }

        .select2-container .select2-choice .select2-arrow {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            width: 30px;
            text-align: center;
            background: #eee;
            line-height: 30px
        }

            .select2-container .select2-choice .select2-arrow b {
                background: none
            }

            .select2-container .select2-choice .select2-arrow:before {
                font-family: FontAwesome;
                font-size: 15px;
                content: '\f107'
            }

.select2-search {
    font-family: FontAwesome;
    font-size: 15px
}

    .select2-search:before {
        content: '\f002';
        position: absolute;
        top: 5px;
        right: 12px
    }

    .select2-search input {
        background: none
    }

        .select2-search input.select2-active {
            background: none
        }

            .select2-search input.select2-active background {
                image: url('../img/select2-spinnera5df.gif?1398901838');
                color: #fff;
                repeat: no-repeat
            }

        .select2-search input.select2-active, .select2-more-results.select2-active {
            background: none
        }

            .select2-search input.select2-active background, .select2-more-results.select2-active background {
                image: url('../img/select2-spinnera5df.gif?1398901838');
                color: #f4f4f4;
                repeat: no-repeat
            }

.select2-container.select2-dropdown-open .select2-choice, .select2-container.select2-dropdown-open .select2-arrow {
    background-color: transparent
}

.select2-container.select2-dropdown-open .select2-arrow {
    background-image: none
}

    .select2-container.select2-dropdown-open .select2-arrow:before {
        content: ''
    }

.select2-drop, .select2-drop.select2-drop-above {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.select2-drop {
    margin-top: -4px
}

.select2-container-multi .select2-choices .select2-search-choice {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 3px 18px 3px 5px;
    background-color: #1688ae;
    filter: none;
    background-image: none;
    color: #fff;
    border: 1px solid #147da0;
    font-size: 85%
}

    .select2-container-multi .select2-choices .select2-search-choice a {
        color: #2cb6e4
    }

        .select2-container-multi .select2-choices .select2-search-choice a:hover, .select2-container-multi .select2-choices .select2-search-choice a:focus {
            color: #43bee7;
            text-decoration: none
        }

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 3px
}

    .select2-container-multi .select2-choices .select2-search-field input.select2-active {
        background-image: url('../img/select2-spinnera5df.gif?1398901838') !important
    }

.select2-container-multi .select2-choices .select2-search-choice-close {
    left: auto;
    right: 2px
}

.select2-container-multi.select2-container-active .select2-choices {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.select2-container-multi.select2-dropdown-open .select2-choices {
    border-bottom: none
}

.md-editor .btn-default {
    background-color: #fff;
    color: #333;
    border-color: #ccc
}

    .md-editor .btn-default:hover, .md-editor .btn-default:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #ebebeb
    }

.editable[data-type="select"] + .editable-container .editable-input, .editable[data-type="combodate"] + .editable-container .editable-input {
    position: relative
}

    .editable[data-type="select"] + .editable-container .editable-input select, .editable[data-type="combodate"] + .editable-container .editable-input select {
        padding: 5px 20px 5px 10px;
        background-position: right 5px top 10px
    }

.editable[data-type="combodate"] + .editable-container .editable-input {
    position: relative
}

    .editable[data-type="combodate"] + .editable-container .editable-input select {
        height: 31px;
        position: relative;
        top: -1px
    }

.editable-buttons .btn i {
    margin-right: 0;
    position: relative;
    top: 2px
}

.editable-address {
    display: block;
    margin-bottom: 5px
}

.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
    padding: 5px 22px 5px 10px
}

.editable-address span {
    width: 70px;
    display: inline-block
}

.mapTooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    position: fixed;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    background-color: #343434;
    border: 1px solid #fff;
    color: #fff
}

    .mapTooltip span {
        font-weight: 700
    }

.data-us-map .plotLegend {
    margin-top: 50px
}

.zoom-map {
    position: relative
}

    .zoom-map .btn-group {
        margin-bottom: 20px
    }

@media screen and (max-width: 480px) {
    .zoom-map .btn-group .btn {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 3px
    }
}

.zoom-map .zoomIn, .zoom-map .zoomOut {
    position: absolute;
    left: 10px;
    background: #fff;
    width: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 20px
}

    .zoom-map .zoomIn:hover, .zoom-map .zoomOut:hover {
        background: #f7f7f7
    }

.zoom-map .zoomIn {
    top: 60px
}

.zoom-map .zoomOut {
    top: 85px
}

@media screen and (max-width: 480px) {
    .zoom-map .zoomIn {
        top: 100px
    }

    .zoom-map .zoomOut {
        top: 124px
    }
}

.map-custom-width {
    width: 75%
}

    .map-custom-width .map {
        position: relative;
        left: 20%
    }

.google-map #map-canvas {
    height: 349px
}

.list-icons-demo li {
    margin-bottom: 20px;
    text-align: center
}

    .list-icons-demo li i {
        font-size: 24px
    }

.list-icons-demo2 li {
    margin-bottom: 10px
}

.activity-item {
    overflow: visible;
    position: relative;
    margin: 15px 0;
    border-top: 1px dashed #ccc;
    padding-top: 15px
}

    .activity-item:first-child {
        border-top: none
    }

    .activity-item .avatar {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        width: 32px
    }

    .activity-item > i {
        font-size: 18px;
        line-height: 1
    }

    .activity-item .media-body {
        position: relative
    }

    .activity-item .activity-title {
        margin-bottom: 0;
        line-height: 1.3
    }

    .activity-item .activity-attachment {
        padding-top: 20px
    }

    .activity-item .well {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        border-left: 2px solid #cfcfcf;
        background: #fff;
        margin-left: 20px;
        font-size: 0.85em
    }

    .activity-item .thumbnail {
        display: inline;
        border: none;
        padding: 0
    }

        .activity-item .thumbnail img {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
            width: auto;
            margin: 0
        }

    .activity-item .activity-actions {
        position: absolute;
        top: 15px;
        right: 0
    }

        .activity-item .activity-actions .btn i {
            margin: 0
        }

        .activity-item .activity-actions .dropdown-menu > li > a {
            font-size: 0.9em;
            padding: 3px 10px
        }

    .activity-item + .btn {
        margin-bottom: 15px
    }

ul.simple-todo-list > li .todo-text {
    font-weight: normal
}

ul.simple-todo-list > li input[type="checkbox"]:checked + .todo-text {
    text-decoration: line-through;
    color: #837e7e
}

ul.recent-file-list {
    margin-bottom: 15px
}

    ul.recent-file-list > li {
        margin-bottom: 5px
    }

.project-list .progress {
    margin-bottom: 0
}

.project-list .progress-bar {
    font-size: 10px
}

.project-list > tbody > tr > td {
    padding: 12px 8px
}

    .project-list > tbody > tr > td .avatar {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        width: 22px;
        border: 1px solid #CCC
    }

a.list-group-item:hover, a.list-group-item:focus {
    background-color: #eee
}

.demo-hide {
    display: none
}

td.legendLabel {
    padding-right: 5px
}

.headline {
    background: #fff;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .headline {
        margin: 0 -30px 0 -30px
    }
}

.headline .headline-report-text {
    padding: 0 10px 10px 0;
    color: #fff
}

    .headline .headline-report-text h3 {
        margin-top: 0;
        color: #695B0E;
        font-size: 1.4em
    }

    .headline .headline-report-text ul {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background: rgba(60,112,19,0.5)
    }

        .headline .headline-report-text ul > li {
            padding: 5px 10px;
            line-height: 2
        }

            .headline .headline-report-text ul > li > span:first-child {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                zoom: 1;
                *display: inline;
                min-width: 140px
            }

            .headline .headline-report-text ul > li > span + span {
                font-weight: 300
            }

.headline .nav-pills-custom-minimal {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: none
}

.headline .tab-content {
    background-image: url('../img/headline-bg0623.png?1397994704')
}

    .headline .tab-content > .tab-pane {
        padding: 30px 15px;
        height: 310px
    }

@media screen and (max-width: 992px) {
    .headline .tab-content {
        background-repeat: repeat-y
    }

        .headline .tab-content > .tab-pane {
            height: auto
        }
}

.headline .legend table {
    background-color: rgba(255,255,255,0.5)
}

    .headline .legend table td {
        padding: 3px
    }

        .headline .legend table td.legendLabel {
            padding-right: 5px
        }

.headline .bottom-stat {
    margin-left: 0;
    margin-right: 0
}

    .headline .bottom-stat .row {
        margin-left: 0;
        margin-right: 0
    }

        .headline .bottom-stat .row > div {
            padding-left: 0;
            padding-right: 0;
            border-left: 1px solid #ccc
        }

            .headline .bottom-stat .row > div:first-child {
                border-left: none
            }

@media screen and (max-width: 768px) {
    .headline .bottom-stat .row > div {
        border-left: none;
        border-bottom: 1px solid #ccc
    }

        .headline .bottom-stat .row > div:last-child {
            border-bottom: none
        }
}

.headline .bottom-stat .stat-item {
    text-align: center;
    padding: 10px 0
}

    .headline .bottom-stat .stat-item .left, .headline .bottom-stat .stat-item .right {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 0 5px
    }

    .headline .bottom-stat .stat-item .number {
        font-family: "Raleway";
        font-size: 2.8em;
        line-height: 1.1
    }

    .headline .bottom-stat .stat-item .text {
        font-weight: 300;
        font-size: 1.5em
    }

    .headline .bottom-stat .stat-item .icon {
        font-size: 48px;
        line-height: 1
    }

.social-stat {
    padding: 15px 0;
    margin: 0 auto
}

@media screen and (max-width: 480px) {
    .social-stat {
        width: auto
    }
}

.social-stat .number {
    height: 103px;
    min-width: 105px;
    padding-top: 1.5em;
    font-weight: 300;
    text-align: center;
    background: rgba(255,255,255,0.4)
}

@media screen and (max-width: 480px) {
    .social-stat .number {
        float: none !important;
        min-width: auto
    }
}

.social-stat .number > span {
    font-size: 1.8em;
    line-height: 1.4
}

    .social-stat .number > span + span {
        display: block;
        font-size: 0.8em;
        font-weight: normal;
        line-height: 2
    }

.social-stat .number i {
    font-size: 12px
}

.social-stat .mini-stat {
    padding: 20px 0;
    text-align: center;
    background: rgba(255,255,255,0.4)
}

    .social-stat .mini-stat p {
        margin-bottom: 0;
        margin-top: 5px;
        font-size: 0.8em
    }

    .social-stat .mini-stat i {
        margin-right: 2px;
        font-size: 18px;
        position: relative;
        top: 2px
    }

.status-chart {
    text-align: center
}

    .status-chart .chart-title {
        display: block;
        font-size: 1em;
        font-weight: 700
    }

.pie-chart {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    width: 130px;
    margin-bottom: 20px
}

    .pie-chart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

    .pie-chart .percent {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        line-height: 130px;
        z-index: 2;
        font-size: 1.2em
    }

        .pie-chart .percent:after {
            margin-left: 0.1em
        }

.flot-chart {
    width: 100%;
    height: 250px
}

.donut-label {
    font-size: 12px;
    color: #FFF;
    background: rgba(0,0,0,0.5);
    text-align: center;
    padding: 3px
}

#flotTip, .jqstooltip {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(0,0,0,0.8) !important;
    color: #fff !important;
    border: none !important
}

.jqstooltip {
    width: auto !important;
    height: auto !important
}

.jqsfield {
    color: #fff !important
}

@media screen and (max-width: 992px) {
    .widget-chart-toggle-series #choices {
        margin-top: 30px
    }

        .widget-chart-toggle-series #choices > div {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline
        }
}

.quick-info i {
    font-size: 30px
}

.quick-info p {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3
}

    .quick-info p span {
        font-size: 0.5em
    }

.quick-info.horizontal i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff
}

    .quick-info.horizontal i:before {
        position: relative;
        top: 6px
    }

.quick-info.horizontal p {
    padding-left: 70px;
    padding-top: 2px;
    text-align: left
}

    .quick-info.horizontal p span {
        display: block
    }

@media screen and (max-width: 992px) {
    .quick-info.horizontal {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 768px) {
    .quick-info.horizontal p {
        text-align: left;
        padding-left: 70px
    }
}

@media screen and (max-width: 480px) {
    .quick-info.horizontal {
        display: block
    }

        .quick-info.horizontal i {
            float: none !important;
            margin: 0 auto;
            margin-bottom: 10px
        }

        .quick-info.horizontal p {
            padding-left: 0;
            text-align: center
        }
}

.quick-info.vertical {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

    .quick-info.vertical i {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
        color: #fff
    }

        .quick-info.vertical i:before {
            position: relative;
            top: 6px
        }

    .quick-info.vertical p {
        padding-left: 0;
        text-align: center
    }

        .quick-info.vertical p span {
            display: block
        }

@media screen and (max-width: 768px) {
    .quick-info.vertical {
        margin-bottom: 30px
    }
}

.quick-info.boxed {
    display: block;
    position: relative;
    padding: 15px;
    color: #fff
}

    .quick-info.boxed i {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2;
        position: absolute;
        top: 2px;
        right: 15px;
        line-height: 1;
        font-size: 72px
    }

    .quick-info.boxed p {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1.6
    }

.quick-info.boxed-icon-first {
    padding: 15px
}

    .quick-info.boxed-icon-first i {
        position: relative;
        top: 3px;
        font-size: 48px;
        line-height: 1
    }

    .quick-info.boxed-icon-first p {
        margin-bottom: 0;
        text-align: right
    }

        .quick-info.boxed-icon-first p span {
            display: block
        }

.status-bar-list > li {
    padding: 15px 0
}

.status-bar-list .progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    background-color: #dcdcdc
}

    .status-bar-list .progress.progress-xs {
        height: 3px
    }

    .status-bar-list .progress .progress-bar {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

.status-bar-list p {
    margin-bottom: 0;
    font-size: 0.85em
}

table.colored-header thead > tr > th {
    background-color: #ebebeb !important
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #9a9494 !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ebebeb !important;
}

table.dataTable thead > tr > th {
    padding-left: 8px;
    padding-right: 15px
}

table.dataTable thead .sorting {
    background: none;
    background-image: url('../img/sort_bothb2f9.png?1401274899');
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting_asc {
    background: none;
    background-image: url('../img/sort_asc0459.png?1401274981');
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting_desc {
    background: none;
    background-image: url('../img/sort_desc3584.png?1401274960');
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting_asc_disabled {
    background: none;
    background-image: url('../img/sort_asc_disabled679f.png?1401274940');
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting_desc_disabled {
    background: none;
    background-image: url('../img/sort_desc_disableded15.png?1401274920');
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .row-filter input {
    width: 100%
}

.dataTables_filter input {
    margin-left: 5px
}

@media screen and (max-width: 480px) {
    .dataTables_filter, .dataTables_length, .dataTables_info {
        display: none
    }
}

ul.ColVis_collection {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    width: auto;
    background: #fff
}

    ul.ColVis_collection li, ul.ColVis_collection li.ColVis_Special {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #f3f3f3;
        border: inherit
    }

        ul.ColVis_collection li:hover, ul.ColVis_collection li.ColVis_Special:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: #ebebeb;
            border: inherit
        }

        ul.ColVis_collection li span {
            font-size: 90%
        }

.DTCR_clonedTable th {
    padding: 10px;
    vertical-align: middle;
    background-color: #ebebeb
}

.DTCR_pointer {
    border: 1px solid #ff9800
}

.DTTT.btn-group {
    float: right;
    margin-bottom: 1em
}

    .DTTT.btn-group .btn {
        position: relative
    }

fieldset {
    margin-bottom: 40px
}

legend {
    color: #696565;
    font-size: 1.5em;
    border-color: #ccc
}

.form-horizontal .control-label {
    text-align: left
}

div[class*="col-"] > .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-ticket ul.uploaded-attachment > li i {
    color: #696565;
    font-size: 16px;
    min-width: 14px
}

.form-ticket ul.uploaded-attachment > li .remove {
    font-size: 0.85em;
    text-decoration: underline;
    color: inherit
}

    .form-ticket ul.uploaded-attachment > li .remove:hover {
        text-decoration: none
    }

.box-with-help {
    position: relative;
    padding: 50px 30px 0
}

    .box-with-help .btn-login-help {
        position: absolute;
        right: 0;
        top: 0;
        color: #7e7979
    }

        .box-with-help .btn-login-help:hover, .box-with-help .btn-login-help:focus {
            color: #696565
        }

.parsley-errors-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1
}

    .parsley-errors-list li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        white-space: nowrap
    }

    .parsley-errors-list li {
        color: #ef2020;
        font-size: 0.9em;
        margin-top: 3px
    }

.note-editor .note-editable {
    background: #fff
}

.wizard {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9
}

    .wizard:before, .wizard:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .wizard:after {
        clear: both
    }

    .wizard ul {
        width: 4000px;
        padding: 0;
        margin: 0;
        list-style: none outside none
    }

        .wizard ul.previous-disabled li.complete {
            cursor: default
        }

            .wizard ul.previous-disabled li.complete:hover {
                color: #468847;
                cursor: default;
                background: #f3f4f5
            }

                .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f4f5
                }

        .wizard ul li {
            position: relative;
            float: left;
            height: 46px;
            padding: 0 20px 0 30px;
            margin: 0;
            font-size: 16px;
            line-height: 46px;
            color: #a5a5a5;
            cursor: default;
            background: #f2f2f2
        }

            .wizard ul li:first-child {
                padding-left: 20px
            }

            .wizard ul li .chevron {
                position: absolute;
                top: -24px;
                right: -14px;
                z-index: 1;
                display: block;
                border: 48px solid transparent;
                border-right: 0;
                border-left: 24px solid #fff
            }

                .wizard ul li .chevron:before {
                    position: absolute;
                    top: -48px;
                    right: 5px;
                    display: block;
                    border: 48px solid transparent;
                    border-right: 0;
                    border-left: 24px solid #f2f2f2;
                    content: ""
                }

            .wizard ul li.complete {
                color: #fff;
                background: #7bae16
            }

                .wizard ul li.complete:hover {
                    cursor: pointer;
                    background: #78a915
                }

                    .wizard ul li.complete:hover .chevron:before {
                        border-left: 24px solid #78a915
                    }

                .wizard ul li.complete .chevron:before {
                    border-left: 24px solid #7bae16
                }

            .wizard ul li.active {
                color: #fff;
                background: #1688ae
            }

                .wizard ul li.active .chevron:before {
                    border-left: 24px solid #1688ae
                }

            .wizard ul li .badge {
                position: relative;
                top: -2px;
                margin-right: 8px;
                padding: 4px 7px
            }

                .wizard ul li .badge.badge-info {
                    background-color: #106581
                }

                .wizard ul li .badge.badge-success {
                    background-color: #5b8110
                }

.wizard-wrapper .actions .btn i {
    position: relative;
    top: 2px
}

.wizard-wrapper .actions .btn.btn-next i {
    margin-left: 2px
}

.wizard-wrapper .step-content {
    margin: 30px 0;
    padding-left: 20px
}

    .wizard-wrapper .step-content .step-pane {
        display: none
    }

    .wizard-wrapper .step-content .active {
        display: block
    }

        .wizard-wrapper .step-content .active .btn-group .active {
            display: inline-block
        }

#demo-wizard {
    width: 100%;
}

    #demo-wizard + .step-content {
        min-height: 270px !important
    }

.wizard-circle {
    text-align: center
}

    .wizard-circle .nav {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }

        .wizard-circle .nav li {
            width: 24em
        }

            .wizard-circle .nav li > a {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                width: 50px;
                height: 50px;
                margin: 0 auto;
                margin-bottom: 20px;
                line-height: 25px;
                border: 3px solid #bbb;
                background: #ccc;
                color: #818181;
                z-index: 3
            }

            .wizard-circle .nav li span {
                color: #a5a5a5
            }

            .wizard-circle .nav li:before {
                border-top: 3px solid #bbb;
                content: "";
                display: block;
                font-size: 0;
                overflow: hidden;
                position: relative;
                top: 28px;
                width: 100%
            }

            .wizard-circle .nav li:first-child:before {
                left: 50%;
                max-width: 50%
            }

            .wizard-circle .nav li:last-child:before {
                max-width: 50%;
                width: 50%
            }

            .wizard-circle .nav li + li {
                margin-left: 0
            }

            .wizard-circle .nav li.active > a, .wizard-circle .nav li.done > a {
                background: #1688ae;
                border-color: #106581;
                color: #fff
            }

            .wizard-circle .nav li.active span, .wizard-circle .nav li.done span {
                color: inherit;
                font-weight: 700
            }

            .wizard-circle .nav li.done:before {
                border-top-color: #106581;
                max-width: 100%;
                left: 50%;
                z-index: 2
            }

    .wizard-circle .pager li a {
        cursor: pointer;
        color: inherit
    }

        .wizard-circle .pager li a:hover, .wizard-circle .pager li a:focus {
            background: #ececec
        }

    .wizard-circle .pager li.next a {
        background: #1688ae;
        color: #fff
    }

        .wizard-circle .pager li.next a:hover, .wizard-circle .pager li.next a:focus {
            background: #106581
        }

    .wizard-circle .pager li.last {
        display: none
    }

        .wizard-circle .pager li.last a {
            background: #7bae16
        }

            .wizard-circle .pager li.last a:hover, .wizard-circle .pager li.last a:focus {
                background: #5b8110
            }

    .wizard-circle .pager li.disabled a {
        color: #919191
    }

    .wizard-circle .pager.wizard {
        background-color: transparent
    }

    .wizard-circle .tab-content {
        text-align: left;
        padding: 15px 0;
        margin-top: 30px;
        background: none
    }

    .wizard-circle fieldset {
        padding: 15px;
        border: 1px solid #ccc
    }

    .wizard-circle legend {
        width: auto;
        font-size: 14px;
        background: #a5a5a5;
        color: #fff;
        padding: 5px
    }

#demo-wizard2 fieldset, #demo-wizard2 #tab3 {
    min-height: 386px;
    background: #fff
}

#demo-wizard2 #tab3 {
    padding: 15px
}

#demo-wizard2 input {
    width: 40%
}

#demo-wizard2 .dl-horizontal {
    margin-top: 30px
}

    #demo-wizard2 .dl-horizontal dt {
        margin-bottom: 10px
    }

.searchbox input[type="search"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 230px;
    padding: 3px 6px;
    font-size: 0.85em;
    -webkit-appearance: none;
    border: none;
    background-color: #ececec
}

.searchbox .input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 3px 3px 0 10px;
    background-color: #ececec;
    border: none
}

.btn-nav-sidebar-minified, .btn-off-canvas {
    padding: 11px 15px
}

    .btn-nav-sidebar-minified i, .btn-off-canvas i {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        position: relative;
        color: #a8a5a5;
        cursor: pointer;
        font-size: 24px;
        line-height: 1
    }

        .btn-nav-sidebar-minified i:hover, .btn-off-canvas i:hover {
            color: #696565
        }

.btn-off-canvas {
    display: none
}

@media screen and (max-width: 1200px) {
    .btn-nav-sidebar-minified {
        display: none
    }

    .btn-off-canvas {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        padding-left: 0
    }
}

.logo {
    text-align: center;
    padding: 12px 0;
    margin-right: -10px
}

    .logo img {
        width: 105px
    }

.top-bar {
    margin-left: -15px;
    margin-right: -15px;
    min-height: 47px;
    padding: 0 15px;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

    .top-bar > div, .top-bar .searchbox {
        display: inline-block;
        vertical-align: middle;
        float: left
    }

    .top-bar .searchbox {
        margin-top: 6px;
        margin-left: 30px
    }

@media screen and (max-width: 768px) {
    .top-bar .searchbox {
        display: none
    }
}

.top-bar .top-bar-right {
    text-align: right;
    margin-top: 7px
}

@media screen and (max-width: 1200px) {
    .top-bar {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 479px) {
    .top-bar > :first-child {
        width: auto
    }
}

.top-bar .action-group, .top-bar .logged-user {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-align: left;
    margin-left: 15px
}

    .top-bar .action-group .dropdown-menu i, .top-bar .logged-user .dropdown-menu i {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 14px;
        position: relative;
        top: -2px;
        font-size: 14px
    }

    .top-bar .action-group .btn-group.open > a, .top-bar .logged-user .btn-group.open > a {
        color: #696565
    }

    .top-bar .action-group .btn-group > a, .top-bar .logged-user .btn-group > a {
        color: #a8a5a5
    }

        .top-bar .action-group .btn-group > a:hover, .top-bar .logged-user .btn-group > a:hover {
            color: #696565;
            text-decoration: none
        }

    .top-bar .action-group ul > li li, .top-bar .logged-user ul > li {
        border-top: 1px solid #e4e4e4
    }

        .top-bar .action-group ul > li li:first-child, .top-bar .logged-user ul > li:first-child {
            border-top: none
        }

        .top-bar .action-group ul > li li a, .top-bar .logged-user ul > li a {
            padding: 8px 10px
        }

            .top-bar .action-group ul > li li a:hover, .top-bar .action-group ul > li li a:focus, .top-bar .logged-user ul > li a:hover, .top-bar .logged-user ul > li a:focus {
                color: #fff
            }

                .top-bar .action-group ul > li li a:hover i, .top-bar .action-group ul > li li a:hover .text, .top-bar .action-group ul > li li a:hover .timestamp, .top-bar .action-group ul > li li a:focus i, .top-bar .action-group ul > li li a:focus .text, .top-bar .action-group ul > li li a:focus .timestamp, .top-bar .logged-user ul > li a:hover i, .top-bar .logged-user ul > li a:hover .text, .top-bar .logged-user ul > li a:hover .timestamp, .top-bar .logged-user ul > li a:focus i, .top-bar .logged-user ul > li a:focus .text, .top-bar .logged-user ul > li a:focus .timestamp {
                    color: #fff
                }

.top-bar .dropdown-menu {
    padding: 0;
    width: 365px;
    top: 37px
}

    .top-bar .dropdown-menu:before, .top-bar .dropdown-menu:after {
        position: absolute;
        content: " ";
        height: 0;
        width: 0;
        bottom: 100%;
        border: solid transparent;
        pointer-events: none
    }

    .top-bar .dropdown-menu:before {
        border-color: transparent;
        border-bottom-color: #838383;
        border-width: 10px;
        left: 50%;
        top: -21px
    }

    .top-bar .dropdown-menu:after {
        border-color: transparent;
        border-bottom-color: #FFF;
        border-width: 10px;
        left: 50%
    }

    .top-bar .dropdown-menu ul {
        padding: 0 10px
    }

        .top-bar .dropdown-menu ul > li > a:hover {
            background-color: #fafafa
        }

.top-bar .action-group .action-item {
    position: relative;
    width: 50px;
    margin: 0 15px;
    top: 2px
}

    .top-bar .action-group .action-item:first-child {
        margin-left: 0
    }

    .top-bar .action-group .action-item:last-child {
        margin-right: 0
    }

    .top-bar .action-group .action-item > a {
        color: #a8a5a5
    }

        .top-bar .action-group .action-item > a:hover, .top-bar .action-group .action-item > a.active {
            color: #696565;
            text-decoration: none
        }

@media screen and (min-width: 992px) {
    .top-bar .action-group .action-item {
        margin: 0 8px
    }
}

.top-bar .action-group .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.top-bar .action-group i {
    font-size: 32px;
    width: 26px;
    line-height: 1
}

.top-bar .action-group > ul {
    list-style-type: none
}

    .top-bar .action-group > ul, .top-bar .action-group > ul li {
        margin: 0px;
        padding: 0px;
        display: inline
    }

        .top-bar .action-group > ul > li, .top-bar .action-group > ul > li li {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            padding: 0
        }

            .top-bar .action-group > ul > li:first-child, .top-bar .action-group > ul > li li:first-child {
                border-top: none
            }

.top-bar .action-group .count {
    position: relative;
    top: -15px;
    right: 8px;
    padding: 0px 5px;
    border-radius: 30px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    background: #ef2020;
    border-color: #fff
}

.top-bar .action-group .dropdown-menu .menu-item-header {
    font-size: 0.85em;
    font-weight: 700;
    line-height: 2;
    padding: 5px 8px
}

.top-bar .action-group .dropdown-menu .menu-item-footer a {
    text-align: center;
    color: #696565
}

    .top-bar .action-group .dropdown-menu .menu-item-footer a:hover, .top-bar .action-group .dropdown-menu .menu-item-footer a:focus {
        background: none;
        text-decoration: underline;
        color: #333
    }

.top-bar .action-group .dropdown-menu .timestamp {
    font-size: 0.85em;
    line-height: 1.8
}

.top-bar .action-group .skins form {
    display: inline
}

.top-bar .action-group .skins .dropdown-menu {
    width: 200px;
    padding: 8px
}

    .top-bar .action-group .skins .dropdown-menu li {
        border-top: none
    }

@media screen and (min-width: 992px) {
    .top-bar .action-group .skins .dropdown-menu {
        left: -98px
    }
}

@media screen and (min-width: 992px) {
    .top-bar .action-group .inbox .dropdown-menu {
        left: -180px
    }
}

.top-bar .action-group .inbox .inbox-item {
    display: block
}

    .top-bar .action-group .inbox .inbox-item.unread {
        background-color: #ebebeb
    }

.top-bar .action-group .inbox img {
    width: 32px
}

.top-bar .action-group .inbox .name {
    font-family: "Open Sans";
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0
}

.top-bar .action-group .inbox .text {
    font-size: 0.9em;
    margin-bottom: 0
}

.top-bar .action-group .general .count {
    right: 12px
}

.top-bar .action-group .general .dropdown-menu li a .timestamp {
    position: absolute;
    right: 10px
}

@media screen and (min-width: 992px) {
    .top-bar .action-group .general .dropdown-menu {
        left: -180px
    }
}

.top-bar .logged-user {
    position: relative;
    top: 1px
}

    .top-bar .logged-user .btn {
        padding: 0;
        border: none;
        text-decoration: none;
        color: #a8a5a5
    }

        .top-bar .logged-user .btn i {
            position: relative;
            top: 2px
        }

        .top-bar .logged-user .btn:hover {
            text-decoration: none
        }

        .top-bar .logged-user .btn img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 32px;
            border: 2px solid #a8a5a5;
            margin-right: 3px
        }

    .top-bar .logged-user .dropdown-menu {
        width: auto;
        left: -20px;
        padding: 0
    }

.btn-skin {
    margin-bottom: 10px;
    border: none;
    padding: 8px;
    font-size: 1.2em
}

    .btn-skin:before {
        content: ' ';
        display: block;
        width: 10px;
        height: 10px;
        color: #fff
    }

    .btn-skin:hover {
        position: relative;
        top: -2px
    }

    .btn-skin.nav-dark {
        background-color: #232323;
        border: 1px solid #232323
    }

    .btn-skin.nav-light {
        background-color: #fff;
        border: 1px solid #ccc
    }

    .btn-skin.full-dark:before {
        background-color: #1d1d1d
    }

    .btn-skin.full-white:before {
        background-color: #fff
    }

    .btn-skin.green:before {
        background-color: #94c632
    }

    .btn-skin.blue:before {
        background-color: #1D92AF
    }

    .btn-skin.darkorange:before {
        background-color: #ff9800
    }

    .btn-skin.seagreen:before {
        background-color: #3f7577
    }

.main-nav {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 70px;
    z-index: 1;
    width: 100%
}

    .main-nav h3 {
        font-family: "Raleway";
        margin: 30px 10px 15px;
        padding-bottom: 12px;
        font-size: 1.3em;
        color: #6a6a6a;
        border-bottom: 1px solid #3d3d3d
    }

ul.main-menu {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

    ul.main-menu li a {
        display: block;
        position: relative;
        padding: 12px 0 12px 15px;
        font-size: 13px;
        color: #dadada
    }

        ul.main-menu li a:hover, ul.main-menu li a:focus {
            text-decoration: none;
            color: #fff;
            background-color: #2e2e2e
        }

    ul.main-menu li.active > a {
        color: #fff;
        background-color: #0f0f0f
    }

        ul.main-menu li.active > a.submenu-toggle {
            background-color: transparent
        }

    ul.main-menu li i {
        font-size: 18px
    }

    ul.main-menu li .text {
        padding-left: 10px
    }

    ul.main-menu li.has-submenu {
        position: relative
    }

        ul.main-menu li.has-submenu > a:after {
            font-family: ionicons;
            font-size: 14px;
            width: 10px;
            position: absolute;
            right: 15px;
            top: 18px;
            text-shadow: none;
            content: '\f153'
        }

        ul.main-menu li.has-submenu.active > a:after {
            content: '\f151'
        }

        ul.main-menu li.has-submenu li.has-submenu > a:after {
            top: 11px
        }

    ul.main-menu .sub-menu {
        position: relative;
        padding-left: 0
    }

        ul.main-menu .sub-menu li a {
            background-color: #131313
        }

            ul.main-menu .sub-menu li a:hover, ul.main-menu .sub-menu li a:focus {
                background-color: #2e2e2e
            }

            ul.main-menu .sub-menu li a .badge {
                position: absolute;
                right: 15px
            }

        ul.main-menu .sub-menu li .text {
            padding-left: 27px
        }

        ul.main-menu .sub-menu li.active a {
            background-color: #000
        }

        ul.main-menu .sub-menu li .sub-menu .text {
            padding-left: 50px
        }

.main-nav-minified #col-left {
    width: 55px;
    top: 35px
}

    .main-nav-minified #col-left ul.main-menu > li:hover > ul.sub-menu, .main-nav-minified #col-left ul.sub-menu > li:hover > ul.sub-menu {
        display: block !important;
        min-width: 200px;
        position: absolute;
        top: 0;
        margin-left: 55px;
        z-index: 9999
    }

    .main-nav-minified #col-left ul.main-menu > li.has-submenu li.has-submenu > a:after {
        font-family: ionicons;
        font-size: 14px;
        content: '\f154';
        display: block
    }

    .main-nav-minified #col-left ul.sub-menu > li:hover > ul.sub-menu {
        margin-left: 200px
    }

    .main-nav-minified #col-left ul.main-menu li i {
        font-size: 20px
    }

    .main-nav-minified #col-left ul.main-menu li > a:hover {
        background-color: #1e1e1e
    }

.main-nav-minified #col-right {
    margin-left: 55px
}

@media screen and (max-width: 1200px) {
    .main-nav-minified #col-right {
        margin-left: 0
    }
}

.main-nav-minified .main-nav h3, .main-nav-minified ul.main-menu > li > a span, .main-nav-minified ul.main-menu li.has-submenu > a:after, .main-nav-minified #col-left .main-menu > li.has-submenu.active .sub-menu, .main-nav-minified #col-left .widget {
    display: none
}

.main-nav-minified ul.main-menu > li > a {
    padding: 12px;
    text-align: center
}

.main-nav-minified ul.main-menu ul.sub-menu li .text {
    padding-left: 0
}

.main-content {
    padding: 0 30px
}

.right-sidebar {
    -webkit-transition-property: right;
    -moz-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 200px;
    position: fixed;
    right: -210px;
    top: 47px;
    z-index: 99;
    height: 100%;
    background-color: #232323
}

@media screen and (max-width: 1200px) {
    .right-sidebar {
        display: none
    }
}

.right-sidebar .widget-chat-contacts {
    background: transparent;
    border: none
}

    .right-sidebar .widget-chat-contacts .widget-header {
        background-color: #232323;
        border-bottom: none;
        padding: 4px 10px 10px 10px
    }

        .right-sidebar .widget-chat-contacts .widget-header .btn-group {
            float: none;
            margin-left: 0
        }

.right-sidebar.active {
    right: 0
}

.main-content.sidebar-minified .primary-content-wrapper {
    width: 100%
}

.main-content.sidebar-minified .sidebar-wrapper {
    display: none
}

.primary-content-heading {
    margin-bottom: 30px
}

    .primary-content-heading h2 {
        font-family: "Raleway";
        margin-bottom: 0
    }

@media screen and (max-width: 480px) {
    .primary-content-heading h2 {
        font-size: 24px
    }
}

.breadcrumb {
    background-color: inherit;
    padding: 0;
    margin-bottom: 0
}

    .breadcrumb > li {
        line-height: 2.6
    }

    .breadcrumb a {
        color: #696565
    }

    .breadcrumb .icon {
        font-size: 1.2em;
        margin-right: 5px
    }

    .breadcrumb .active {
        font-weight: 300
    }

@media screen and (max-width: 768px) {
    .sticky-content {
        display: none
    }
}

ul.widget-inbox-list li {
    position: relative;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc
}

    ul.widget-inbox-list li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    ul.widget-inbox-list li:before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        content: ' ';
        position: absolute;
        top: 7px;
        left: 0;
        width: 8px;
        height: 8px;
        border: 2px solid #ccc
    }

    ul.widget-inbox-list li.unread .sender, ul.widget-inbox-list li.unread .title {
        font-weight: 700
    }

    ul.widget-inbox-list li.unread:before {
        background: #696565;
        border-color: #696565
    }

ul.widget-inbox-list .title {
    font-size: 0.9em;
    margin: 0
}

ul.widget-inbox-list .brief {
    font-style: italic;
    font-size: 0.9em
}

ul.widget-inbox-list .timestamp {
    font-size: 0.85em
}

.widget {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
    background-color: #fff;
    border-color: #d0d0d0
}

    .widget .widget-header h3, .widget.widget-no-header h3 {
        margin-top: 0;
        font-size: 14px;
        color: #6a6a6a
    }

    .widget.widget-transparent {
        border: none;
        background: transparent
    }

    .widget .widget-header {
        padding: 0 10px;
        border-bottom: 1px solid #fff;
        background-color: #e9e9e9
    }

        .widget .widget-header h3 {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            margin-bottom: 0;
            line-height: 40px;
            float: left
        }

@media screen and (max-width: 480px) {
    .widget .widget-header h3 {
        display: block;
        float: none
    }
}

.widget .widget-header h3 i {
    width: 18px;
    padding: 10px 0;
    font-size: 16px;
    color: #6A6A6A
}

.widget .widget-header .btn-group > a, .widget .widget-header .btn-group .dropdown-toggle .icon {
    color: #838383
}

    .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus, .widget .widget-header .btn-group .dropdown-toggle .icon:hover, .widget .widget-header .btn-group .dropdown-toggle .icon:focus {
        color: #505050
    }

.widget .widget-header .widget-header-toolbar {
    float: right;
    width: auto;
    margin-left: 15px
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar {
        display: block;
        position: initial
    }
}

.widget .widget-header .widget-header-toolbar.btn-group {
    top: 5px
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar.btn-group > .btn {
        top: -5px
    }
}

.widget .widget-header .widget-header-toolbar .label {
    position: relative;
    top: 11px;
    padding: 5px;
    font-size: 85%
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar .label {
        top: 0
    }
}

.widget .widget-header .widget-header-toolbar .label i {
    font-size: 14px
}

.widget .widget-header .widget-header-toolbar .btn-xs {
    top: 5px
}

.widget .widget-header .widget-header-toolbar .btn-link {
    padding: 0 0 0 15px
}

    .widget .widget-header .widget-header-toolbar .btn-link i {
        font-size: 28px;
        line-height: 1
    }

    .widget .widget-header .widget-header-toolbar .btn-link:first-child {
        padding-left: 0
    }

.widget .widget-header .widget-header-toolbar .progress {
    width: 150px;
    position: relative;
    top: 19px
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar .progress {
        top: 0
    }
}

.widget .widget-header .widget-header-toolbar .progress .progress-bar {
    font-size: 10px;
    line-height: 1.5
}

.widget .widget-header .nav-tabs {
    border-bottom: none
}

    .widget .widget-header .nav-tabs > li > a {
        height: 41px
    }

        .widget .widget-header .nav-tabs > li > a, .widget .widget-header .nav-tabs > li > a:hover, .widget .widget-header .nav-tabs > li > a:focus {
            border-top: none;
            border-bottom: none
        }

.widget .widget-header .nav-justified > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.widget .widget-header .nav-justified > li:first-child > a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px
}

.widget .widget-header .nav-justified > li:last-child > a {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    margin-right: -1px
}

.widget .widget-content {
    padding: 20px
}

.widget .widget-footer {
    padding: 7px 10px;
    background-color: #e9e9e9
}

    .widget .widget-footer .progress {
        margin-bottom: 0
    }

.widget-header-toolbar .pagination-sm {
    margin-bottom: 0;
    margin-top: 5px
}

.widget-header-toolbar .onoffswitch > label:first-child {
    margin-bottom: 0;
    top: 3px
}

.widget-header-toolbar .fancy-checkbox {
    margin-bottom: 0;
    position: relative;
    top: 4px
}

    .widget-header-toolbar .fancy-checkbox input[type="checkbox"] + span {
        margin-right: 0
    }

.widget-header-toolbar .badge {
    margin-top: 10px
}

@media screen and (max-width: 480px) {
    .widget-header-toolbar .badge {
        margin-top: 0
    }
}

.portlet {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    color: #fff
}

    .portlet a {
        color: #fff;
        text-decoration: underline
    }

        .portlet a:hover, .portlet a:focus {
            text-decoration: none
        }

    .portlet .dropdown-menu > li > a {
        text-decoration: none
    }

    .portlet h3 {
        margin: 0 0 30px 0;
        font-family: "Raleway";
        font-size: 27px;
        border-bottom: 1px solid #fff
    }

    .portlet .portlet-bg-icon {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: 0.1;
        font-size: 14em;
        position: absolute;
        top: 50%;
        right: 20px;
        bottom: 0;
        margin-top: -70px;
        line-height: 1
    }

    .portlet.portlet-blue {
        background-color: #1d92af
    }

    .portlet.portlet-seagreen {
        background-color: #3f7577
    }

    .portlet.portlet-green {
        background-color: #859419
    }

    .portlet.portlet-orange {
        background-color: #ce7b11
    }

.portlet-today i {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    min-width: 30px;
    font-size: 27px;
    position: relative;
    top: -4px;
    line-height: 1
}

.portlet-reminder .reminder-time {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 3em;
    font-weight: 300;
    line-height: 1
}

.portlet-reminder > .reminder-buttons {
    position: relative;
    top: -5px;
    left: 10px
}

.portlet-reminder .reminder-place {
    font-size: 1.5em
}

ul.chat-status > li > a.online {
    color: #7bae16
}

ul.chat-status > li > a.away {
    color: #ff9800
}

ul.chat-status > li > a.busy {
    color: #ef2020
}

ul.chat-status > li > a.offline {
    color: #919191
}

ul.chat-status > li > a:hover, ul.chat-status > li > a:focus {
    color: #fff
}

ul.chat-contacts > li {
    padding: 5px;
    font-size: 0.9em
}

    ul.chat-contacts > li:hover {
        cursor: pointer
    }

        ul.chat-contacts > li:hover img {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1
        }

    ul.chat-contacts > li img {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        width: 30px;
        margin-right: 10px;
        border: 2px solid #7bae16
    }

    ul.chat-contacts > li.away img {
        border-color: #ff9800
    }

    ul.chat-contacts > li.busy img {
        border-color: #ef2020
    }

    ul.chat-contacts > li a, ul.chat-contacts > li a:hover, ul.chat-contacts > li a:focus {
        color: #fff
    }

ul.chat-contacts.contacts-offline > li img {
    border-color: #494949
}

ul.chat-contacts.contacts-offline > li a, ul.chat-contacts.contacts-offline > li a:hover, ul.chat-contacts.contacts-offline > li a:focus {
    color: #494949
}

.user-profile {
    padding-bottom: 30px
}

.profile-header-background {
    margin: -30px -30px 0 -30px
}

    .profile-header-background img {
        width: 100%;
        height: 310px
    }

.profile-info-left {
    position: relative;
    top: -92px
}

    .profile-info-left img.avatar {
        border: 2px solid #fff
    }

    .profile-info-left h2 {
        font-family: "Raleway";
        margin-bottom: 30px
    }

    .profile-info-left .section {
        margin-top: 50px
    }

        .profile-info-left .section h3 {
            font-size: 1.1em;
            font-weight: 700;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px
        }

    .profile-info-left ul.list-social > li {
        line-height: 2.3
    }

        .profile-info-left ul.list-social > li i {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            position: relative;
            top: 1px;
            font-size: 16px;
            min-width: 16px;
            line-height: 1
        }

        .profile-info-left ul.list-social > li a {
            color: #696565
        }

.profile-info-right .tab-content {
    padding: 30px 0;
    background-color: transparent
}

@media screen and (max-width: 768px) {
    .profile-info-right {
        position: relative;
        top: -70px
    }
}

.user-follower, .user-following {
    position: relative;
    margin-bottom: 40px
}

    .user-follower img, .user-following img {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        width: 40px
    }

    .user-follower a, .user-following a {
        font-size: 1.1em;
        line-height: 1
    }

    .user-follower .username, .user-following .username {
        font-size: 0.9em;
        line-height: 1.5
    }

    .user-follower .btn, .user-following .btn {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 92px
    }

.btn-toggle-following {
    background-color: #7bae16;
    color: #fff
}

    .btn-toggle-following:hover {
        background-color: #ef2020;
        color: #fff
    }

        .btn-toggle-following:hover span {
            display: none
        }

        .btn-toggle-following:hover:after {
            content: 'Unfollow';
            display: inline
        }

        .btn-toggle-following:hover i:before {
            content: '\f129'
        }

.invoice-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px
}

    .invoice-header .logo {
        width: 150px
    }

    .invoice-header ul {
        position: relative;
        top: 12px;
        margin-top: 0;
        text-align: right
    }

        .invoice-header ul li {
            padding: 0 15px
        }

            .invoice-header ul li:not(:first-child) {
                border-left: 1px solid #ccc
            }

@media screen and (max-width: 768px) {
    .invoice-header ul li:not(:first-child) {
        border-left: none
    }
}

@media screen and (max-width: 992px) {
    .invoice-header ul {
        top: 0;
        text-align: left
    }
}

.invoice-from-to {
    margin-bottom: 50px
}

    .invoice-from-to .name {
        margin-top: 15px;
        font-size: 1.5em;
        font-weight: 700
    }

    .invoice-from-to address .contact {
        margin-top: 10px
    }

        .invoice-from-to address .contact p {
            margin-bottom: 0
        }

            .invoice-from-to address .contact p span {
                font-weight: 700
            }

.invoice-table tbody tr td:last-child {
    text-align: right
}

.invoice-notes strong {
    display: block
}

.invoice-notes p {
    font-size: 0.75em
}

.invoice-footer .right-col {
    position: absolute;
    right: 15px
}

@media screen and (max-width: 768px) {
    .invoice-footer .right-col {
        position: relative;
        right: 0
    }
}

@media screen and (max-width: 768px) {
    .invoice-footer .right-col, .invoice-footer .left-col {
        width: 100%;
        float: none;
        margin-left: 0
    }
}

.invoice-total {
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    .invoice-total {
        padding-right: 25px
    }
}

.invoice-total .row > div {
    padding: 0
}

    .invoice-total .row > div:first-child p {
        padding-left: 10px
    }

.invoice-total p:last-child {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size: 1.3em;
    padding-top: 10px;
    padding-bottom: 10px
}

.invoice-buttons {
    text-align: right;
    margin-top: 50px
}

@media print {
    .top-bar, .left-content, .primary-content .heading, .main-header, .footer, .invoice-buttons, .right-sidebar, .del-style-switcher {
        display: none !important
    }

    .table-responsive {
        overflow-x: auto
    }

    .col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11 {
        float: left
    }

    .col-print-1 {
        width: 8.33333%
    }

    .col-print-2 {
        width: 16.66667%
    }

    .col-print-3 {
        width: 25%
    }

    .col-print-4 {
        width: 33.33333%
    }

    .col-print-5 {
        width: 41.66667%
    }

    .col-print-6 {
        width: 50%
    }

    .col-print-7 {
        width: 58.33333%
    }

    .col-print-8 {
        width: 66.66667%
    }

    .col-print-9 {
        width: 75%
    }

    .col-print-10 {
        width: 83.33333%
    }

    .col-print-11 {
        width: 91.66667%
    }

    .col-print-12 {
        width: 100%
    }

    .col-print-offset-0 {
        margin-left: 0
    }

    .col-print-offset-1 {
        margin-left: 8.33333%
    }

    .col-print-offset-2 {
        margin-left: 16.66667%
    }

    .col-print-offset-3 {
        margin-left: 25%
    }

    .col-print-offset-4 {
        margin-left: 33.33333%
    }

    .col-print-offset-5 {
        margin-left: 41.66667%
    }

    .col-print-offset-6 {
        margin-left: 50%
    }

    .col-print-offset-7 {
        margin-left: 58.33333%
    }

    .col-print-offset-8 {
        margin-left: 66.66667%
    }

    .col-print-offset-9 {
        margin-left: 75%
    }

    .col-print-offset-10 {
        margin-left: 83.33333%
    }

    .col-print-offset-11 {
        margin-left: 91.66667%
    }

    .bottom .container .content-wrapper {
        border-left: none !important
    }

    .invoice-header img {
        width: auto
    }

    .invoice-header ul li {
        font-size: 8pt
    }

    .invoice-from-to .name {
        font-size: 12pt
    }

    .invoice-from-to .row > div {
        float: left
    }

    .invoice-notes {
        border-top: none;
        border-right: none;
        border-bottom: none
    }
}

.form-knowledge-search {
    margin-bottom: 50px
}

@media screen and (max-width: 480px) {
    .form-knowledge-search input[type="search"] {
        font-size: 0.9em
    }
}

.knowledge h3 {
    border-bottom: 1px solid #ccc;
    line-height: 28px;
    font-size: 1.2em
}

    .knowledge h3 span {
        font-weight: normal
    }

    .knowledge h3 a {
        text-decoration: none
    }

.knowledge ul li {
    line-height: 30px
}

    .knowledge ul li a {
        color: #696565;
        display: block;
        padding-left: 20px
    }

        .knowledge ul li a:hover {
            text-decoration: underline
        }

    .knowledge ul li i {
        font-size: 18px;
        line-height: 29px
    }

.knowledge-recent-popular {
    margin-top: 50px
}

    .knowledge-recent-popular ol {
        padding-left: 20px
    }

        .knowledge-recent-popular ol li {
            line-height: 30px
        }

ul.nav-categories {
    margin-bottom: 30px
}

    ul.nav-categories > li {
        border: 1px solid #ccc
    }

        ul.nav-categories > li:first-child {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
            border-top-right-radius: 2px
        }

        ul.nav-categories > li:last-child {
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            -moz-border-radius-bottomright: 2px;
            -webkit-border-bottom-right-radius: 2px;
            border-bottom-right-radius: 2px
        }

        ul.nav-categories > li:not(:first-child) {
            border-top: none
        }

        ul.nav-categories > li + li {
            margin-top: 0
        }

        ul.nav-categories > li > a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            color: #696565
        }

            ul.nav-categories > li > a:hover {
                background-color: #e6e6e6
            }

.ticket-box {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 15px
}

.page-404, .page-505 {
    background: #C96046
}

    .page-404 .container, .page-505 .container {
        margin-top: -16em
    }

@media screen and (max-width: 480px) {
    .page-404 .container, .page-505 .container {
        position: relative;
        margin: 15px auto
    }

    .page-404.middle-content .container, .page-505.middle-content .container {
        top: 0
    }
}

.page-404 h1, .page-505 h1 {
    font-family: "Raleway";
    font-size: 12em;
    line-height: 1
}

.page-404 h1, .page-404 h2, .page-505 h1, .page-505 h2 {
    margin: 0
}

.page-404 h1, .page-404 h2, .page-404 .error-description, .page-505 h1, .page-505 h2, .page-505 .error-description {
    color: #8b3c28
}

.page-404 hr, .page-505 hr {
    border-color: #a2462f;
    border-width: 4px;
    margin-bottom: 0
}

.page-404 .error-description, .page-505 .error-description {
    border-top: 2px solid #d27b66;
    padding-top: 20px;
    font-size: 1.3em
}

.page-404 input, .page-404 input:focus {
    border-color: #b24d34;
    background-color: #d5826d;
    color: #8b3c28
}

.page-404 .input-group {
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .page-404 .input-group {
        width: 50%
    }
}

.page-404 .btn {
    font-weight: 700;
    border-color: #b24d34;
    color: #8b3c28;
    background-color: #cf715a
}

    .page-404 .btn:hover, .page-404 .btn:focus, .page-404 .btn:active {
        background-color: #C96046;
        color: #8b3c28
    }

body.page-login, body.page-login-social, body.page-register {
    background-image: url('../img/gray_jean1b7e.png?1353438653');
    background-repeat: repeat
}

.register-box, .page-login-social .login-box, .page-login-social .btn-login-social {
    width: 30%;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    .register-box, .page-login-social .login-box, .page-login-social .btn-login-social {
        width: 60%
    }
}

@media screen and (max-width: 992px) {
    .register-box, .page-login-social .login-box, .page-login-social .btn-login-social {
        width: 80%
    }
}

@media screen and (max-width: 768px) {
    .register-box, .page-login-social .login-box, .page-login-social .btn-login-social {
        width: 100%
    }
}

.page-login .top-bar {
    margin: 0;
    padding: 10px 0
}

    .page-login .top-bar img {
        width: 140px
    }

.page-login .container-fluid {
    margin-top: 14em;
    text-align: left
}

@media screen and (max-width: 480px) {
    .page-login .container-fluid {
        margin-top: 6em
    }
}

.page-login-social .container-fluid {
    margin-top: 9em
}

    .page-login-social .container-fluid h1 {
        text-align: center
    }

.page-login-social .login-box {
    margin-top: 1em
}

.page-login-social .login-separator {
    font-size: 1.2em;
    margin: 50px 0
}

    .page-login-social .login-separator span {
        border-bottom: 1px solid #ccc
    }

.btn-login-social {
    color: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 40px;
    margin-bottom: 15px !important
}

    .btn-login-social:before {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
        font-family: Ionicons;
        font-size: 20px;
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        padding: 7px 0;
        width: 40px;
        height: 40px
    }

    .btn-login-social.btn-login-facebook {
        background-color: #3B5998
    }

        .btn-login-social.btn-login-facebook:hover, .btn-login-social.btn-login-facebook:focus {
            color: #fff;
            background-color: #37538d
        }

        .btn-login-social.btn-login-facebook:before {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            content: "\f231";
            background-color: #2d4373
        }

    .btn-login-social.btn-login-twitter {
        background-color: #00C7F7
    }

        .btn-login-social.btn-login-twitter:hover, .btn-login-social.btn-login-twitter:focus {
            color: #fff;
            background-color: #00bbe8
        }

        .btn-login-social.btn-login-twitter:before {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            content: "\f243";
            background-color: #009ec4
        }

    .btn-login-social.btn-login-googleplus {
        background-color: #CA3522
    }

        .btn-login-social.btn-login-googleplus:hover, .btn-login-social.btn-login-googleplus:focus {
            color: #fff;
            background-color: #bd3220
        }

        .btn-login-social.btn-login-googleplus:before {
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-bottomleft: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
            content: "\f235";
            background-color: #9e2a1b
        }

.login-box {
    padding: 30px;
    background-color: #fff
}

    .login-box h1 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 30px
    }

    .login-box .text-right {
        padding-top: 5px
    }

@media screen and (max-width: 480px) {
    .login-box .text-right {
        font-size: 10px
    }
}

.login-box a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    color: #696565;
    border-bottom: 1px dashed #ccc
}

    .login-box a:hover, .login-box a:focus {
        border-bottom-color: transparent
    }

.login-copytext {
    padding-left: 30px
}

@media screen and (max-width: 768px) {
    .login-copytext {
        padding: 30px 0
    }
}

.login-copytext h2 {
    font-size: 1.5em;
    margin-top: 0
}

.login-copytext p {
    margin-bottom: 30px;
    font-size: 1.2em;
    line-height: 1.6;
    color: #837e7e;
    font-weight: 300
}

.register-box {
    padding: 30px;
    margin-top: 15em;
    background-color: #fff
}

    .register-box h1 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 30px;
        text-align: center
    }

    .register-box a {
        color: #696565;
        border-bottom: 1px dashed #ccc
    }

        .register-box a:hover, .register-box a:focus {
            border-bottom-color: transparent
        }

    .register-box .fancy-checkbox input[type="checkbox"] + span {
        font-size: 11px
    }

.inbox .inbox-searchbox {
    margin-bottom: 10px;
    width: 45em;
    padding-left: 17px
}

@media screen and (max-width: 1200px) {
    .inbox .inbox-searchbox {
        width: auto;
        padding-left: initial
    }
}

.inbox .top .row > div:first-child {
    padding-right: 0
}

@media screen and (max-width: 1200px) {
    .inbox .top .row > div:first-child {
        padding-right: 15px
    }
}

.inbox .top-menu {
    padding-left: 21px;
    border-left: 1px solid #ccc
}

@media screen and (max-width: 1199px) {
    .inbox .top-menu {
        padding-left: 0;
        border-left: none;
        margin-top: 10px
    }

        .inbox .top-menu .list-inline {
            margin-left: 0;
            margin-bottom: 5px
        }
}

.inbox .top-menu .top-menu-label {
    margin-right: 5px
}

.inbox .top-menu > ul, .inbox .top-menu .select-checkbox-all {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 15px
}

.inbox .top-menu > ul {
    margin-right: 10px
}

    .inbox .top-menu > ul > li {
        padding-left: 0;
        padding-right: 0
    }

.inbox .top-menu .btn {
    font-size: 0.9em
}

    .inbox .top-menu .btn:hover {
        color: #3e3e3e
    }

    .inbox .top-menu .btn:active, .inbox .top-menu .btn.active, .inbox .top-menu .btn:focus, .inbox .top-menu .btn.focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .inbox .top-menu .btn i {
        font-size: 14px
    }

.inbox .top-menu .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.inbox .top-menu .navigation {
    position: absolute;
    top: -6px;
    right: 0
}

@media screen and (max-width: 768px) {
    .inbox .top-menu .navigation {
        margin-left: -13px;
        margin-right: -13px
    }
}

.inbox .top-menu .navigation .inbox-nav-toggle {
    position: relative;
    top: 5px;
    float: left
}

    .inbox .top-menu .navigation .inbox-nav-toggle i {
        font-size: 24px;
        color: #a8a5a5;
        cursor: pointer
    }

        .inbox .top-menu .navigation .inbox-nav-toggle i:hover {
            color: #696565
        }

@media screen and (max-width: 768px) {
    .inbox .top-menu .navigation {
        display: block;
        position: initial
    }

        .inbox .top-menu .navigation .pager-wrapper {
            float: right
        }
}

.inbox .top-menu .navigation .info {
    position: relative;
    top: 4px;
    right: 15px;
    font-size: 0.9em
}

.inbox .top-menu .navigation ul.inbox-pager {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0;
    position: relative;
    right: 8px
}

@media screen and (max-width: 768px) {
    .inbox .top-menu .navigation ul.inbox-pager {
        position: initial
    }
}

.inbox .top-menu .navigation ul.inbox-pager li {
    font-size: 24px
}

    .inbox .top-menu .navigation ul.inbox-pager li a {
        color: #717171;
        padding: 5px 7px
    }

        .inbox .top-menu .navigation ul.inbox-pager li a:hover {
            color: #3e3e3e
        }

.inbox .bottom {
    border-top: 1px solid #ccc
}

    .inbox .bottom .row > .inbox-left-menu {
        padding-right: 0;
        padding-top: 14px
    }

@media screen and (max-width: 767px) {
    .inbox .bottom .row > .inbox-left-menu {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        max-height: 0;
        padding-right: 15px;
        overflow-y: hidden
    }

        .inbox .bottom .row > .inbox-left-menu.active {
            max-height: 330px
        }
}

.inbox .bottom .row .messages {
    border-left: 1px solid #ccc;
    padding-left: 15px;
    padding-top: 10px
}

@media screen and (max-width: 768px) {
    .inbox .bottom .row .messages {
        border-left: none;
        padding-left: 0
    }
}

.inbox .bottom ul.left-menu {
    margin-bottom: 40px
}

    .inbox .bottom ul.left-menu li a {
        display: block;
        color: #9c9898;
        padding: 5px 0px;
        font-size: 0.9em
    }

        .inbox .bottom ul.left-menu li a:hover, .inbox .bottom ul.left-menu li a:focus, .inbox .bottom ul.left-menu li a.active {
            color: #696565;
            text-decoration: none
        }

    .inbox .bottom ul.left-menu li i {
        width: 15px;
        margin-right: 5px;
        font-size: 16px
    }

    .inbox .bottom ul.left-menu li .badge {
        background-color: #59b7de;
        color: #fff
    }

.inbox .labels h3 {
    font-size: 1em
}

.inbox .labels li a {
    font-size: 0.9em;
    color: #9c9898
}

    .inbox .labels li a:hover {
        color: #696565;
        text-decoration: none
    }

.inbox .labels li span {
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.inbox .label1 {
    background-color: #97DD03
}

.inbox .label2 {
    background-color: #03CCDD
}

.inbox .label3 {
    background-color: #DD4003
}

table.message-list-table {
    table-layout: fixed;
    width: 100%
}

@media screen and (max-width: 992px) {
    table.message-list-table {
        display: block
    }
}

table.message-list-table colgroup .col-check {
    width: 25px
}

table.message-list-table colgroup .col-star {
    width: 25px
}

table.message-list-table colgroup .col-from {
    width: 140px
}

table.message-list-table colgroup .col-attachment {
    width: 50px
}

table.message-list-table colgroup .col-timestamp {
    width: 70px
}

@media screen and (max-width: 992px) {
    table.message-list-table colgroup .col-from, table.message-list-table colgroup .col-blank, table.message-list-table colgroup .col-timestamp {
        width: auto
    }
}

table.message-list-table tr {
    cursor: pointer;
    border-bottom: 1px solid #fff
}

    table.message-list-table tr .fancy-checkbox {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        position: relative;
        top: 3px
    }

        table.message-list-table tr .fancy-checkbox input[type="checkbox"] + label {
            margin-right: 0;
            padding-left: 0
        }

            table.message-list-table tr .fancy-checkbox input[type="checkbox"] + label:before {
                background-color: #fff
            }

    table.message-list-table tr .icon-attachment i {
        font-size: 22px
    }

@media screen and (max-width: 992px) {
    table.message-list-table tr .label {
        display: none
    }
}

table.message-list-table tr.unread {
    font-weight: 700;
    background-color: #fff
}

    table.message-list-table tr.unread .icon-attachment i {
        color: initial
    }

table.message-list-table tr.highlighted {
    background-color: #FFFCC5
}

table.message-list-table tr td {
    color: #696565;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 992px) {
    table.message-list-table tr td:nth-child(3), table.message-list-table tr td:nth-child(4) {
        display: block;
        white-space: normal;
        overflow: visible
    }
}

table.message-list-table tr td:hover {
    text-decoration: none
}

table.message-list-table tr td i {
    font-size: 17px;
    position: relative;
    top: 2px;
    color: #696565
}

    table.message-list-table tr td i.ion-ios7-star {
        color: #ff9800
    }

table.message-list-table tr td .from {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-right: 20px
}

table.message-list-table tr td .preview {
    font-weight: normal;
    color: #aaa
}

table.message-list-table tr td .timestamp {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    float: right
}

.single-message-item {
    padding: 15px;
    border-left: 1px solid #ccc
}

@media screen and (max-width: 768px) {
    .single-message-item {
        border-left: none
    }
}

.single-message-item .header-top {
    margin-bottom: 20px
}

    .single-message-item .header-top .label-with-btn {
        margin-left: 10px
    }

@media screen and (max-width: 768px) {
    .single-message-item .header-top .label-with-btn {
        margin-left: 0
    }
}

.single-message-item h2 {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    font-size: 1.5em;
    margin: 0;
    line-height: 1.6
}

@media screen and (max-width: 768px) {
    .single-message-item h2 {
        display: block
    }
}

.single-message-item .media, .single-message-item .media-body {
    overflow: visible
}

.single-message-item .header-bottom .dropdown-menu i {
    width: 20px;
    font-size: 18px
}

.single-message-item .message-body-text {
    padding: 20px 0
}

.single-message-item .attachments {
    margin-bottom: 30px
}

    .single-message-item .attachments .download-all {
        margin-left: 10px
    }

    .single-message-item .attachments li {
        line-height: 1.8
    }

        .single-message-item .attachments li .text-muted {
            font-size: 0.9em;
            margin-left: 5px
        }

.single-message-item .reply-box:hover {
    cursor: pointer
}

.inbox.new-message .top-menu {
    border-left: 0;
    padding-left: 0
}

    .inbox.new-message .top-menu .navigation .inbox-nav-toggle {
        top: 0
    }

.new-message-form {
    padding: 15px;
    border-left: 1px solid #ccc
}

@media screen and (max-width: 768px) {
    .new-message-form {
        border-left: none;
        padding: 0
    }
}

.search-results h2 {
    font-size: 1.8em;
    margin-bottom: 30px;
    margin-top: 0
}

    .search-results h2 .search-result-info {
        font-size: 0.5em
    }

.search-results ul.list-results li {
    margin: 30px 0
}

    .search-results ul.list-results li h3 {
        margin: 0;
        font-size: 1.5em
    }

        .search-results ul.list-results li h3 a:hover, .search-results ul.list-results li h3 a:focus {
            text-decoration: underline;
            color: #116c8a
        }

    .search-results ul.list-results li .result-url {
        color: #008000
    }

    .search-results ul.list-results li p {
        margin-bottom: 0
    }

    .search-results ul.list-results li img {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }

    .search-results ul.list-results li.type-document i {
        font-size: 6em;
        line-height: 1
    }

    .search-results ul.list-results li.type-image img {
        width: 140px
    }

@media screen and (max-width: 480px) {
    .search-results ul.list-results li.type-image img {
        width: 110px
    }
}

.search-results ul.list-results li.type-user img {
    width: 64px
}

.search-history-heading {
    margin-bottom: 30px
}

    .search-history-heading h3 {
        margin-bottom: 0
    }

@media screen and (max-width: 768px) {
    .search-history-heading .input-group {
        margin-top: 25px
    }
}

ul.list-search-history {
    margin-left: 15px;
    margin-bottom: 30px
}

    ul.list-search-history > li label {
        font-weight: normal
    }

    ul.list-search-history > li a:hover, ul.list-search-history > li a:focus {
        text-decoration: underline;
        color: #116c8a
    }

@media screen and (max-width: 768px) {
    ul.list-search-history > li a, ul.list-search-history > li .site-url {
        display: block;
        padding-left: 27px
    }
}

.project-list-subheading {
    margin-bottom: 20px
}

    .project-list-subheading .lead {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        line-height: 1.8
    }

        .project-list-subheading .lead .label {
            padding: 3px 8px
        }

@media screen and (max-width: 992px) {
    .project-list-subheading .lead {
        display: block
    }

    .project-list-subheading .btn-new-project {
        float: none !important
    }
}

.project-section {
    margin-bottom: 30px
}

    .project-section h3 {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin-top: 0
    }

    .project-section.activity h3 {
        margin-bottom: 0
    }

    .project-section dl {
        margin-top: 20px;
        margin-bottom: 0
    }

        .project-section dl dd {
            margin-bottom: 10px
        }

@media screen and (min-width: 768px) {
    .project-section dl.dl-horizontal dt {
        width: 95px;
        margin-bottom: 10px
    }

    .project-section dl.dl-horizontal dd {
        margin-left: 105px;
        margin-bottom: 0
    }
}

.project-section ul.team-list {
    margin-top: 10px
}

    .project-section ul.team-list > li {
        text-align: center;
        margin-bottom: 15px;
        padding: 0 10px
    }

        .project-section ul.team-list > li img {
            width: 40px;
            margin-bottom: 8px
        }

        .project-section ul.team-list > li p {
            margin-bottom: 0;
            line-height: 1
        }

        .project-section ul.team-list > li span {
            font-size: 10px
        }

        .project-section ul.team-list > li.team-add > i {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            display: block;
            margin: 0 auto;
            margin-bottom: 17px;
            width: 40px;
            height: 40px;
            font-size: 28px;
            background-color: #ccc;
            color: inherit
        }

        .project-section ul.team-list > li.team-add .btn {
            position: relative;
            top: -7px
        }

ul.project-activity-list > li {
    border-top: 1px dashed #CCC
}

    ul.project-activity-list > li:first-child {
        border-top: none
    }

    ul.project-activity-list > li .activity-item .avatar, ul.project-activity-list > li .activity-item > i {
        width: 24px
    }

    ul.project-activity-list > li .activity-item > i {
        font-size: 24px
    }

.project-progress {
    margin-top: 20px
}

    .project-progress .pie-chart {
        width: 100px
    }

        .project-progress .pie-chart .percent {
            line-height: 100px
        }

    .project-progress .percent, .project-progress .chart-title {
        color: inherit
    }

.panel-group-faq {
    margin-bottom: 60px
}

    .panel-group-faq.top-faq .panel-heading {
        padding: 15px 0
    }

        .panel-group-faq.top-faq .panel-heading .number {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            color: #fff;
            line-height: 1.6;
            text-align: center;
            background-color: #1688ae
        }

    .panel-group-faq.top-faq .panel-title {
        font-size: 18px
    }

    .panel-group-faq.top-faq .panel-body {
        padding-left: 40px
    }

    .panel-group-faq .panel-minimal .panel-heading + .panel-collapse > .panel-body {
        margin-top: 0
    }

    .panel-group-faq .panel-title {
        font-size: 16px;
        line-height: 1.6
    }

    .panel-group-faq .panel-body {
        padding-left: 0
    }

.faq-footer {
    position: relative;
    margin-top: 15px;
    padding: 5px 8px;
    background-color: #e7e7e7;
    font-size: 11px
}

    .faq-footer .share {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        position: absolute;
        right: 8px
    }

@media screen and (max-width: 450px) {
    .faq-footer {
        font-size: 13px
    }

        .faq-footer .share {
            position: relative;
            right: 0
        }
}

.faq-further-links-list {
    margin: 30px 0
}

    .faq-further-links-list > li {
        width: 20em
    }

.simple-pricing-table {
    text-align: center
}

    .simple-pricing-table .plan-heading {
        font-size: 28px
    }

    .simple-pricing-table .plan-content {
        width: 80%;
        margin: 40px auto;
        padding: 30px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #fff
    }

    .simple-pricing-table .price {
        font-size: 22px;
        line-height: 2.3;
        font-weight: normal
    }

        .simple-pricing-table .price .currency {
            position: absolute;
            top: 57px;
            font-size: 2em
        }

        .simple-pricing-table .price .number {
            font-size: 5em;
            font-weight: 700;
            padding-left: 25px
        }

        .simple-pricing-table .price .duration {
            margin-left: -20px
        }

    .simple-pricing-table .plan-detail-list {
        text-align: left;
        margin-bottom: 20px
    }

@media screen and (max-width: 480px) {
    .simple-pricing-table .plan-detail-list {
        text-align: center
    }
}

.simple-pricing-table .plan-detail-list > li {
    margin-bottom: 10px
}

    .simple-pricing-table .plan-detail-list > li i {
        color: #7bae16;
        margin-right: 5px
    }

.simple-pricing-table .btn strong {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 24px
}

.simple-pricing-table .btn span {
    display: block;
    font-size: 0.7em;
    color: #43bee7
}

.basic-pricing-table {
    text-align: center
}

    .basic-pricing-table .plan-heading {
        margin-bottom: 50px
    }

        .basic-pricing-table .plan-heading h4 {
            font-size: 28px
        }

    .basic-pricing-table .pricing-badge {
        background-image: url('../img/badgef411.png?1411987447');
        background-repeat: no-repeat;
        width: 100px;
        height: 100px;
        margin: 0;
        position: absolute;
        top: -3em;
        right: -1em
    }

        .basic-pricing-table .pricing-badge span {
            position: relative;
            top: 27px;
            font-size: 18px;
            color: #fff;
            text-align: center;
            line-height: 1.3
        }

    .basic-pricing-table .pricing-item {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        padding: 50px 20px;
        margin: 0 15px 30px 15px;
        background: #fff
    }

        .basic-pricing-table .pricing-item .plan-icon {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto;
            font-size: 48px;
            background: #CCC
        }

            .basic-pricing-table .pricing-item .plan-icon:before {
                line-height: 100px
            }

        .basic-pricing-table .pricing-item .price {
            display: block;
            font-size: 28px;
            line-height: 2.3;
            font-weight: normal
        }

            .basic-pricing-table .pricing-item .price .number {
                font-size: 5em;
                font-weight: 700;
                padding-left: 25px
            }

            .basic-pricing-table .pricing-item .price .duration {
                font-size: 0.7em
            }

        .basic-pricing-table .pricing-item .plan-detail-list {
            margin-bottom: 30px;
            margin-top: 10px
        }

.advanced-pricing-table .plan-heading {
    margin-bottom: 60px;
    font-size: 28px;
    text-align: center
}

.advanced-pricing-table .plan-features, .advanced-pricing-table .plan-item {
    border: 1px solid #ccc;
    background: #fff
}

    .advanced-pricing-table .plan-features > li {
        position: relative;
        font-weight: 700
    }

        .advanced-pricing-table .plan-features > li:first-child {
            height: 102px;
            border-bottom: none
        }

        .advanced-pricing-table .plan-features > li:last-child {
            height: 121px;
            border-bottom: none
        }

    .advanced-pricing-table .plan-features .btn-plan-popover {
        position: absolute;
        top: 5px;
        margin-left: 3px;
        padding: 0
    }

.advanced-pricing-table .plan-item {
    margin-left: -31px
}

    .advanced-pricing-table .plan-item .pricing {
        padding: 10px;
        font-size: 26px;
        text-align: center;
        color: #fff
    }

        .advanced-pricing-table .plan-item .pricing strong {
            font-weight: normal
        }

        .advanced-pricing-table .plan-item .pricing .price {
            display: block
        }

        .advanced-pricing-table .plan-item .pricing .duration {
            font-size: 0.6em
        }

    .advanced-pricing-table .plan-item .btn {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .advanced-pricing-table .plan-item.popular .popular-text {
        margin: -28px -10px 0 -10px;
        background: #9B0F0F;
        font-size: 14px;
        line-height: 2
    }

.advanced-pricing-table .plan-detail-list {
    padding-bottom: 20px
}

    .advanced-pricing-table .plan-features li, .advanced-pricing-table .plan-detail-list li {
        border-bottom: 1px solid #e4e4e4;
        padding: 8px
    }

        .advanced-pricing-table .plan-features li:first-child, .advanced-pricing-table .plan-detail-list li:first-child {
            border-top: none
        }

        .advanced-pricing-table .plan-features li .mobile-only, .advanced-pricing-table .plan-detail-list li .mobile-only {
            display: none
        }

@media screen and (max-width: 992px) {
    .advanced-pricing-table .plan-items-wrapper > div:first-child > .plan-item {
        margin-left: -15px
    }

    .advanced-pricing-table .plan-detail-list li {
        font-weight: 700
    }

        .advanced-pricing-table .plan-detail-list li .mobile-only {
            display: inline;
            font-weight: normal;
            margin-left: 5px
        }
}

@media screen and (max-width: 768px) {
    .advanced-pricing-table .plan-item {
        margin-left: -15px;
        margin-bottom: 30px
    }

        .advanced-pricing-table .plan-item.popular {
            margin-top: 45px
        }
}