body, html {
    height: 100%
}

body {
    padding-top: 66.01px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

label {
    font-weight: 500;
    margin: 0;
    font-size: 12px;
}

p {
    color: #000;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-shadow: rgba(0,0,0,0) 0 0 0;
    color: #000;
}

/* Colors */
.text-warning {
    color: #fbac51 !important;
}

.text-info {
    color: #00BCD4 !important;
}

.text-success {
    color: #11c26d !important;
}

/* Badge */
.badge {
    font-size: 11px;
}

.badge-warning {
    background-color: #fbac51 !important;
}

.badge-info {
    background-color: #00BCD4 !important;
}

.badge-success {
    background-color: #11c26d !important;
}

/*BG */
.bg-warning {
    background-color: #fbac51 !important;
}

.bg-info {
    background-color: #00BCD4 !important;
}

.bg-success {
    background-color: #11c26d !important;
}

/* Header */
.site-navbar {
    background-color: #ffffff;
    z-index: 1020;
    border-bottom: 3px solid #f2662c;
}

    .site-navbar .navbar-header {
        background-color: transparent;
        color: #fff;
        height: inherit;
        -webkit-transition: width .25s;
        -o-transition: width .25s;
        transition: width .25s;
        
    }

        .site-navbar .navbar-header .navbar-brand {
            float: left;
            margin-right: 0;
            color: #fff;
            font-family: Roboto, sans-serif;
            cursor: pointer;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #fff;
        }

select.form-control.input-sm:not([size]):not([multiple]) {
    height: auto;
}

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

.site-navbar .navbar-header .navbar-brand-logo {
    height: 30px;
    -webkit-transition: height .25s;
    -o-transition: height .25s;
    transition: height .25s;
    margin-top: 12px;
}

.site-navbar .navbar-header .navbar-brand-text {
    display: none
}

.navbar-avatar .avatar {
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
}

.navbar-avatar .username {
    float: left;
    display: block;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
    padding: 0 10px 0 0;
}

    .navbar-avatar .username + .drop-caret {
        top: 50%;
        margin-top: -3px;
    }

.site-navbar .navbar-container {
    background-color: #fff;
}

@media (min-width:768px) {
    .site-navbar .navbar-container {
        margin-left: 0;
        -webkit-transition: margin-left .25s;
        -o-transition: margin-left .25s;
        transition: margin-left .25s
    }
}

.site-navbar.navbar-inverse .navbar-container {
    background-color: transparent
}

@media (max-width:767px) {
    .site-navbar.navbar .navbar-header {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .site-navbar.navbar .navbar-collapse {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .site-navbar.navbar .navbar-search {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.site-menubar {
    z-index: 1019;
    position: fixed;
    top: 66.01px;
    height: 100%;
    bottom: 0;
    width: 60px;
    background: #343a40;
    color: rgba(255,255,255,.8);
    font-family: Roboto, sans-serif;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-transition: width .25s, opacity .25s, -webkit-transform .25s;
    -o-transition: width .25s, opacity .25s, -o-transform .25s;
    transition: width .25s, opacity .25s, transform .25s
}

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

    .site-menubar a {
        outline: 0
    }

        .site-menubar a:focus, .site-menubar a:hover {
            text-decoration: none
        }

    .site-menubar.site-menubar-light {
        background: #fff;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
        box-shadow: 0 2px 4px rgba(0,0,0,.08)
    }

        .site-menubar.site-menubar-light .scrollable-inverse.scrollable .scrollable-bar-handle {
            background: rgba(163,175,183,.6)
        }

    .site-menubar:not(.mm-menu) .site-menu-sub {
        display: none
    }

    .site-menubar:not(.mm-menu) > .site-menu > .site-menu-item:hover > .site-menu-sub {
        display: block
    }

.site-menu {
    overflow: visible;
    padding-bottom: 20px;
    -webkit-transition: -webkit-transform .25s;
    -o-transition: -o-transform .25s;
    transition: transform .25s
}

.site-menu-item {
    -webkit-transition: -webkit-transform .1s, all .25s, border 0;
    -o-transition: -o-transform .1s, all .25s, border 0;
    transition: transform .1s, all .25s, border 0;
    line-height: 36px
}

    .site-menu-item > a {
        white-space: nowrap;
        cursor: pointer
    }

.site-menu-icon {
    display: inline-block;
    margin-right: 16px;
    width: 1em;
    font-size: 18px !important;
    text-align: center;
    vertical-align: middle;
}

.site-menu-title {
    display: inline-block;
    max-width: 160px;
    vertical-align: middle;
    -webkit-transition: visibility .25s, opacity .25s;
    -o-transition: visibility .25s, opacity .25s;
    transition: visibility .25s, opacity .25s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .site-menu-title:first-child {
        margin-left: 25px
    }

.site-menu-arrow {
    font-family: 'FontAwesome';
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    text-rendering: auto
}

    .site-menu-arrow:before {
        content: "\f105";
    }

.site-menu-arrow, .site-menu-badge, .site-menu-label {
    position: absolute;
    right: 25px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: visibility cubic-bezier(.76, .1, 1, -.16) .25s, opacity cubic-bezier(.76, .1, 1, -.16) .5s;
    -o-transition: visibility cubic-bezier(.76, .1, 1, -.16) .25s, opacity cubic-bezier(.76, .1, 1, -.16) .5s;
    transition: visibility cubic-bezier(.76, .1, 1, -.16) .25s, opacity cubic-bezier(.76, .1, 1, -.16) .5s
}

.site-menu .badge, .site-menu .label {
    padding: 2px 5px 3px;
    font-size: .858rem;
    font-weight: 300
}

.site-menu-item {
    position: relative;
    white-space: nowrap
}

    .site-menu-item a {
        display: block;
        color: rgba(255,255,255,.8);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .site-menu-item:hover > a {
        color: rgba(255,255,255,.9);
        background-color: rgba(255,255,255,.1)
    }

    .site-menu-item.active-link a {
        background-color: rgba(0, 0, 0, 0.3);
        color: rgba(255,255,255,1);
    }

    .site-menu-item.active {
        background: #242f35
    }

        .site-menu-item.active > a {
            color: #fff;
            background: 0 0
        }

        .site-menu-item.active.hover > a {
            background: 0 0
        }

.site-menu > .site-menu-item {
    padding: 0
}

    .site-menu > .site-menu-item > a {
        padding: 0 20px;
        line-height: 42px
    }

    .site-menu > .site-menu-item.active {
        border-top: 1px solid rgba(0,0,0,.04);
        border-bottom: 1px solid rgba(0,0,0,.04)
    }

.page {
    position: relative;
    /*min-height: -webkit-calc(100% - 44px);
	min-height: calc(100% - 44px);*/
    margin-left: 60px;
    min-height: 100%;
    background: #e4eaec;
    -webkit-transition: margin-left .25s;
    -o-transition: margin-left .25s;
    transition: margin-left .25s;
}

.page-nav-tabs {
    padding: 0 30px
}

.page-content {
    padding: 30px 30px
}

@media (max-width:479px) {
    .page-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.table a {
    text-decoration: none;
}

@media (max-width:991px) {
    .page {
        /*min-height: -webkit-calc(100% - 66px);
	    min-height: calc(100% - 66px);*/
        min-height: 100%;
        margin-left: auto !important;
    }
}

.site-footer {
    height: 44px;
    padding: 10px 30px;
    background-color: #ffffff;
    border-top: 1px solid #d5dbdd
}

    .site-footer::after {
        display: block;
        clear: both;
        content: ""
    }

@media (max-width:479px) {
    .site-footer {
        height: auto
    }
}

.site-footer-legal {
    float: left
}

.site-footer-actions {
    float: right
}

.site-footer-right {
    float: right
}

.site-footer .scroll-to-top {
    color: #76838f
}

    .site-footer .scroll-to-top, .site-footer .scroll-to-top:active, .site-footer .scroll-to-top:hover {
        text-decoration: none
    }

@media (max-width:479px) {
    .site-footer-actions, .site-footer-legal, .site-footer-right {
        display: block;
        float: none;
        text-align: center
    }
}

.layout-full {
    height: 100%;
    padding-top: 0 !important
}

    .layout-full .page {
        min-height: -webkit-calc(100% - 44px);
        min-height: calc(100% - 44px);
        margin: 0 !important;
        padding: 0;
        background-color: transparent
    }

.site-menubar-fold .page, .site-menubar-fold .site-footer {
    margin-left: 60px;
    -webkit-transition: width .25s;
    -o-transition: width .25s;
    transition: width .25s
}

.site-menubar-fold .site-menu > .site-menu-item {
    font-size: 14px
}

    .site-menubar-fold .site-menu > .site-menu-item > a {
        height: 46px
    }

.site-menu-item a .site-menu-arrow,
.site-menu-item a .site-menu-label,
.site-menu-item a .site-menu-title {
    opacity: 0;
    visibility: hidden
}

.site-menubar-unfold .site-menu-item a .site-menu-arrow,
.site-menubar-unfold .site-menu-item a .site-menu-label,
.site-menubar-unfold .site-menu-item a .site-menu-title {
    opacity: 1;
    visibility: visible
}

.site-menubar-hover .site-menu-item a .site-menu-arrow,
.site-menubar-hover .site-menu-item a .site-menu-label,
.site-menubar-hover .site-menu-item a .site-menu-title {
    opacity: 1;
    visibility: visible
}

.site-menubar-fold .site-menubar {
    width: 60px
}

@media (min-width:992px) {
    .site-menubar-hover .site-navbar .navbar-container {
        margin-left: 0
    }
}

.site-menubar-hover .site-navbar .navbar-brand {
    float: left;
    text-align: left
}

.site-menubar-hover .site-navbar .navbar-brand-text {
    display: inline-block
}

.site-menubar-hover .site-menubar {
    width: 260px
}

.site-menubar-hover .site-menu > .site-menu-item > a .site-menu-arrow,
.site-menubar-hover .site-menu > .site-menu-item > a .site-menu-badge,
.site-menubar-hover .site-menu > .site-menu-item > a .site-menu-title {
    opacity: 1;
    visibility: visible
}

.site-menubar-hover .site-menubar-footer {
    width: 260px
}

.site-menubar-unfold .page,
.site-menubar-unfold .site-footer {
    margin-left: 260px;
    -webkit-transition: margin-left .25s;
    -o-transition: margin-left .25s;
    transition: margin-left .25s
}

@media (min-width:992px) {
    .site-menubar-unfold .site-navbar .navbar-container {
        margin-left: 0
    }
}

.site-menubar-unfold .site-navbar .navbar-brand {
    float: left;
    text-align: left
}

.site-menubar-unfold .site-navbar .navbar-brand-text {
    display: inline-block
}

.site-menubar-unfold.site-menubar-native .site-menubar-body {
    overflow-y: scroll
}

.site-menubar-unfold .site-menubar {
    width: 260px
}

.site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

    .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:before {
        width: .6em;
        -webkit-transform: translate3d(.45em, .09em, 0) rotate(45deg);
        transform: translate3d(.45em, .09em, 0) rotate(45deg);
    }

    .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left .hamburger-bar {
        border-radius: .2em
    }

    .site-menubar-unfold [data-toggle=menubar] .hamburger-arrow-left:after {
        width: .6em;
        -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
        transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
    }

@media (max-width:991px) {
    .site-menubar-unfold .page,
    .site-menubar-unfold .site-footer {
        margin-left: auto
    }

    .site-menubar-hide .site-menubar,
    .site-menubar-open .site-menubar {
        -webkit-transition: -webkit-transform .25s, top .35s, height .35s;
        -o-transition: -o-transform .25s, top .35s, height .35s;
        transition: transform .25s, top .35s, height .35s
    }

    .site-menubar-open .site-menubar {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width:991px) {
    .site-navbar-collapsing {
        -webkit-transition: padding-top .35s;
        -o-transition: padding-top .35s;
        transition: padding-top .35s
    }

    body.site-navbar-collapse-show {
        padding-top: 132.02px
    }

    .site-navbar-collapse-show .slidePanel.slidePanel-left, .site-navbar-collapse-show .slidePanel.slidePanel-right {
        top: 132.02px;
        -webkit-transition: top .35s;
        -o-transition: top .35s;
        transition: top .35s
    }
}

.site-navbar .navbar-brand {
    height: 66px;
    padding: 6px 10px 5px;
}

.site-navbar .navbar-nav {
    margin: .6785rem -1.0715rem
}

@media (min-width:992px) {
    .site-navbar .navbar-nav > li > a {
        padding-top: 1.357rem;
        padding-bottom: 1.357rem
    }
}

site-navbar .navbar-toggler {
    height: 4.286rem;
    padding: 1.357rem 1.0715rem
}

.site-navbar .navbar-toolbar > li > a {
    padding-top: 22px;
    padding-bottom: 22px;
}

    .site-navbar .navbar-nav > li > a.navbar-avatar,
    .site-navbar .navbar-toolbar > li > a.navbar-avatar {
        padding-top: 13px;
        padding-bottom: 13px;
    }

.site-navbar .navbar-search-overlap .form-control {
    height: 4.286rem !important
}

@media (max-width:991px) {
    .site-menubar {
        top: 66.01px;
        height: -webkit-calc(100% - 66.01px);
        height: calc(100% - 66.01px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        -ms-transform: translate(-260px, 0);
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0)
    }

    .site-navbar-collapse-show {
        padding-top: 8.572rem
    }

        .site-navbar-collapse-show .site-menubar {
            top: 8.572rem;
            height: -webkit-calc(100% - 8.572rem);
            height: calc(100% - 8.572rem)
        }
}

@media (max-width:991px) {
    .disable-scrolling {
        overflow: hidden;
        height: 100%
    }

    body.site-menubar-open {
        overflow: hidden;
        height: 100%
    }

        body.site-menubar-open .page {
            overflow: hidden;
            height: 100%;
            pointer-events: none
        }
}

.sidebar-overlay {
    display: none;
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
}

.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox-custom label, .radio-custom label {
        min-height: 22px;
        margin-bottom: 0;
        font-size: 13px;
        color: #000;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
        position: absolute;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -20px
    }

    .checkbox-custom.disabled label, .radio-custom.disabled label, fieldset[disabled] .checkbox-custom label, fieldset[disabled] .radio-custom label {
        cursor: not-allowed
    }

.input-group-addon .checkbox-custom, .input-group-addon .radio-custom {
    margin: 0
}

.checkbox-custom {
    padding-left: 20px
}

    .checkbox-custom label {
        position: relative;
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle
    }

        .checkbox-custom label:empty {
            padding-left: 0
        }

        .checkbox-custom label::before {
            position: absolute;
            left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: -20px;
            content: "";
            background-color: #fff;
            border: 1px solid #bfcace;
            border-radius: .215rem;
            -webkit-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s
        }

        .checkbox-custom label::after {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            padding-top: 1px;
            margin-left: -20px;
            font-size: 12px;
            line-height: 20px;
            color: #76838f;
            text-align: center
        }

    .checkbox-custom input[type=checkbox], .checkbox-custom input[type=radio] {
        z-index: 1;
        width: 20px;
        height: 20px;
        cursor: pointer;
        opacity: 0
    }

        .checkbox-custom input[type=checkbox]:checked + input[type=hidden] + label::before, .checkbox-custom input[type=checkbox]:checked + label::before, .checkbox-custom input[type=radio]:checked + input[type=hidden] + label::before, .checkbox-custom input[type=radio]:checked + label::before {
            border-color: #d5dbdd;
            border-width: 10px;
            -webkit-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s
        }

        .checkbox-custom input[type=checkbox]:checked + input[type=hidden] + label::after, .checkbox-custom input[type=checkbox]:checked + label::after, .checkbox-custom input[type=radio]:checked + input[type=hidden] + label::after, .checkbox-custom input[type=radio]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
            font-weight: 900;
        }

        .checkbox-custom input[type=checkbox]:disabled, .checkbox-custom input[type=radio]:disabled {
            cursor: not-allowed
        }

            .checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label:after,
            .checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label:before,
            .checkbox-custom input[type=checkbox]:disabled + label:after,
            .checkbox-custom input[type=checkbox]:disabled + label:before,
            .checkbox-custom input[type=radio]:disabled + input[type=hidden] + label:after,
            .checkbox-custom input[type=radio]:disabled + input[type=hidden] + label:before,
            .checkbox-custom input[type=radio]:disabled + label:after,
            .checkbox-custom input[type=radio]:disabled + label:before {
                opacity: .65
            }

            .checkbox-custom input[type=checkbox]:disabled + input[type=hidden] + label::before,
            .checkbox-custom input[type=checkbox]:disabled + label::before,
            .checkbox-custom input[type=radio]:disabled + input[type=hidden] + label::before,
            .checkbox-custom input[type=radio]:disabled + label::before {
                cursor: not-allowed;
                background-color: #f3f7f9;
                border-color: #d5dbdd;
                border-width: 1px
            }

    .checkbox-custom.checkbox-circle label::before {
        border-radius: 50%
    }

    .checkbox-custom.checkbox-inline {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0
    }

.checkbox-inline + .checkbox-inline {
    margin-left: 15px
}

.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::before, .checkbox-primary input[type=checkbox]:checked + label::before, .checkbox-primary input[type=radio]:checked + input[type=hidden] + label::before, .checkbox-primary input[type=radio]:checked + label::before {
    background-color: #3e8ef7;
    border-color: #3e8ef7
}

.checkbox-primary input[type=checkbox]:checked + input[type=hidden] + label::after, .checkbox-primary input[type=checkbox]:checked + label::after, .checkbox-primary input[type=radio]:checked + input[type=hidden] + label::after, .checkbox-primary input[type=radio]:checked + label::after {
    color: #fff
}

.checkbox-sm {
    padding-left: 18px
}

    .checkbox-sm label {
        padding-left: 8px
    }

        .checkbox-sm label:empty {
            padding-left: 0
        }

        .checkbox-sm label::after, .checkbox-sm label::before {
            width: 18px;
            height: 18px;
            margin-left: -18px
        }

        .checkbox-sm label::after {
            font-size: 10px;
            line-height: 18px
        }

    .checkbox-sm input[type=checkbox], .checkbox-sm input[type=radio] {
        width: 18px;
        height: 18px
    }

        .checkbox-sm input[type=checkbox]:checked + input[type=hidden] + label::before, .checkbox-sm input[type=checkbox]:checked + label::before, .checkbox-sm input[type=radio]:checked + input[type=hidden] + label::before, .checkbox-sm input[type=radio]:checked + label::before {
            border-width: 9px
        }

.checkbox-lg {
    padding-left: 24px
}

    .checkbox-lg label {
        padding-left: 12px
    }

        .checkbox-lg label:empty {
            padding-left: 0
        }

        .checkbox-lg label::after, .checkbox-lg label::before {
            width: 24px;
            height: 24px;
            margin-left: -24px
        }

        .checkbox-lg label::after {
            font-size: 14px;
            line-height: 24px
        }

    .checkbox-lg input[type=checkbox], .checkbox-lg input[type=radio] {
        width: 24px;
        height: 24px
    }

        .checkbox-lg input[type=checkbox]:checked + input[type=hidden] + label::before, .checkbox-lg input[type=checkbox]:checked + label::before, .checkbox-lg input[type=radio]:checked + input[type=hidden] + label::before, .checkbox-lg input[type=radio]:checked + label::before {
            border-width: 12px
        }

.radio-custom {
    padding-left: 20px
}

    .radio-custom label {
        position: relative;
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle
    }

        .radio-custom label:empty {
            padding-left: 0
        }

        .radio-custom label::before {
            position: absolute;
            left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: -20px;
            content: "";
            background-color: #fff;
            border: 1px solid #bfcace;
            border-radius: 50%;
            -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
            -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
            transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
        }

        .radio-custom label::after {
            position: absolute;
            top: 7px;
            left: 7px;
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-left: -20px;
            content: " ";
            background-color: transparent;
            border: 2px solid #76838f;
            border-radius: 50%;
            -webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
            -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
            transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0)
        }

    .radio-custom input[type=radio] {
        z-index: 1;
        width: 20px;
        height: 20px;
        cursor: pointer;
        opacity: 0
    }

        .radio-custom input[type=radio]:checked + input[type=hidden] + label::before, .radio-custom input[type=radio]:checked + label::before {
            border-color: #d5dbdd;
            border-width: 10px
        }

        .radio-custom input[type=radio]:checked + input[type=hidden] + label::after, .radio-custom input[type=radio]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .radio-custom input[type=radio]:disabled {
            cursor: not-allowed
        }

            .radio-custom input[type=radio]:disabled + input[type=hidden] + label:after,
            .radio-custom input[type=radio]:disabled + input[type=hidden] + label:before,
            .radio-custom input[type=radio]:disabled + label:after,
            .radio-custom input[type=radio]:disabled + label:before {
                opacity: .65
            }

            .radio-custom input[type=radio]:disabled + input[type=hidden] + label::before, .radio-custom input[type=radio]:disabled + label::before {
                cursor: not-allowed
            }

    .radio-custom.radio-inline {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0
    }

.radio-inline + .radio-inline {
    margin-left: 15px
}

.radio-default input[type=radio]:checked + input[type=hidden] + label::before, .radio-default input[type=radio]:checked + label::before {
    background-color: #fff;
    border-color: #d5dbdd;
    border-width: 1px
}

.radio-default input[type=radio]:checked + input[type=hidden] + label::after, .radio-default input[type=radio]:checked + label::after {
    border-color: #3e8ef7
}

.radio-primary input[type=radio]:checked + input[type=hidden] + label::before, .radio-primary input[type=radio]:checked + label::before {
    border-color: #3e8ef7
}

.radio-primary input[type=radio]:checked + input[type=hidden] + label::after, .radio-primary input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-sm {
    padding-left: 18px
}

    .radio-sm label {
        padding-left: 8px
    }

        .radio-sm label:empty {
            padding-left: 0
        }

        .radio-sm label::before {
            width: 18px;
            height: 18px;
            margin-left: -20px
        }

        .radio-sm label::after {
            top: 7px;
            left: 7px;
            width: 4px;
            height: 4px;
            margin-left: -20px;
            border-width: 2px
        }

    .radio-sm input[type=radio] {
        width: 18px;
        height: 18px
    }

        .radio-sm input[type=radio]:checked + input[type=hidden] + label::before, .radio-sm input[type=radio]:checked + label::before {
            border-width: 9px
        }

.radio-lg {
    padding-left: 24px
}

    .radio-lg label {
        padding-left: 12px
    }

        .radio-lg label:empty {
            padding-left: 0
        }

        .radio-lg label::before {
            width: 24px;
            height: 24px;
            margin-left: -20px
        }

        .radio-lg label::after {
            top: 8px;
            left: 8px;
            width: 8px;
            height: 8px;
            margin-left: -20px;
            border-width: 2px
        }

    .radio-lg input[type=radio] {
        width: 24px;
        height: 24px
    }

        .radio-lg input[type=radio]:checked + input[type=hidden] + label::before, .radio-lg input[type=radio]:checked + label::before {
            border-width: 12px
        }

@media (min-width:768px) {
    .form-inline .checkbox-custom, .form-inline .radio-custom {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox-custom label, .form-inline .radio-custom label {
            padding-left: 0
        }

        .form-inline .checkbox-custom input[type=checkbox], .form-inline .radio-custom input[type=radio] {
            position: relative;
            margin-left: 0
        }

        .form-inline .radio-custom label {
            padding-left: 10px
        }

        .form-inline .checkbox-custom label {
            padding-left: 10px
        }

        .form-inline .checkbox-custom input[type=checkbox] {
            position: absolute;
            margin-left: -20px
        }

        .form-inline .radio-custom input[type=radio] {
            position: absolute;
            margin-left: -20px
        }
}

.form-horizontal .checkbox-custom, .form-horizontal .radio-custom {
    padding-top: .501rem;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox-custom, .form-horizontal .radio-custom {
    min-height: 2.073rem
}

.form-control-wrap {
    position: relative
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.loader-content {
    margin: 50vh auto 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.loader-index {
    margin-top: 20px
}

    .loader-index > div {
        display: inline-block;
        width: 4px;
        height: 25px;
        margin: 2px;
        background: #fff;
        border-radius: 2px;
        -webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
        -o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
        animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
            -webkit-animation-delay: -.6s !important;
            -o-animation-delay: -.6s !important;
            animation-delay: -.6s !important
        }

        .loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
            -webkit-animation-delay: -.4s !important;
            -o-animation-delay: -.4s !important;
            animation-delay: -.4s !important
        }

        .loader-index > div:nth-child(6) {
            -webkit-animation-delay: -.2s !important;
            -o-animation-delay: -.2s !important;
            animation-delay: -.2s !important
        }

@-webkit-keyframes loader-index {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-o-keyframes loader-index {
    0% {
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -o-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    100% {
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes loader-index {
    0% {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    100% {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px
}

    .avatar i {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        border-radius: 100%
    }

    .avatar img {
        width: 100%;
        height: 100%;
        border: 0 none;
    }

.avatar-online i {
    background-color: #11c26d
}

.avatar-off i {
    background-color: #526069
}

.avatar-busy i {
    background-color: #eb6709
}

.avatar-away i {
    background-color: #ff4c52
}

.avatar-100 {
    width: 100px
}

    .avatar-100 i {
        width: 20px;
        height: 20px
    }

.avatar-lg {
    width: 50px
}

    .avatar-lg i {
        width: 12px;
        height: 12px
    }

.avatar-sm {
    width: 30px
}

    .avatar-sm i {
        width: 8px;
        height: 8px
    }

.avatar-xs {
    width: 20px
}

    .avatar-xs i {
        width: 7px;
        height: 7px
    }

.status {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.status-online {
    background-color: #11c26d
}

.status-off {
    background-color: #526069
}

.status-busy {
    background-color: #eb6709
}

.status-away {
    background-color: #ff4c52
}

.status-lg {
    width: 14px;
    height: 14px
}

.status-md {
    width: 10px;
    height: 10px
}

.status-sm {
    width: 8px;
    height: 8px
}

.status-xs {
    width: 7px;
    height: 7px
}

.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    text-rendering: auto;
    line-height: 1;
}

.hamburger {
    font-size: 17px;
    vertical-align: middle;
    margin-top: 1px;
}

    .hamburger, .hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -o-transition: -o-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }

        .hamburger:after, .hamburger:before {
            content: ""
        }

        .hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
            display: block;
            width: 1em;
            height: .11em;
            margin: 0;
            background: #76838f;
            border-radius: 1px
        }

.navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after, .navbar-default .hamburger:before {
    background: #76838f
}

.navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after, .navbar-inverse .hamburger:before {
    background: #fff
}

.hamburger .hamburger-bar {
    margin: .2em 0
}

.hamburger-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close .hamburger-bar {
    opacity: 0
}

.hamburger-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close.collapsed:before, .hamburger-close.hided:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-close.collapsed .hamburger-bar, .hamburger-close.hided .hamburger-bar {
    opacity: 1
}

.hamburger-close.collapsed:after, .hamburger-close.hided:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-arrow-left.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

    .hamburger-arrow-left.collapsed:before {
        width: .6em;
        -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
        transform: translate3d(.45em, .1em, 0) rotate(45deg)
    }

    .hamburger-arrow-left.collapsed .hamburger-bar {
        border-radius: .2em
    }

    .hamburger-arrow-left.collapsed:after {
        width: .6em;
        -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
        transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
    }

.panel {
    position: relative;
    margin-bottom: 2.143rem;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .286rem;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-content > .row {
    padding-right: 30px;
    padding-left: 30px
}

    .panel-content > .row > [class*=col-] {
        padding-right: 30px;
        padding-left: 30px
    }

.panel-heading {
    border-radius: .214rem;
    position: relative;
    padding: 0;
    border-bottom: 1px solid transparent
}

.panel-open > .panel-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-heading + .alert {
    border-radius: 0
}

.panel-heading > .nav-tabs {
    border-bottom: none
}

.panel-heading-tab {
    padding: 10px 30px 0;
    background-color: #3e8ef7
}

    .panel-heading-tab > .nav-tabs .nav-link {
        color: #fff
    }

        .panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
            color: #76838f
        }

        .panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
            color: #76838f;
            background-color: #fff
        }

.panel-heading + .nav-tabs {
    margin-top: -.715rem
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-body {
    position: relative;
    padding: 30px 30px
}

    .panel-body::after {
        display: block;
        clear: both;
        content: ""
    }

.panel-heading + .panel-body {
    padding-top: 0
}

.panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child, .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child {
    margin-top: 0
}

.panel-body > :last-child {
    margin-bottom: 0
}

.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
    border-bottom-color: transparent
}

.panel-footer {
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem;
    padding: 0 30px 15px;
    background-color: transparent;
    border-top: 1px solid transparent
}

.table + .panel-footer {
    padding-top: 15px;
    border-color: #d5dbdd
}

.panel-title {
    display: block;
    padding: 20px 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #37474f
}

    .panel-title > .icon {
        margin-right: 10px
    }

    .panel-title > .badge {
        margin-left: 10px
    }

    .panel-title .small, .panel-title small {
        color: #37474f
    }

    .panel-title > .small > a, .panel-title > a, .panel-title > small > a {
        color: #37474f;
    }

        .panel-title > .small > a:hover, .panel-title > a:hover, .panel-title > small > a:hover {
            color: #000;
        }

.panel-desc {
    display: block;
    padding: 5px 0 0;
    margin: 0;
    font-size: 1rem;
    color: #76838f
}

.panel-actions {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (max-width:479px) {
    .panel-actions {
        right: 20px
    }
}

ul .panel-actions {
    list-style: none
}

    ul .panel-actions > li {
        display: inline-block;
        margin-left: 8px
    }

        ul .panel-actions > li:first-child {
            margin-left: 0
        }

.panel-actions a.dropdown-toggle {
    text-decoration: none
}

.panel-actions .dropdown {
    display: inline-block
}

.panel-actions .dropdown-toggle {
    display: inline-block
}

.panel-actions .panel-action {
    font-size: 14px;
    display: inline-block;
    padding: 8px 10px;
    color: #a3afb7;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent
}

    .panel-actions .panel-action:hover {
        color: #526069
    }

    .panel-actions .panel-action:active {
        color: #526069
    }

    .panel-actions .panel-action[data-toggle=dropdown]:not(.dropdown-toggle) {
        width: 34px;
        text-align: center
    }

.panel-actions .progress {
    width: 100px;
    margin: 0
}

.panel-actions .pagination {
    margin: 0
}

ul.panel-actions {
    list-style: none
}

    ul.panel-actions > li {
        display: inline-block;
        margin-left: 8px
    }

        ul.panel-actions > li:first-child {
            margin-left: 0
        }

.panel-toolbar {
    padding: 5px 15px;
    margin: 0;
    background-color: transparent;
    border-top: 1px solid #d5dbdd;
    border-bottom: 1px solid #d5dbdd
}

.panel-bordered .panel-toolbar {
    border-top-color: transparent
}

.panel-toolbar .btn {
    padding: 5px 10px;
    color: #a3afb7
}

    .panel-toolbar .btn.icon {
        width: 1em;
        text-align: center
    }

    .panel-toolbar .btn.active, .panel-toolbar .btn:active, .panel-toolbar .btn:hover {
        color: #76838f
    }

.panel-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    display: none;
    width: 100%;
    height: 100%;
    border-radius: .286rem;
    opacity: .6
}

    .panel-loading .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.panel > :not(.panel-loading):not(.collapsing) {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.panel.is-loading > :not(.panel-loading) {
    opacity: .3
}

.panel.is-loading .panel-loading {
    display: block;
    opacity: 1
}

.panel-footer-chart {
    padding: 0
}

.panel-control {
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-body.scrollable-vertical {
    padding-right: 0 !important;
    padding-left: 0 !important
}

    .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
        padding-right: 30px;
        padding-left: 30px
    }

@media (max-width:479px) {
    .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
        padding-right: 20px;
        padding-left: 20px
    }
}

.panel-body.scrollable-vertical > .scrollable-bar {
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    margin-top: 0;
    margin-bottom: 30px;
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    -o-transform: translateX(-26px);
    transform: translateX(-26px)
}

.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
    height: -webkit-calc(100% - 2 * 30px);
    height: calc(100% - 2 * 30px);
    margin-bottom: 30px
}

.panel-body.scrollable-horizontal {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

    .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
        padding-top: 0;
        padding-bottom: 30px
    }

.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
    padding-top: 30px;
    padding-bottom: 30px
}

.panel-body.scrollable-horizontal > .scrollable-bar {
    width: -webkit-calc(100% - 2 * 30px);
    width: calc(100% - 2 * 30px);
    margin-right: 30px;
    margin-left: 0;
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

@media (max-width:479px) {
    .panel-body.scrollable-horizontal > .scrollable-bar {
        width: -webkit-calc(100% - 2* 20px);
        width: calc(100% - 2* 20px);
        margin-right: 20px
    }
}

.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

.panel-bordered > .panel-heading {
    border-bottom: 1px solid #d5dbdd
}

    .panel-bordered > .panel-heading > .panel-title {
        padding-bottom: 20px
    }

.panel-bordered > .panel-footer {
    padding-top: 15px;
    border-top: 1px solid #d5dbdd
}

.panel-bordered > .panel-body {
    padding-top: 30px
}

.panel-bordered > .table > tbody:first-child > tr:first-child td, .panel-bordered > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel.is-dragging {
    opacity: .8
}

.panel.is-dragging {
    cursor: move
}

.panel > .nav-tabs-vertical .nav-tabs {
    margin-left: -1px
}

    .panel > .nav-tabs-vertical .nav-tabs > li > a {
        border-left: none;
        border-radius: 0
    }

    .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
        margin-right: -1px
    }

        .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
            border-right: none;
            border-radius: 0
        }

.panel:hover .panel-actions .show-on-hover {
    display: inline-block
}

.panel .panel-actions .show-on-hover {
    display: none
}

.panel.is-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    border-radius: 0
}

    .panel.is-fullscreen .panel-loading {
        border-radius: 0
    }

    .panel.is-fullscreen .panel-actions [data-toggle=collapse] {
        display: none
    }

.panel.is-close {
    display: none
}

.panel.is-collapse .panel-body {
    display: none;
    height: 0
}

.panel > .alert {
    padding-right: 30px;
    padding-left: 30px
}

@media (max-width:479px) {
    .panel > .alert {
        padding-right: 20px;
        padding-left: 20px
    }

    .panel > .alert-dismissible {
        padding-right: 40px
    }
}

.panel > .alert-dismissible {
    padding-right: 50px
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
        padding-right: 30px 30px;
        padding-left: 30px 30px
    }

    .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
        border-top-left-radius: .214rem;
        border-top-right-radius: .214rem
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: .214rem;
            border-top-right-radius: .214rem
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: .214rem
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: .214rem
            }

    .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
        border-bottom-right-radius: .214rem;
        border-bottom-left-radius: .214rem
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: .214rem;
            border-bottom-left-radius: .214rem
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: .214rem
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: .214rem
            }

    .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
        border-top: 1px solid #d5dbdd
    }

    .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

    .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
        padding-left: 30px
    }

@media (max-width:479px) {
    .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
        padding-left: 20px
    }
}

.panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
    padding-right: 30px
}

@media (max-width:479px) {
    .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
        padding-right: 20px
    }
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 1px solid #d5dbdd
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .214rem;
        border-top-right-radius: .214rem;
        border-top: 0
    }

    .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .214rem;
        border-bottom-left-radius: .214rem;
        border-bottom: 0
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel > .list-group .list-group-item {
    padding-right: 30px;
    padding-left: 30px
}

@media (max-width:479px) {
    .panel > .list-group .list-group-item {
        padding-right: 20px;
        padding-left: 20px
    }
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel.panel-transparent {
    background: 0 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .panel.panel-transparent > .panel-footer, .panel.panel-transparent > .panel-heading {
        border-color: transparent
    }

.panel-default .panel-heading {
    color: #76838f;
    background-color: #e4eaec;
    border: none
}

    .panel-default .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #d5dbdd
    }

    .panel-default .panel-heading .badge-pill {
        color: #d5dbdd;
        background-color: #76838f
    }

.panel-default .panel-title {
    color: #76838f
}

.panel-default .panel-action {
    color: #76838f
}

.panel-default .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d5dbdd
}

.panel-default .panel-title {
    color: #37474f
}

.panel-primary .panel-heading {
    color: #fff;
    background-color: #3e8ef7;
    border: none
}

    .panel-primary .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #3e8ef7
    }

    .panel-primary .panel-heading .badge-pill {
        color: #3e8ef7;
        background-color: #fff
    }

.panel-primary .panel-title {
    color: #fff
}

.panel-primary .panel-action {
    color: #fff
}

.panel-primary .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3e8ef7
}

