/*!
 * SmartAdmin - Responsive WebApp
 *
 * Copyright 2014 bootstraphunter.com
 * Designed and built with all the love in the world by @bootstraphunt.
 */

.fondotd {
    background: #FAEBF0;
    text-align: center;
}

.null {
    height: auto;
    margin: 0 0 20px 0;
    background-color: transparent;
    background-size: 14px 14px;
    background-image: -webkit-repeating-linear-gradient(-45deg, #ae76cc, #ae76cc 1px, transparent 1px, transparent 5px);
    background-image: -moz-repeating-linear-gradient(-45deg, #ae76cc, #ae76cc 1px, transparent 1px, transparent 5px);
    background-image: -o-repeating-linear-gradient(-45deg, #ae76cc, #ae76cc 1px, transparent 1px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #ae76cc, #ae76cc 1px, transparent 1px, transparent 5px);
}



/*.bootstrap-tagsinput {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 1px 3px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 0;
}

    .bootstrap-tagsinput > span {
        border-radius: 0!important;
        font-weight: 400;
        padding: 3px 28px 4px 8px;
        font-size: 13px;
        border: 1px solid #285E8E;
        background: #3276B1;
    }

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: 0;
        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 {
        color: #FFF;
        position: relative;
        margin: 3px 0 3px 2px;
        display: inline-block;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            display: block;
            top: -1px;
            right: 0;
            padding: 3px 4px 3px 5px;
            width: 23px;
            height: 22px;
            position: absolute;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role=remove]:hover {
                background: rgba(0,0,0,.3);
            }

            .bootstrap-tagsinput .tag [data-role=remove]:after {
                content: "\f057";
                font-family: fontAwesome;
                padding: 2px 1px;
                line-height: 17px;
                font-size: 15px;
                text-align: center;
            }

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

                .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
                }*/
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */



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

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

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

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

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: #08c;
            color: #fff!important;
        }


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 10px;
}





@-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;
    }
}





.widget-content-padding {
    padding: 20px;
}

    .widget-content-padding .well {
        margin-bottom: 0;
    }


.widget-toolbar.no-border {
    border-left: none;
}

.widget-body.no-padding {
    margin: -13px -13px 0;
}

/*.jarviswidget.well.transparent .widget-body.no-padding {
    margin: 0!important;
}*/

.widget-body > table {
    margin-bottom: 0;
}

.widget-body.no-padding .alert {
    margin: 0 0 10px;
    padding: 10px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    border-width: 0 0 1px!important;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
}

.no-padding .md-editor, .widget-body.no-padding .cke_chrome {
    border: none;
}

.widget-toolbar > .smart-form {
    margin-top: 2px;
}

    .widget-toolbar > .smart-form .toggle:last-child {
        font-size: 12px;
        line-height: 29px;
    }

    .widget-toolbar > .smart-form .checkbox input + i, .widget-toolbar > .smart-form .radio input + i, .widget-toolbar > .smart-form .toggle input + i {
        border-width: 1px;
        border-color: #C7C7C7!important;
        margin-top: 1px;
        box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
        -webkit-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
        -moz-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset;
    }



.no-padding .widget-footer {
    margin: 0;
}

.widget-footer.smart-form > label {
    margin-top: 4px;
    display: block;
}



body.nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}



:-webkit-full-screen #fullscreen > :first-child > a {
    background-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff;
    border-color: #494949;
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
}

:-moz-full-screen #fullscreen > :first-child > a {
    background-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff;
    border-color: #494949;
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
}

:-ms-fullscreen #fullscreen > :first-child > a {
    background-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff;
    border-color: #494949;
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
}

:full-screen #fullscreen > :first-child > a {
    background-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff;
    border-color: #494949;
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
}

:fullscreen #fullscreen > :first-child > a {
    background-color: #e8e8e8;
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, .15);
    color: #fff;
    border-color: #494949;
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
}

:-webkit-full-screen video {
    width: 100%;
    height: 100%;
}


.table-wrap {
    overflow: auto;
}



.table-forum thead tr {
    background: none!important;
}

    .table-forum thead tr th {
        font-size: 17px;
        font-weight: 400;
        border-bottom-color: #F1F1F1;
    }

.table-forum tr td {
    border-top-style: dashed!important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}

    .table-forum tr td h4 {
        font-size: 15px;
        font-weight: 700;
    }

        .table-forum tr td h4 small {
            font-size: 13px;
            display: block;
            margin-top: 2px;
        }

    .table-forum tr td > i {
        margin-top: 4px;
        padding-left: 10px;
    }

.table-forum tr.locked h4 > a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
}

.table-forum tr.closed h4 > a {
    text-decoration: line-through;
    color: #848484;
    cursor: not-allowed;
}



html {
    margin: 0;
    padding: 0;
    min-height: 100%;
    /*background: url(../img/mybg.png) #fff;*/
    position: relative;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    /*background: url(../img/mybg.png) #fff;*/
    direction: ltr;
}

    body.mobile-view-activated.hidden-menu {
        overflow-x: hidden;
    }

    body.modal-open {
        overflow: hidden!important;
    }

a:active, a:focus, a:hover, button, button:active, button:focus, embed, input::-moz-focus-inner, object {
    outline: 0;
}

h1, h2, h3, h4 {
    margin: 0;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-weight: 300;
}

.page-title {
    margin: 12px 0 28px;
}

    .page-title span {
        font-size: 16px;
        color: #333;
        display: inline-block;
        vertical-align: 1px;
    }

label {
    font-weight: 400;
}

:focus {
    outline: 0!important;
}

a, button, input {
    -ms-touch-action: none!important;
}

    .uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
        outline: 0;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important;
    }

.form-control, .input-lg, .input-sm, .input-xs {
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
}

.input-xs {
    height: 24px;
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.5;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-sm {
    padding: 6px 10px 5px;
}

.btn-lg {
    padding: 10px 16px;
}

.no-space {
    margin: 0;
}

    .no-space > [class*=col-] {
        margin: 0!important;
        padding-right: 0;
        padding-left: 0;
    }

#content {
    padding: 10px 14px;
    position: relative;
}

body.container {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    box-shadow: 0 2px 70px rgba(0,0,0,.45);
}

h1 {
    letter-spacing: -1px;
    font-size: 24px;
    margin: 10px 0;
}

    h1 small {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -1px;
    }

.lead {
    font-size: 19px;
}

h2 {
    letter-spacing: -1px;
    font-size: 22px;
    margin: 20px 0;
    line-height: normal;
}

h3 {
    display: block;
    font-size: 19px;
    font-weight: 400;
    margin: 20px 0;
    line-height: normal;
}

h4 {
    line-height: normal;
}

h5 {
    font-size: 17px;
    font-weight: 300;
    margin: 10px 0;
    line-height: normal;
}

h6 {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 700;
    line-height: normal;
}

.row-seperator-header {
    margin: 15px 14px 20px;
    border-bottom: none;
    display: block;
    color: #646464;
    font-size: 20px;
    font-weight: 400;
}

.center-canvas, .center-child-canvas > canvas {
    display: block!important;
    margin: 0 auto!important;
}

.bordered {
    border: 1px solid rgba(0,0,0,.2);
}

    .bordered:hover {
        border: 1px solid rgba(0,0,0,.4);
    }


#header {
    display: block;
    height: 49px;
    margin: 0;
    padding: 0 13px 0 0;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top,#f3f3f3,#e2e2e2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2));
    background-image: -webkit-linear-gradient(top,#f3f3f3,#e2e2e2);
    background-image: -o-linear-gradient(top,#f3f3f3,#e2e2e2);
    background-image: linear-gradient(to bottom,#f3f3f3,#e2e2e2);
    background-repeat: repeat-x;
    position: relative;
    z-index: 905;
}

    #header > div {
        display: inline-block;
        vertical-align: middle;
        height: 49px;
        float: left;
    }

        #header > div.open {
            font-weight: 700;
        }

.fixed-header #header {
    position: fixed;
    width: 100%;
    z-index: 905;
    top: 0;
    border-bottom: 2px solid #999;
    border-bottom: 1px solid rgba(0,0,0,.3);
    box-shadow: -11px 12px 23px rgba(0,0,0,.1);
}

