@charset "UTF-8";
/*	
*	############################################################################
*	
*	KINGADMIN Admin Dashboard Style
*	---------------------------------------------------------------------
*
*	Version		1.6.1
*	Author		The Develovers
*	Website: 	https://www.themeineed.com/
*	Copyright	Copyright 2016 The Develovers
*	
*	############################################################################
*/
/* ========================================================================
 * bootstrap-switch - v2.0.1
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.has-switch {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #cccccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-width: 100px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

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

    .has-switch.switch-mini {
        min-width: 72px;
    }

        .has-switch.switch-mini span,
        .has-switch.switch-mini label {
            padding-bottom: 4px;
            padding-top: 4px;
            font-size: 10px;
            line-height: 9px;
        }

        .has-switch.switch-mini i.switch-mini-icons {
            height: 1.20em;
            line-height: 9px;
            vertical-align: text-top;
            text-align: center;
            transform: scale(0.6);
            margin-top: -1px;
            margin-bottom: -1px;
        }

    .has-switch.switch-small {
        min-width: 80px;
    }

        .has-switch.switch-small span,
        .has-switch.switch-small label {
            padding-bottom: 3px;
            padding-top: 3px;
            font-size: 12px;
            line-height: 18px;
        }

    .has-switch.switch-large {
        min-width: 120px;
    }

        .has-switch.switch-large span,
        .has-switch.switch-large label {
            padding-bottom: 9px;
            padding-top: 9px;
            font-size: 16px;
            line-height: normal;
        }

    .has-switch.switch-animate > div {
        -webkit-transition: left 0.5s;
        transition: left 0.5s;
    }

    .has-switch.switch-off > div {
        left: -50%;
    }

    .has-switch.switch-on > div {
        left: 0%;
    }

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

        .has-switch.disabled span,
        .has-switch.disabled label {
            cursor: default !important;
        }

    .has-switch > div {
        display: inline-block;
        width: 150%;
        position: relative;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .has-switch input[type=radio],
    .has-switch input[type=checkbox] {
        display: none;
    }

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

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

        .has-switch label i {
            color: #000;
            text-shadow: 0 1px 0 #fff;
            line-height: 18px;
            pointer-events: none;
        }

    .has-switch span {
        text-align: center;
        z-index: 1;
        width: 33.333333333%;
    }

        .has-switch span.switch-left {
            color: #f00;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .has-switch span.switch-right {
            color: #000;
            background: #eeeeee;
        }

        .has-switch span.switch-primary,
        .has-switch span.switch-left {
            color: #fff;
            background: #428bca;
        }

        .has-switch span.switch-info {
            color: #fff;
            background: #5bc0de;
        }

        .has-switch span.switch-success {
            color: #fff;
            background: #5cb85c;
        }

        .has-switch span.switch-warning {
            background: #f0ad4e;
            color: #fff;
        }

        .has-switch span.switch-danger {
            color: #fff;
            background: #d9534f;
        }

        .has-switch span.switch-default {
            color: #000;
            background: #eeeeee;
        }

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

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

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

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

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

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

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

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

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

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

/*----------------------------------------------*/





.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before,
    .modal-footer:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer:before,
    .modal-footer:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important;
    }

    tr.visible-xs.visible-sm {
        display: table-row !important;
    }

    th.visible-xs.visible-sm,
    td.visible-xs.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important;
    }

    tr.visible-xs.visible-md {
        display: table-row !important;
    }

    th.visible-xs.visible-md,
    td.visible-xs.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important;
    }

    tr.visible-xs.visible-lg {
        display: table-row !important;
    }

    th.visible-xs.visible-lg,
    td.visible-xs.visible-lg {
        display: table-cell !important;
    }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important;
    }

    tr.visible-sm.visible-xs {
        display: table-row !important;
    }

    th.visible-sm.visible-xs,
    td.visible-sm.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important;
    }

    tr.visible-sm.visible-md {
        display: table-row !important;
    }

    th.visible-sm.visible-md,
    td.visible-sm.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important;
    }

    tr.visible-sm.visible-lg {
        display: table-row !important;
    }

    th.visible-sm.visible-lg,
    td.visible-sm.visible-lg {
        display: table-cell !important;
    }
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important;
    }

    tr.visible-md.visible-xs {
        display: table-row !important;
    }

    th.visible-md.visible-xs,
    td.visible-md.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important;
    }

    tr.visible-md.visible-sm {
        display: table-row !important;
    }

    th.visible-md.visible-sm,
    td.visible-md.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important;
    }

    tr.visible-md.visible-lg {
        display: table-row !important;
    }

    th.visible-md.visible-lg,
    td.visible-md.visible-lg {
        display: table-cell !important;
    }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important;
    }

    tr.visible-lg.visible-xs {
        display: table-row !important;
    }

    th.visible-lg.visible-xs,
    td.visible-lg.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important;
    }

    tr.visible-lg.visible-sm {
        display: table-row !important;
    }

    th.visible-lg.visible-sm,
    td.visible-lg.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important;
    }

    tr.visible-lg.visible-md {
        display: table-row !important;
    }

    th.visible-lg.visible-md,
    td.visible-lg.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

.hidden-xs {
    display: block !important;
}

tr.hidden-xs {
    display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-xs,
    tr.hidden-xs,
    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm,
    tr.hidden-xs.hidden-sm,
    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md,
    tr.hidden-xs.hidden-md,
    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg,
    tr.hidden-xs.hidden-lg,
    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}

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

tr.hidden-sm {
    display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs,
    tr.hidden-sm.hidden-xs,
    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm,
    tr.hidden-sm,
    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md,
    tr.hidden-sm.hidden-md,
    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg,
    tr.hidden-sm.hidden-lg,
    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

tr.hidden-md {
    display: table-row !important;
}

th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs,
    tr.hidden-md.hidden-xs,
    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm,
    tr.hidden-md.hidden-sm,
    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md,
    tr.hidden-md,
    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg,
    tr.hidden-md.hidden-lg,
    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

tr.hidden-lg {
    display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs,
    tr.hidden-lg.hidden-xs,
    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm,
    tr.hidden-lg.hidden-sm,
    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md,
    tr.hidden-lg.hidden-md,
    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg,
    tr.hidden-lg,
    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }
}

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print,
    tr.hidden-print,
    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.dataTables_length select {
    width: 75px;
}

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

div.dataTables_filter input {
    width: 16em;
}

div.dataTables_info {
    padding-top: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

    table.dataTable th:active {
        outline: none;
    }

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

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

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

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

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

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
    border-collapse: separate !important;
}

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

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

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

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

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

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

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

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

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

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

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

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

    ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important;
        /* needed only when demo_page.css is included */
    }

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

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

div.DTTT_collection_background {
    z-index: 2002;
}

/* TableTools information display */
div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

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

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

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

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

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

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

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

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

/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important;
}

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

button.ColVis_Button,
ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    /* IE6-9 */
}

    .ColVis_Button:hover,
    ul.ColVis_collection li:hover {
        border: 1px solid #666;
        text-decoration: none !important;
        -webkit-box-shadow: 1px 1px 3px #999;
        -moz-box-shadow: 1px 1px 3px #999;
        -ms-box-shadow: 1px 1px 3px #999;
        -o-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
        background: #f3f3f3;
        /* Old browsers */
        background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* Chrome10+,Safari5.1+ */
        background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* FF3.6+ */
        background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* IE10+ */
        background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* Opera 11.10+ */
        background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 );
        /* IE6-9 */
    }

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

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

    button.ColVis_Button:active {
        outline: none;
    }

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

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

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

    ul.ColVis_collection li {
        text-align: left;
    }

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

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

        ul.ColVis_collection li.ColVis_Special {
            border-color: #555;
            background: #ededed;
            /* Old browsers */
            background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* Chrome10+,Safari5.1+ */
            background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* FF3.6+ */
            background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* IE10+ */
            background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* Opera 11.10+ */
            background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 );
            /* IE6-9 */
        }

            ul.ColVis_collection li.ColVis_Special:hover {
                background: #e2e2e2;
                /* Old browsers */
                background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* Chrome10+,Safari5.1+ */
                background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* FF3.6+ */
                background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* IE10+ */
                background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* Opera 11.10+ */
                background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 );
                /* IE6-9 */
            }

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

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

.disabled {
    color: #999;
}

/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */
table.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202;
}




div.DTCR_pointer {
    width: 1px;
    background-color: #0259C4;
    z-index: 201;
}









/*------------------------------------------------*/
/*	General Styles
/*------------------------------------------------*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #555;
    background: #fdfeff;
}

h1, h2 {
    font-family: "latolight";
}

h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    /*color: #1D92AF;*/
    color:#1d80b9;
}

    a:hover, a:focus {
        color: #14667b;
    }

hr {
    border-top-color: #ddd;
}

    hr.inner-separator {
        border-style: dashed;
    }

label {
    font-weight: 300;
}

blockquote {
    border-color: #e4e4e4;
}

input {
    border-radius: 0;
}

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

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

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

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

#wrapper {
    width: 100%;
    margin: 0 auto;
}

body.topnav-fixed #wrapper {
    padding-top: 44px;
}

/* full page such as 404, login, register */
.full-page-wrapper.wrapper {
    min-height: 96%;
    height: 96%;
}

.full-page-wrapper .inner-page {
    padding-top: 5%;
}

@media screen and (max-width: 768px) {
    .full-page-wrapper {
        position: initial;
        padding-top: 5em;
        margin-top: 0;
    }

        .full-page-wrapper .inner-page {
            position: relative;
            padding: 0 1em;
        }
}

@media screen and (max-width: 480px) {
    .full-page-wrapper {
        padding-top: 0;
    }

        .full-page-wrapper .inner-page {
            padding: 5em 1em;
        }
}

.red-font {
    color: #E60404 !important;
}

.yellow-font {
    color: #FFB800 !important;
}

.green-font {
    color: #3E9C1A !important;
}

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

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

.green-bg {
    background-color: #3E9C1A !important;
}

.link-disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

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

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

.bottom-30px {
    margin-bottom: 30px;
}

.bottom-60px {
    margin-bottom: 60px;
}

/* 2 column data presentation */
.data-row {
    margin-bottom: 0;
}

    .data-row .data-name,
    .data-row .data-value {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        padding: 5px;
    }

@media screen and (max-width: 480px) {
    .data-row .data-name,
    .data-row .data-value {
        display: block;
    }
}

.data-row .data-name {
    width: 12em;
    background-color: #ececec;
    color: #b9b9b9;
    font-size: 0.9em;
    vertical-align: top;
}

.data-row .data-value {
    padding-left: 10px;
}

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

/*------------------------------------------------*/
/*	Top
/*------------------------------------------------*/
.top-bar {
    padding: 5px 0;
    background-color: #555;
}

    .top-bar .logo {
        position: relative;
        top: 7px;
    }

    .top-bar .top-bar-right {
        text-align: right;
        position: relative;
        top: 5px;
        float: right;
        padding-left: 15px;
        padding-right: 15px;
    }

        .top-bar .top-bar-right .btn-link {
            margin: 0 8px;
            color: #ddd;
        }

            .top-bar .top-bar-right .btn-link:hover {
                color: #fff;
            }

        .top-bar .top-bar-right #global-volume {
            padding: 0;
            display: none;
        }

@media screen and (min-width: 620px) {
    .top-bar .top-bar-right #global-volume {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        padding: initial;
    }
}

.top-bar .top-bar-right #start-tour {
    display: none;
    padding: 0;
}

@media screen and (min-width: 620px) {
    .top-bar .top-bar-right #start-tour {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
    }
}

