a {
    color: #646464;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #fefefe;
}

h1 {
    /*font-size: 18px;*/
    line-height: 18px;
}

h2 {
    font-size: 16px;
    line-height: 16px;
}

h3 {
    /*font-size: 15px;*/
    line-height: 15px;
}

h4 {
    /*font-size: 14px;*/
    line-height: 14px;
}

h5 {
    /*font-size: 13px;*/
    line-height: 13px;
}

h6 {
    /*font-size: 12px;*/
    line-height: 12px;
}

#content {
    background: url(../img/bg.jpg) repeat;
    padding: 25px;
    margin: -25px 0 0 0;
    position: relative;
    z-index: 1;
}

.well {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.breadcrumb {
    margin: -20px 0;
    border: 0;
    color: #aaa;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .breadcrumb span {
        text-shadow: 1px 1px 0 #fff;
    }

    .breadcrumb a {
        color: #aaa;
        text-shadow: 0 1px 1px #fff;
    }

        .breadcrumb a:hover {
            color: #646464;
            text-shadow: 0 1px 1px #fff;
            text-decoration: none;
        }

.box {
    margin: 20px 0;
}

    .box .box-header {
        height: 42px;
        border: 1px solid #ddd;
        margin-bottom: -1px;
        padding: 10px;
        background-color: #fafafa;
        background: #efefef;
        background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#efefef));
        background: -webkit-linear-gradient(top,#fafafa,#efefef);
        background: -moz-linear-gradient(top,#fafafa,#efefef);
        background: -o-linear-gradient(top,#fafafa,#efefef);
        background: -ms-linear-gradient(top,#fafafa,#efefef);
        background: linear-gradient(top,#fafafa,#efefef);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        overflow: hidden;
    }

        .box .box-header h2 {
            font-size: 16px;
            line-height: 16px;
            float: left;
            margin-top: 2px;
            color: #646464;
            font-weight: normal;
            text-shadow: 0 1px 0 #fff;
        }

            .box .box-header h2 i {
                margin: 1px 3px 0 5px;
                opacity: .4;
            }

        .box .box-header .break {
            border-left: 1px solid #fcfcfc;
            border-right: 1px solid #ddd;
            margin: -12px 10px -10px 10px;
            padding: 12px 0 10px 0;
        }

        .box .box-header .box-icon {
            float: right;
            margin-top: 1px;
        }

            .box .box-header .box-icon i {
                -webkit-transition: all .1s ease-in-out;
                -moz-transition: all .1s ease-in-out;
                -ms-transition: all .1s ease-in-out;
                -o-transition: all .1s ease-in-out;
                transition: all .1s ease-in-out;
                opacity: .4;
            }

                .box .box-header .box-icon i:hover {
                    opacity: .8;
                }

            .box .box-header .box-icon a {
                margin: 0 5px;
            }

    .box .box-content {
        margin-top: -1px;
        padding: 10px;
        border: 1px solid #ddd;
        background: #fcfcfc;
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
        box-shadow: 0 1px 0 rgba(255,255,255,0.6);
    }

.green {
    color: #26B99A; /*#bbe679;*/
}

.red {
    color: #fa603d;
}

.blue {
    color: #38ade8;
}

.yellow {
    color: #e8e57a;
}
.white {
    color: #fff !important;
}
.running
{
    background-color: #00a861 !important; 
}
.idle
{
    background-color: #ff9600 !important; 
}
.stopped
{
    background-color: #ff542b !important; 
}
.unreachable
{
    background-color: #a656b3 !important; 
}
.clearfix {
    *zoom: 1;
}

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

    .clearfix:after {
        clear: both;
    }

.navbar {
    min-height: 40px;
    /*background: url(../img/dbg.jpg);*/
    border: 0;
    border-bottom: 2px solid #0a0c0e;
    filter: none;
    text-shadow: 1px 1px 1px #0a0c0e;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 4px 0 rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}

    .navbar a {
        color: #646464;
    }

        .navbar a i {
            color: white;
            opacity: .6;
        }

        .navbar a:hover {
            background: transparent !important;
        }

            .navbar a:hover i {
                opacity: 1;
            }

    .navbar .navbar-brand {
        margin: 0;
        padding: 0;
    }

        .navbar .navbar-brand img {
            margin: 5px 10px;
        }

        .navbar .navbar-brand span {
            display: inline-block;
            color: #fff;
            text-shadow: 1px 1px 2px #0a0c0e;
        }

.header-nav {
    display: inline-block;
    border-left: 1px solid #212121;
    border-right: 1px solid #0a0c0e;
    color: #fff !important;
    height: 42px;
    float: right;
}

    .header-nav .btn {
        display: inline-block;
        padding: 11px 20px;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background: transparent;
        border-left: 1px solid #0a0c0e;
        border-right: 1px solid #212121;
        border-top: 0;
        border-bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .header-nav .btn i {
            text-shadow: 0 1px 1px #0a0c0e !important;
        }

        .header-nav .btn .caret {
            border-top-color: #ddd !important;
            border-bottom-color: #ddd !important;
        }

        .header-nav .btn:hover .caret {
            border-top-color: #fff !important;
            border-bottom-color: #fff !important;
        }

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555;
    background-color: #000;
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    max-width: 300px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 4px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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-clipp: padding;
    background-clip: padding-box;
}

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

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 0 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #fff;
    }

    .dropdown-menu a {
        display: block;
        padding: 5px 10px !important;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333;
        white-space: normal !important;
    }

        .dropdown-menu a i {
            width: 20px;
            color: #646464;
            opacity: 1;
            text-align: center;
        }

    .dropdown-menu li {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f6f6f6;
    }

        .dropdown-menu li:first-child {
            border-top: 0 !important;
        }

        .dropdown-menu li:last-child {
            border-bottom: 0 !important;
        }

        .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
            color: #fff;
            text-decoration: none;
            background-color: #08c;
            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,#08c,#0077b3);
            background-repeat: repeat-x;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
        }

    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #08c;
        background-color: #0081c2;
        background-image: linear-gradient(to bottom,#08c,#0077b3);
        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-repeat: repeat-x;
        outline: 0 !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    }

    .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
        color: #999;
    }

        .dropdown-menu .disabled > a:hover {
            text-decoration: none;
            cursor: default;
            background-color: transparent;
        }

.dropdown-menu-title {
    background: #f6f6f6;
    color: #646464;
    padding: 5px 10px;
    display: block;
}

.dropdown-menu ul, .dropdown-menu ul li {
    padding: 0 !important;
    margin: 0 !important;
}

ul.notifications li, ul.tasks li, ul.messages li {
    width: 260px;
}

    ul.notifications li .avatar img, ul.tasks li .avatar img, ul.messages li .avatar img {
        float: left;
        height: 40px;
        width: 40px;
        margin-right: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    ul.messages li .header {
        display: block;
    }

        ul.messages li .header .from {
            font-size: 12px;
            font-weight: bold;
        }

        ul.notifications li .time, ul.tasks li .header .percent, ul.messages li .header .time {
            font-size: 11px;
            font-weight: bold;
            font-style: italic;
            position: absolute;
            right: 5px;
        }

    ul.tasks li .title, ul.notifications li .message {
        font-size: 12px;
    }

    ul.notifications li.warning a, ul.notifications li.warning a i {
        color: #fa5833;
    }

    ul.messages li .message {
        font-size: 11px;
    }

.sidebar-nav > ul {
    border-top: 1px solid #0a0c0e !important;
    border-bottom: 1px solid #212121 !important;
    border-left: none;
    border-right: 0;
    padding-bottom: 1px;
}

.nav-tabs.nav-stacked > li > a {
    margin: -2px 0 0 0;
    padding: 8px 20px 0 20px;
    color: #ddd;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #0a0c0e;
    border-left: none;
    border-right: 0;
    background: transparent;
    filter: none;
    text-shadow: 0 1px 1px #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 38px;
}

    .nav-tabs.nav-stacked > li > a:hover > i {
        opacity: .8;
    }

    .nav-tabs.nav-stacked > li > a:hover {
        margin: -2px 0 0 0;
        color: #fff;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #0a0c0e;
        border-left: none;
        border-right: 0;
        background: rgba(0,0,0,0.25);
        filter: none;
        text-shadow: 0 1px 1px #000;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.nav-tabs.nav-stacked > li.active > a {
    margin: -2px 0 0 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #0a0c0e;
    border-left: none;
    border-right: 0;
    color: #fff;
    background: rgba(0,0,0,0.45);
    text-shadow: 0 1px 1px #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.45),inset 0 0 1px rgba(0,0,0,0.25);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.sidebar-nav > ul > li > ul {
    margin: 0;
    padding: 5px 0 5px 25px;
    background: rgba(0,0,0,0.45);
    list-style: none;
    display: none;
}

    .sidebar-nav > ul > li > ul > li {
        padding: 5px 0 5px 0;
    }

        .sidebar-nav > ul > li > ul > li > a:hover {
            color: #fff;
            text-decoration: none;
        }

.nav-tabs.nav-stacked > li > a > i, .nav-tabs.nav-stacked > li > ul > li > a > i {
    opacity: .4;
    margin-right: 10px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.btn {
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background: #e5e5e5;
    background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e5e5e5));
    background: -webkit-linear-gradient(top,#fefefe,#e5e5e5);
    background: -moz-linear-gradient(top,#fefefe,#e5e5e5);
    background: -o-linear-gradient(top,#fefefe,#e5e5e5);
    background: -ms-linear-gradient(top,#fefefe,#e5e5e5);
    background: linear-gradient(top,#fefefe,#e5e5e5);
}

    .btn i {
        margin-top: 2px;
    }

.btn-primary {
    color: #fff;
    background: #1995d4;
    background: -webkit-gradient(linear,left top,left bottom,from(#38ade8),to(#1995d4));
    background: -webkit-linear-gradient(top,#38ade8,#1995d4);
    background: -moz-linear-gradient(top,#38ade8,#1995d4);
    background: -o-linear-gradient(top,#38ade8,#1995d4);
    background: -ms-linear-gradient(top,#38ade8,#1995d4);
    background: linear-gradient(top,#38ade8,#1995d4);
}

    .btn-primary:hover, .btn-primary.disabled, .btn-primary[disabled] {
        border-color: #1995d4;
        background-color: #1995d4;
    }

    .btn-primary:active, .btn-primary.active {
        border-color: #1995d4;
        background-color: #178fcb;
    }

.btn-warning {
    color: #fff;
    background: #f9aa0b;
    background: -webkit-gradient(linear,left top,left bottom,from(#fabb3d),to(#f9aa0b));
    background: -webkit-linear-gradient(top,#fabb3d,#f9aa0b);
    background: -moz-linear-gradient(top,#fabb3d,#f9aa0b);
    background: -o-linear-gradient(top,#fabb3d,#f9aa0b);
    background: -ms-linear-gradient(top,#fabb3d,#f9aa0b);
    background: linear-gradient(top,#fabb3d,#f9aa0b);
}

    .btn-warning:hover, .btn-warning.disabled, .btn-warning[disabled] {
        background-color: #f9aa0b;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #f4a406;
    }

.btn-danger {
    color: #fff;
    background: #f9370b;
    background: -webkit-gradient(linear,left top,left bottom,from(#fa603d),to(#f9370b));
    background: -webkit-linear-gradient(top,#fa603d,#f9370b);
    background: -moz-linear-gradient(top,#fa603d,#f9370b);
    background: -o-linear-gradient(top,#fa603d,#f9370b);
    background: -ms-linear-gradient(top,#fa603d,#f9370b);
    background: linear-gradient(top,#fa603d,#f9370b);
}

    .btn-danger:hover, .btn-danger.disabled, .btn-danger[disabled] {
        background-color: #f9370b;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #f43206;
    }

.btn-success {
    color: #fff;
    background: #5db734;
    background: -webkit-gradient(linear,left top,left bottom,from(#78cd51),to(#5db734));
    background: -webkit-linear-gradient(top,#78cd51,#5db734);
    background: -moz-linear-gradient(top,#78cd51,#5db734);
    background: -o-linear-gradient(top,#78cd51,#5db734);
    background: -ms-linear-gradient(top,#78cd51,#5db734);
    background: linear-gradient(top,#78cd51,#5db734);
}

    .btn-success:hover, .btn-success.disabled, .btn-success[disabled] {
        background-color: #5db734;
    }

    .btn-success:active, .btn-success.active {
        background-color: #59af32;
    }

.btn-info {
    color: #fff;
    background: #4ab4e8;
    background: -webkit-gradient(linear,left top,left bottom,from(#77c7ee),to(#4ab4e8));
    background: -webkit-linear-gradient(top,#77c7ee,#4ab4e8);
    background: -moz-linear-gradient(top,#77c7ee,#4ab4e8);
    background: -o-linear-gradient(top,#77c7ee,#4ab4e8);
    background: -ms-linear-gradient(top,#77c7ee,#4ab4e8);
    background: linear-gradient(top,#77c7ee,#4ab4e8);
}

    .btn-info:hover, .btn-info.disabled, .btn-info[disabled] {
        background-color: #4ab4e8;
    }

    .btn-info:active, .btn-info.active {
        background-color: #41b1e7;
    }

.btn-inverse {
    color: #fff;
    background: #2b2b2b;
    background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#2b2b2b));
    background: -webkit-linear-gradient(top,#444,#2b2b2b);
    background: -moz-linear-gradient(top,#444,#2b2b2b);
    background: -o-linear-gradient(top,#444,#2b2b2b);
    background: -ms-linear-gradient(top,#444,#2b2b2b);
    background: linear-gradient(top,#444,#2b2b2b);
}

    .btn-inverse:hover, .btn-inverse.disabled, .btn-inverse[disabled] {
        background-color: #2b2b2b;
    }

    .btn-inverse:active, .btn-inverse.active {
        background-color: #252525;
    }

    .btn-purple {
    color: #fff;
    background: #b352af;
    background: -webkit-gradient(linear,left top,left bottom,from(#cd74cb),to(#b352af));
    background: -webkit-linear-gradient(top,#cd74cb,#b352af);
    background: -moz-linear-gradient(top,#cd74cb,#b352af);
    background: -o-linear-gradient(top,#cd74cb,#b352af);
    background: -ms-linear-gradient(top,#cd74cb,#b352af);
    background: linear-gradient(top,#cd74cb,#b352af);
}

    .btn-purple:hover, .btn-purple.disabled, .btn-purple[disabled] {
        background-color: #b352af;
    }

    .btn-purple:active, .btn-purple.active {
        background-color: #9c389a;
    }

.tab-menu.nav-tabs {
    *zoom: 1;
    margin-top: -52px;
}

    .tab-menu.nav-tabs > li {
        float: right;
    }

.tab-menu.nav-tabs {
    border-bottom: 0;
}

    .tab-menu.nav-tabs > li {
        margin-bottom: -1px;
    }

        .tab-menu.nav-tabs > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px;
            margin-left: -3px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .tab-menu.nav-tabs > li > a:hover {
                border-color: #ddd;
            }

    .tab-menu.nav-tabs > .active > a {
        color: #555;
        cursor: default;
        background-color: #fcfcfc;
        border-left: 1px solid #ddd;
    }

        .tab-menu.nav-tabs > .active > a:hover {
            background-color: #fafafa;
        }

.tab-pane {
    padding: 10px 0;
}

.add-on, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input {
    border-color: #ddd !important;
}

.form-actions {
    padding: 19px 20px 20px;
    margin: 20px -25px -10px -25px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

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

    .form-actions:after {
        clear: both;
    }

.input-group-addon.clear {
    background: white;
    margin: 0 -1px;
    color: #CCC;
}

.limiterBox {
    border: 1px solid #CCC;
    border-top: 0;
    background-color: #CCC;
    padding: 3px 6px;
    font-size: 10px;
    color: white;
    opacity: .9;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.editor {
    max-height: 250px;
    height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid #e6e6e6 !important;
    padding: 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: scroll;
    outline: 0;
    margin-top: 20px;
}

div[data-role="editor-toolbar"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu a {
    cursor: pointer;
}

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

.notification {
    position: absolute;
    top: -12px;
    right: -12px;
    line-height: 16px;
    height: 30px;
    padding: 6px 10px;
    color: white !important;
    text-shadow: 0 1px rgba(0,0,0,0.25);
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08),inset 0 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08),inset 0 1px rgba(255,255,255,0.3);
    box-shadow: 0 1px 1px rgba(0,0,0,0.08),inset 0 1px rgba(255,255,255,0.3);
}

.notification {
    border-color: #2fabe9;
    background-color: #67c2ef;
    background: #67c2ef;
    background: -webkit-gradient(linear,left top,left bottom,from(#acddf6),to(#67c2ef));
    background: -webkit-linear-gradient(top,#acddf6,#67c2ef);
    background: -moz-linear-gradient(top,#acddf6,#67c2ef);
    background: -o-linear-gradient(top,#acddf6,#67c2ef);
    background: -ms-linear-gradient(top,#acddf6,#67c2ef);
    background: linear-gradient(top,#acddf6,#67c2ef);
}

    .notification.green {
        border-color: #5aad34;
        background-color: #78cd51;
        background: #78cd51;
        background: -webkit-gradient(linear,left top,left bottom,from(#a6dd8d),to(#78cd51));
        background: -webkit-linear-gradient(top,#a6dd8d,#78cd51);
        background: -moz-linear-gradient(top,#a6dd8d,#78cd51);
        background: -o-linear-gradient(top,#a6dd8d,#78cd51);
        background: -ms-linear-gradient(top,#a6dd8d,#78cd51);
        background: linear-gradient(top,#a6dd8d,#78cd51);
    }

    .notification.yellow {
        border-color: #f4a506;
        background-color: #fabb3d;
        background: #fabb3d;
        background: -webkit-gradient(linear,left top,left bottom,from(#fcd588),to(#fabb3d));
        background: -webkit-linear-gradient(top,#fcd588,#fabb3d);
        background: -moz-linear-gradient(top,#fcd588,#fabb3d);
        background: -o-linear-gradient(top,#fcd588,#fabb3d);
        background: -ms-linear-gradient(top,#fcd588,#fabb3d);
        background: linear-gradient(top,#fcd588,#fabb3d);
    }

    .notification.red {
        border-color: #fa5833;
        background-color: #fa603d;
        background: #fa603d;
        background: -webkit-gradient(linear,left top,left bottom,from(#fc9d88),to(#fa603d));
        background: -webkit-linear-gradient(top,#fc9d88,#fa603d);
        background: -moz-linear-gradient(top,#fc9d88,#fa603d);
        background: -o-linear-gradient(top,#fc9d88,#fa603d);
        background: -ms-linear-gradient(top,#fc9d88,#fa603d);
        background: linear-gradient(top,#fc9d88,#fa603d);
    }

.label, .badge {
    text-shadow: 0 -1px rgba(0,0,0,0.25);
    font-size: 12px;
    padding: 3px 6px;
}

.label {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.label-default, .badge-default, .label-default[href], .badge-default[href] {
    border-color: #808080;
    background-color: #999;
    background: #999;
    background: -webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#999));
    background: -webkit-linear-gradient(top,#b3b3b3,#999);
    background: -moz-linear-gradient(top,#b3b3b3,#999);
    background: -o-linear-gradient(top,#b3b3b3,#999);
    background: -ms-linear-gradient(top,#b3b3b3,#999);
    background: linear-gradient(top,#b3b3b3,#999);
}

.label-primary, .badge-primary, .label-primary[href], .badge-primary[href] {
    border-color: #3272a9;
    background-color: #468cc8;
    background: #468cc8;
    background: -webkit-gradient(linear,left top,left bottom,from(#6da4d4),to(#468cc8));
    background: -webkit-linear-gradient(top,#6da4d4,#468cc8);
    background: -moz-linear-gradient(top,#6da4d4,#468cc8);
    background: -o-linear-gradient(top,#6da4d4,#468cc8);
    background: -ms-linear-gradient(top,#6da4d4,#468cc8);
    background: linear-gradient(top,#6da4d4,#468cc8);
}

.label-important, .badge-important, .label-important[href], .badge-important[href] {
    border-color: #fa5833;
    background-color: #fa603d;
    background: #fa603d;
    background: -webkit-gradient(linear,left top,left bottom,from(#fc9d88),to(#fa603d));
    background: -webkit-linear-gradient(top,#fc9d88,#fa603d);
    background: -moz-linear-gradient(top,#fc9d88,#fa603d);
    background: -o-linear-gradient(top,#fc9d88,#fa603d);
    background: -ms-linear-gradient(top,#fc9d88,#fa603d);
    background: linear-gradient(top,#fc9d88,#fa603d);
}

.label-warning, .badge-warning, .label-warning[href], .badge-warning[href] {
    border-color: #f4a506;
    background-color: #fabb3d;
    background: #fabb3d;
    background: -webkit-gradient(linear,left top,left bottom,from(#fcd588),to(#fabb3d));
    background: -webkit-linear-gradient(top,#fcd588,#fabb3d);
    background: -moz-linear-gradient(top,#fcd588,#fabb3d);
    background: -o-linear-gradient(top,#fcd588,#fabb3d);
    background: -ms-linear-gradient(top,#fcd588,#fabb3d);
    background: linear-gradient(top,#fcd588,#fabb3d);
}

.label-success, .badge-success, .label-success[href], .badge-success[href] {
    border-color: #5aad34;
    background-color: #78cd51;
    background: #78cd51;
    background: -webkit-gradient(linear,left top,left bottom,from(#a6dd8d),to(#78cd51));
    background: -webkit-linear-gradient(top,#a6dd8d,#78cd51);
    background: -moz-linear-gradient(top,#a6dd8d,#78cd51);
    background: -o-linear-gradient(top,#a6dd8d,#78cd51);
    background: -ms-linear-gradient(top,#a6dd8d,#78cd51);
    background: linear-gradient(top,#a6dd8d,#78cd51);
}

.label-info, .badge-info, .label-info[href], .badge-info[href] {
    border-color: #2fabe9;
    background-color: #67c2ef;
    background: #67c2ef;
    background: -webkit-gradient(linear,left top,left bottom,from(#acddf6),to(#67c2ef));
    background: -webkit-linear-gradient(top,#acddf6,#67c2ef);
    background: -moz-linear-gradient(top,#acddf6,#67c2ef);
    background: -o-linear-gradient(top,#acddf6,#67c2ef);
    background: -ms-linear-gradient(top,#acddf6,#67c2ef);
    background: linear-gradient(top,#acddf6,#67c2ef);
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.sparkLineStats {
    position: relative;
    margin-bottom: -4px;
}

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

        .sparkLineStats ul li {
            margin-bottom: 0;
            line-height: 32px;
            padding-top: 3px;
            font-size: 12px;
        }

            .sparkLineStats ul li .number {
                font-size: 17px;
                font-weight: 700;
                padding: 0 0 0 2px;
                color: #fa5833;
            }

            .sparkLineStats ul li span:first-child {
                margin-right: 5px;
            }

            .sparkLineStats ul li h4 {
                position: relative;
                border-bottom: 1px solid #c4c4c4;
                padding-bottom: 0;
                margin-bottom: 10px;
                line-height: 37px;
                -webkit-box-shadow: 0 1px 0 #fff;
                -moz-box-shadow: 0 1px 0 #fff;
                box-shadow: 0 1px 0 #fff;
            }

ul.chat {
    margin: 0;
    padding: 0;
}

    ul.chat li {
        list-style: none;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 12px;
    }

        ul.chat li img.avatar {
            height: 50px;
            width: 50px;
            padding: 1px;
            border: 1px solid #ebebeb;
        }

        ul.chat li .message {
            display: block;
            border: 1px solid #ddd;
            padding: 5px;
            position: relative;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05),inset 0 -1px 1px rgba(0,0,0,0.05);
            -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05),inset 0 -1px 1px rgba(0,0,0,0.05);
            box-shadow: 0 1px 1px rgba(0,0,0,0.05),inset 0 -1px 1px rgba(0,0,0,0.05);
        }

        ul.chat li.left img.avatar {
            float: left;
            margin-right: 10px;
        }

        ul.chat li.left .message {
            text-align: left;
            margin-left: 65px;
            background: #fff;
        }

            ul.chat li.left .message .arrow {
                height: 10px;
                width: 10px;
                display: block;
                position: absolute;
                top: 5px;
                left: -10px;
                background: url(../img/chat-left.png) no-repeat 0 0;
            }

            ul.chat li.left .message .text {
                display: block;
            }

        ul.chat li.right img.avatar {
            float: right;
            margin-left: 10px;
        }

        ul.chat li.right .message {
            text-align: right;
            margin-right: 65px;
            background: #f6f6f6;
        }

            ul.chat li.right .message .arrow {
                height: 10px;
                width: 10px;
                display: block;
                position: absolute;
                top: 5px;
                right: -10px;
                background: url(../img/chat-right.png) no-repeat 0 0;
            }

.chat-form {
    border-top: 1px solid #ddd;
    background: #eee;
    padding: 10px;
    margin: 20px -10px -10px -10px;
}

    .chat-form textarea {
        width: 100%;
        padding: .5em;
        height: 80px;
        outline: 0 !important;
        font-size: 12px;
        margin-bottom: 10px;
    }

ul.dashboard-list {
    padding: 0;
}

    ul.dashboard-list li {
        padding: 5px 0;
        list-style: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ebebeb;
        font-size: 12px;
    }

        ul.dashboard-list li:first-child {
            border-top: 0;
            border-bottom: 1px solid #ebebeb;
        }

        ul.dashboard-list li:last-child {
            border-bottom: 0;
        }

        ul.dashboard-list li i {
            opacity: .7;
        }

        ul.dashboard-list li a:hover {
            text-decoration: none;
        }

        ul.dashboard-list li a span {
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            margin-right: 10px;
            text-align: right;
            width: 50px;
            zoom: 1;
        }

        ul.dashboard-list li .avatar {
            height: 50px;
            width: 50px;
            padding: 1px;
            float: left;
            margin-top: 3px;
            margin-right: 15px;
            border: 1px solid #ebebeb;
        }

            ul.dashboard-list li .avatar img {
                height: 40px;
                width: 40px;
                padding: 1px;
                float: left;
                margin-top: 3px;
                margin-right: 15px;
                border: 1px solid #ebebeb;
            }

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

    .todo ul li {
        margin-left: 0 !important;
        padding: 5px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f6f6f6;
        font-size: 12px;
    }

        .todo ul li:first-child {
            border-top: 0;
        }

        .todo ul li:last-child {
            border-bottom: 0;
        }

        .todo ul li .todo-actions {
            position: absolute;
            right: 20px;
        }

            .todo ul li .todo-actions i {
                opacity: .3;
                margin: -2px 5px 0 5px;
            }

                .todo ul li .todo-actions i:hover {
                    opacity: .6;
                }

        .todo ul li .label {
            position: absolute;
            right: 80px;
        }

        .todo ul li:first-child {
            border-top: 0;
        }

        .todo ul li:last-child {
            border-bottom: 0;
        }

.ui-slider-handle {
    display: inline-block;
    background: #f7f7f7 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f7f7f7)) !important;
    background: -webkit-linear-gradient(top,#fcfcfc,#f7f7f7) !important;
    background: -moz-linear-gradient(top,#fcfcfc,#f7f7f7) !important;
    background: -o-linear-gradient(top,#fcfcfc,#f7f7f7) !important;
    background: -ms-linear-gradient(top,#fcfcfc,#f7f7f7) !important;
    background: linear-gradient(top,#fcfcfc,#f7f7f7) !important;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    height: 16px;
    width: 16px;
    -webkit-box-shadow: 0 1px 0 #fff,inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff,inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff,inset 0 1px 0 #fff;
    margin-right: 12px;
    outline: none !important;
    margin: -3px -3px -3px -3px !important;
    position: relative;
}

    .ui-slider-handle:after {
        position: absolute;
        content: '';
        background: #aaa;
        height: 6px;
        width: 6px;
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em;
        top: 5px;
        left: 5px;
    }

.slider {
    border: 1px solid #c9c9c9;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    position: relative;
    margin: 8px 0;
    background: #f2f2f2;
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f2f2f2));
    background: -webkit-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -moz-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -o-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -ms-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: linear-gradient(top,#fcfcfc,#f2f2f2);
}

    .slider .ui-slider-range {
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em;
        height: 8px !important;
        position: absolute !important;
        margin: -1px -1px 0 -1px;
    }

.sliderVertical {
    margin-top: 10px;
    border: 1px solid #c9c9c9;
    width: 8px !important;
    background: #f2f2f2;
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f2f2f2));
    background: -webkit-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -moz-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -o-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: -ms-linear-gradient(top,#fcfcfc,#f2f2f2);
    background: linear-gradient(top,#fcfcfc,#f2f2f2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    position: relative;
}

    .sliderVertical .ui-slider-range {
        width: 8px !important;
        top: auto;
        bottom: auto;
        position: absolute !important;
        margin-left: -1px;
    }

    .sliderVertical .ui-slider-handle {
        margin: 0 -2px -5px -2px !important;
    }

.ui-slider-range-max {
    right: -1px;
}

.ui-slider-range-min {
    left: -1px;
}

.sliderVertical .ui-slider-range-max {
    top: -1px;
}

.sliderVertical .ui-slider-range-min {
    bottom: -1px;
}

.sliderBlue .ui-slider-range, .progressBlue .ui-progressbar-value {
    background: #2fabe9;
    background: -webkit-gradient(linear,left top,left bottom,from(#67c2ef),to(#2fabe9));
    background: -webkit-linear-gradient(top,#67c2ef,#2fabe9);
    background: -moz-linear-gradient(top,#67c2ef,#2fabe9);
    background: -o-linear-gradient(top,#67c2ef,#2fabe9);
    background: -ms-linear-gradient(top,#67c2ef,#2fabe9);
    background: linear-gradient(top,#67c2ef,#2fabe9);
    border: 1px solid #0098e4;
}

.sliderGreen .ui-slider-range, .progressGreen .ui-progressbar-value {
    background: #b6e370;
    background: -webkit-gradient(linear,left top,left bottom,from(#bdea74),to(#b6e370));
    background: -webkit-linear-gradient(top,#bdea74,#b6e370);
    background: -moz-linear-gradient(top,#bdea74,#b6e370);
    background: -o-linear-gradient(top,#bdea74,#b6e370);
    background: -ms-linear-gradient(top,#bdea74,#b6e370);
    background: linear-gradient(top,#bdea74,#b6e370);
    border: 1px solid #96bb5c;
}

.sliderDarkGreen .ui-slider-range, .progressDarkGreen .ui-progressbar-value {
    background: #5aad34;
    background: -webkit-gradient(linear,left top,left bottom,from(#78cd51),to(#5aad34));
    background: -webkit-linear-gradient(top,#78cd51,#5aad34);
    background: -moz-linear-gradient(top,#78cd51,#5aad34);
    background: -o-linear-gradient(top,#78cd51,#5aad34);
    background: -ms-linear-gradient(top,#78cd51,#5aad34);
    background: linear-gradient(top,#78cd51,#5aad34);
    border: 1px solid #3f8b1c;
}

.sliderPink .ui-slider-range, .progressPink .ui-progressbar-value {
    background: #e21668;
    background: -webkit-gradient(linear,left top,left bottom,from(#e84c8a),to(#e21668));
    background: -webkit-linear-gradient(top,#e84c8a,#e21668);
    background: -moz-linear-gradient(top,#e84c8a,#e21668);
    background: -o-linear-gradient(top,#e84c8a,#e21668);
    background: -ms-linear-gradient(top,#e84c8a,#e21668);
    background: linear-gradient(top,#e84c8a,#e21668);
    border: 1px solid #9e0c47;
}

.sliderOrange .ui-slider-range, .progressOrange .ui-progressbar-value {
    background: #fa5833;
    background: -webkit-gradient(linear,left top,left bottom,from(#fa603d),to(#fa5833));
    background: -webkit-linear-gradient(top,#fa603d,#fa5833);
    background: -moz-linear-gradient(top,#fa603d,#fa5833);
    background: -o-linear-gradient(top,#fa603d,#fa5833);
    background: -ms-linear-gradient(top,#fa603d,#fa5833);
    background: linear-gradient(top,#fa603d,#fa5833);
    border: 1px solid #c13a1a;
}

.sliderLightOrange .ui-slider-range, .progressLightOrange .ui-progressbar-value {
    background: #f4a506;
    background: -webkit-gradient(linear,left top,left bottom,from(#fabb3d),to(#f4a506));
    background: -webkit-linear-gradient(top,#fabb3d,#f4a506);
    background: -moz-linear-gradient(top,#fabb3d,#f4a506);
    background: -o-linear-gradient(top,#fabb3d,#f4a506);
    background: -ms-linear-gradient(top,#fabb3d,#f4a506);
    background: linear-gradient(top,#fabb3d,#f4a506);
    border: 1px solid #d79103;
}

.sliderRed .ui-slider-range, .progressRed .ui-progressbar-value {
    background: #f00;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff5454),to(#f00));
    background: -webkit-linear-gradient(top,#ff5454,#f00);
    background: -moz-linear-gradient(top,#ff5454,#f00);
    background: -o-linear-gradient(top,#ff5454,#f00);
    background: -ms-linear-gradient(top,#ff5454,#f00);
    background: linear-gradient(top,#ff5454,#f00);
    border: 1px solid #be0000;
}

.sliderYellow .ui-slider-range, .progressYellow .ui-progressbar-value {
    background: #e3e270;
    background: -webkit-gradient(linear,left top,left bottom,from(#eae874),to(#e3e270));
    background: -webkit-linear-gradient(top,#eae874,#e3e270);
    background: -moz-linear-gradient(top,#eae874,#e3e270);
    background: -o-linear-gradient(top,#eae874,#e3e270);
    background: -ms-linear-gradient(top,#eae874,#e3e270);
    background: linear-gradient(top,#eae874,#e3e270);
    border: 1px solid #bbb95c;
}

.sliderVertical {
    float: left;
    height: 100px;
    margin-right: 40px;
    width: 5px;
}

.progress {
    border: 1px solid #c9c9c9;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfcfc),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -o-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -ms-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fcfcfc 0,#f2f2f2 100%);
    position: relative;
}

.ui-progressbar-value {
    height: 100%;
    top: 1px;
    position: absolute;
    left: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none !important;
}

.progressBarValue span {
    font-size: 12px;
}

    .progressBarValue span.progressCustomValueVal {
        font-size: 18px;
        font-weight: 700;
        padding: 0 5px;
        color: #fa5833;
    }

.progressSlim {
    border: 1px solid #c9c9c9;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    position: relative;
    margin: 8px 0;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfcfc),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -o-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: -ms-linear-gradient(top,#fcfcfc 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fcfcfc 0,#f2f2f2 100%);
}

    .progressSlim .ui-progressbar-value {
        border: 0;
        height: 100%;
        top: 1px;
        position: absolute;
        left: 1px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.quick-button {
    border: 1px solid #ddd;
    margin-bottom: -1px;
    padding: 30px 0 10px 0;
    font-size: 14px;
    background: #efefef;
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#efefef));
    background: -webkit-linear-gradient(top,#fafafa,#efefef);
    background: -moz-linear-gradient(top,#fafafa,#efefef);
    background: -o-linear-gradient(top,#fafafa,#efefef);
    background: -ms-linear-gradient(top,#fafafa,#efefef);
    background: linear-gradient(top,#fafafa,#efefef);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .quick-button:hover {
        text-decoration: none;
        border-color: #a5a5a5;
        color: #444;
        text-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
        box-shadow: 0 0 3px rgba(0,0,0,0.25);
    }

        .quick-button:hover .notification {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
            -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
            box-shadow: 0 0 3px rgba(0,0,0,0.6);
        }

    .quick-button i {
        font-size: 32px;
    }

.quick-button-small {
    border: 1px solid #ddd;
    padding: 15px 0 0 0;
    font-size: 10px;
    background: #efefef;
    background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#efefef));
    background: -webkit-linear-gradient(top,#fafafa,#efefef);
    background: -moz-linear-gradient(top,#fafafa,#efefef);
    background: -o-linear-gradient(top,#fafafa,#efefef);
    background: -ms-linear-gradient(top,#fafafa,#efefef);
    background: linear-gradient(top,#fafafa,#efefef);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    color: #646464;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .quick-button-small:hover {
        text-decoration: none;
        border-color: #a5a5a5;
        color: #444;
        text-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
        box-shadow: 0 0 3px rgba(0,0,0,0.25);
    }

        .quick-button-small:hover .notification {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
            -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
            box-shadow: 0 0 3px rgba(0,0,0,0.6);
        }

    .quick-button-small i {
        font-size: 20px;
    }

.circleStats {
    text-align: center;
    position: relative;
}

.circleStatsItem {
    position: relative;
    background: rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2),0 0 0 4px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2),0 0 0 4px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2),0 0 0 4px rgba(0,0,0,0.1);
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    width: 120px;
    height: 120px;
    margin: 10px auto;
}

    .circleStatsItem i {
        font-size: 30px;
        position: absolute;
        top: 30%;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

    .circleStatsItem input {
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        height: auto;
        position: absolute;
        top: 15px;
        left: 120px;
        padding: 5px 0 !important;
        border-color: rgba(0,0,0,0.8);
    }

        .circleStatsItem input:focus {
            outline: 0;
            outline: thin dotted 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .circleStatsItem .plus {
        font-size: 16px;
        position: absolute;
        top: 55%;
        margin-left: 30px;
    }

    .circleStatsItem .percent {
        font-size: 14px;
        position: absolute;
        top: 57%;
        margin-left: 78px;
    }

    .circleStatsItem.orange, .circleStatsItem.orange i {
        color: #fa5833;
    }

    .circleStatsItem.lightorange, .circleStatsItem.lightorange i {
        color: #fabb3d;
    }

    .circleStatsItem.blue, .circleStatsItem.blue i {
        color: #38ade8;
    }

    .circleStatsItem.green, .circleStatsItem.green i {
        color: #bbe679;
    }

    .circleStatsItem.yellow, .circleStatsItem.yellow i {
        color: #e8e57a;
    }

    .circleStatsItem.pink, .circleStatsItem.pink i {
        color: #e42b75;
    }

.circleStatsItemBox {
    position: relative;
    background: #77c7ee;
    width: 100%;
    min-width: 130px;
    height: 160px;
    margin: 10px auto;
    padding-top: 40px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .circleStatsItemBox .header {
        background: rgba(255,255,255,0.2);
        color: rgba(255,255,255,0.9);
        width: 100%;
        height: 20px;
        padding: 5px 0;
        position: absolute;
        top: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.circleStatsItemBox {
    background: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.9);
    width: 100%;
    height: 20px;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .circleStatsItemBox .count {
        font-size: 10px;
    }

    .circleStatsItemBox .value {
        font-weight: bold;
    }

    .circleStatsItemBox .percent {
        font-size: 12px;
        position: absolute;
        top: 110px;
        width: 100%;
        left: 0;
        text-align: center;
        color: rgba(255,255,255,0.9);
    }

    .circleStatsItemBox input {
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        height: auto;
        position: absolute;
        top: 30px;
        padding: 5px 0 !important;
        border-color: rgba(0,0,0,0.8);
    }

        .circleStatsItemBox input:focus {
            outline: 0;
            outline: thin dotted 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

ul.tickets {
    margin: 0;
    padding: 0;
}

    ul.tickets li {
        list-style: none;
        padding: 5px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ebebeb;
        font-size: 12px;
    }

        ul.tickets li:first-child {
            border-top: 0;
            border-bottom: 1px solid #ebebeb;
        }

        ul.tickets li:last-child {
            border-bottom: 0;
        }

        ul.tickets li.ticket .header {
            width: 100%;
            display: inline-block;
            font-weight: bold;
            font-size: 13px;
        }

            ul.tickets li.ticket .header .title {
                float: left;
                text-align: left;
            }

            ul.tickets li.ticket .header .number {
                float: right;
                text-align: right;
            }

        ul.tickets li.ticket .avatar img {
            height: 36px;
            width: 36px;
            padding: 1px;
            float: left;
            margin-top: 1px;
            margin-right: 10px;
            border: 1px solid #ebebeb;
        }

        ul.tickets li.ticket .content {
            display: inline-block;
            width: 100%;
        }

            ul.tickets li.ticket .content .name, ul.tickets li.ticket .content .status {
                float: left;
                text-align: left;
                width: 50%;
            }

            ul.tickets li.ticket .content .priority, ul.tickets li.ticket .content .date {
                float: right;
                text-align: right;
            }

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

    .rating span.star, .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover, .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before, .rating span.star:before {
            content: "\f006";
            padding-right: 5px;
            color: #999;
        }

        .rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #e3cf7a;
        }

.elfinder .elfinder-button {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.glyphicons-icon-list div {
    margin: 10px 0;
}

    .glyphicons-icon-list div span, .glyphicons-icon-list div strong {
        font-size: 10px;
    }

    .glyphicons-icon-list div strong {
        margin-top: -5px;
        display: block;
    }

.fontawesome-icon-list div {
    margin: 5px 0;
}

.fontawesome-icon-list .fa {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,0.05);
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eee;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaa;
        text-shadow: 0 1px rgba(255,255,255,0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: white;
        text-shadow: 0 1px rgba(0,0,0,0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: -moz-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: -o-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: linear-gradient(to bottom,#fff 40%,#f0f0f0);
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
}

    .switch-handle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: #f9f9f9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        box-shadow: inset 0 1px rgba(0,0,0,0.02);
        background-image: -webkit-linear-gradient(top,#eee,#fff);
        background-image: -moz-linear-gradient(top,#eee,#fff);
        background-image: -o-linear-gradient(top,#eee,#fff);
        background-image: linear-gradient(to bottom,#eee,#fff);
    }

.switch-input:checked ~ .switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0,0,0,0.2);
}

.switch-primary > .switch-input:checked ~ .switch-label {
    background: #38ade8;
}

.switch-success > .switch-input:checked ~ .switch-label {
    background: #78cd51;
}

.switch-warning > .switch-input:checked ~ .switch-label {
    background: #fabb3d;
}

.switch-important > .switch-input:checked ~ .switch-label {
    background: #fa603d;
}

.switch-info > .switch-input:checked ~ .switch-label {
    background: #77c7ee;
}

.switch-danger > .switch-input:checked ~ .switch-label {
    background: #d9534f;
}

.skill-bar li {
    margin-bottom: 12px;
    list-style: none;
    margin-left: -26px;
    padding-left: 0;
}

    .skill-bar li h5 {
        margin-bottom: 6px;
    }

    .skill-bar li .meter {
        height: 23px;
        position: relative;
        background: #f6f6f6;
    }

        .skill-bar li .meter span {
            display: block;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

            .skill-bar li .meter span:after, .skill-bar li .meter span .animate > span > span {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                overflow: hidden;
            }

            .skill-bar li .meter span:after, .skill-bar li .meter span .animate > span > spans li.current {
                background: #f16529;
            }

.login-box {
    width: 400px;
    margin: 100px auto;
    background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#f5f5f5 0,#fff 19%,#fff 77%,#f5f5f5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(19%,#fff),color-stop(77%,#fff),color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,#f5f5f5 0,#fff 19%,#fff 77%,#f5f5f5 100%);
    background: -o-linear-gradient(top,#f5f5f5 0,#fff 19%,#fff 77%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,#f5f5f5 0,#fff 19%,#fff 77%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#f5f5f5 0,#fff 19%,#fff 77%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=0);
    color: #000;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 5px rgba(0,0,0,0.15);
    padding: 0 15px;
}

    .login-box .icons {
        text-align: right;
        margin: 20px 0;
    }

        .login-box .icons i {
            text-align: right;
            opacity: .2;
            margin: 0 5px;
        }

            .login-box .icons i:hover {
                opacity: .8;
            }

    .login-box h2 {
        color: #646464;
        margin: 0 0 30px 20px;
        font-family: monaco;
        font-weight: normal;
    }

    .login-box h3 {
        color: #646464;
        margin-left: 20px;
        font-family: monaco;
        font-weight: normal;
    }

    .login-box p {
        margin: 10px 20px 20px 20px;
        font-weight: normal;
    }

    .login-box .form-group .input-group-addon {
        border: 1px solid #eee !important;
        background: #fff;
        width: 40px;
        color: #eee;
    }

    .login-box .remember {
        margin-top: 20px;
        margin-left: 5px;
        float: left;
    }

    .login-box .button-login {
        margin-top: 20px;
        margin-right: 5px;
        float: right;
    }

@media(min-width:1200px) {
    #content {
        -webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        -moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        filter: none;
        padding: 25px;
        margin: -25px 0 0 0;
    }
}

@media only screen and (min-width:980px) and (max-width:1199px) {
    #content {
        -webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        -moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
        padding: 25px;
        margin: -25px 0 0 0;
    }

    .sparkLineStats li .number {
        font-size: 16px;
        font-weight: 700;
        padding: 0 5px;
        color: #fa5833;
    }
}

@media only screen and (min-width:980px) {
    .hidden-sm {
        display: inline-block !important;
    }

    .sidebar-nav > ul {
        margin: 20px -30px 0 -30px !important;
    }
}

@media only screen and (min-width:768px) {
    .hidden-xs, .hidden-md, .hidden-lg {
        display: inline-block !important;
    }

    .container {
        width: 100%;
    }
}

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

    .noMargin {
        margin-left: 0 !important;
    }

    .btn-navbar {
        display: none !important;
    }

    .nav-collapse, .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
        margin-left: -20px !important;
    }

    .sidebar-nav {
        padding: 0;
        margin-bottom: 0;
    }

        .sidebar-nav > ul {
            margin: 20px -15px 0 0;
            border-top: 1px solid #0a0c0e !important;
            border-bottom: 1px solid #212121 !important;
            border-left: none;
            border-right: 0;
            padding-bottom: 1px;
        }

            .sidebar-nav > ul li {
                text-align: center;
                margin: -1px 0;
            }

            .sidebar-nav > ul > li > ul {
                margin: 0;
                padding: 10px 0;
            }

                .sidebar-nav > ul > li > ul > li {
                    padding: 10px 0;
                }

    .nav-tabs.nav-stacked > li > a {
        margin: 1px 0 0 0;
    }

        .nav-tabs.nav-stacked > li > a > i, .nav-tabs.nav-stacked > li > ul > li > a > i {
            margin-right: 0;
        }

        .nav-tabs.nav-stacked > li > a:hover {
            margin: 1px 0 0 0;
        }

    .nav-tabs.nav-stacked > li.active > a {
        margin: 1px 0 0 0;
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        margin: 0;
    }

    .box-small-link {
        font-size: 20px;
    }

    .sparkLineStats li .number {
        font-size: 14px;
        font-weight: 700;
        padding: 0 5px;
        color: #fa5833;
    }
}

@media only screen and (max-width:767px) {
    .header-nav {
        margin-right: 40px;
        padding: 0 15px;
    }

        .header-nav .btn {
            margin-top: -5px;
            margin-left: 0;
        }

        .header-nav ul li {
            float: left;
        }

            .header-nav ul li.dropdown ul li {
                float: none;
            }

    .hidden-sm {
        display: inline-block !important;
    }

    .navbar-toggle {
        position: absolute;
        top: -3px;
        right: -10px;
        z-index: 100;
        background: transparent !important;
        text-shadow: none !important;
        border: none !important;
    }

        .navbar-toggle .icon-bar {
            background: #ccc;
        }

    .sidebar-nav {
        margin: -22px 0 30px 0;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .quick-button, .quick-button-small {
        margin-bottom: 20px;
    }

    .fc-button-today, .fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
        display: none;
    }
}

@media only screen and (max-width:479px) {
    .quick-button, .quick-button-small {
        margin-bottom: 20px;
    }

    .fc-button-today, .fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
        display: none;
    }

    table, .pagination {
        font-size: 10px;
    }

    .pagination {
        padding: 5px;
    }
}


/* ----- Statistic ----- */
.statistic {
    padding-top: 57px;
}

.statistic__item {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px 15px;
    position: relative;
    min-height: 230px;
    overflow: hidden;
    margin-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item {
        padding: 20px 10px;
    }
}

.statistic__item h2 {
    font-size: 36px;
    font-weight: 300;
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item h2 {
        font-size: 22px;
    }
}

.statistic__item .desc {
    font-size: 13px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    color: rgba(255, 255, 255, 0.6);
    /*color:#3f6082;*/
}

@media (min-width: 992px) and (max-width: 1199px) {
    .statistic__item .desc {
        font-size: 13px;
    }
}

.statistic__item .icon {
    display: inline-block;
    position: absolute;
    bottom: -50px;
    right: -7px;
}

.statistic__item .icon i {
    font-size: 180px;
    color: #808080;
    opacity: .2;
    line-height: 1;
    vertical-align: baseline;
}

.statistic__item--green {
    background: #00b26f;
}

.statistic__item--orange {
    background: #ff8300;
}

.statistic__item--blue {
    background: #00b5e9;
}

.statistic__item--red {
    background: #fa4251;
}

/* ----- Statistic 2 ----- */
.statistic2 {
    padding-top: 50px;
}

.statistic2 .statistic__item {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
}

.statistic2 .statistic__item h2 {
    color: #fff;
}

.statistic2 .statistic__item .desc {
    color: rgba(255, 255, 255, 0.6);
}