.fixed-header.fixed-ribbon #header {
    border-bottom: none;
    box-shadow: none;
}

.container.fixed-header #header {
    max-width: 1164px;
}

.fixed-header #header .ajax-dropdown {
    z-index: 906;
}

.fixed-header #shortcut {
    position: fixed;
}

.fixed-header #main {
    margin-top: 49px;
}

#logo-group > span {
    display: inline-block;
    height: 39px;
    float: left;
}

#logo-group span#activity {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default!important;
    display: inline-block;
    font-weight: 700;
    height: 24px;
    width: 24px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    color: #c4bab6;
    font-size: 19px;
    margin: 10px 0 0;
    position: relative;
}

    #logo-group span#activity:hover {
        border: 1px solid #bfbfbf;
        transition: all 0s;
        cursor: pointer!important;
        -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
    }

#logo {
    display: inline-block;
    width: 175px;
    margin-top: 13px;
    margin-left: 9px;
}

    #logo img {
        width: 214px;
        height: auto;
        padding-left: 3px;
        margin-left: -16px;
        margin-top: -11px;
    }


#search-mobile {
    display: none;
}



#header > :first-child, aside {
    width: 220px;
}

#left-panel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 904;
    padding-top: 49px;
}

#main {
    margin-left: 220px;
    padding: 0;
    /*padding-bottom: 52px;*/
    min-height: 500px;
}

#ribbon {
    min-height: 40px;
    background: #474544;
    padding: 0 13px;
    position: relative;
}

    #ribbon .breadcrumb {
        display: inline-block;
        margin: 0;
        padding: 11px 34px 11px 0!important;
        background: 0 0;
        vertical-align: top;
    }

        #ribbon .breadcrumb, #ribbon .breadcrumb a {
            color: #BBB!important;
            text-decoration: none!Important;
        }

            #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
                color: #E4E4E4;
            }

.fixed-ribbon #ribbon {
    position: fixed;
    right: 0;
    left: 220px;
    top: 49px;
    z-index: 901;
}

.container.fixed-ribbon #ribbon {
    width: 944px;
    left: 590px;
}

.fixed-ribbon #content {
    padding-top: 50px;
}

.minified.fixed-ribbon #ribbon {
    left: 45px;
}

.hidden-menu.fixed-ribbon #ribbon {
    left: 10px;
}

.fixed-navigation #left-panel {
    height: 100%;
    position: fixed;
}

.fixed-navigation nav {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 49px;
}

    .fixed-navigation nav > ul {
        padding-right: 15px;
        position: relative;
        height: 100%;
        width: 114%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

.mobile-detected.fixed-navigation nav > ul {
    padding-right: 30px!important;
}

.minified.fixed-navigation nav {
    -webkit-overflow-scrolling: none;
    overflow: visible;
    height: auto;
    padding-bottom: 0;
}

    .minified.fixed-navigation nav > ul {
        overflow: visible;
        padding-right: 0;
        width: 100%;
    }

nav ul li a:active {
    background: #616161!important;
}

nav ul {
    width: 100%;
    padding: 40px 28px 25px 0;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: .5em;
    list-style: none;
    position: relative;
}

    nav ul .active > a {
        color: #fff!important;
        position: relative;
    }

    nav ul li.active > a:before {
        content: "\f0d9";
        font-family: FontAwesome;
        display: block;
        height: 27px;
        line-height: normal;
        width: 27px;
        position: absolute;
        right: -21px;
        font-size: 20px;
        color: #eee;
    }

    nav ul li.active.open > a:before {
        content: "";
    }

nav > ul > li:last-child.open {
    border-bottom: 1px solid rgba(255,255,255,.15);
}

nav ul li {
    overflow: hidden;
}

    nav ul li a {
        line-height: normal;
        font-size: 14px;
        padding: 10px 10px 10px 11px;
        color: #a8a8a8;
        display: block;
        font-weight: 400;
        text-decoration: none!important;
        position: relative;
    }

nav > ul > li > ul > li > a, nav > ul > li > ul > li > ul > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
}

nav ul li a:focus {
    color: #c9c9c9;
}

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

nav ul b {
    float: right;
    font-size: 11px;
    margin-top: 2px;
}

nav ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0;
}

nav ul li.open > a, nav ul li.open > a b {
    color: #fff!important;
}

nav > ul > li > a b {
    position: absolute!important;
    right: 10px;
    top: 10px;
}

nav > ul > li > a > i {
    margin-right: 5px;
    width: 15px;
    display: inline-block;
    text-align: center;
    position: relative;
}

    nav > ul > li > a > i > em {
        font-size: 9px;
        display: block;
        padding: 2px;
        position: absolute;
        top: -8px;
        right: -6px;
        text-decoration: none;
        font-style: normal;
        background: #ED1C24;
        color: #fff;
        min-width: 13px;
        border-radius: 50%;
        max-height: 13px;
        line-height: 8px;
        font-weight: 700;
        vertical-align: baseline;
        white-space: nowrap;
        text-align: center;
        border: 1px solid rgba(255,255,255,.1);
    }

nav ul li li {
    border-bottom: none;
    position: relative;
}

nav > ul > li > ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A;
}

nav > ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    left: 23px;
    top: 16px;
    border-top: 1px solid #7A7A7A;
    z-index: 1;
}

nav > ul ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    left: 10px;
    top: 17px;
    border-top: 1px solid transparent;
}

nav > ul ul li a i {
    font-size: 14px!important;
    width: 18px!important;
    text-align: center!important;
    vertical-align: 0!important;
    line-height: 1!important;
}

nav > ul > li:hover > ul::before, nav > ul > li:hover > ul > li::before {
    border-color: #ACACAC!important;
}

nav ul ul {
    margin: 0;
    display: none;
    background: rgba(69,69,69,.6);
    padding: 7px 0;
}

    nav ul ul ul {
        background: 0 0;
        padding: 0;
    }

    nav ul ul li {
        margin: 0;
        padding: 0;
    }

        nav ul ul li > a {
            padding-left: 42px;
            font-size: 14px;
            font-weight: 400;
            outline: 0;
        }

            nav ul ul li > a:hover {
                background-color: rgba(69,69,69,.8);
                color: #fff;
            }

    nav ul ul ul li a {
        color: #bfbfbf;
        padding: 8px 10px 8px 60px;
        font-size: 14px;
    }

        nav ul ul ul li a:hover {
            background-color: #4C4F53;
            color: #fff;
        }

    nav ul ul ul ul li a {
        padding-left: 80px;
    }

    nav ul ul ul ul ul li a {
        padding-left: 100px;
    }

    nav ul ul ul ul ul ul li a {
        padding-left: 120px;
    }

    nav ul ul b {
        color: #B3B3B3;
    }

    nav ul ul > li:hover b {
        color: #D5D9E2;
    }

.header-dropdown-list {
    list-style: none;
    float: right;
    position: relative;
    margin: 0;
}

    .header-dropdown-list > li {
        display: inline-block;
        padding-right: 5px;
    }

        .header-dropdown-list > li > .dropdown-toggle {
            margin-top: 16px;
            display: block;
        }



.form-control {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}



.well .form-actions {
    margin-left: -19px;
    margin-right: -19px;
    margin-bottom: -19px;
}

.well.well-lg .form-actions {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;
}

.well.well-sm .form-actions {
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: -9px;
}


.well {
    background: #fbfbfb;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ececec;
    -webkit-box-shadow: 0 1px 1px #ececec;
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
}

    .well.well-clean {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: transparent;
    }

    .well.well-glass {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: transparent;
        background-color: rgba(255,255,255,.25);
        color: #fff;
    }

    .well.well-light {
        background: #fff;
        border: 1px solid #e2e2e2;
    }

.widget-body .well {
    margin-bottom: 0;
}

.well.transparent {
    border: none!important;
    background: none!important;
}



.well[class*=" bg-"], .well[class^=bg-] {
    border: 1px solid #555!important;
}

.progress-micro {
    height: 3px!important;
    line-height: 3px!important;
}