.top-bar .searchbox {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 16em;
    position: relative;
    top: 3px;
}

    .top-bar .searchbox input[type="search"] {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 3px 6px;
        height: 28px;
        font-size: 0.85em;
        color: #fff;
        background-color: #4d4d4d;
        border-color: #484848;
        -webkit-appearance: none;
    }

    .top-bar .searchbox .btn {
        padding: 3px 6px;
        background-color: #4d4d4d;
        border-color: #484848;
    }

        .top-bar .searchbox .btn i {
            color: gray;
        }

        .top-bar .searchbox .btn:hover {
            border-color: #484848;
        }

            .top-bar .searchbox .btn:hover i {
                color: #8d8d8d;
            }

@media screen and (max-width: 850px) {
    .top-bar .searchbox {
        display: none;
    }
}

.top-bar .notifications,
.top-bar .logged-user {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: left;
}

.top-bar .dropdown-menu {
    padding: 0;
}

    .top-bar .dropdown-menu > li > a {
        padding: 8px;
    }

        .top-bar .dropdown-menu > li > a:hover {
            background-color: #fafafa;
        }

.top-bar .notifications {
    margin-left: 10px;
    margin-right: 28px;
}

    .top-bar .notifications .notification-item {
        position: relative;
        margin-left: 25px;
    }

        .top-bar .notifications .notification-item .open .circle {
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            width: 5px;
            height: 5px;
            position: absolute;
            top: 19px;
            left: 4px;
            background-color: #fff;
        }

        .top-bar .notifications .notification-item .btn-group.open > a {
            color: #fff;
        }

        .top-bar .notifications .notification-item .btn-group > a {
            color: #fff;
        }

            .top-bar .notifications .notification-item .btn-group > a:hover {
                color: #fff;
                text-decoration: none;
            }

    .top-bar .notifications .btn-group.open .dropdown-toggle {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .top-bar .notifications > ul {
        list-style-type: none;
    }

        .top-bar .notifications > ul, .top-bar .notifications > ul li {
            margin: 0;
            padding: 0;
            display: inline;
        }

            .top-bar .notifications > ul > li li {
                display: block;
                padding: 0;
                border-top: 1px solid #f1f1f1;
            }

                .top-bar .notifications > ul > li li:first-child {
                    border-top: none;
                }

    .top-bar .notifications .count {
        position: absolute;
        top: -7px;
        left: 58%;
        padding: 0px 5px;
        border-radius: 30px;
        line-height: 16px;
        text-align: center;
        font-size: 10px;
        border-width: 2px;
        border-style: solid;
        color: #fff;
        background: #E60404 !important;
        border-color: #555;
    }

    .top-bar .notifications .dropdown-menu {
        top: 26px;
        width: 350px;
    }

        .top-bar .notifications .dropdown-menu .notification-header {
            font-size: 0.85em;
            font-weight: 700;
            line-height: 2;
            padding: 5px 8px;
        }

        .top-bar .notifications .dropdown-menu .notification-footer a {
            text-align: center;
            font-size: 0.85em;
        }

            .top-bar .notifications .dropdown-menu .notification-footer a:hover {
                background: none;
                text-decoration: underline;
            }

        .top-bar .notifications .dropdown-menu .text {
            font-size: 0.85em;
            margin-bottom: 0;
            color: #888888;
        }

        .top-bar .notifications .dropdown-menu .timestamp {
            font-size: 0.75em;
            color: #888888;
        }

    .top-bar .notifications .inbox .dropdown-menu {
        left: -141px;
    }

@media screen and (max-width: 480px) {
    .top-bar .notifications .inbox .dropdown-menu {
        left: -7.5em;
    }
}

.top-bar .notifications .inbox .inbox-item {
    display: block;
}

    .top-bar .notifications .inbox .inbox-item.unread {
        background-color: #E7E7E7;
    }

.top-bar .notifications .inbox img {
    width: 32px;
}

.top-bar .notifications .inbox .name {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    color: #555;
    font-weight: 700;
    margin-bottom: 0;
}

.top-bar .notifications .general .dropdown-menu {
    left: -183px;
}

    .top-bar .notifications .general .dropdown-menu li a i {
        min-width: 14px;
    }

    .top-bar .notifications .general .dropdown-menu li a .timestamp {
        float: right;
    }

@media screen and (max-width: 480px) {
    .top-bar .notifications .general .dropdown-menu {
        left: -10.5em;
    }
}

@media screen and (max-width: 620px) {
    .top-bar .notifications {
        display: none;
    }
}

.top-bar .logged-user .btn {
    padding: 0;
    border: none;
    font-size: 0.9em;
    font-weight: 700;
    text-decoration: none;
    color: #888;
}

    .top-bar .logged-user .btn .name {
        font-weight: 400;
    }

    .top-bar .logged-user .btn .caret {
        border-top-color: #888;
    }

    .top-bar .logged-user .btn:hover {
        color: #888;
        text-decoration: none;
    }

    .top-bar .logged-user .btn img {
        border: 1px solid #5e5e5e;
    }

.top-bar .logged-user .open .btn {
    color: #888;
}

.top-bar .logged-user .dropdown-menu {
    left: -38px;
    top: 31px;
    padding: 0;
}

    .top-bar .logged-user .dropdown-menu > li {
        border-top: 1px solid #f1f1f1;
    }

        .top-bar .logged-user .dropdown-menu > li:first-child {
            border-top: none;
        }

        .top-bar .logged-user .dropdown-menu > li > a {
            color: #555;
            font-size: 0.9em;
        }

@media screen and (max-width: 991px) {
    .top-bar.navbar-fixed-top + .bottom {
        margin-top: 112px;
    }
}

body.focus-mode .top-bar {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.btn-global-volume i:before {
    display: block;
    width: 13px;
}

/*------------------------------------------------*/
/*	Main Navigation
/*------------------------------------------------*/
.main-nav-toggle {
    float: left;
    color: #fff;
}

    .main-nav-toggle i {
        font-size: 28px;
    }

    .main-nav-toggle:hover, .main-nav-toggle:focus {
        color: #ddd;
    }

/* breadcrumb */
.breadcrumb li + li:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f105";
    color: #b2b6bf;
    margin-right: 2px;
    padding: 0 5px 0 2px;
    position: relative;
    top: 1px;
}
.left-sidebar {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 230px;
    padding-right: 0;
    padding-left: 0;
    left: 0;
    position: absolute;
    float: none;
    z-index: 999;
    background-color: #ECECEC;
}

    .left-sidebar.minified {
        width: 40px;
        margin-right: -40px;
        z-index: 9;
    }

        .left-sidebar.minified .main-menu > li {
            position: relative;
        }

            .left-sidebar.minified .main-menu > li i {
                width: 40px;
            }

            .left-sidebar.minified .main-menu > li .toggle-icon {
                display: none;
            }

            .left-sidebar.minified .main-menu > li > a {
                padding-left: 0;
            }

                .left-sidebar.minified .main-menu > li > a > .text {
                    display: none;
                }

            .left-sidebar.minified .main-menu > li:hover > a > .text {
                position: absolute;
                display: block;
                left: 40px;
                top: -1px;
                min-width: 200px;
                z-index: 9999;
                padding: 13px 10px;
                border: 2px solid #dfdfdf;
                line-height: 1.5;
                background: #dfdfdf;
                font-weight: 700;
                opacity: 1 !important;
            }

            .left-sidebar.minified .main-menu > li:hover > ul.sub-menu {
                display: block !important;
                min-width: 200px;
                position: absolute;
                margin-left: 40px;
                z-index: 9999;
                border: 0px solid #E4E4E4;
                border-top: none;
            }

                .left-sidebar.minified .main-menu > li:hover > ul.sub-menu > li > a {
                    padding-left: 10px;
                }

    .left-sidebar.sidebar-hide-left {
        left: -230px;
    }

@media screen and (max-width: 992px) {
    .left-sidebar {
        left: -230px;
    }
}

body.sidebar-float .left-sidebar {
    left: -230px;
    -moz-box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 4px 5px 4px rgba(0, 0, 0, 0.3);
}

    body.sidebar-float .left-sidebar.sidebar-float-active {
        left: 0;
    }

body.sidebar-fixed .left-sidebar {
    position: fixed;
    height: 100%;
}

body.focus-mode .left-sidebar {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.sidebar-minified {
    text-align: center;
    position: relative;
    margin: 8px 0;
    display:none;
}

@media screen and (max-width: 992px) {
    .sidebar-minified {
        display: none;
    }
}

.sidebar-minified:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: "";
    height: 0;
    border-top: 1px solid #c4c4c4;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 13px;
}

.sidebar-minified i {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    position: relative;
    border: 1px solid #A2A2A2;
    color: #A2A2A2;
    padding: 4px;
    background-color: #f1f1f1;
    cursor: pointer;
}

    .sidebar-minified i:hover {
        background-color: #f6f6f6;
    }

.toggle-sidebar-collapse {
    color: #fff;
    font-size: 22px;
    margin-right: 15px;
    line-height: 34px;
}

    .toggle-sidebar-collapse:hover, .toggle-sidebar-collapse:active, .toggle-sidebar-collapse:focus {
        color: #fff;
    }

/* main content navigation */
.main-content-nav ul {
    line-height: 34px;
}

.main-content-nav li {
    padding-left: 10px;
    padding-right: 10px;
}

    .main-content-nav li a {
        color: #888888;
        text-decoration: none;
    }

        .main-content-nav li a:hover, .main-content-nav li a:focus {
            color: #555;
        }

@media screen and (max-width: 768px) {
    .main-content-nav {
        float: none !important;
        margin-top: 15px;
    }
}

/* on-top navigation */
body.ontop-nav .top-bar {
    padding: 0;
}

    body.ontop-nav .top-bar .logo {
        top: 14px;
    }

    body.ontop-nav .top-bar .right {
        position: relative;
        top: 8px;
    }

    body.ontop-nav .top-bar .navbar-toggle {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        padding: 0;
        border: none;
        background: none;
        font-size: 21px;
    }

        body.ontop-nav .top-bar .navbar-toggle:hover, body.ontop-nav .top-bar .navbar-toggle:active, body.ontop-nav .top-bar .navbar-toggle:focus {
            color: #fff;
        }

@media screen and (min-width: 941px) {
    body.ontop-nav .top-bar .navbar-toggle {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 940px) {
    body.ontop-nav .top-bar .navbar-collapse.collapse {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    body.ontop-nav .top-bar .collapse.in {
        display: block !important;
    }
}

#main-navbar-collapse {
    float: right;
    margin-left: 15px;
    max-height: none;
}

    #main-navbar-collapse .navbar-nav > li > a {
        color: #fff;
    }

        #main-navbar-collapse .navbar-nav > li > a:hover, #main-navbar-collapse .navbar-nav > li > a:focus, #main-navbar-collapse .navbar-nav > li > a:visited {
            color: #fff;
            background-color: #484848;
        }

        #main-navbar-collapse .navbar-nav > li > a i {
            margin-right: 3px;
        }

    #main-navbar-collapse .nav .open > a, #main-navbar-collapse .nav .open > a:hover #main-navbar-collapse .nav .open > a:focus {
        color: #fff;
        background-color: #484848;
    }

    #main-navbar-collapse .dropdown-menu {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 200px;
        padding: 0;
        border: none;
        background-color: #484848;
    }

        #main-navbar-collapse .dropdown-menu > li > a {
            padding-left: 15px;
            padding-right: 15px;
            color: #fff;
            font-size: 13px;
        }

            #main-navbar-collapse .dropdown-menu > li > a:hover, #main-navbar-collapse .dropdown-menu > li > a:focus, #main-navbar-collapse .dropdown-menu > li > a:active, #main-navbar-collapse .dropdown-menu > li > a.active {
                background-color: #414141;
            }