.panel-success .panel-heading {
    color: #fff;
    background-color: #11c26d;
    border: none
}

    .panel-success .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #0fab46
    }

    .panel-success .panel-heading .badge-pill {
        color: #11c26d;
        background-color: #fff
    }

.panel-success .panel-title {
    color: #fff
}

.panel-success .panel-action {
    color: #fff
}

.panel-success .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0fab46
}

.panel-info .panel-heading {
    color: #fff;
    background-color: #0bb2d4;
    border: none
}

    .panel-info .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #09b2b2
    }

    .panel-info .panel-heading .badge-pill {
        color: #0bb2d4;
        background-color: #fff
    }

.panel-info .panel-title {
    color: #fff
}

.panel-info .panel-action {
    color: #fff
}

.panel-info .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #09b2b2
}

.panel-warning .panel-heading {
    color: #fff;
    background-color: #eb6709;
    border: none
}

    .panel-warning .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #dc3d08
    }

    .panel-warning .panel-heading .badge-pill {
        color: #eb6709;
        background-color: #fff
    }

.panel-warning .panel-title {
    color: #fff
}

.panel-warning .panel-action {
    color: #fff
}

.panel-warning .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dc3d08
}

.panel-danger .panel-heading {
    color: #fff;
    background-color: #ff4c52;
    border: none
}

    .panel-danger .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ff3d64
    }

    .panel-danger .panel-heading .badge-pill {
        color: #ff4c52;
        background-color: #fff
    }