.progress-xs {
    height: 7px!important;
    line-height: 7px!important;
}

.progress-sm {
    height: 14px!important;
    line-height: 14px!important;
}

.progress-lg {
    height: 30px!important;
    line-height: 30px!important;
}

.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: 25px;
    height: 100%;
    min-height: 150px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 0;
}

.progress.wide-bar {
    width: 40px;
}

.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 .6s ease;
    transition: height .6s ease;
}

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

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

    to {
        background-position: 0 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

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

    to {
        background-position: 0 0;
    }
}

.progress {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 22px;
    background: #d1c6d2;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.progress2 {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 22px;
    background: #FAEBF0;
    box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -webkit-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    -moz-box-shadow: 0 1px 0 transparent,0 0 0 1px #e3e3e3 inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #57889c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    /*background-image: url(../img/pattern/overlay-pattern.png);*/
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

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

.progress-bar-danger {
    background-color: #a90329;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
}

.progress-bar-success {
    background-color: #739e73;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
}

.progress-bar-warning {
    background-color: #c79121;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
}

.progress-bar-info {
    background-color: #57889c;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
}

.progress .bar-info, .progress-info .bar {
    background: #57889c;
}

.vertical-bars {
    padding: 0;
    margin: 0;
}

    .vertical-bars:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .vertical-bars li {
        padding: 14px 0;
        width: 25%;
        display: block;
        float: left;
        text-align: center;
    }

        .vertical-bars li:first-child {
            border-left: none;
        }

    .vertical-bars > li > .progress.vertical:first-child {
        margin-left: auto;
    }

    .vertical-bars > li > .progress.vertical {
        margin: 0 auto;
        float: none;
    }

.bar-holder:first-child {
    border-top: none;
}

.bar-holder {
    padding: 18px 15px;
}

    .bar-holder .progress {
        margin: 0;
    }

.nav-tabs > li > a .badge {
    font-size: 11px;
    padding: 3px 5px;
    opacity: .5;
    margin-left: 5px;
    min-width: 17px;
    font-weight: 400;
}

.nav-tabs > li > a > .fa {
    opacity: .5;
}

.tabs-left .nav-tabs > li > a .badge {
    margin-right: 5px;
    margin-left: 0;
}

.nav-tabs > li > a .label {
    display: inline-block;
    font-size: 11px;
    margin-left: 5px;
    opacity: .5;
}

.nav-tabs > li.active > a .badge, .nav-tabs > li.active > a .label, .nav-tabs > li.active > a > .fa {
    opacity: 1;
}

.nav-tabs > li > a {
    border-radius: 0;
    color: #333;
}

.nav-tabs > li.active > a {
    -webkit-box-shadow: 0 -2px 0 #57889c;
    -moz-box-shadow: 0 -2px 0 #57889c;
    box-shadow: 0 -2px 0 #57889c;
    border-top-width: 0!important;
    margin-top: 1px!important;
    font-weight: 700;
}

.tabs-left .nav-tabs > li.active > a {
    -webkit-box-shadow: -2px 0 0 #57889c;
    -moz-box-shadow: -2px 0 0 #57889c;
    box-shadow: -2px 0 0 #57889c;
    border-top-width: 1px!important;
    border-left: none!important;
    margin-left: 1px!important;
}

.tabs-left .nav-pills > li.active > a {
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}

.tabs-right .nav-tabs > li.active > a {
    -webkit-box-shadow: 2px 0 0 #57889c;
    -moz-box-shadow: 2px 0 0 #57889c;
    box-shadow: 2px 0 0 #57889c;
    border-top-width: 1px!important;
    border-right: none!important;
    margin-right: 1px!important;
}

.tabs-below .nav-tabs > li.active > a {
    -webkit-box-shadow: 0 2px 0 #57889c;
    -moz-box-shadow: 0 2px 0 #57889c;
    box-shadow: 0 2px 0 #57889c;
    border-bottom-width: 0!important;
    border-top: none!important;
    margin-top: 0!important;
}

.tabs-left > .nav-pills > li, .tabs-left > .nav-tabs > li, .tabs-right > .nav-pills > li, .tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-pills > li > a, .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-pills > li > a, .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-pills, .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-pills {
    border-right: none;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
}

    .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
        border-color: #eee #d5d5d5 #eee #eee;
    }

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > a:hover {
    border-color: #d5d5d5 transparent #d5d5d5 #ddd;
    *border-right-color: #fff;
}

.tabs-left > .tab-content {
    margin-left: 109px;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
    }

        .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #eee #eee #eee #ddd;
        }

    .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #fff;
    }

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0;
}



.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
            border-top-color: #ddd;
            border-bottom-color: transparent;
        }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #ddd #ddd;
    }

.nav-tabs.bordered {
    background: #fff;
    border: 1px solid #ddd;
}

    .nav-tabs.bordered > :first-child a {
        border-left-width: 0!important;
    }

    .nav-tabs.bordered + .tab-content {
        border: 1px solid #ddd;
        border-top: none;
    }

.tabs-pull-right.nav-pills > li, .tabs-pull-right.nav-tabs > li {
    float: right;
}

    .tabs-pull-right.nav-pills > li:first-child > a, .tabs-pull-right.nav-tabs > li:first-child > a {
        margin-right: 1px;
    }

.tabs-pull-right.bordered.nav-pills > li:first-child > a, .tabs-pull-right.bordered.nav-tabs > li:first-child > a {
    border-left-width: 1px!important;
    margin-right: 0;
    border-right-width: 0;
}

.jarviswidget > header > .nav-tabs.pull-left > li:first-child a {
    border-left-width: 0!important;
}

.btn, a:link, button {
    /*-webkit-tap-highlight-color: rgba(169,3,41,.5);*/
}

#logo-group *, .login-info, .login-info *, .minified .menu-item-parent {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.hidden-desktop {
    display: none!important;
}

.dropdown-menu-xs {
    min-width: 37px;
}

    .dropdown-menu-xs > li > a {
        padding: 3px 10px;
    }

        .dropdown-menu-xs > li > a:hover i {
            color: #fff!important;
        }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #bfbfbf;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

.table.has-tickbox thead tr th:first-child {
    width: 18px;
}

.table.has-tickbox.smart-form tbody tr td:first-child .checkbox, .table.has-tickbox.smart-form tbody tr td:first-child .radio, .table.has-tickbox.smart-form thead tr th:first-child .checkbox, .table.has-tickbox.smart-form thead tr th:first-child .radio {
    padding: 0!important;
}

.fc-border-separate thead tr, .table thead tr {
    background-color: #eee;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));
    background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    font-size: 12px;
}

    .fc-border-separate thead tr th {
        padding: 4px;
        line-height: 1.428571429;
    }

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-width: 1px;
}

.no-padding > .table-bordered, .no-padding > .table-responsive > .table-bordered {
    border: none!important;
}

    .no-padding > .table-bordered tbody tr td:first-child, .no-padding > .table-bordered thead tr td:first-child, .no-padding > .table-bordered thead tr th:first-child, .no-padding > .table-responsive > .table-bordered tbody tr td:first-child, .no-padding > .table-responsive > .table-bordered thead tr td:first-child, .no-padding > .table-responsive > .table-bordered thead tr th:first-child {
        border-left-width: 0!important;
    }

    .no-padding > .table-bordered tbody tr td:last-child, .no-padding > .table-bordered thead tr th:last-child, .no-padding > .table-responsive > .table-bordered tbody tr td:last-child, .no-padding > .table-responsive > .table-bordered thead tr th:last-child {
        border-right-width: 0!important;
    }

    .no-padding > .table-bordered tbody tr:last-child td, .no-padding > .table-responsive > .table-bordered tbody tr:last-child td {
        border-bottom-width: 0!important;
    }

.no-padding .table-responsive .table {
    margin-bottom: 0;
}

.no-padding .note-editable .table-bordered {
    border: 1px solid #ddd!important;
}

.smart-form.table td .checkbox i, .smart-form.table td .radio i, .smart-form.table th .checkbox i, .smart-form.table th .radio i {
    top: 0!important;
}