@media screen and (max-width: 940px) {
    #main-navbar-collapse {
        width: 100%;
        margin-left: 0;
    }

        #main-navbar-collapse .navbar-nav > li {
            float: none;
        }

            #main-navbar-collapse .navbar-nav > li > a {
                padding-left: 0;
            }

                #main-navbar-collapse .navbar-nav > li > a:hover, #main-navbar-collapse .navbar-nav > li > a:focus, #main-navbar-collapse .navbar-nav > li > a:visited {
                    background-color: transparent;
                }

        #main-navbar-collapse .dropdown-menu {
            background-color: transparent;
        }

            #main-navbar-collapse .dropdown-menu > li > a {
                padding-left: 25px;
            }

                #main-navbar-collapse .dropdown-menu > li > a:hover, #main-navbar-collapse .dropdown-menu > li > a:focus, #main-navbar-collapse .dropdown-menu > li > a:active, #main-navbar-collapse .dropdown-menu > li > a.active {
                    background-color: transparent;
                }

        #main-navbar-collapse .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
}

/*------------------------------------------------*/
/*	Main Content
/*------------------------------------------------*/
.content-wrapper {
    /*padding: 15px 30px;*/
    margin-left: 230px;
    position: relative;
}

    .content-wrapper.expanded {
        width: 100%;
        padding-left: 70px;
        margin-left: 0;
    }

    .content-wrapper.expanded-full {
        margin-left: 0;
        padding: 15px;
    }

@media screen and (max-width: 480px) {
    .content-wrapper {
        padding: 15px;
    }
}

body.sidebar-float .content-wrapper {
    margin-left: 0;
    padding: 15px;
}

.top-general-alert {
    padding: 10px 15px;
    margin-bottom: 30px;
    border: none;
    text-align: center;
    display: none;
}

    .top-general-alert .close {
        text-decoration: none;
        position: relative;
        top: -3px;
        font-size: 12px;
        float: none;
    }

@media screen and (max-width: 992px) {
    .top-general-alert {
        position: relative;
        padding-right: 45px;
        text-align: left;
    }

        .top-general-alert .close {
            position: absolute;
            right: 15px;
            top: 0;
            font-size: 3em;
        }
}

.breadcrumb {
    background-color: inherit;
    padding-left: 0;
}

    .breadcrumb a {
        color: #555;
    }

    .breadcrumb i {
        font-size: 1.2em;
        margin-right: 5px;
    }

    .breadcrumb .active {
        font-weight: 300;
    }

/* top content, visible on every page */
@media screen and (max-width: 1199px) {
    div[class*="col-lg-"] .top-content {
        text-align: center;
    }
}

.top-content {
    text-align: right;
    margin-bottom: 20px;
    /* dashboard only */
    /* every page except dashboard */
}

    .top-content ul.mini-stat {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-bottom: 0;
    }

@media screen and (max-width: 992px) {
    .top-content ul.mini-stat {
        display: block;
    }
}

.top-content ul.mini-stat > li {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 15px;
}

    .top-content ul.mini-stat > li:first-child {
        border-left: none;
    }

@media screen and (max-width: 992px) {
    .top-content ul.mini-stat > li {
        width: 100%;
        border-left: none;
        padding-bottom: 15px;
    }
}