.panel-danger .panel-title {
    color: #fff
}

.panel-danger .panel-action {
    color: #fff
}

.panel-danger .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ff3d64
}

.panel-dark .panel-heading {
    color: #fff;
    background-color: #526069;
    border: none
}

    .panel-dark .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #526069
    }

    .panel-dark .panel-heading .badge-pill {
        color: #526069;
        background-color: #fff
    }

.panel-dark .panel-title {
    color: #fff
}

.panel-dark .panel-action {
    color: #fff
}

.panel-dark .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #526069
}

.panel-line .panel-heading {
    background: 0 0;
    border: none;
    border-top: 3px solid transparent
}

.panel-line.panel-default .panel-heading {
    color: #d5dbdd;
    background: 0 0;
    border-top-color: #d5dbdd
}

.panel-line.panel-default .panel-title {
    color: #d5dbdd
}

.panel-line.panel-default .panel-action {
    color: #d5dbdd
}

.panel-line.panel-default .panel-title {
    color: #37474f
}

.panel-line.panel-default .panel-action {
    color: #a3afb7
}

.panel-line.panel-primary .panel-heading {
    color: #3e8ef7;
    background: 0 0;
    border-top-color: #3e8ef7
}

.panel-line.panel-primary .panel-title {
    color: #3e8ef7
}