.table-condensed.table > tbody > tr > td, .table-condensed.table > tbody > tr > th, .table-condensed.table > tfoot > tr > td, .table-condensed.table > tfoot > tr > th, .table-condensed.table > thead > tr > td, .table-condensed.table > thead > tr > th {
    padding: 5px 10px!important;
}

.show-stats .progress {
    height: 7px;
    border-radius: 0;
    margin-top: 3px;
    margin-bottom: 15px;
}

.show-stats {
    padding-top: 6px!important;
}



.disabled {
    color: #fff;
}

.btn-default.disabled {
    color: #999;
}

.btn {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}

    .btn:active {
        position: relative;
        top: 1px;
        left: 1px;
    }

    .btn.btn-ribbon {
        border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #707070;
        background-repeat: repeat-x;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    vertical-align: middle;
    height: 20px;
    display: block;
    float: left;
    margin: 0 8px 0 0;
    cursor: pointer;
    background-image: linear-gradient(to bottom,#777,#666);
}

        .btn.btn-ribbon > i {
            font-size: 111%;
        }

.ribbon-button-alignment {
    padding-top: 10px;
    display: inline-block;
}

    .ribbon-button-alignment.pull-right > .btn.btn-ribbon {
        margin: 0 0 0 8px;
    }




.ajax-dropdown > :first-child {
    margin: 0 0 3px;
    padding: 0 0 9px;
}

.ajax-dropdown {
    position: absolute;
    display: none;
    z-index: 905;
    top: 48px;
    left: 16px;
    width: 344px;
    height: 435px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    -moz-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    box-shadow: 0 2px 4px rgba(30,30,100,.25);
    padding: 10px;
    background: #fff;
    border: 1px solid #b3b3b3;
}

    .ajax-dropdown:after, .ajax-dropdown:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ajax-dropdown:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 7px;
        left: 50%;
        margin-left: -7px;
    }

    .ajax-dropdown:before {
        border-color: rgba(131,131,131,0);
        border-bottom-color: #838383;
        border-width: 8px;
        left: 50%;
        margin-left: -8px;
    }

    .ajax-dropdown .btn-group .btn {
        font-weight: 700;
        text-transform: capitalize;
    }

    .ajax-dropdown .btn-group > :nth-child(2) {
        border-right-width: 0;
        border-left-width: 0;
    }

    .ajax-dropdown .btn-group > :last-child {
        border-right-width: 1px!important;
    }

    .ajax-dropdown .btn-group .btn:active {
        top: 0;
        left: 0;
    }


.ajax-dropdown > :last-child {
    font-size: 13px;
    display: block;
    padding: 5px 0;
    line-height: 22px;
    font-weight: 400;
}

.ajax-dropdown .fa-4x.fa-border {
    border-width: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 46px;
    text-align: center;
    color: #D1D1D1;
    border-color: #D1D1D1;
}

.dropdown-large {
    position: static!important;
}

.dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0;
}

    .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
    }

        .dropdown-menu-large > li > ul > li {
            list-style: none;
        }

            .dropdown-menu-large > li > ul > li > a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: 400;
                line-height: 1.428571429;
                color: #333;
                white-space: normal;
            }

    .dropdown-menu-large > li ul > li > a:focus, .dropdown-menu-large > li ul > li > a:hover {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }

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

        .dropdown-menu-large .disabled > a:focus, .dropdown-menu-large .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed;
        }

    .dropdown-menu-large .dropdown-header {
        color: #428bca;
        font-size: 18px;
    }

@media (max-width:768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

        .dropdown-menu-large > li {
            margin-bottom: 30px;
        }

            .dropdown-menu-large > li:last-child {
                margin-bottom: 0;
            }

        .dropdown-menu-large .dropdown-header {
            padding: 3px 15px!important;
        }
}





#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}


#sparks2 {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}


#sparks3 {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}

#sparks3 li {
    display: inline-block;
    max-height: 65px;
    overflow: hidden;
    text-align: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#sparks2 li {
    display: inline-block;
    max-height: 65px;
    overflow: hidden;
    text-align: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


#sparks2 li h5 {
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin: -3px 0 0 0;
    padding: 0;
    border: none;
    text-transform: uppercase;
}

#sparks2 li span {
    color: #636363;
    display: block;
}


    #sparks3 li span {
        color: #636363;
        display: block;
    }

    #sparks2 li {
        border-left: 2px solid #413d3e;
        padding: 0 10px;
    }

#sparks3 li {
    border-left: 2px solid #413d3e;
    padding: 0 10px;
}

    #sparks2 li:last-child {
        padding-right: 0;
    }

#sparks3 li:last-child {
    padding-right: 0;
}

    #sparks2 li:first-child {
        border-left: none;
        padding-left: 0;
    }

#sparks3 li:first-child {
    border-left: none;
    padding-left: 0;
}

    #sparks li {
        display: inline-block;
        max-height: 65px;
        overflow: hidden;
        text-align: left;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

        #sparks li h5 {
            color: #555;
            float: left;
            font-size: 11px;
            font-weight: 400;
            margin: -3px 0 0 0;
            padding: 0;
            border: none;
            text-transform: uppercase;
        }

        #sparks li span {
            color: #636363;
            display: block;
        }

    #sparks li {
        border-left: 1px dotted #c7c7c7;
        padding: 0 10px;
    }

        #sparks li:last-child {
            padding-right: 0;
        }

        #sparks li:first-child {
            border-left: none;
            padding-left: 0;
        }

.sparks-info {
    min-width: 70px;
}

    .sparks-info span {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        text-transform: none;
    }

    .sparks-info .sparkline {
        display: block;
        float: right;
        margin: 3px 0 0 20px;
    }




    .sparks-info {
    min-width: 70px;
}

    .sparks-info span {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        text-transform: none;
    }

    .sparks-info .sparkline {
        display: block;
        float: right;
        margin: 3px 0 0 20px;
    }

.custom-scroll::-webkit-scrollbar {
    -webkit-overflow-scrolling: touch;
    height: 10px;
    width: 10px;
}

    .custom-scroll::-webkit-scrollbar:hover {
        background-color: #E9E9E9;
        border: 1px solid #dbdbdb;
    }

.custom-scroll::-webkit-scrollbar-button:end:increment, .custom-scroll::-webkit-scrollbar-button:start:decrement {
    background: 0 0;
    display: block;
    height: 0;
}

.custom-scroll::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
}

.custom-scroll::-webkit-scrollbar-track-piece {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border-radius: 0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip: padding-box;
    background-color: rgba(0,0,0,.2);
    border: none;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

    .custom-scroll::-webkit-scrollbar-thumb:horizontal, .custom-scroll::-webkit-scrollbar-thumb:vertical {
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -webkit-border-radius: 0;
        background-color: #bfbfbf;
        border-radius: 0;
    }

    .custom-scroll::-webkit-scrollbar-thumb:active {
        -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.33);
        -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.33);
        background-color: rgba(0,0,0,.44);
        box-shadow: inset 1px 1px 3px rgba(0,0,0,.33);
    }

    .custom-scroll::-webkit-scrollbar-thumb:hover {
        background-color: #959595;
    }

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

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


.no-padding-bottom {
    padding-bottom: 0!important;
}

.padding-5 {
    padding: 5px!important;
}

.padding-7 {
    padding: 7px!important;
}

.padding-10 {
    padding: 10px!important;
}

.padding-gutter {
    padding: 13px!important;
}

.padding-top-10 {
    padding-top: 10px!important;
}

.padding-top-15 {
    padding-top: 15px!important;
}

.padding-bottom-10 {
    padding-bottom: 10px!important;
}

.padding-bottom-0 {
    padding-bottom: 0!important;
}

.padding-top-0 {
    padding-top: 0!important;
}

.no-padding .dataTables_wrapper table tr td:last-child, .no-padding .dataTables_wrapper table tr th:last-child, .no-padding > table tr td:last-child, .no-padding > table tr th:last-child {
    border-right: none!important;
}

.no-padding .dataTables_wrapper table tr td:first-child, .no-padding .dataTables_wrapper table tr th:first-child, .no-padding > table tr td:first-child, .no-padding > table tr th:first-child {
    border-left: none!important;
}