@media screen and (min-width: 992px) {
    .top-content ul.mini-stat > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.top-content ul.mini-stat h5 {
    float: left;
    margin: 0;
    text-align: left;
    font-size: 0.85em;
    color: #888888;
}

    .top-content ul.mini-stat h5 .stat-value {
        display: block;
        font-size: 1.5em;
        margin-top: 3px;
    }

        .top-content ul.mini-stat h5 .stat-value.stat-color-seagreen {
            color: #3F7577;
        }

        .top-content ul.mini-stat h5 .stat-value.stat-color-blue {
            color: #1D92AF;
        }

        .top-content ul.mini-stat h5 .stat-value.stat-color-orange {
            color: #CE7B11;
        }

.top-content .mini-bar-chart {
    display: block;
    float: right;
    margin: 6px 0 0 20px;
}

.top-content ul.quick-access {
    margin-bottom: 0;
}

    .top-content ul.quick-access > li {
        width: 15em;
        padding: 0;
    }

@media screen and (max-width: 768px) {
    .top-content ul.quick-access > li {
        width: 100%;
    }
}

.top-content ul.quick-access > li a, .top-content ul.quick-access > li a:focus, .top-content ul.quick-access > li a:hover {
    text-decoration: none;
}

.top-content ul.quick-access > li .quick-access-item {
    display: block;
    position: relative;
    background-color: #555;
    color: #fff;
    padding: 15px;
    text-align: left;
    overflow: hidden;
}

    .top-content ul.quick-access > li .quick-access-item h5, .top-content ul.quick-access > li .quick-access-item p {
        margin: 0;
    }

    .top-content ul.quick-access > li .quick-access-item em {
        font-size: 0.85em;
    }

    .top-content ul.quick-access > li .quick-access-item i {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: 0.1;
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        position: absolute;
        top: 0.15em;
        right: -0.1em;
        font-size: 5em;
    }

    .top-content ul.quick-access > li .quick-access-item:hover i {
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    .top-content ul.quick-access > li .quick-access-item.bg-color-green {
        background-color: #859419;
    }

    .top-content ul.quick-access > li .quick-access-item.bg-color-blue {
        background-color: #1D92AF;
    }

    .top-content ul.quick-access > li .quick-access-item.bg-color-orange {
        background-color: #CE7B11;
    }

.main-header {
    margin-bottom: 50px;
}

    .main-header h2 {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        border-right: 1px solid #ccc;
        margin: 0;
        padding-right: 10px;
        margin-right: 10px;
    }

@media screen and (max-width: 768px) {
    .main-header h2 {
        display: block;
        border-right: none;
    }
}

.main-header em {
    color: #bbbbbb;
}

.content-wrapper {
    background-color: #fff;
    border: 1px solid #d9edf7;
    /* box-shadow: 0px 1px 3px 0px #e1f3ff; */
    box-shadow: 3px 1px 9px 0px #d0d0d0;

    /*background-color: #fff;
    border-left: 1px solid #e4e4e4;*/
}

.main-content {
    padding-bottom: 30px;
}

.row-widget {
    margin-bottom: 0;
}

.widget {
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border-color: lightgray;
}

    .widget.widget-table {
        overflow: hidden;
    }

    .widget.widget-hide-header {
        border: none;
        background: none;
    }

    .widget.widget-focus-enabled {
        z-index: 999;
        position: relative;
    }

    .widget.widget-quick-note .widget-content {
        padding: 0;
    }

    .widget.widget-quick-note input.title,
    .widget.widget-quick-note textarea {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        resize: none;
    }

    .widget.widget-quick-note input.title {
        font-weight: 700;
    }

    .widget.widget-quick-note textarea:focus {
        outline: none;
    }

    .widget.quick-note-create .widget-footer {
        display: none;
    }

    .widget.quick-note-saved:hover {
        cursor: pointer;
    }

    .widget .widget-header {
        padding: 0 10px;
        height: 35px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: lightgray;
        background-color: #eeeeee;
    }

@media screen and (max-width: 480px) {
    .widget .widget-header {
        height: 100%;
    }
}

.widget .widget-header h3 {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: "latobold";
    font-size: 1.1em;
    margin: 0;
    line-height: 35px;
    float: left;
}

@media screen and (max-width: 480px) {
    .widget .widget-header h3 {
        float: none;
    }
}

.widget .widget-header i {
    margin-right: 5px;
}

.widget .widget-header em {
    float: left;
    font-size: 0.9em;
    color: #a4a4a4;
    line-height: 35px;
    margin-left: 4px;
}

@media screen and (max-width: 940px) {
    .widget .widget-header em {
        display: none;
    }
}

.widget .widget-header .btn-help {
    float: left;
    padding: 0;
    position: relative;
    top: 3px;
    left: 3px;
}

@media screen and (max-width: 940px) {
    .widget .widget-header .btn-help {
        display: none;
    }
}

.widget .widget-header .btn-group > a {
    color: #555;
}

.widget .widget-header .widget-header-toolbar {
    float: right;
    width: auto;
    height: 35px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar {
        display: block;
        float: none;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }
}

.widget .widget-header .widget-header-toolbar > a {
    margin-left: 5px;
}

.widget .widget-header .widget-header-toolbar.btn-init-hide {
    display: none;
}

.widget .widget-header .widget-header-toolbar.process-status {
    border-left: none;
    /* status like loading, saved, failed always on the leftmost */
}

    .widget .widget-header .widget-header-toolbar.process-status i {
        font-size: 15px;
        line-height: 35px;
        margin-right: 0;
    }

    .widget .widget-header .widget-header-toolbar.process-status span {
        display: none;
    }

.widget .widget-header .widget-header-toolbar .control-title {
    font-size: 0.9em;
    color: #a4a4a4;
    position: relative;
    top: 1px;
}

.widget .widget-header .widget-header-toolbar .label {
    position: relative;
    top: 8px;
}

.widget .widget-header .widget-header-toolbar .toolbar-item-group {
    padding-top: 0.3em;
    height: 100%;
}

    .widget .widget-header .widget-header-toolbar .toolbar-item-group .label {
        position: relative;
        top: 1px;
    }

    .widget .widget-header .widget-header-toolbar .toolbar-item-group .multiselect {
        margin-top: 0;
    }

.widget .widget-header .widget-header-toolbar .btn,
.widget .widget-header .widget-header-toolbar .btn-borderless {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 25px;
}

.widget .widget-header .widget-header-toolbar .btn-borderless {
    padding-top: 5px;
}

    .widget .widget-header .widget-header-toolbar .btn-borderless i {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.widget .widget-header .widget-header-toolbar .btn {
    margin-top: 5px;
}

    .widget .widget-header .widget-header-toolbar .btn.btn-sm {
        padding: 0 10px;
    }

        .widget .widget-header .widget-header-toolbar .btn.btn-sm i {
            width: 10px;
            height: 12px;
        }

.widget .widget-header .widget-header-toolbar .progress {
    width: 150px;
    height: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}

    .widget .widget-header .widget-header-toolbar .progress .progress-bar {
        font-size: 10px;
        line-height: 1.5;
    }

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

    .widget .widget-content h4 {
        font-size: 14px;
    }

    .widget .widget-content h5 {
        font-size: 13px;
    }

    .widget .widget-content h6 {
        font-size: 12px;
    }

.widget .widget-footer {
    padding: 7px 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    background-color: #f7f7f7;
}

#focus-overlay {
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

/* sidebar content */
.sidebar-content {
    padding: 0 10px;
    margin-top: 30px;
}

@media screen and (max-width: 480px) {
    .sidebar-content {
        display: none;
    }
}

.sidebar-content .panel-heading h5 {
    margin: 0;
}

.sidebar-content p {
    font-size: 0.85em;
}

.sidebar-content > h5 {
    display: block;
    font-size: 0.9em;
    text-align: left;
    margin-bottom: 0;
}

.sidebar-content .list-info-sidebar {
    border: 1px solid #ccc;
}

    .sidebar-content .list-info-sidebar li {
        font-size: 12px;
    }

    .sidebar-content .list-info-sidebar .data-name {
        width: 100%;
        background-color: transparent;
    }

@media screen and (min-width: 1366px) {
    .sidebar-content .list-info-sidebar .data-name {
        width: 10em;
    }
}

@media screen and (min-width: 1850px) {
    .sidebar-content .list-info-sidebar .data-name {
        width: 15em;
    }
}

.sidebar-content .list-info-sidebar .progress {
    margin-bottom: 0;
}

.left-sidebar.minified .sidebar-content {
    display: none;
}

/* status bar list */
.status-bar-list > li {
    padding: 15px 0;
}

.status-bar-list .progress {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

    .status-bar-list .progress.progress-xs {
        height: 3px;
    }

    .status-bar-list .progress.progress-success {
        background-color: rgba(75, 168, 75, 0.1);
    }

    .status-bar-list .progress.progress-info {
        background-color: rgba(70, 176, 207, 0.1);
    }

    .status-bar-list .progress.progress-warning {
        background-color: rgba(231, 161, 61, 0.1);
    }

    .status-bar-list .progress.progress-danger {
        background-color: rgba(219, 56, 51, 0.1);
    }

    .status-bar-list .progress .progress-bar {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.status-bar-list p {
    margin-bottom: 0;
    font-size: 0.85em;
}

/*------------------------------------------------*/
/*	UI Bootstrap Elements
/*------------------------------------------------*/
/* remove round border */
.dropdown-menu,
.panel,
.well,
code {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* nav stacked */
.nav-stacked > li {
    border: 1px solid #ddd;
}

    .nav-stacked > li:not(:first-child) {
        border-top: none;
    }

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

    .nav-stacked > li + li {
        margin-top: 0;
    }

/* bootstrap form elements */
.radio label,
.checkbox label,
.radio-inline,
.checkbox-inline {
    font-weight: 300;
}

.radio label,
.radio-inline {
    line-height: 1.8;
}

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

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

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

select.input-lg {
    line-height: initial;
    background-position: right 5px top 17px;
}

select.input-sm {
    line-height: initial;
    background-position: right 5px top 11px;
}

.dropdown-menu > .active > a {
    background-color: #99A1A7;
}

    .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #99A1A7;
    }

fieldset {
    margin-bottom: 40px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-control,
.input-group .form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}

    .input-group-addon.input-sm, .input-group-addon.input-lg {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .input-group-addon i {
        min-width: 12px;
    }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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

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

/* pagination */
.pagination {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .pagination > .active > a, .pagination > .active a:focus, .pagination > .active a:hover > span, .pagination > .active span:focus, .pagination > .active span:hover {
        background-color: #1D92AF;
    }

/* button */
.btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    /*font-family: "latolight";*/
}

    .btn i {
        margin-right: 3px;
    }

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

.btn-default {
    color: #fff;
    background-color: #626262;
    border-color: #555555;
}

    .btn-default:hover, .open .dropdown-toggle.btn-default, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #fff;
        background-color: #494949;
        border-color: #555555;
    }

    .btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .open .disabled.dropdown-toggle.btn-default, .btn-default[disabled]:hover, .open [disabled].dropdown-toggle.btn-default, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active {
        background-color: #7c7c7c;
        border-color: #555555;
    }

    .btn-default .caret {
        border-top-color: #333333;
    }

fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .open .dropdown-toggle.btn-default,
.open fieldset[disabled] .dropdown-toggle.btn-default,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #7c7c7c;
}

.btn-primary {
    background-color: #1D92AF;
    border-color: #198099;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
    .btn-primary .open .dropdown-toggle.btn-primary {
        background-color: #198099;
    }

.btn-info {
    background-color: #46B0CF;
    border-color: #34a6c8;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
    .btn-info .open .dropdown-toggle.btn-info {
        background-color: #34a6c8;
    }

.btn-success {
    background-color: #4BA84B;
    border-color: #439643;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
    .btn-success .open .dropdown-toggle.btn-success {
        background-color: #439643;
    }

.btn-warning {
    background-color: #E7A13D;
    border-color: #e49626;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
    .btn-warning .open .dropdown-toggle.btn-warning {
        background-color: #e49626;
    }

.btn-danger {
    background-color: #DB3833;
    border-color: #d02a25;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
    .btn-danger .open .dropdown-toggle.btn-danger {
        background-color: #d02a25;
    }

.btn-link {
    border-color: transparent;
}

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

.btn-group > .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .dropdown-toggle {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* pager */
.pager li > a,
.pager li > span {
    background-color: transparent;
    border: none;
}

    .pager li > a:hover, .pager li > a:focus {
        background-color: transparent;
    }

/* bootstrap alert */
.alert {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* bootstrap tooltip */
.tooltip .tooltip-inner {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.8);
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, 0.8);
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.8);
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, 0.8);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, 0.8);
}

/* bootstrap popover */
.popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .popover .popover-content {
        font-size: 0.9em;
        word-break: break-word;
    }

/* bootstrap progress bar */
.progress {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e2e2e2;
}

    .progress.wide {
        width: 60px;
    }

    .progress .progress-bar {
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-transition-duration: 3s;
        -o-transition-duration: 3s;
        -webkit-transition-duration: 3s;
        transition-duration: 3s;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

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

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

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

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

/* modal dialog */
.modal-content {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* panel, panel group, accordion */
.panel {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f9f9f9;
}

.panel-heading {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.panel-group .panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .panel-group .panel .panel-heading {
        padding: 0 15px;
    }

    .panel-group .panel .panel-title > a {
        display: block;
        padding: 10px 0;
        width: 100%;
        font-weight: 300;
        color: #868686;
    }

        .panel-group .panel .panel-title > a:hover {
            text-decoration: none;
        }

        .panel-group .panel .panel-title > a > i:first-child, .panel-group .panel .panel-title > a.collapsed > i + i {
            display: none;
        }

        .panel-group .panel .panel-title > a.collapsed > i:first-child {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
        }

/* bootstrap well */
.well {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*------------------------------------------------*/
/*	UI Elements
/*------------------------------------------------*/
/* task list */
.task-list {
    list-style-type: none;
    padding-left: 0;
}

    .task-list p {
        position: relative;
    }

        .task-list p .label {
            position: absolute;
            right: 0;
        }

/* custom pagination */
.pagination.borderless > li > a,
.pagination.borderless > li > span {
    border: none;
    color: inherit;
    background-color: transparent;
}

    .pagination.borderless > li > a:hover, .pagination.borderless > li > a:focus,
    .pagination.borderless > li > span:hover,
    .pagination.borderless > li > span:focus {
        color: #f2f2f2;
        background-color: #999;
    }

.pagination.borderless > li.active > a,
.pagination.borderless > li.active > span {
    color: #f2f2f2;
    background-color: #999;
}

    .pagination.borderless > li.active > a:hover, .pagination.borderless > li.active > a:focus,
    .pagination.borderless > li.active > span:hover,
    .pagination.borderless > li.active > span:focus {
        color: #f2f2f2;
        background-color: #999;
    }

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

/* custom buttons */
.btn-custom-primary {
    background-color: #E24715;
    border-color: #cb4013;
    color: #fff;
}

    .btn-custom-primary:hover, .btn-custom-primary:focus, .btn-custom-primary:active, .btn-custom-primary.active,
    .btn-custom-primary .open .dropdown-toggle.btn-warning {
        background-color: #d94414;
        color: #fff;
    }

.btn-custom-secondary {
    background-color: #1CACA0;
    border-color: #18968c;
    color: #fff;
}

    .btn-custom-secondary:hover, .btn-custom-secondary:focus, .btn-custom-secondary:active, .btn-custom-secondary.active,
    .btn-custom-secondary .open .dropdown-toggle.btn-warning {
        background-color: #1ba398;
        color: #fff;
    }

.btn-clean {
    background-color: transparent;
}

    .btn-clean.active, .btn-clean:active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* fancy checkbox and radio button */
.fancy-checkbox {
    display: block;
}

    .fancy-checkbox input[type="checkbox"] {
        display: none;
    }

        .fancy-checkbox input[type="checkbox"] + span {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            cursor: pointer;
            position: relative;
            font-size: 13px;
        }

            .fancy-checkbox input[type="checkbox"] + span:before {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                position: relative;
                bottom: 1px;
                width: 18px;
                height: 18px;
                margin-right: 5px;
                content: "";
                border: 1px solid #ccc;
            }

        .fancy-checkbox input[type="checkbox"]:checked + span:before {
            font-family: FontAwesome;
            content: '\f00c';
            font-size: 12px;
            color: #99a1a7;
            text-align: center;
            line-height: 16px;
            background: #ededed;
            border: 1px solid #ccc;
        }

    .fancy-checkbox.custom-color-green input[type="checkbox"]:checked + span:before {
        color: #53D76A;
        background-color: #fff;
    }

    .fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked + span:before {
        color: #fff;
        background-color: #53D76A;
        border-color: #32cf4d;
    }

.fancy-radio {
    display: block;
}

    .fancy-radio input[type="radio"] {
        display: none;
    }

        .fancy-radio input[type="radio"] + span {
            display: block;
            cursor: pointer;
            position: relative;
            font-size: 13px;
        }

            .fancy-radio input[type="radio"] + span i {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px;
                position: relative;
                bottom: 1px;
                content: "";
                border: 1px solid #ccc;
                width: 18px;
                height: 18px;
                margin-right: 5px;
            }

        .fancy-radio input[type="radio"]:checked + span i:after {
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            display: block;
            position: relative;
            top: 3px;
            left: 3px;
            content: '';
            width: 10px;
            height: 10px;
            background-color: #99a1a7;
        }

    .fancy-radio.custom-color-green input[type="radio"]:checked + span i:after {
        background-color: #53D76A;
    }

    .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i {
        background-color: #53D76A;
    }

        .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i:after {
            background-color: #fff;
        }

/* fancy checkbox and fancy radio */
.input-group-addon .fancy-radio,
.input-group-addon .fancy-checkbox {
    margin: 0;
}

    .input-group-addon .fancy-radio input[type="radio"] + span i,
    .input-group-addon .fancy-checkbox input[type="checkbox"] + span {
        margin: 0;
    }

        .input-group-addon .fancy-radio input[type="radio"] + span i:before,
        .input-group-addon .fancy-checkbox input[type="checkbox"] + span:before {
            margin: 0;
        }

/* label */
.label {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    padding: .5em .6em;
}

.label-warning {
    background-color: #F56421;
}

.label-low {
    background-color: #626262;
}

.label-medium {
    background-color: #1D92AF;
}

.label-high {
    background-color: #11B4C2;
}

.label-urgent {
    background-color: #E7CD0C;
}

.label-emergency {
    background-color: #E7A13D;
}

.label-critical {
    background-color: #DB3833;
}

/* badges */
.badge {
    font-weight: 400;
}

    .badge.element-bg-color-blue {
        background-color: #1D92AF;
    }

    .badge.element-bg-color-green {
        background-color: #859419;
    }

    .badge.element-bg-color-seagreen {
        background-color: #3F7577;
    }

    .badge.element-bg-color-orange {
        background-color: #CE7B11;
    }

/* switch button */
.has-switch {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .has-switch.switch-small {
        min-width: 88px;
    }

    .has-switch.switch-mini {
        min-width: 60px;
    }

    .has-switch span.switch-right {
        color: #999;
    }

    .has-switch span.switch-left {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: #7d939a;
    }

.onoffswitch {
    position: relative;
    width: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .onoffswitch .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #E4E4E4;
        border-radius: 20px;
        position: relative;
    }

    .onoffswitch .onoffswitch-inner {
        -moz-transition-property: margin;
        -o-transition-property: margin;
        -webkit-transition-property: margin;
        transition-property: margin;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        display: block;
        width: 200%;
        margin-left: -100%;
    }

        .onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            width: 50%;
            height: 18px;
            padding: 0;
            line-height: 1.8;
            font-size: 10px;
            color: #fff;
        }

        .onoffswitch .onoffswitch-inner:before {
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            content: "ON";
            padding-left: 6px;
            background-color: #53D76A;
            color: #FFFFFF;
        }

        .onoffswitch .onoffswitch-inner:after {
            content: "OFF";
            padding-right: 6px;
            background-color: #EEEEEE;
            color: #999999;
            text-align: right;
        }

    .onoffswitch .onoffswitch-switch {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        width: 15px;
        margin: 2px;
        background: #FFFFFF;
        border: 2px solid #E4E4E4;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 28px;
    }

    .onoffswitch.onoffswitch-blank .onoffswitch-inner:before, .onoffswitch.onoffswitch-blank .onoffswitch-inner:after {
        content: "";
    }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.widget-header-toolbar .onoffswitch {
    position: relative;
    top: 2px;
}

.switch-success i,
.switch-warning i,
.switch-danger i,
.switch-info i {
    color: #fff;
}

/* multiselect checkbox */
ul.multiselect-container > li > a {
    padding: 3px 20px;
}

    ul.multiselect-container > li > a label.checkbox {
        padding-left: 0;
    }

        ul.multiselect-container > li > a label.checkbox:before {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            position: relative;
            bottom: 1px;
            content: "";
            width: 16px;
            height: 16px;
            margin-right: 10px;
            border: 1px solid #ccc;
            background-color: #fafafa;
        }

        ul.multiselect-container > li > a label.checkbox input[type="checkbox"] {
            display: none;
        }

ul.multiselect-container > li.active > a label.checkbox:before {
    font-family: FontAwesome;
    content: '\f00c';
    font-size: 12px;
    color: #99A1A7;
    text-align: center;
    line-height: 15px;
    background-color: #EDEDED;
}

/* multiselect radio */
ul.multiselect-container > li > a label.radio {
    padding-left: 0;
}

    ul.multiselect-container > li > a label.radio:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        position: relative;
        bottom: 1px;
        content: "";
        width: 16px;
        height: 16px;
        margin-right: 10px;
        border: 1px solid #ccc;
        background-color: #fafafa;
    }

    ul.multiselect-container > li > a label.radio input[type="radio"] {
        display: none;
    }

ul.multiselect-container > li.active > a label.radio:before {
    font-family: FontAwesome;
    content: '\f111';
    color: #99a1a7;
    font-size: 8px;
    text-align: center;
    line-height: 15px;
}

/* dropdown menu on widget header */
.widget-header-toolbar .dropdown-menu {
    font-size: 90%;
}

@media screen and (max-width: 480px) {
    .widget-header-toolbar .dropdown-menu {
        right: auto;
        left: 0;
    }
}

.widget-header-toolbar ul.multiselect-container > li > a {
    line-height: 1.5;
}

    .widget-header-toolbar ul.multiselect-container > li > a label.radio:before {
        margin-right: 5px;
    }

/* dropdown menu */
.dropdown-menu > .active > a {
    background-color: #99A1A7;
}

    .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #99A1A7;
    }

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

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

/* radio */
.radio label,
.radio-inline {
    line-height: 1.8;
}

/* bootstrap slider input */
.slider-track,
.slider-selection {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    filter: none;
    /* disable gradient for IE */
}

.slider-track {
    background-color: #eee;
}

.slider-selection {
    background-color: #626262;
}

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

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

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

/* handle for bootstrap slider and range slider */
.slider-handle,
.ui-rangeSlider-handle {
    width: 16px;
    height: 16px;
    background: white;
    border: 1px solid #626262;
    cursor: col-resize;
}

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

/* range slider input */
.ui-rangeSlider {
    height: 22px;
    margin: 30px 0;
}

    .ui-rangeSlider .ui-rangeSlider-innerBar {
        height: 10px;
        margin: 3px 0;
        background: #eee;
    }

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

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

    .ui-rangeSlider.slider-default .ui-rangeSlider-handle {
        background: white;
        border-color: #626262;
    }

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

    .ui-rangeSlider.slider-primary .ui-rangeSlider-bar {
        background: #1D92AF;
    }

    .ui-rangeSlider.slider-primary .ui-rangeSlider-handle {
        background: #e9f8fb;
        border-color: #1D92AF;
    }

        .ui-rangeSlider.slider-primary .ui-rangeSlider-handle:before {
            color: #1D92AF;
        }

    .ui-rangeSlider.slider-info .ui-rangeSlider-bar {
        background: #46B0CF;
    }

    .ui-rangeSlider.slider-info .ui-rangeSlider-handle {
        background: white;
        border-color: #46B0CF;
    }

        .ui-rangeSlider.slider-info .ui-rangeSlider-handle:before {
            color: #46B0CF;
        }

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

    .ui-rangeSlider.slider-warning .ui-rangeSlider-handle {
        background: white;
        border-color: #E7A13D;
    }

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

    .ui-rangeSlider.slider-danger .ui-rangeSlider-bar {
        background: #DB3833;
    }

    .ui-rangeSlider.slider-danger .ui-rangeSlider-handle {
        background: white;
        border-color: #DB3833;
    }

        .ui-rangeSlider.slider-danger .ui-rangeSlider-handle:before {
            color: #DB3833;
        }

    .ui-rangeSlider.slider-success .ui-rangeSlider-bar {
        background: #4BA84B;
    }

    .ui-rangeSlider.slider-success .ui-rangeSlider-handle {
        background: #e5f3e5;
        border-color: #4BA84B;
    }

        .ui-rangeSlider.slider-success .ui-rangeSlider-handle:before {
            color: #4BA84B;
        }

    .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

.ui-rangeSlider-arrow {
    height: 16px;
    margin: 2px 0;
    width: 16px;
    background-repeat: no-repeat;
}

.ui-rangeSlider-arrow-inner {
    display: none;
}

.ui-rangeSlider-container {
    height: 22px;
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container {
    margin: 0;
}

.ui-rangeSlider-label {
    margin: 0 2px 2px;
    white-space: nowrap;
    bottom: 20px;
    padding: 3px 6px 7px;
    cursor: col-resize;
}

    .ui-rangeSlider-label .ui-rangeSlider-label-value {
        font-size: 0.9em;
    }

.ui-rangeSlider-label-inner {
    display: none;
}

input.ui-editRangeSlider-inputValue {
    width: 3em;
    vertical-align: middle;
    text-align: center;
}

/* file upload */
.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

/* simple color picker */
.simplecolorpicker span {
    margin: 0 0px 5px 0;
}

    .simplecolorpicker span.color {
        width: 20px;
        height: 20px;
        outline: none;
    }

.simplecolorpicker.fontawesome span.color[data-selected]:after {
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    /* Ok/check mark */
    margin-right: 1px;
    margin-left: 1px;
}

/* spinner input */
.bootstrap-touchspin-prefix {
    border-right: none;
}

.bootstrap-touchspin-postfix {
    border-left: none;
}

.bootstrap-touchspin .input-group-addon.btn {
    color: #fff;
}

/* date picker */
.datepicker > div {
    margin: 4px;
    border: 1px solid #ddd;
    padding: 4px;
}

.datepicker th, .datepicker td {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .datepicker td.active:active, .datepicker td.active.active {
        background-image: none;
        background-color: #357EBD;
        border-color: #3071A9;
    }

    .datepicker td.active:hover {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .datepicker td.active:hover:active, .datepicker td.active:hover.active {
            background-image: none;
            background-color: #357EBD;
            border-color: #3071A9;
        }

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

/* date range picker */
.daterangepicker .calendar-date {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.daterangepicker th .input-mini, .daterangepicker th li, .daterangepicker td .input-mini, .daterangepicker td li,
.daterangepicker .ranges .input-mini,
.daterangepicker .ranges li {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #1D92AF;
    border-color: #1D92AF;
}

.daterangepicker td.in-range {
    background-color: #e9f8fb;
}

.daterangepicker .ranges li {
    color: #1D92AF;
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
        background: #1D92AF;
        border-color: #1D92AF;
    }

.report-range {
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

    .report-range .range-value {
        margin-right: 3px;
    }

/* tabbed content */
.nav.nav-tabs-custom-colored > li {
    margin-bottom: 0;
}

    .nav.nav-tabs-custom-colored > li > a {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        color: #868686;
        background-color: #ececec;
        border-color: #ddd;
    }

        .nav.nav-tabs-custom-colored > li > a:hover {
            color: #535353;
            background-color: #f1f1f1;
            border-color: #ddd;
        }

@media screen and (max-width: 480px) {
    .nav.nav-tabs-custom-colored > li {
        float: none;
    }
}

.nav.nav-tabs-custom-colored > li.active > a, .nav.nav-tabs-custom-colored > li.active > a:hover, .nav.nav-tabs-custom-colored > li.active > a:focus {
    background-color: #7d939a;
    color: #fff;
    cursor: pointer;
}

.nav.nav-tabs-custom-colored.nav-tabs-right > li {
    float: right;
}

@media screen and (max-width: 480px) {
    .nav.nav-tabs-custom-colored.nav-tabs-right > li {
        float: none;
    }
}

/* nav-pills */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #1D92AF;
}

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

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

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

    .nav-pills-custom-minimal > li.active > a, .nav-pills-custom-minimal > li.active > a:hover, .nav-pills-custom-minimal > li.active > a:focus {
        background-color: transparent;
        border-top-color: #1D92AF;
        color: #555;
    }

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

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

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

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

.tab-content {
    padding: 15px 0;
}

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

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

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

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

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

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

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

/* tabbed widget header */
.widget-header ul.nav {
    margin-right: -11px;
}

    .widget-header ul.nav > li > a {
        padding: 6px 15px;
        border-top: transparent;
        line-height: 1.5;
        margin-right: 0;
        height: 35px;
    }

        .widget-header ul.nav > li > a:hover {
            border-top: initial;
        }

@media screen and (max-width: 480px) {
    .widget-header ul.nav {
        float: none !important;
        margin: 0 -11px;
    }

        .widget-header ul.nav > li > a {
            border-top: 1px solid #ddd;
        }

            .widget-header ul.nav > li > a:hover {
                border-top: 1px solid #ddd;
            }
}

/* demo only */
.demo-icon li {
    margin-bottom: 10px;
}

.demo-hide {
    display: none;
}

/* alert message, gritter */
.gritter-item-wrapper {
    background: url('../img/ie-spacer.gif?1379032210');
}

    .gritter-item-wrapper > div {
        background: rgba(0, 0, 0, 0.7);
    }

    .gritter-item-wrapper.gritter-light > div {
        background-image: none;
        background-color: rgba(255, 255, 255, 0.8);
        color: #555;
    }

.gritter-item {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 2px 11px;
}

    .gritter-item .gritter-title {
        text-shadow: none;
    }

    .gritter-item .gritter-close {
        background: url('../img/gritter.png?1379032210');
        outline: none;
        left: auto;
        right: 3px;
        cursor: normal;
    }

    .gritter-item a, .gritter-item a:focus {
        color: #fff;
        text-decoration: underline;
    }

        .gritter-item a:hover, .gritter-item a:focus:hover {
            text-decoration: none;
        }

/* reminder notification */
.widget-reminder .widget-content {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-color: #7d939a;
    color: #fff;
}

.today-reminder .reminder-title {
    border-bottom: 1px solid #a4c0cc;
    padding-bottom: 5px;
}

.today-reminder .reminder-time {
    font-size: 2.5em;
    margin-bottom: 0;
}

.today-reminder .reminder-place {
    font-size: 1.5em;
}

.today-reminder .reminder-notes {
    font-size: 0.9em;
}

.today-reminder > i {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
    position: absolute;
    top: 5px;
    right: -15px;
    font-size: 12em;
    -webkit-animation: ring 8s .5s ease-in-out 3;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 8s .5s ease-in-out 3;
    -moz-transform-origin: 50% 4px;
    animation: ring 8s .5s ease-in-out 3;
    transform-origin: 50% 4px;
}

.today-reminder > .btn-group {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

    .today-reminder > .btn-group .dropdown-menu {
        font-size: 0.9em;
    }

    .today-reminder > .btn-group > .btn-group {
        float: none;
    }

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}
/* dropzone file uplaod */
.dropzone {
    padding: 20px;
    height: 500px;
    background-image: url('../img/diagonal-stripe.png?1369651034');
    background-repeat: repeat;
}

    .dropzone .dz-message {
        font-size: 52px;
        text-align: center;
        color: #A4A4A4;
    }

        .dropzone .dz-message:before {
            font-family: FontAwesome;
            content: '\f0ee';
            display: block;
            font-size: 4em;
            line-height: 1;
        }

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

    .dropzone .dz-message {
        display: block;
    }

    .dropzone .dz-default.dz-message {
        background: none;
        position: relative;
        width: auto;
        height: auto;
        margin-left: 0;
        margin-top: -2.8em;
        top: 50%;
        left: initial;
    }

        .dropzone .dz-default.dz-message span {
            display: block;
        }

    .dropzone .dz-fallback {
        text-align: center;
    }

        .dropzone .dz-fallback input[type="file"] {
            margin: 0 auto;
            margin-bottom: 10px;
        }

    .dropzone .dz-preview .dz-remove {
        background: #DB3833;
        color: #fff;
        font-size: 0.9em;
    }

        .dropzone .dz-preview .dz-remove:before {
            font-family: FontAwesome;
            content: '\f00d';
            margin-right: 3px;
        }

        .dropzone .dz-preview .dz-remove:hover {
            background: #d02a25;
            color: #fff;
            cursor: pointer;
        }

    .dropzone .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        width: 25px;
        height: 25px;
    }

        .dropzone .dz-preview .dz-error-mark:before,
        .dropzone .dz-preview .dz-success-mark:before {
            font-family: FontAwesome;
            font-size: 15px;
            position: absolute;
            left: 5px;
            top: 2px;
        }

        .dropzone .dz-preview .dz-error-mark:before {
            content: '\f071';
            color: #DB3833;
        }

        .dropzone .dz-preview .dz-success-mark:before {
            content: '\f00c';
            color: #4BA84B;
        }

.ie9 .dropzone .dz-message:before {
    font-size: 0.2em;
}

/* bootstrap tour */
.tour-step-background {
    background: transparent;
    border: 1px solid #fff;
}

/* select2 */
.select2-container {
    width: 100%;
}

    .select2-search-choice-close,
    .select2-container .select2-choice abbr {
        font-family: FontAwesome;
        background: none;
        font-size: 13px;
        top: 3px;
    }

        .select2-search-choice-close:before,
        .select2-container .select2-choice abbr:before {
            content: '\f057';
            font-size: 85%;
        }

    .select2-container .select2-choice,
    .select2-container.select2-drop-above .select2-choice {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .select2-container .select2-choice {
        height: 30px;
        line-height: 30px;
        background-image: none;
    }

        .select2-container .select2-choice abbr {
            top: 0px;
            right: 35px;
        }

        .select2-container .select2-choice .select2-arrow {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            width: 30px;
            text-align: center;
            background: #eee;
            line-height: 30px;
        }

            .select2-container .select2-choice .select2-arrow b {
                background: none;
            }

            .select2-container .select2-choice .select2-arrow:before {
                font-family: FontAwesome;
                font-size: 15px;
                content: '\f107';
            }

.select2-search {
    font-family: FontAwesome;
    font-size: 15px;
}

    .select2-search:before {
        content: '\f002';
        position: absolute;
        top: 5px;
        right: 12px;
    }

    .select2-search input {
        background: none;
    }

        .select2-search input.select2-active {
            background: none;
        }

            .select2-search input.select2-active background {
                image: url('../img/select2-spinner.gif?1451707423');
                color: #fff;
                repeat: no-repeat;
            }

        .select2-search input.select2-active,
        .select2-more-results.select2-active {
            background: none;
        }

            .select2-search input.select2-active background,
            .select2-more-results.select2-active background {
                image: url('../img/select2-spinner.gif?1451707423');
                color: #f4f4f4;
                repeat: no-repeat;
            }

.select2-container.select2-dropdown-open .select2-choice,
.select2-container.select2-dropdown-open .select2-arrow {
    background-color: transparent;
}

.select2-container.select2-dropdown-open .select2-arrow {
    background-image: none;
}

    .select2-container.select2-dropdown-open .select2-arrow:before {
        content: '';
    }

.select2-drop,
.select2-drop.select2-drop-above {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-drop {
    margin-top: -4px;
}

.select2-container-multi .select2-choices {
    background-image: none;
}

    .select2-container-multi .select2-choices .select2-search-choice {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #1D92AF;
        filter: none;
        /* disable gradient for IE */
        background-image: none;
        color: #fff;
        border: 1px solid #1b87a2;
        font-size: 85%;
    }

        .select2-container-multi .select2-choices .select2-search-choice a {
            color: #3abede;
        }

            .select2-container-multi .select2-choices .select2-search-choice a:hover, .select2-container-multi .select2-choices .select2-search-choice a:focus {
                color: #50c5e2;
                text-decoration: none;
            }

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 3px;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background-image: url('../img/select2-spinner.gif?1451707423') !important;
        }

.select2-container-multi.select2-container-active .select2-choices {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container-multi.select2-dropdown-open .select2-choices {
    border-bottom: none;
}

/* typeaheadjs */
.tt-dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* bootstrap tags input */
.bootstrap-tagsinput {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .bootstrap-tagsinput .tag {
        background-color: #1D92AF;
        position: relative;
        padding-left: 17px;
        font-size: 85%;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            position: absolute;
            left: 0;
            top: 7px;
            margin-left: 2px;
            color: #3abede;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover, .bootstrap-tagsinput .tag [data-role="remove"]:focus {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #50c5e2;
                text-decoration: none;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                font-family: FontAwesome;
                content: '\f057';
            }

/* x-editable with select input except combodate */
.editable[data-type="select"] + .editable-container .editable-input {
    position: relative;
}

    .editable[data-type="select"] + .editable-container .editable-input select {
        padding: 5px 20px 5px 10px;
        background-position: right 5px top 10px;
    }

.editable[data-type="combodate"] + .editable-container .editable-input {
    position: relative;
}

    .editable[data-type="combodate"] + .editable-container .editable-input select {
        padding: 5px 20px 5px 10px;
        background-position: right 5px top 10px;
        height: 31px;
        position: relative;
        top: -1px;
    }

/* x-editable buttons */
.editable-buttons .btn i {
    margin-right: 0;
    position: relative;
    top: 2px;
}

/* x-editable custom input */
.editable-address {
    display: block;
    margin-bottom: 5px;
}

    .editable-address span {
        width: 70px;
        display: inline-block;
    }

/* summernote WYSIWYG text editor */
.note-editor .note-toolbar {
    padding: 5px 8px 10px 8px;
}

    .note-editor .note-toolbar .note-para .dropdown-menu {
        min-width: 234px;
    }

.note-editor .caret {
    border-top-color: initial;
}

.note-editor .btn:active, .note-editor .btn.active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.note-editor .form-control, .note-editor .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.widget .note-editor {
    border: none;
}

/* bootstrap markdown */
.md-editor > textarea {
    padding: 10px;
}

.md-editor .btn-default {
    background-color: #fff;
    color: #333;
    border-color: #ccc;
}

    .md-editor .btn-default:hover, .md-editor .open .dropdown-toggle.btn-default, .open .md-editor .dropdown-toggle.btn-default, .md-editor .btn-default:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ebebeb;
    }

/* google map */
.google-map #map-canvas {
    height: 314px;
}

/* label with button */
.label-with-btn {
    display: inline-table;
}

    .label-with-btn .label,
    .label-with-btn .btn {
        display: table-cell;
    }

    .label-with-btn .label {
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 4px 6px;
        line-height: 1.6;
    }

    .label-with-btn .btn {
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        padding: 6px;
        line-height: 10px;
        vertical-align: middle;
    }

/* simple todo list */
ul.simple-todo-list > li .todo-text {
    font-weight: normal;
}

ul.simple-todo-list > li input[type="checkbox"]:checked + .todo-text {
    text-decoration: line-through;
    color: #7b7b7b;
}

/* drag and drop todo list */
.todo-list > li {
    border-top: 1px solid #ccc;
    position: relative;
    background: #fff;
    padding: 0 10px;
}

    .todo-list > li:first-child {
        border-top: none;
    }

    .todo-list > li.ui-state-highlight {
        border: 1px solid #ff9800;
    }

    .todo-list > li .list-control {
        position: absolute;
        top: 50%;
        margin-top: -14px;
    }

        .todo-list > li .list-control i {
            position: relative;
            top: 3.5px;
            margin-right: 5px;
            cursor: move;
            color: #ddd;
            font-size: 24px;
        }

    .todo-list > li p {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin: 0;
        padding: 20px 0;
        margin-left: 4.5em;
    }

    .todo-list > li.completed p, .todo-list > li.completed .date {
        text-decoration: line-through;
        color: #a2a2a2;
    }

.todo-list .fancy-checkbox input[type="checkbox"] + span {
    margin-right: 0;
}

.todo-list .short-description {
    display: block;
    margin-top: 5px;
    font-size: 0.9em;
}

.todo-list .date {
    font-size: 0.85em;
}

.todo-list .label {
    position: absolute;
    right: 15px;
    padding: 6px 10px;
    font-weight: normal;
}

/* activity tab */
ul.activity-list > li {
    padding-bottom: 15px;
}

    ul.activity-list > li:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }

    ul.activity-list > li:not(:first-child) {
        padding-top: 15px;
    }

    ul.activity-list > li .activity-icon {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        width: 34px;
        height: 34px;
        background-color: #e4e4e4;
        font-size: 16px;
        color: #656565;
        line-height: 34px;
        text-align: center;
        margin-right: 10px;
    }

        ul.activity-list > li .activity-icon.icon-success {
            color: #4BA84B;
        }

        ul.activity-list > li .activity-icon.icon-warning {
            color: #E7A13D;
        }

        ul.activity-list > li .activity-icon.icon-danger {
            color: #DB3833;
        }

        ul.activity-list > li .activity-icon.icon-info {
            color: #46B0CF;
        }

        ul.activity-list > li .activity-icon.icon-primary {
            color: #1D92AF;
        }

    ul.activity-list > li > p {
        margin-bottom: 0;
        padding-left: 40px;
    }

    ul.activity-list > li .timestamp {
        display: block;
        font-size: 0.85em;
        color: #b1b1b1;
    }

.activity .more i {
    margin-left: 3px;
    position: relative;
    top: 1px;
}

/* contextual summary info */
.contextual-summary-info {
    padding: 15px 0;
    border-bottom: 5px solid #ddd;
}

    .contextual-summary-info i {
        position: relative;
        top: 3px;
        font-size: 48px;
        line-height: 1;
    }

    .contextual-summary-info p {
        margin-bottom: 0;
        text-align: right;
        font-size: 28px;
        font-weight: 300;
        line-height: 1.3;
    }

        .contextual-summary-info p span {
            font-size: 0.5em;
            display: block;
        }

    .contextual-summary-info.contextual-background {
        padding: 15px;
        border-bottom: none;
    }

        .contextual-summary-info.contextual-background i, .contextual-summary-info.contextual-background p {
            color: #fff;
        }

/* context menu dropdown */
.dropdown-menu.context-menu > li > a {
    padding: 5px 15px;
    /* following jstree styles */
}

    .dropdown-menu.context-menu > li > a:hover, .dropdown-menu.context-menu > li > a:focus {
        -moz-box-shadow: 0 0 2px #0A6AA1;
        -webkit-box-shadow: 0 0 2px #0A6AA1;
        box-shadow: 0 0 2px #0A6AA1;
        background-color: #E8EFF7;
    }

    .dropdown-menu.context-menu > li > a i {
        margin-right: 5px;
    }

/* slack messages */
.slack-messages .day-separator {
    text-align: center;
}

    .slack-messages .day-separator span {
        position: relative;
        top: -10px;
        padding: 4px 8px;
        border: 1px solid #d8d8d8;
        background-color: #f9f9f9;
    }

    .slack-messages .day-separator:before {
        display: block;
        content: '';
        border-top: 1px solid #d8d8d8;
    }

.slack-messages li {
    margin-bottom: 20px;
}

    .slack-messages li img {
        width: 45px;
    }

    .slack-messages li .text {
        padding-left: 55px;
    }

    .slack-messages li .username {
        font-weight: 700;
        font-size: 14px;
        margin-right: 15px;
    }

    .slack-messages li .timestamp {
        font-size: 12px;
        color: #bbb;
    }

/* quick inbox list */
ul.quick-inbox-list li {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    ul.quick-inbox-list li a {
        text-decoration: none;
        color: #555;
    }

    ul.quick-inbox-list li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    ul.quick-inbox-list li.unread .sender, ul.quick-inbox-list li.unread .title a {
        font-weight: 700;
        color: #555;
    }

    ul.quick-inbox-list li.unread .brief {
        color: #555;
    }

ul.quick-inbox-list img {
    width: 45px;
}

ul.quick-inbox-list .sender, ul.quick-inbox-list .title a, ul.quick-inbox-list .brief, ul.quick-inbox-list .timestamp {
    color: #bbb;
}

ul.quick-inbox-list .text {
    padding-left: 55px;
}

ul.quick-inbox-list .title {
    font-size: 13px;
    margin: 0;
    margin-bottom: 5px;
}

ul.quick-inbox-list .timestamp {
    font-size: 12px;
}

/* UI for investment dashboard */
.investment-summary .info-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
}

.investment-summary strong {
    font-size: 24px;
}

.investment-summary i {
    font-size: 24px;
    margin-left: 10px;
}

.investment-summary .percentage {
    position: relative;
    top: -3px;
    font-size: 14px;
}

.inv-red {
    color: #971928;
}

.inv-green {
    color: #69AC1F;
}

.stock-info {
    padding: 50px 30px;
    border: 1px solid #E0E0E0;
    text-align: center;
    background-color: #F3F3F3;
}

    .stock-info .company {
        display: block;
        font-size: 22px;
    }

    .stock-info .value {
        display: block;
        margin: 30px 0;
        font-size: 52px;
        font-weight: 700;
    }

    .stock-info .change {
        display: block;
        font-size: 16px;
        font-weight: 700;
    }

        .stock-info .change i {
            font-size: 18px;
        }

.market-news .heading {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-bottom: 8px;
    margin-bottom: 25px;
    font-size: 16px;
    border-bottom: 4px solid #1D92AF;
}

.market-news ul > li {
    border-top: 1px solid #ddd;
}

    .market-news ul > li:first-child {
        border-top: none;
    }

.market-news .news-thumbnail {
    margin-bottom: 5px;
}

.market-news .title {
    display: block;
    padding: 15px 0;
    font-size: 14px;
}

    .market-news .title:hover, .market-news .title:focus {
        text-decoration: none;
    }

/*------------------------------------------------*/
/*	Tables
/*------------------------------------------------*/
/* table */
.table > thead > tr {
    font-size: 0.9em;
    background-color: #f2f2f2;
}

.table a:hover {
    text-decoration: none;
}

.table-dark-header > thead > tr {
    background-color: #909090;
    color: #fff;
}

/* data tables */
table.dataTable thead > tr > th {
    padding-left: 8px;
    padding-right: 15px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: none;
}

table.dataTable thead .row-filter input {
    width: 100%;
}

.dataTables_length {
    float: left;
    margin-bottom: 5px;
}

    .dataTables_length select {
        margin-right: 5px;
    }

.dataTables_filter {
    float: right;
    margin-bottom: 5px;
}

    .dataTables_filter input[type="search"] {
        margin-left: 5px;
    }

@media screen and (max-width: 480px) {
    .dataTables_filter {
        float: none;
    }
}

.dataTables_length label,
.dataTables_filter label,
.dataTables_info,
.dataTables_paginate {
    font-weight: normal;
    font-size: 0.85em;
}

.dataTables_info {
    line-height: 2.7em;
}

.dataTables_paginate {
    text-align: right;
}

    .dataTables_paginate ul {
        margin: 0;
    }

.dataTables_scrollBody {
    margin-bottom: 20px;
}

    .dataTables_scrollBody .table {
        margin-bottom: 0;
    }

@media screen and (max-width: 480px) {
    .dataTables_filter,
    .dataTables_length,
    .dataTables_info {
        display: none;
    }
}
/* column show/hide, datatable column visibility extension */
ul.ColVis_collection {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    width: auto;
    background: #fff;
}

    ul.ColVis_collection li, ul.ColVis_collection li.ColVis_Special {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f3f3f3;
        border: inherit;
    }

        ul.ColVis_collection li:hover, ul.ColVis_collection li.ColVis_Special:hover {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #ebebeb;
            border: inherit;
        }

        ul.ColVis_collection li span {
            font-size: 90%;
        }

/* dragged header column, datatable column reorder extension */
.DTCR_clonedTable th {
    padding: 10px;
    vertical-align: middle;
    background-color: #ebebeb;
}

.DTCR_pointer {
    border: 1px solid #E7A13D;
}

/* data export feature, datatable table tools extension */
.DTTT.btn-group {
    float: right;
    margin-bottom: 1em;
}

    .DTTT.btn-group .btn {
        position: relative;
    }

        .DTTT.btn-group .btn.btn-default {
            background-color: #fff;
            border-color: #ccc;
        }

            .DTTT.btn-group .btn.btn-default:hover, .DTTT.btn-group .open .btn.dropdown-toggle.btn-default, .open .DTTT.btn-group .btn.dropdown-toggle.btn-default, .DTTT.btn-group .btn.btn-default:focus {
                background-color: #e6e6e6;
            }

/* bootstrap table styles */
.table-sorting thead th {
    cursor: pointer;
}

    .table-sorting thead th:after {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        font-family: FontAwesome;
        content: '';
        float: right;
    }

@media screen and (max-width: 480px) {
    .table-sorting thead th:after {
        position: absolute;
        top: 0;
    }
}

.table-sorting .sorting_asc:after,
.table-sorting .sorting_asc_disabled:after {
    content: '\f0de';
}

.table-sorting .sorting_desc:after,
.table-sorting .sorting_desc_disabled:after {
    content: '\f0dd';
}

.table-sorting .sorting:after {
    content: '\f0dc';
}

.table-sorting .sorting_asc_disabled,
.table-sorting .sorting_desc_disabled {
    color: #bbbbbb;
}

@media screen and (max-width: 480px) {
    .table-sorting {
        position: relative;
    }
}

.dataTables_scrollBody .table-sorting th:after {
    content: '';
    height: 0;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F5F5F5;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #FFFEED;
}

.ui-widget-overlay {
    background-color: #000;
}
/*------------------------------------------------*/
/*	Forms
/*------------------------------------------------*/
/* form */
fieldset {
    margin-bottom: 40px;
}

legend {
    color: #555;
    font-size: 1.5em;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal ul.multiselect-container .radio, .form-horizontal ul.multiselect-container .checkbox {
    min-height: initial;
    padding-top: 0;
}

div[class*="col-"] > .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-control,
.input-group .form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* form control feedback */
.has-feedback label ~ .form-control-feedback {
    top: 35px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 12px;
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 10px;
}

@media (min-width: 768px) {
    .form-inline .has-feedback .form-control-feedback {
        top: 10px;
    }
}
/* erorr list */
.parsley-errors-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
}

    .parsley-errors-list li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        white-space: nowrap;
    }

    .parsley-errors-list li {
        color: #DB3833;
        font-size: 0.9em;
        margin-top: 3px;
    }

/*------------------------------------------------*/
/*  Components
/*------------------------------------------------*/
/* wizard */
.wizard {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
}

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

    .wizard:after {
        clear: both;
    }

    .wizard ul {
        width: 4000px;
        padding: 0;
        margin: 0;
        list-style: none outside none;
    }

        .wizard ul.previous-disabled li.complete {
            cursor: default;
        }

            .wizard ul.previous-disabled li.complete:hover {
                color: #468847;
                cursor: default;
                background: #f3f4f5;
            }

                .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f4f5;
                }

        .wizard ul li {
            position: relative;
            float: left;
            height: 46px;
            padding: 0 20px 0 30px;
            margin: 0;
            font-size: 16px;
            line-height: 46px;
            color: #a5a5a5;
            cursor: default;
            background: #f2f2f2;
        }

            .wizard ul li:first-child {
                padding-left: 20px;
            }

            .wizard ul li .chevron {
                position: absolute;
                top: -24px;
                right: -14px;
                z-index: 1;
                display: block;
                border: 48px solid transparent;
                border-right: 0;
                border-left: 24px solid #fff;
            }

                .wizard ul li .chevron:before {
                    position: absolute;
                    top: -48px;
                    right: 5px;
                    display: block;
                    border: 48px solid transparent;
                    border-right: 0;
                    border-left: 24px solid #f2f2f2;
                    content: "";
                }

            .wizard ul li.complete {
                color: #fff;
                background: #4BA84B;
            }

                .wizard ul li.complete:hover {
                    cursor: pointer;
                    background: #49a449;
                }

                    .wizard ul li.complete:hover .chevron:before {
                        border-left: 24px solid #49a449;
                    }

                .wizard ul li.complete .chevron:before {
                    border-left: 24px solid #4BA84B;
                }

            .wizard ul li.active {
                color: #fff;
                background: #1D92AF;
            }

                .wizard ul li.active .chevron:before {
                    border-left: 24px solid #1D92AF;
                }

            .wizard ul li .badge {
                position: relative;
                top: -2px;
                margin-right: 8px;
                padding: 4px 7px;
            }

                .wizard ul li .badge.badge-info {
                    background-color: #166d83;
                }

                .wizard ul li .badge.badge-success {
                    background-color: #3b853b;
                }

.step-content {
    margin: 30px 0;
    padding-left: 20px;
}

    .step-content .step-pane {
        display: none;
    }

    .step-content .active {
        display: block;
    }

        .step-content .active .btn-group .active {
            display: inline-block;
        }

/* maps by mapael */
.mapTooltip {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    position: fixed;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    background-color: #f3f3f3;
    border: 1px solid #fff;
    color: #555;
}

    .mapTooltip span {
        font-weight: 700;
    }

.data-us-map .plotLegend {
    margin-top: 50px;
}

.zoom-map {
    position: relative;
}

    .zoom-map .btn-group {
        margin-bottom: 20px;
    }

@media screen and (max-width: 480px) {
    .zoom-map .btn-group .btn {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 3px;
    }
}

.map .zoomIn,
.map .zoomOut {
    position: absolute;
    left: 10px;
    background: #fff;
    width: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 20px;
}

    .map .zoomIn:hover,
    .map .zoomOut:hover {
        background: #f7f7f7;
    }

.map .zoomIn {
    top: 60px;
}

.map .zoomOut {
    top: 85px;
}

@media screen and (max-width: 480px) {
    .zoom-map .zoomIn {
        top: 100px;
    }

    .zoom-map .zoomOut {
        top: 124px;
    }
}

.map-custom-width {
    width: 75%;
}

    .map-custom-width .map {
        position: relative;
        left: 20%;
    }

/* calendar */
.fc-header-title h2 {
    font-family: "latobold";
    font-size: 1.5em;
}

.fc .fc-header-space {
    padding-left: 0;
}

.fc-header .fc-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 3px;
    background-image: none;
    background-color: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    color: #555;
}

.fc-header .fc-header-left .fc-button {
    border-bottom: 1px solid #E1E1E1;
}

    .fc-header .fc-header-left .fc-button:hover, .fc-header .fc-header-left .fc-button:focus, .fc-header .fc-header-left .fc-button:active, .fc-header .fc-header-left .fc-button.active, .fc-header .fc-header-left .fc-button.fc-state-active {
        background-color: #ECECEC;
    }

.fc-button.fc-button-today {
    background-color: #1D92AF;
    color: #fff;
    cursor: pointer;
}

    .fc-button.fc-button-today:hover, .fc-button.fc-button-today:focus, .fc-button.fc-button-today:active, .fc-button.fc-button-today.active {
        background-color: #166d83;
    }

.fc-content table thead tr {
    background-color: #F3F3F3;
}

.fc-ltr .fc-view .fc-event-hori {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fc-event-container a:hover, .fc-event-container a:focus {
    color: #C7DAE4;
}

.fc-event-inner {
    padding: 2px 5px;
}

.fc-view-month .fc-event .fc-event-inner:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    content: '\f111';
    font-size: 7px;
    margin-right: 5px;
}

.fc-event-vert {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fc-agenda-allday th {
    border-width: 0 0px;
}

#external-events .simplecolorpicker {
    display: table;
    width: 100%;
    border-collapse: separate;
    padding: 0;
    margin-bottom: 5px;
}

    #external-events .simplecolorpicker span.color {
        display: table-cell;
        text-align: center;
    }

.external-event {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 2px 5px;
    border: 1px solid #3A87AD;
    background-color: #3A87AD;
    color: #fff;
    font-size: 0.9em;
    margin-right: 0;
    margin-bottom: 3px;
    cursor: move;
}

/* gallery */
@media screen and (min-width: 575px) and (max-width: 767px) {
    .king-gallery {
        width: 500px;
        margin: 0 auto;
    }
}

.king-gallery .list-group-item-heading {
    font-size: 1em;
}

.king-gallery .thumbnail {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 0px;
    max-height: 225px;
}

.king-gallery .item .thumbnail {
    position: relative;
    overflow: hidden;
    border: none;
}

    .king-gallery .item .thumbnail img {
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .king-gallery .item .thumbnail .caption {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        -moz-transition-duration: 0.4s, 0.1s;
        -o-transition-duration: 0.4s, 0.1s;
        -webkit-transition-duration: 0.4s, 0.1s;
        transition-duration: 0.4s, 0.1s;
        -moz-transition-delay: initial, 0.3s;
        -o-transition-delay: initial, 0.3s;
        -webkit-transition-delay: initial, 0.3s;
        transition-delay: initial, 0.3s;
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        padding: 9px;
        background-color: #fff;
        color: #555;
    }

        .king-gallery .item .thumbnail .caption li {
            font-size: 0.85em;
        }

    .king-gallery .item .thumbnail:hover img {
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    .king-gallery .item .thumbnail:hover .caption {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        -moz-transition-duration: 0.4s, 0.1s;
        -o-transition-duration: 0.4s, 0.1s;
        -webkit-transition-duration: 0.4s, 0.1s;
        transition-duration: 0.4s, 0.1s;
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

@media screen and (max-width: 480px) {
    .gallery-buttons .btn {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* tree view */
.king-tree.jstree-default .jstree-checkbox {
    background-image: none;
    font-style: normal;
}

    .king-tree.jstree-default .jstree-checkbox:before {
        font-family: FontAwesome;
        font-size: 18px;
        content: '\f096';
    }

    .king-tree.jstree-default .jstree-checkbox.jstree-undetermined:before {
        content: '\f0c8';
        color: #ccc;
    }

.king-tree.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before, .king-tree.jstree-default .jstree-checked > .jstree-checkbox:before {
    content: '\f14a';
    color: #3E9C1A !important;
}

/*------------------------------------------------*/
/*	Page: Profile
/*------------------------------------------------*/
.profile h3,
.activity h3,
.settings h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
}

    .profile h3 i,
    .activity h3 i,
    .settings h3 i {
        margin-right: 5px;
    }

.tab-content.profile-page {
    padding: 35px 15px;
}

/* profile tab */
.profile .user-info-left,
.profile .user-info-right {
    padding: 10px 0;
}

.profile .user-info-left {
    text-align: center;
}

    .profile .user-info-left img {
        border: 3px solid #fff;
    }

    .profile .user-info-left h2 {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.3em;
        margin-bottom: 20px;
    }

        .profile .user-info-left h2 i {
            font-size: 0.6em;
            position: relative;
            top: -8px;
        }

    .profile .user-info-left ul.social {
        margin: 20px 0;
    }

        .profile .user-info-left ul.social a {
            font-size: 20px;
            color: #b9b9b9;
        }

            .profile .user-info-left ul.social a:hover {
                color: #868686;
            }

.profile .user-info-right {
    border-left: 1px solid #ddd;
    padding-left: 30px;
}

    .profile .user-info-right > div {
        margin-bottom: 60px;
    }

@media screen and (max-width: 992px) {
    .profile .user-info-right {
        border-left: none;
        padding-left: 0;
    }
}
/*------------------------------------------------*/
/*	Page: 404
/*------------------------------------------------*/
.page-error h1 {
    margin-top: 0;
}

.page-error .title {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: center;
}

.page-error .number {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    float: left;
    text-align: right;
    font-size: 4em;
    margin-right: 5px;
}

.page-error .text {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    float: left;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.2;
    position: relative;
    top: 12px;
}

@media screen and (max-width: 768px) {
    .page-error .text {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .page-error .number,
    .page-error .text {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .page-error .number,
    .page-error .text {
        font-size: 1.4em;
    }
}

.page-error .searchbox {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 40%;
}

@media screen and (max-width: 480px) {
    .page-error .searchbox {
        width: 100%;
    }

        .page-error .searchbox input[type="search"],
        .page-error .searchbox .input-group,
        .page-error .searchbox .input-group-btn,
        .page-error .searchbox .btn {
            display: block;
            width: 100%;
            float: none;
        }
}

@media screen and (max-width: 768px) {
    .page-error .searchbox {
        width: 80%;
    }
}
/*------------------------------------------------*/
/*	Page: Authentication (login, register)
/*------------------------------------------------*/
.btn-auth-facebook {
    background-color: #3B5998;
    color: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 40px;
}

    .btn-auth-facebook:hover, .btn-auth-facebook:focus {
        color: #fff;
        background-color: #37538d;
    }

    .btn-auth-facebook:before {
        font-family: FontAwesome;
        font-size: 20px;
        content: "\f09a";
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        padding: 7px 0;
        width: 40px;
        height: 40px;
        background-color: #2d4373;
    }

@media screen and (min-width: 768px) {
    .btn-auth-facebook {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .btn-auth-facebook {
        width: 30%;
    }
}

.page-auth .logo {
    margin-bottom: 40px;
}

.page-auth .separator {
    margin: 30px auto;
    position: relative;
    width: 100%;
}

    .page-auth .separator:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        content: "";
        vertical-align: middle;
        height: 0;
        border-top: 1px solid #ddd;
        position: absolute;
        top: 9px;
        left: 10px;
        right: 10px;
    }

    .page-auth .separator span {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        position: relative;
        background-color: #ececec;
        padding: 0 8px;
    }

@media screen and (min-width: 768px) {
    .page-auth .separator {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .page-auth .separator {
        width: 31%;
    }
}

.page-auth .center-block {
    width: 100%;
    border: 1px solid #ddd;
    padding: 25px;
    text-align: left;
    background-color: #f1f1f1;
}

    .page-auth .center-block .title {
        font-size: 1.2em;
        line-height: 1;
        margin-bottom: 15px;
    }

    .page-auth .center-block form > input {
        margin-bottom: 15px;
    }

        .page-auth .center-block form > input:focus {
            border-color: #ccc;
        }

    .page-auth .center-block .btn-auth {
        margin-top: 20px;
    }

    .page-auth .center-block .links {
        margin-top: 30px;
        text-align: center;
    }

        .page-auth .center-block .links p {
            margin-bottom: 0;
            font-size: 0.9em;
        }

            .page-auth .center-block .links p a:hover {
                text-decoration: none;
            }

@media screen and (min-width: 768px) {
    .page-auth .center-block {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .page-auth .center-block {
        width: 30%;
    }
}

/*------------------------------------------------*/
/*	Page: Search Results
/*------------------------------------------------*/
.search-results h3 {
    margin-top: 0;
    margin-bottom: 30px;
}

.search-results ul.list-results li {
    margin: 30px 0;
}

    .search-results ul.list-results li h3 {
        margin: 0;
        font-size: 1.5em;
        font-weight: 400;
    }

        .search-results ul.list-results li h3 a:hover, .search-results ul.list-results li h3 a:focus {
            text-decoration: underline;
        }

    .search-results ul.list-results li .result-url {
        color: #008000;
    }

    .search-results ul.list-results li p {
        margin-bottom: 0;
    }

    .search-results ul.list-results li img {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .search-results ul.list-results li.type-document i {
        font-size: 6em;
        line-height: 1;
    }

    .search-results ul.list-results li.type-image img {
        width: 140px;
    }

@media screen and (max-width: 480px) {
    .search-results ul.list-results li.type-image img {
        width: 110px;
    }
}

.search-results ul.list-results li.type-user img {
    width: 64px;
}

.search-history-heading {
    margin-bottom: 30px;
}

    .search-history-heading h3 {
        margin-bottom: 0;
    }

@media screen and (max-width: 768px) {
    .search-history-heading .input-group {
        margin-top: 25px;
    }
}

ul.list-search-history {
    margin-left: 15px;
    margin-bottom: 30px;
}

    ul.list-search-history > li p {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
    }

@media screen and (max-width: 768px) {
    ul.list-search-history > li p {
        width: 85%;
    }
}

ul.list-search-history > li > .time {
    margin-right: 10px;
}

ul.list-search-history > li a:hover, ul.list-search-history > li a:focus {
    text-decoration: underline;
}

/*------------------------------------------------*/
/*	Page: Projects
/*------------------------------------------------*/
.project-list .progress {
    margin-bottom: 0;
}

.project-list .progress-bar {
    font-size: 10px;
}

.project-list > tbody > tr > td {
    padding: 12px 8px;
}

    .project-list > tbody > tr > td .avatar {
        width: 22px;
        border: 1px solid #CCC;
    }
/*------------------------------------------------*/
/*	Footer
/*------------------------------------------------*/
.footer {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    font-size: 0.9em;
    text-align: center;
}