/* Bootstrap responsive table hack fix for Firefox */
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}
/*Angular cloaking fix (because its loaded with require at bottom of body, not in head section) */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* Loading animation*/
.sk-fading-circle {
    /*margin: 100px auto;*/
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #333;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        -moz-transform: rotate(150deg);
        -o-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        -moz-transform: rotate(210deg);
        -o-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        -moz-transform: rotate(240deg);
        -o-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        -moz-transform: rotate(300deg);
        -o-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        -moz-transform: rotate(330deg);
        -o-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        -moz-animation-delay: -1.1s;
        -o-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        -moz-animation-delay: -1s;
        -o-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        -moz-animation-delay: -0.9s;
        -o-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        -moz-animation-delay: -0.8s;
        -o-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        -moz-animation-delay: -0.7s;
        -o-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        -moz-animation-delay: -0.6s;
        -o-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        -moz-animation-delay: -0.5s;
        -o-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        -moz-animation-delay: -0.4s;
        -o-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        -moz-animation-delay: -0.3s;
        -o-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        -moz-animation-delay: -0.2s;
        -o-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        -moz-animation-delay: -0.1s;
        -o-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-moz-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

/*Chart*/
/*Chart type change buttons*/
.ns_chart_type_buttons {
    position: absolute;
    padding-top: 10px;
    z-index: 1;
    padding-left: 16px;
}

.ns_chart_line_logo {
    background: url(images/chart_line.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.ns_chart_spline_logo {
    background: url(images/chart_spline.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.ns_chart_column_logo {
    background: url(images/chart_collum.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.ns_chart_pie_logo {
    background: url(images/chart_pie.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.ns_chart_line_input:checked + label > span {
    background: url(images/chart_line_active.png) center center no-repeat;
    border: 1px solid #ccc;
}

.ns_chart_spline_input:checked + label > span {
    background: url(images/chart_spline_active.png) center center no-repeat;
    border: 1px solid #ccc;
}

.ns_chart_column_input:checked + label > span {
    background: url(images/chart_collum_active.png) center center no-repeat;
    border: 1px solid #ccc;
}

.ns_chart_pie_input:checked + label > span {
    background: url(images/chart_pie_active.png) center center no-repeat;
    border: 1px solid #ccc;
}
/*Chart about button*/
.ns_chart_about {
    z-index: 1000;
    width: 400px;
    display: none;
    position: absolute;
    border: 1px solid #a0a0a0;
    background-color: #ffffff;
    padding: 16px;
    border-radius: 3px;
    text-align: justify;
}

    .ns_chart_about h3 {
        color: #008de7;
        padding-bottom: 10px;
    }

.highcharts-button-about:hover {
    background-color: #fff;
}

/*List ordering*/
.list-order-desc {
    background: url("images/arrowdown.png") no-repeat scroll right 10px center;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.list-order-asc {
    background: url("images/arrowup.png") no-repeat scroll right 10px center;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}

/*Feedback*/
.report_type_col {
}

    .report_type_col.icon_review {
        background: url(images/comment.png) 5px center no-repeat;
        width: 30px;
        height: 30px;
    }

    .report_type_col.icon_help {
        background: url(images/help.png) 5px center no-repeat;
        width: 30px;
        height: 30px;
    }

    .report_type_col.icon_bug {
        background: url(images/bug.png) 5px center no-repeat;
        width: 30px;
        height: 30px;
    }

    .report_type_col span {
        padding-left: 25px;
    }

/*Server status*/
.server_status { padding-right: 15px; }

    .server_status.online { background: url(images/status_green.png) right center no-repeat; }
    .server_status.offline { background: url(images/status_red.png) right center no-repeat; }
    .server_status.unknown { background: url(images/status_gray.png) right center no-repeat; }

    .server_status.active, .server_status:hover { font-weight: bold; }



.panel.panel-green {
    border-color: #5cb85c;
}
.panel.panel-yellow {
    border-color: #f0ad4e;
}
.panel.panel-red {
    border-color: #d9534f;
}
.panel-green .panel-heading{
    color: #fff;
    background-color: #5cb85c;
}
.panel-yellow .panel-heading{
    color: #fff;
    background-color: #f0ad4e;
}
.panel-red .panel-heading{
    color: #fff;
    background-color: #d9534f;
}

.home .huge {
    font-size: 50px;
}

.dashboard {
    font-size: 20px;
}

.dashboard .very-huge {
    font-size: 120px;
}

.dashboard .huge {
    font-size: 80px;
    line-height: 1;
}
.dashboard .online-users {
    color: #337ab7;
    line-height: 1;
    margin-bottom: 20px;
}

.dashboard .online-users i {
    padding-right: 20px;
}