.no-padding .dataTables_wrapper table tbody tr:last-child td {
    border-bottom: 0;
}

.semi-bold {
    font-weight: 400!important;
}

.ultra-light {
    font-weight: 300!important;
}


.no-margin {
    margin: 0!important;
}

.margin-top-5 {
    margin-top: 5px!important;
}

.margin-top-10 {
    margin-top: 10px!important;
}

.margin-bottom-5 {
    margin-bottom: 5px!important;
}

.margin-bottom-10 {
    margin-bottom: 10px!important;
}

.margin-right-5 {
    margin-right: 5px!important;
}

.margin-top-0 {
    margin-top: 0!important;
}

.margin-bottom-0 {
    margin-bottom: 0!important;
}

.no-border, .well[class*=" bg-"].no-border {
    border-width: 0!important;
}

.no-border-transparent {
    border-color: transparent!important;
}

.no-border-radius {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

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

.display-normal {
    display: inline!important;
}

.cursor-pointer {
    cursor: pointer;
}

.hover-transparent {
    opacity: .5;
}

    .hover-transparent:hover {
        opacity: 1;
    }



hr.simple {
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: dashed;
}

.pull-right {
    float: right!Important;
}

.pull-left {
    float: left!Important;
}


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

.checkbox input[type=checkbox].checkbox + span, .checkbox-inline input[type=checkbox].checkbox + span, .radio input[type=radio].radiobox + span, .radiobox-inline input[type=radio].radiobox + span {
    margin-left: -20px;
}

.form-inline .checkbox input[type=checkbox].checkbox + span, .form-inline .radiobox input[type=radio].radiobox + span {
    margin-left: 0;
}

.form-inline .checkbox, .form-inline .radiobox {
    padding-left: 0;
}

input[type=checkbox].checkbox + span, label input[type=radio].radiobox + span {
    vertical-align: middle;
    line-height: 20px;
}

    input[type=checkbox].checkbox + span, input[type=checkbox].checkbox + span:after, input[type=checkbox].checkbox + span:before, input[type=radio].radiobox + span, input[type=radio].radiobox + span:after, input[type=radio].radiobox + span:before {
        box-sizing: content-box!important;
        -webkit-box-sizing: content-box!important;
        -moz-box-sizing: content-box!important;
    }

input[type=checkbox].checkbox, input[type=radio].radiobox {
    visibility: hidden;
    position: absolute;
    z-index: 20;
    width: 18px;
    height: 18px;
}

label input[type=checkbox].checkbox + span, label input[type=radio].radiobox + span {
    position: relative;
    z-index: 19;
    display: inline-block;
    margin: 0;
    line-height: 17px;
    min-height: 14px;
    min-width: 14px;
    margin-right: 5px;
}

    label input[type=checkbox].checkbox + span:hover, label input[type=radio].radiobox + span:hover {
        cursor: pointer;
    }

    label input[type=checkbox].checkbox + span:before, label input[type=radio].radiobox + span:before {
        font-family: FontAwesome;
        font-size: 12px;
        border-radius: 0;
        content: "\a0";
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 1px;
        height: 12px;
        line-height: 12px;
        min-width: 12px;
        margin-right: 5px;
        border: 1px solid #bfbfbf;
        background-color: #f4f4f4;
        font-weight: 400;
        margin-top: -1px;
    }

    label input[type=radio].radiobox + span:before {
        content: "\a0";
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(255,255,255,.2);
    }

label input[type=radio].radiobox:checked + span {
    font-weight: 700;
}

    label input[type=radio].radiobox:checked + span:before {
        content: "\f111";
        color: #000000;
    }

label input[type=radio].radiobox.style-3:checked + span:before {
    color: #000000;
    border-color: #000000;
}

label input[type=radio].radiobox.style-2:checked + span:before {
    color: #000000;
    border-color: #000000;
    font-size: 9px;
}

label input[type=radio].radiobox.style-2:checked + span {
    font-weight: 400;
}

label input[type=radio].radiobox.style-1 + span:before {
    font-size: 9px;
    background: #fff;
    text-shadow: none;
    box-shadow: none!important;
    border-width: 1px;
    height: 13px;
    line-height: 13px;
    min-width: 13px;
}

label input[type=radio].radiobox.style-1:checked + span:before {
    font-size: 10px;
    color: #333;
    border-color: #333;
    background: #fff;
}

label input[type=radio].radiobox.style-1:checked + span {
    font-weight: 400;
}

label:hover input[type=radio].radiobox + span:before, label:hover input[type=radio].radiobox:checked + span:before {
    color: #000000;
    border-color: #000000;
}

label:hover input[type=radio].radiobox.style-3 + span:before, label:hover input[type=radio].radiobox.style-3:checked + span:before {
    color: #a90329;
    border-color: #a90329;
}

label:hover input[type=radio].radiobox.style-2:checked + span:before {
    color: #66665e;
    border-color: #4d90fe;
}

label:hover input[type=radio].radiobox.style-1 + span:before, label:hover input[type=radio].radiobox.style-1:checked + span:before {
    color: #333;
    border-color: #333;
    background: #fff;
}

label:active input[type=radio].radiobox + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4);
}

label input[type=radio][disabled].radiobox + span, label input[type=radio][disabled].radiobox:checked + span, label:hover input[type=radio][disabled].radiobox:checked + span:before {
    color: #A7A7A7;
    cursor: not-allowed;
}

    label input[type=radio][disabled].radiobox:checked + span:before {
        content: "\f111";
    }

    label input[type=radio][disabled].radiobox + span:before, label input[type=radio][disabled].radiobox:checked + span:before, label:active input[type=radio][disabled].radiobox:checked + span:before, label:hover input[type=radio][disabled].radiobox:checked + span:before {
        background: #eee!important;
        border-color: #CCC!important;
        box-shadow: none;
        color: #A7A7A7;
    }

label input[type=checkbox].checkbox + span:before {
    content: "\a0";
}

label input[type=checkbox].checkbox:checked + span:before {
    content: "\f00c";
}

label input[type=checkbox].checkbox:checked + span {
    font-weight: 700;
}

    label input[type=checkbox].checkbox:checked + span:before {
        color: #2E7BCC;
    }

label input[type=checkbox].checkbox.style-3:checked + span:before {
    color: #fff;
    border-color: #a90329;
    background: #a90329;
}

label input[type=checkbox].checkbox.style-2 + span:before {
    background: 0 0;
    border-color: #c1c1c1;
    box-shadow: none;
}

label input[type=checkbox].checkbox.style-2:checked + span:before {
    content: "\f00c";
    color: #66665e;
    border-color: #4d90fe;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff;
}

label input[type=checkbox].checkbox.style-2:checked + span {
    font-weight: 400;
}

label input[type=checkbox].checkbox.style-1 + span:before {
    color: #333;
    background: #fff;
    text-shadow: none;
    box-shadow: none!important;
    border-width: 1px;
    height: 12px;
    line-height: 13px;
    min-width: 12px;
}

label input[type=checkbox].checkbox.style-1:checked + span:before {
    color: #333;
    border-color: #333;
}

label input[type=checkbox].checkbox.style-1:checked + span {
    font-weight: 400;
}

label:active input[type=checkbox].checkbox + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4);
}

label:hover input[type=checkbox].checkbox + span:before {
    color: #2E7BCC;
    border-color: #2E7BCC;
}

label:hover input[type=checkbox].checkbox.style-3 + span:before {
    color: #fff;
    border-color: #A90327;
}

label:hover input[type=checkbox].checkbox.style-2 + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(255,255,255,.2);
}

label:hover input[type=checkbox].checkbox.style-2:checked + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4);
}

label:hover input[type=checkbox].checkbox.style-1 + span:before {
    border-color: #333;
}

label:active input[type=checkbox].checkbox:checked + span:before {
    color: #fff;
    background: #2E7BCC;
    border-color: #2E7BCC;
}

label:active input[type=checkbox].checkbox.style-3:checked + span:before {
    color: #a90329;
    background: #fff;
    border-color: #a90329;
}