.panel-line.panel-primary .panel-action {
    color: #3e8ef7
}

.panel-line.panel-success .panel-heading {
    color: #11c26d;
    background: 0 0;
    border-top-color: #11c26d
}

.panel-line.panel-success .panel-title {
    color: #11c26d
}

.panel-line.panel-success .panel-action {
    color: #11c26d
}

.panel-line.panel-info .panel-heading {
    color: #0bb2d4;
    background: 0 0;
    border-top-color: #0bb2d4
}

.panel-line.panel-info .panel-title {
    color: #0bb2d4
}

.panel-line.panel-info .panel-action {
    color: #0bb2d4
}

.panel-line.panel-warning .panel-heading {
    color: #eb6709;
    background: 0 0;
    border-top-color: #eb6709
}

.panel-line.panel-warning .panel-title {
    color: #eb6709
}

.panel-line.panel-warning .panel-action {
    color: #eb6709
}

.panel-line.panel-danger .panel-heading {
    color: #ff4c52;
    background: 0 0;
    border-top-color: #ff4c52
}

.panel-line.panel-danger .panel-title {
    color: #ff4c52
}

.panel-line.panel-danger .panel-action {
    color: #ff4c52
}

.panel-line.panel-dark .panel-heading {
    color: #526069;
    background: 0 0;
    border-top-color: #526069
}