label:active input[type=checkbox].checkbox.style-2 + span:before, label:active input[type=checkbox].checkbox.style-2:checked + span:before {
    color: #66665e;
    background: 0 0;
    border-color: #c1c1c1;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.3),0 1px 0 0 rgba(255,255,255,.4);
}

label:active input[type=checkbox].checkbox.style-1:checked + span:before {
    color: #fff;
    background: #333;
    border-color: #333;
}

label input[type=checkbox][disabled].checkbox + span, label input[type=checkbox][disabled].checkbox:checked + span, label:hover input[type=checkbox][disabled].checkbox:checked + span:before {
    color: #A7A7A7;
    cursor: not-allowed;
}

    label input[type=checkbox][disabled].checkbox.style-2:checked + span:before, label input[type=checkbox][disabled].checkbox:checked + span:before {
        content: "\f00c";
    }

    label input[type=checkbox][disabled].checkbox + span:before, label input[type=checkbox][disabled].checkbox:checked + span:before, label:active input[type=checkbox][disabled].checkbox:checked + span:before, label:hover input[type=checkbox][disabled].checkbox:checked + span:before {
        background: #eee!important;
        border-color: #CCC!important;
        color: #A7A7A7;
        box-shadow: none!important;
    }

.open > .dropdown-menu {
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active + .ajax-dropdown {
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.square {
    display: block;
    float: left;
    margin-right: 10px;
    height: 20px;
    width: 20px;
}

[class*=" bg-"], [class^=bg-] {
    filter: none!important;
}

.txt-color-blue {
    color: #57889c!important;
}

.txt-color-blueLight {
    color: #92a2a8!important;
}

.txt-color-blueDark {
    color: #4c4f53!important;
}

.txt-color-green {
    color: #356e35!important;
}

.txt-color-greenLight {
    color: #71843f!important;
}

.txt-color-greenDark {
    color: #496949!important;
}

.txt-color-red {
    color: #a90329!important;
}

.txt-color-yellow {
    color: #b09b5b!important;
}

.txt-color-orange {
    color: #b19a6b!important;
}

.txt-color-orangeDark {
    color: #a57225!important;
}

.txt-color-pink {
    color: #ac5287!important;
}

.txt-color-pinkDark {
    color: #a8829f!important;
}

.txt-color-purple {
    color: #6e587a!important;
}

.txt-color-darken {
    color: #404040!important;
}

.txt-color-lighten {
    color: #d5e7ec!important;
}

.txt-color-white {
    color: #fff!important;
}

.txt-color-grayDark {
    color: #525252!important;
}

.txt-color-magenta {
    color: #6e3671!important;
}

.txt-color-teal {
    color: #568a89!important;
}

.txt-color-textoRF {
    color: #d2007e !important;
    font-weight: bold;
}

.txt-color-textoR {
    color: #ff3092!important;
    font-weight:bold;
}

.txt-color-textoM {
    color: #7f4582!important;
    font-weight: bold;
}
.txt-color-redLight {
    color: #a65858!important;
}

.bg-color-iee {
    background-color: #FAEBD7!important;
}

.bg-color-blue {
    background-color: #57889c!important;
}

.bg-color-blueLight {
    background-color: #92a2a8!important;
}

.bg-color-blueDark {
    background-color: #4c4f53!important;
}

.bg-color-green {
    background-color: #356e35!important;
}

.bg-color-greenLight {
    background-color: #71843f!important;
}

.bg-color-ine {
    background-color: #632a5b!important;
}

.bg-color-ineRosa {
    background: #d4007f!important;
}

.bg-color-greenDark {
    background-color: #496949!important;
}

.bg-color-red {
    background-color: #a90329!important;
}

.bg-color-yellow {
    background-color: #b09b5b!important;
}

.bg-color-orange {
    background-color: #c79121!important;
}

.bg-color-orangeDark {
    background-color: #a57225!important;
}

.bg-color-pink {
    background-color: #ac5287!important;
}

.bg-color-pinkDark {
    background-color: #a8829f!important;
}

.bg-color-purple {
    background-color: #6e587a!important;
}

.bg-color-darken {
    background-color: #404040!important;
}

.bg-color-lighten {
    background-color: #d5e7ec!important;
}

.bg-color-white {
    background-color: #fff!important;
}

.bg-color-grayDark {
    background-color: #525252!important;
}

.bg-color-magenta {
    background-color: #6e3671!important;
}

.bg-color-teal {
    background-color: #568a89!important;
}

.bg-color-redLight {
    background-color: #a65858!important;
}

.page-footer {
    height: 40px;
    padding: 10px 13px 0;
    padding-left: 233px;
    border-top: 1px solid #CECECE;
    background: #2a2725;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 0;
}

.fixed-page-footer .page-footer {
    position: fixed;
    z-index: 901;
}

.minified .page-footer {
    padding-left: 58px;
}

.container.fixed-page-footer .page-footer {
    max-width: 1164px;
}

.hidden-menu .page-footer {
    padding-left: 20px;
}

@media (max-width:979px) {
    html.hidden-menu-mobile-lock {
        overflow-x: hidden;
    }

    #main {
        width: 100%!important;
    }

    .page-footer {
        padding: 15px 14px 0;
    }

 

    #fullscreen > :first-child > a {
        display: none!important;
    }

    body.container {
        border: none!important;
        width: 100%!important;
    }

  

    .header-search.pull-right {
        margin-left: 0;
    }

    .visible-tablet {
        display: inline-block!important;
    }

    .display-inline.hidden-tablet, .hidden-tablet {
        display: none!important;
    }

  

}

@media (min-width:768px) and (max-width:979px) {
    #main {
        margin-left: 0;
    }

    #left-panel {
        left: -220px;
    }

    .minified #left-panel {
        left: 0;
    }

    #hide-menu > :first-child > a {
        margin-top: 9px;
        width: 40px;
    }

    .btn-header a {
        margin-top: 9px!important;
        width: 40px!important;
    }

    #hide-menu i {
        color: #6D6A69;
        font-size: 100%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .jarviswidget header h2 {
        width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .header-search > input[type=text] {
        margin-top: 9px;
    }
}

@media (min-width:768px) and (max-width:880px) {
    #main {
        margin-left: 0;
        overflow-x: hidden;
    }

    #left-panel {
        left: -220px;
    }

    .no-content-padding {
        margin: 0 -14px!important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px!important;
    }

    .minified #left-panel {
        left: 0;
    }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px!important;
        width: 40px!important;
        height: 39px!important;
        line-height: 38px!important;
    }

    #logo {
        margin-top: 10px;
    }

        #logo img {
            width: 127px;
        }

    .btn-header.transparent a {
        border: none!important;
        background: 0 0;
        margin-left: 0;
        width: 25px!important;
        box-shadow: none!important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .jarviswidget header h2 {
        width: 180px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .header-search > input[type=text] {
        margin-top: 9px;
    }
}

@media (max-width:767px) {
    .profile-pic > img {
        width: 100px;
    }

    #main {
        margin-left: 0;
        overflow-x: hidden;
    }

    #left-panel {
        left: -220px;
    }

    .show-stat-microcharts > div {
        margin-top: 0!important;
        border-right: none!important;
    }

    .show-stat-buttons {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }

    #header {
        padding-right: 5px;
    }

    #logo {
        margin-left: 4px;
    }

    .no-content-padding {
        margin: 0 -5px!important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px!important;
    }

    .minified #left-panel {
        left: 0;
    }

    .btn-header.transparent a {
        border: none!important;
        background: 0 0;
        margin-left: 0;
        width: 25px!important;
        box-shadow: none!important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px!important;
        width: 40px!important;
        height: 39px!important;
        line-height: 38px!important;
    }

    #hide-menu > :first-child > a {
        width: 50px!important;
    }

    #logo {
        margin-top: 10px;
    }

        #logo img {
            width: 127px;
        }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    body.fixed-navigation.hidden-menu {
        overflow: hidden!important;
    }

    .fixed-ribbon #content {
        padding-top: 52px;
    }

    .header-search {
        display: none;
    }

    #search-mobile {
        display: block;
    }

    .search-mobile .header-search {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 49px;
        background: #333;
        padding: 0 2px;
        box-sizing: border-box;
        left: 0;
    }

        .search-mobile .header-search > input[type=text] {
            margin-top: 2px;
            height: 45px;
            border-color: #333;
            padding-right: 75px;
        }

        .search-mobile .header-search > button {
            height: 29px;
            line-height: 29px;
            background: #DDD;
            right: 44px;
        }

    .search-mobile #search-mobile {
        display: none;
    }

    .search-mobile #cancel-search-js {
        display: block;
    }

    .jarviswidget header h2 {
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media only screen and (min-width:0) and (max-width:679px) {
    .profile-pic > img {
        width: 90px;
    }

    #main {
        margin-left: 0;
        overflow-x: hidden;
    }

    #left-panel {
        left: -220px;
    }

    .show-stat-microcharts > div {
        margin-top: 0!important;
        border-right: none!important;
    }

    .show-stat-buttons {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }

    #header {
        padding-right: 5px;
    }

    #logo {
        margin-left: 4px;
    }

    .no-content-padding {
        margin: 0 -5px!important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px!important;
    }

    .minified #left-panel {
        left: 0;
    }

    #header {
        background: #fff;
    }

    #ribbon {
        border-bottom: 1px solid #CFCFCF;
        border-top: 1px solid #E6E6E6;
        background: #F5F5F5;
    }

        #ribbon .breadcrumb, #ribbon .breadcrumb a {
            color: #6D6C6C!important;
        }

            #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
                color: #333!important;
            }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px!important;
        width: 40px!important;
        height: 39px!important;
        line-height: 38px!important;
    }

    #hide-menu > :first-child > a {
        width: 50px!important;
    }

    #logo {
        margin-top: 10px;
    }

        #logo img {
            width: 127px;
        }

    .btn-header.transparent a {
        border: none!important;
        background: 0 0;
        margin-left: 0;
        width: 25px!important;
        box-shadow: none!important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .header-search {
        display: none;
    }

    #search-mobile {
        display: block;
    }

    .search-mobile .header-search {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 49px;
        background: #333;
        padding: 0 2px;
        box-sizing: border-box;
        left: 0;
    }

        .search-mobile .header-search > input[type=text] {
            margin-top: 2px;
            height: 45px;
            border-color: #333;
            padding-right: 75px;
        }

        .search-mobile .header-search > button {
            height: 29px;
            line-height: 29px;
            background: #DDD;
            right: 44px;
        }

    .search-mobile #search-mobile {
        display: none;
    }

    .search-mobile #cancel-search-js {
        display: block;
    }

    .hidden-tablet {
        display: none!important;
    }

    .jarviswidget header h2 {
        width: 300px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .page-title {
        display: none;
    }

    .profile-pic {
        text-align: left;
    }

        .profile-pic > img {
            width: 90px;
            margin-left: 0;
            top: -25px;
            margin-right: 0;
        }

        .profile-pic + div > h1 {
            font-size: 20px;
        }

            .profile-pic + div > h1 small {
                font-size: 16px;
            }

    .profile-carousel .carousel-indicators {
        top: 10px;
    }

    #main {
        margin-left: 0;
        overflow-x: hidden;
    }

    #left-panel {
        left: -220px;
    }

    .show-stat-microcharts > div {
        margin-top: 0!important;
        border-right: none!important;
    }

    .show-stat-buttons {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    #content, #ribbon {
        padding-left: 5px;
        padding-right: 5px;
    }

    #header {
        padding-right: 5px;
    }

    #logo {
        margin-left: 4px;
    }

    .no-content-padding {
        margin: 0 -5px!important;
    }

    .inbox-nav-bar.no-content-padding {
        margin-top: -10px!important;
    }

    .minified #left-panel {
        left: 0;
    }

    #header {
        background: #fff;
    }

    #ribbon {
        border-bottom: 1px solid #CFCFCF;
        border-top: 1px solid #E6E6E6;
        background: #F5F5F5;
    }

        #ribbon .breadcrumb, #ribbon .breadcrumb a {
            color: #6D6C6C!important;
        }

            #ribbon .breadcrumb li:last-child, #ribbon .breadcrumb > .active {
                color: #333!important;
            }

    #logo {
        width: 135px;
    }

    #logo-group {
        width: 169px!important;
    }

    #sparks {
        text-align: center;
        background: #E0E0E0;
        padding: 10px 0;
        margin-bottom: 15px;
    }

        #sparks li {
            padding: 0 10px 0 20px;
        }

    #hide-menu > :first-child > a, .btn-header a {
        margin-top: 5px!important;
        width: 40px!important;
        height: 39px!important;
        line-height: 38px!important;
    }

    #logo {
        margin-top: 10px;
    }

        #logo img {
            width: 127px;
        }

    .btn-header.transparent a {
        border: none!important;
        background: 0 0;
        margin-left: 0;
        width: 25px!important;
        box-shadow: none!important;
    }

        .btn-header.transparent a:hover {
            color: #a90329;
        }

    #hide-menu > :first-child > a {
        width: 46px!important;
    }

    #hide-menu i {
        color: #6D6A69;
        font-size: 121%;
    }

    .hidden-menu #hide-menu i {
        color: #fff;
    }

    #hide-menu i::before {
        content: "\f0c9";
    }

    .hidden-menu #left-panel {
        left: 0;
    }

    .hidden-menu #main {
        position: relative;
        left: 210px;
    }

    .hidden-menu.fixed-ribbon #ribbon {
        left: 220px;
        width: 100%;
    }

    .fixed-ribbon #ribbon {
        left: 0;
    }

    .hidden-mobile {
        display: none!important;
    }

    .visible-mobile {
        display: inline-block!important;
    }

    .ajax-notifications {
        height: 250px;
    }

    .ajax-dropdown {
        width: 299px;
        height: 320px;
        left: 0;
        top: 49px;
    }

        .ajax-dropdown:before {
            margin-left: -14px;
        }

        .ajax-dropdown:after {
            margin-left: -13px;
        }

    .header-search {
        display: none;
    }

    #search-mobile {
        display: block;
        margin-left: 0;
    }

    .search-mobile .header-search {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 49px;
        background: #333;
        padding: 0 2px;
        box-sizing: border-box;
        left: 0;
    }

        .search-mobile .header-search > input[type=text] {
            margin-top: 2px;
            height: 45px;
            border-color: #333;
            padding-right: 75px;
        }

        .search-mobile .header-search > button {
            height: 29px;
            line-height: 29px;
            background: #DDD;
            right: 44px;
        }

    .search-mobile #search-mobile {
        display: none;
    }

    .search-mobile #cancel-search-js {
        display: block;
    }

    .jarviswidget header h2 {
        width: 135px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

#extr-page #main {
    margin-top: 0!important;
}

#mobile-profile-img {
    display: none;
}

.menu-on-top #mobile-profile-img {
    display: block!important;
    padding-right: 2px!important;
    padding-left: 2px!important;
}

    .menu-on-top #mobile-profile-img a.userdropdown img {
        width: 30px;
        margin-top: 5px;
        margin-left: 2px;
        border-radius: 3px;
        border: 1px solid #797979!important;
    }

.menu-on-top .page-footer {
    padding: 15px 13px 0;
}

.menu-on-top.hidden-menu #left-panel {
    left: 0;
}

.menu-on-top #main {
    margin-left: 0!important;
    margin-top: 69px!important;
}

.menu-on-top #hide-menu, .menu-on-top #logout, .menu-on-top .minifyme {
    display: none!important;
}

.menu-on-top aside#left-panel {
    width: 100%!important;
    min-height: 0!important;
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    border-bottom: 1px solid #222;
    border-top: 1px solid #333;
}

    .menu-on-top aside#left-panel nav > ul {
        display: block;
        width: 100%;
    }

        .menu-on-top aside#left-panel nav > ul > li:first-child {
            margin-left: 0;
        }

        .menu-on-top aside#left-panel nav > ul > li {
            position: relative;
            height: auto!important;
            padding: 0!important;
            display: inline-block;
            float: left;
            border-right: 1px solid #222;
            border-left: 1px solid #4E4E4E;
            overflow: visible;
        }

            .menu-on-top aside#left-panel nav > ul > li > a {
                display: inline-block;
                height: 68px;
                text-shadow: none!important;
                font-size: 13px;
                text-decoration: none;
                line-height: 22px;
                padding: 10px 9px!important;
            }