.panel-line.panel-dark .panel-title {
    color: #526069
}

.panel-line.panel-dark .panel-action {
    color: #526069
}

@media (max-width:767px) {
    .panel-actions {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        padding: 0 30px 15px;
        margin: auto;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .panel-actions-keep {
        position: absolute;
        top: 50%;
        right: 10px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (max-width:479px) {
    .panel-actions {
        padding-left: 20px
    }

    .panel-actions-keep {
        right: 15px
    }

    .panel-actions .progress {
        min-width: 80px
    }

    .panel-actions .show-on-hover {
        display: none
    }

    .panel-body, .panel-footer, .panel-title {
        padding-right: 20px;
        padding-left: 20px
    }
}

.panel-group {
    margin-bottom: 22px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: .286rem;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .panel-group .panel + .panel {
            margin-top: 10px
        }

    .panel-group .panel-title {
        position: relative;
        /*padding: 15px 30px;*/
        padding: 10px 15px;
        font-size: 1rem
    }

        .panel-group .panel-title:after, .panel-group .panel-title:before {
            position: absolute;
            top: 15px;
            right: 30px;
            font-family: "Web Icons";
            -webkit-transition: all .3s linear 0s;
            -o-transition: all .3s linear 0s;
            transition: all .3s linear 0s
        }

        .panel-group .panel-title:before {
            content: ""
        }

        .panel-group .panel-title:after {
            content: ""
        }

        .panel-group .panel-title[aria-expanded=false]:before {
            opacity: .4
        }

        .panel-group .panel-title[aria-expanded=false]:after {
            opacity: 0;
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

        .panel-group .panel-title[aria-expanded=true]:before {
            opacity: 0;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .panel-group .panel-title[aria-expanded=true]:after {
            opacity: 1
        }

        .panel-group .panel-title:focus, .panel-group .panel-title:hover {
            color: #76838f;
            text-decoration: none
        }

        .panel-group .panel-title:focus {
            outline: 0
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse {
            margin: 0
        }

            .panel-group .panel-heading + .panel-collapse > .list-group {
                border-top: 1px solid #d5dbdd
            }

    .panel-group .panel-collapse .panel-body {
        /*padding: 15px 30px*/
        padding: 15px 15px
    }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #d5dbdd
        }

/* Buttons */
.btn-default {
    border-color: #d5dbdd;
}

    .btn-default.focus, .btn-default.hover, .btn-default:focus, .btn-default:hover {
        border-color: #d5dbdd;
    }

/* Input Group Addon */
.input-group-addon {
    background-color: #f3f7f9;
    border: 1px solid #d5dbdd;
}