.menu-on-top li.active > a {
    font-weight: 700!important;
}

.menu-on-top .login-info, .menu-on-top nav > ul > li > a b {
    display: none;
}

.menu-on-top aside#left-panel nav > ul > li > a > i {
    display: block!important;
    margin: 1px 0 4px;
    line-height: inherit;
    text-align: center;
    font-size: 18px;
    margin-bottom: 2px;
    width: 100%;
}

.menu-on-top .menu-item-parent {
    max-width: 72px;
    min-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
}

    .menu-on-top .menu-item-parent + span {
        float: none!important;
        top: 5px;
        right: 5px;
        position: absolute;
    }

.menu-on-top nav ul ul li a {
    padding-left: 10px!important;
    font-size: 13px;
}

.menu-on-top aside#left-panel nav > ul > li:hover {
    background: #fff;
    background: -moz-linear-gradient(top,#cfcfcf 0,#fff 66%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#fff));
    background: -webkit-linear-gradient(top,#cfcfcf 0,#fff 66%);
    background: -o-linear-gradient(top,#cfcfcf 0,#fff 66%);
    background: -ms-linear-gradient(top,#cfcfcf 0,#fff 66%);
    background: linear-gradient(to bottom,#cfcfcf 0,#fff 66%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0);
}

    .menu-on-top aside#left-panel nav > ul > li:hover > a {
        color: #333!important;
        border-left: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
        padding-left: 8px!important;
        padding-right: 8px!important;
    }

.menu-on-top aside#left-panel nav > ul > li > ul {
    position: absolute!important;
    background: #3a3633;
}

.menu-on-top aside#left-panel nav > ul > li:hover > ul {
    display: block!important;
}

.menu-on-top aside#left-panel nav ul li.active > a:before {
    content: ""!important;
}

.menu-on-top nav > ul ul li::before, .menu-on-top nav > ul > li > ul::before {
    border: none;
}

.menu-on-top nav ul ul li a, .menu-on-top nav ul ul ul li a {
    color: #4C4F53;
}

    .menu-on-top nav ul ul li a:hover, .menu-on-top nav ul ul li:hover > a, .menu-on-top nav ul ul ul li a:hover {
        color: #fff;
        background-color: #4C4F53;
    }

.menu-on-top nav > ul ul ul {
    border-top: 1px solid #c7c7c7!important;
}

.menu-on-top nav ul ul li {
    overflow: visible;
}

.menu-on-top nav ul ul, .menu-on-top nav ul ul ul {
    background: #fff!important;
    border: 1px solid #c7c7c7;
    -moz-box-shadow: inset 0 -4px 0 0 #bd2a2a;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-bottom: 1px solid #BD2A2A;
    border-top: none;
    width: 200px;
    border-radius: 0;
    padding: 3px;
    margin-left: 0;
}

.menu-on-top nav > ul ul li:hover > ul {
    display: block;
    position: absolute;
    z-index: 999;
    left: 100%;
    top: -8px;
    background: #333;
}

.menu-on-top nav > ul > li > a:after {
    content: "\f0dd"!important;
    top: 76%!important;
    color: #636363!important;
    left: 46%;
}

.menu-on-top nav ul ul li:hover > a:after, .menu-on-top nav > ul ul > li a:after, .menu-on-top nav > ul ul > li a:hover:after, .menu-on-top nav > ul > li > a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    display: block!important;
    position: absolute;
    top: 9px;
    right: 4px;
    color: #333;
}

.menu-on-top nav ul ul li:hover > a:after, .menu-on-top nav > ul ul > li a:hover:after {
    color: #fff;
}

.menu-on-top nav > ul ul > li a:only-child:after, .menu-on-top nav > ul > li > a:only-child:after {
    content: ""!important;
}

.menu-on-top nav ul ul .active > a {
    color: #333!important;
}

    .menu-on-top nav ul ul .active > a:hover, .menu-on-top nav ul ul li.active:hover > a {
        color: #fff!important;
    }

.menu-on-top .slimScrollDiv, .menu-on-top nav {
    overflow: visible!important;
}

body.menu-on-top.fixed-header {
    padding-top: 49px;
}

    body.menu-on-top.fixed-header.fixed-navigation nav > ul {
        padding-right: 0;
        position: relative;
        height: auto;
        width: auto;
        overflow: visible;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
        left: 0;
        top: 118px;
    }

@media (max-width:979px) {
    .menu-on-top #mobile-profile-img a.userdropdown img {
        width: 39px;
        margin-top: 0;
        margin-left: 2px;
        border-radius: 3px;
        margin-right: -3px;
    }

    .menu-on-top .btn-header.pull-right {
        margin-left: 0!important;
    }

    .menu-on-top #main {
        margin-top: 0!important;
    }

    .menu-on-top #left-panel {
        left: 0;
        display: none;
    }

    body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
        top: 49px;
    }

    .menu-on-top.hidden-menu #left-panel {
        display: block;
    }

    .menu-on-top.hidden-menu #main {
        left: 0!important;
    }

    .menu-on-top #hide-menu {
        display: block!important;
    }

    .menu-on-top aside#left-panel nav {
        height: 300px!important;
        overflow: scroll;
        overflow-x: hidden!important;
        -webkit-overflow-scrolling: touch;
    }

    .menu-on-top .menu-item-parent {
        white-space: inherit;
        overflow: visible;
        text-overflow: inherit;
        text-align: left;
        min-width: 85%;
        max-width: 85%;
        padding-left: 5px;
    }

        .menu-on-top .menu-item-parent + span {
            top: 50%;
            margin-top: -8px;
        }

    .menu-on-top nav li.active > ul {
        display: block;
    }

    .menu-on-top nav > ul > li.active {
        background: #fff;
        background: -moz-linear-gradient(top,#cfcfcf 0,#fff 66%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cfcfcf),color-stop(66%,#fff));
        background: -webkit-linear-gradient(top,#cfcfcf 0,#fff 66%);
        background: -o-linear-gradient(top,#cfcfcf 0,#fff 66%);
        background: -ms-linear-gradient(top,#cfcfcf 0,#fff 66%);
        background: linear-gradient(to bottom,#cfcfcf 0,#fff 66%);
    }

        .menu-on-top nav > ul > li.active > a {
            color: #333!important;
        }

    .menu-on-top nav ul ul li:hover > a:after, .menu-on-top nav > ul ul > li a:after, .menu-on-top nav > ul ul > li a:hover:after, .menu-on-top nav > ul > li > a:after {
        top: 50%;
        right: 15px;
        font-size: 15px;
        margin-top: -8px;
        content: "\f0dd"!important;
    }

    .menu-on-top nav > ul ul > li a:only-child:after, .menu-on-top nav > ul > li > a:only-child:after {
        content: ""!important;
    }

    .menu-on-top nav > ul > li > a:after {
        top: 50%!important;
        left: auto;
        margin-top: -14px;
        font-size: 20px;
    }

    .menu-on-top nav ul ul, .menu-on-top nav ul ul ul {
        padding: 0;
        border: none;
    }

        .menu-on-top nav ul ul ul {
            border-bottom: 2px solid #333;
        }

    .menu-on-top aside#left-panel nav > ul > li {
        width: 100%;
    }

        .menu-on-top aside#left-panel nav > ul > li > a {
            height: auto;
            display: block;
            padding: 8px 9px!important;
            border-bottom: 1px dotted #585858;
        }

    .menu-on-top nav > ul > li > ul > li > a, .menu-on-top nav > ul > li > ul > li > ul > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu-on-top aside#left-panel nav > ul > li > a > i {
        display: inline!important;
    }

    .menu-on-top aside#left-panel nav > ul li ul {
        position: relative!important;
        width: 100%;
        top: 0;
        left: 0;
    }

    .menu-on-top aside#left-panel nav > ul > li:active > ul, .menu-on-top aside#left-panel nav > ul > li:focus > ul {
        display: block!important;
    }
}