.category-title,
.sidebar,
.sidebar-content {
    position: relative
}

.fc table,
.picker__table,
.pika-table,
.ui-datepicker table {
    border-collapse: collapse
}

.fc table,
.handsontable .htCore,
.picker__table,
.pika-table,
.stepy-header,
.wizard>.steps>ul {
    table-layout: fixed
}

.cropper-container,
.fancybox-nav {
    -webkit-tap-highlight-color: transparent
}

.c3-tooltip,
.fc table,
.picker__table,
.pika-table {
    border-spacing: 0
}

.bullet-marker,
.bullet-tick line,
.c3 path.domain,
.c3-bars path,
.c3-event-rect,
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.d3-axis line,
.d3-axis path,
.d3-grid .tick line,
.d3-grid-dashed .tick {
    shape-rendering: crispEdges
}

.sidebar {
    background-color: #263238;
    color: #fff;
    width: 100%;
    display: none
}

@media (min-width:769px) {
    .sidebar {
        display: table-cell;
        vertical-align: top;
        width: 260px
    }
}

.sidebar-main {
    z-index: 99
}

.sidebar-secondary {
    z-index: 98
}

.sidebar-opposite {
    display: none;
    z-index: 97
}

.sidebar:not(.sidebar-default)+.sidebar:not(.sidebar-default) {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.sidebar-default {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ddd
}

@media (min-width:769px) {
    .sidebar-opposite-visible .sidebar-opposite {
        display: table-cell
    }
    .sidebar-default {
        border-bottom: 0;
        border-left: 1px solid #ddd
    }
    .content-wrapper+.sidebar-default {
        border-right: 1px solid #ddd
    }
}

.sidebar-all-hidden .sidebar-main,
.sidebar-all-hidden .sidebar-secondary,
.sidebar-detached-hidden .sidebar-detached>.sidebar,
.sidebar-main-hidden .sidebar-main,
.sidebar-secondary-hidden .sidebar-secondary {
    display: none
}

@media (max-width:768px) {
    .sidebar-mobile-detached .sidebar-detached>.sidebar,
    .sidebar-mobile-main .sidebar-main,
    .sidebar-mobile-opposite .sidebar-opposite,
    .sidebar-mobile-secondary .sidebar-secondary {
        display: block
    }
}

.category-title {
    margin: 0;
    padding: 10px 20px 10px 46px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.category-title>span {
    display: block;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.82
}

.category-title .icons-list,
.category-title>i {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -8px
}

.category-content,
.navigation,
.navigation li {
    position: relative
}

.sidebar-default .category-title {
    border-bottom-color: #ddd
}

.category-content {
    padding: 20px
}

.navigation {
    margin: 0;
    padding: 100px 0;
    list-style: none
}

.sidebar-user+.sidebar-category .navigation {
    padding-top: 0
}

.navigation .hidden-ul {
    display: none
}

.navigation li+li {
    margin-top: 1px
}

.navigation li+.navigation-header {
    margin-top: 10px
}

.navigation li a {
    color: rgba(255, 255, 255, .75);
    display: block;
    -webkit-transition: background .15s linear, color .15s linear;
    -o-transition: background .15s linear, color .15s linear;
    transition: background .15s linear, color .15s linear
}

.navigation li a:focus,
.navigation li a:hover {
    background-color: rgba(0, 0, 0, .1);
    color: #fff
}

.navigation li a>i {
    float: right;
    top: 0;
    margin-top: 2px;
    margin-left: 15px;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.navigation li a>i.pull-right {
    margin-left: 0;
    margin-right: 15px
}

.navigation li.disabled>a,
.navigation li.disabled>a:focus,
.navigation li.disabled>a:hover {
    color: inherit;
    background-color: transparent;
    cursor: not-allowed;
    opacity: .3;
    filter: alpha(opacity=30)
}

.navigation li>.has-ul {
    position: relative;
    padding-left: 36px
}

.navigation li>.has-ul:after {
    content: "\e9c4";
    font-family: icomoon;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out
}

.checker span:after,
.select2-selection--single .select2-selection__clear:after {
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navigation li.active>.has-ul:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.navigation li.navigation-divider {
    margin: 10px 0;
    height: 1px;
    background-color: rgba(255, 255, 255, .1)
}

.sidebar-default .navigation li.navigation-divider {
    background-color: #eee
}

.navigation li:not(.active) .label-transparent {
    color: rgba(255, 255, 255, .5);
    font-weight: 400
}

.navigation>li>a {
    padding: 12px 20px;
    min-height: 44px;
    font-weight: 500
}

.navigation>li.active>a,
.navigation>li.active>a:focus,
.navigation>li.active>a:hover {
    background-color: #26A69A;
    color: #fff
}

.navigation>li.active>a>[class*=text-] {
    color: #fff
}

.navigation>li.active>a .badge,
.navigation>li.active>a .label {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    -webkit-transition: background-color ease-in-out .2s;
    -o-transition: background-color ease-in-out .2s;
    transition: background-color ease-in-out .2s
}

.navigation>li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.navigation>li ul li a {
    padding: 10px 51px 10px 20px;
    min-height: 40px
}

.navigation>li ul .navigation-header {
    padding-right: 51px
}

.navigation>li>ul>li>ul>.navigation-header,
.navigation>li>ul>li>ul>li>a {
    padding-right: 71px
}

.navigation>li>ul>li>ul>li>ul .navigation-header,
.navigation>li>ul>li>ul>li>ul>li>a {
    padding-right: 91px
}

.navigation>li>ul li:first-child {
    padding-top: 10px
}

.navigation>li>ul li:last-child {
    padding-bottom: 10px
}

.navigation>li>ul li.active>a,
.navigation>li>ul li.active>a:focus,
.navigation>li>ul li.active>a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff
}

.navigation .navigation-header {
    min-height: 30px;
    padding: 10px 20px;
    border-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.82
}

.navigation .navigation-header>span {
    display: block;
    margin-top: 2px
}

.navigation .navigation-header>i {
    display: none
}

.navigation .navigation-header>i.pull-right {
    margin-top: 2px
}

.navigation .navigation-header,
.navigation .navigation-header a {
    color: rgba(255, 255, 255, .5);
    font-weight: 400
}

.navigation .navigation-header a:focus,
.navigation .navigation-header a:hover {
    color: #fff
}

.navigation .navigation-header a i {
    float: none;
    margin: 0
}

.sidebar-default .navigation .navigation-header,
.sidebar-default .navigation .navigation-header a {
    color: #999
}

.sidebar-default .navigation .navigation-header a:focus,
.sidebar-default .navigation .navigation-header a:hover,
.sidebar-default .navigation li>a {
    color: #333
}

.navigation .badge,
.navigation .label {
    float: left;
    margin-top: 1px
}

.navigation-bordered li+.navigation-header,
.navigation-bordered>li+li {
    margin-top: 0
}

.sidebar-default .navigation li>a:focus,
.sidebar-default .navigation li>a:hover {
    background-color: #f5f5f5
}

.sidebar-default .navigation li.active>a,
.sidebar-default .navigation li.active>a:focus,
.sidebar-default .navigation li.active>a:hover {
    background-color: #f5f5f5;
    color: #333
}

.sidebar-default .navigation li.disabled>a,
.sidebar-default .navigation li.disabled>a:focus,
.sidebar-default .navigation li.disabled>a:hover,
.sidebar-default .navigation>li ul {
    background-color: transparent
}

.sidebar-default .navigation li .label-transparent {
    color: #999;
    font-weight: 400
}

.multiselect-container>li>a.multiselect-all label,
.val-demo>span {
    font-weight: 500
}

.sidebar-default .navigation>li.active>a,
.sidebar-default .navigation>li.active>a:focus,
.sidebar-default .navigation>li.active>a:hover {
    background-color: #26A69A;
    color: #fff
}

.sidebar-default .navigation>li.active>a .label-transparent {
    color: #fff
}

.navigation-icons-right>li>a,
.navigation-icons-right>li>a.has-ul {
    padding-left: 20px
}

.navigation-icons-right>li>a>i {
    float: left;
    margin-left: 0;
    margin-right: 15px
}

.navigation-icons-right>li.active>.has-ul:after,
.navigation-icons-right>li>a.has-ul:after {
    content: none
}

.navigation-bordered>li {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.navigation-bordered>li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.navigation-bordered>li.navigation-header {
    background-color: rgba(0, 0, 0, .1);
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1
}

.navigation-bordered>li ul {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sidebar-default .navigation-bordered>li {
    border-top: 1px solid #eee
}

.sidebar-default .navigation-bordered>li.navigation-header {
    background-color: #fafafa
}

.navigation-lg>li>a,
.navigation-lg>li>a>span {
    padding-top: 14px;
    padding-bottom: 14px;
    min-height: 48px
}

.navigation-lg>li ul li a,
.navigation-sm>li>a,
.navigation-sm>li>a>span {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px
}

.navigation-sm>li ul li a {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px
}

.navigation-xs>li>a,
.navigation-xs>li>a>span {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 36px
}

.navigation-xs>li ul li a {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px
}

@media (min-width:769px) {
    .sidebar-fixed .sidebar-content {
        /*position: fixed;*/
        position: relative;
        width: 260px;
        max-height: 100%;
        overflow: auto;
        top: 46px;
        bottom: 46px;
        margin-bottom: -46px;
    }
    .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
        width: 56px
    }
    .sidebar-fixed.sidebar-default .sidebar-content {
        width: 259px
    }
    .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        position: fixed;
        display: block;
        height: 100%;
        z-index: 1001
    }
    .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content {
        position: fixed
    }
    .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        width: 260px
    }
    .sidebar-fixed-expanded .content-wrapper {
        padding-right: 56px
    }
    .has-detached-left .container-detached {
        float: left;
        margin-right: -260px;
        width: 100%
    }
    .has-detached-left .content-detached {
        margin-right: 280px
    }
    .has-detached-left .sidebar-detached {
        float: right
    }
    .has-detached-right .container-detached {
        float: right;
        margin-left: -260px;
        width: 100%
    }
    .has-detached-right .content-detached {
        margin-left: 280px
    }
    .has-detached-right .sidebar-detached {
        float: left
    }
    .has-detached-right .sidebar-detached.affix {
        left: 20px
    }
    .sidebar-detached-hidden .container-detached {
        float: none;
        margin: 0
    }
    .sidebar-detached-hidden .content-detached {
        margin: 0
    }
    .sidebar-detached-hidden .sidebar-detached {
        float: none
    }
}

.sidebar-xs-indicator .sidebar-fixed .sidebar-content {
    top: 0!important
}

.sidebar-detached .navigation.nav>.active>.hidden-ul {
    display: block
}

@media (max-width:768px) {
    .sidebar-detached .navigation.nav>li>.hidden-ul {
        display: block
    }
}

.sidebar-detached.affix {
    position: static
}

@media (min-width:769px) {
    .sidebar-detached {
        display: block;
        position: relative;
        margin-bottom: 0
    }
    .sidebar-detached>.sidebar-default {
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }
    .sidebar-detached>.sidebar {
        margin-bottom: 0;
        display: block;
        border-radius: 3px
    }
    .sidebar-detached.affix {
        position: fixed;
        top: 20px;
        bottom: 20px
    }
    .sidebar-detached.affix>.sidebar {
        max-height: 100%;
        overflow-y: auto
    }
    .sidebar-detached.fixed-sidebar-space {
        bottom: 60px
    }
    .sidebar-separate {
        background-color: transparent
    }
    .sidebar-separate .sidebar-category {
        background-color: #263238;
        border-radius: 3px;
        margin-bottom: 20px
    }
    .sidebar-separate.sidebar-default {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .sidebar-separate.sidebar-default .sidebar-category {
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }
    .sidebar-xs .sidebar-main {
        width: 56px
    }
    .sidebar-xs .sidebar-main .sidebar-category {
        display: none
    }
    .sidebar-xs .sidebar-main .sidebar-category-visible {
        display: block
    }
    .sidebar-xs .sidebar-main .category-title {
        padding: 0
    }
    .sidebar-xs .sidebar-main .category-title>i {
        padding: 13px 0;
        float: none;
        display: block;
        top: 0
    }
    .sidebar-xs .sidebar-main .category-title>span {
        display: none
    }
    .sidebar-xs .sidebar-main .category-title .icons-list {
        position: static;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 3px;
        margin-bottom: 3px
    }
    .sidebar-xs .sidebar-main .category-title .icons-list>li {
        display: block;
        margin-right: 0
    }
    .sidebar-xs .sidebar-main .category-title .icons-list>li+li {
        margin-top: 10px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>a {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
    .sidebar-xs .sidebar-main .navigation-main>li>a>span {
        display: none;
        position: absolute;
        top: 0;
        left: -260px;
        background-color: #26A69A;
        border-color: #26A69A;
        padding: inherit;
        padding-left: 20px;
        padding-right: 20px;
        width: 260px;
        text-align: right;
        color: #fff;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>a>span:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left-color: inherit;
        position: absolute;
        right: -5px;
        top: 50%;
        margin-top: -5px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>a>span .badge,
    .sidebar-xs .sidebar-main .navigation-main>li>a>span .label {
        background-color: transparent;
        border-color: transparent;
        color: #fff
    }
    .sidebar-xs .sidebar-main .navigation-main>li>a>i {
        margin: 2px 0;
        display: block;
        float: none
    }
    .sidebar-xs .sidebar-main .navigation-main>li.active>.has-ul:after,
    .sidebar-xs .sidebar-main .navigation-main>li>.has-ul:after {
        content: none
    }
    .sidebar-xs .sidebar-main .navigation-main>li .has-ul>span {
        border-radius: 3px 0 0
    }
    .sidebar-xs .sidebar-main .navigation-main>li.active>ul,
    .sidebar-xs .sidebar-main .navigation-main>li.disabled:hover>a>span,
    .sidebar-xs .sidebar-main .navigation-main>li.disabled:hover>ul {
        display: none!important
    }
    .sidebar-xs .sidebar-main .navigation-main>li:hover>ul {
        display: block!important
    }
    .sidebar-xs .sidebar-main .navigation-main>li:hover>a>span {
        display: block;
        cursor: default
    }
    .sidebar-xs .sidebar-main .navigation-main>li:hover:not(.active)>a {
        background-color: rgba(0, 0, 0, .1);
        color: #fff
    }
    .sidebar-xs .sidebar-main .navigation-main>li>ul {
        position: absolute;
        left: -260px;
        top: 44px;
        width: 260px;
        display: none;
        background-color: #263238;
        border-right: 1px solid rgba(255, 255, 255, .1);
        border-radius: 0 0 3px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>ul>li>a {
        padding-left: 20px;
        padding-right: 20px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>ul>li>ul>li>a {
        padding-right: 30px
    }
    .sidebar-xs .sidebar-main .navigation-main>li>ul>li>ul>li>ul>li>a {
        padding-right: 60px
    }
    .sidebar-xs .sidebar-main .navigation-main>.navigation-header {
        padding: 0;
        text-align: center
    }
    .sidebar-xs .sidebar-main .navigation-main>.navigation-header>i {
        display: block;
        top: 0;
        padding: 13px 0
    }
    .sidebar-xs .sidebar-main .navigation-main>.navigation-header>span {
        display: none
    }
    .sidebar-xs .sidebar-main .sidebar-user .category-content {
        padding-left: 0;
        padding-right: 0
    }
    .sidebar-xs .sidebar-main .sidebar-user .media-left,
    .sidebar-xs .sidebar-main .sidebar-user .media-right {
        padding: 0;
        text-align: center;
        display: block
    }
    .sidebar-xs .sidebar-main .sidebar-user .media-left>img,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>img {
        max-width: 100%;
        height: auto!important
    }
    .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-sm,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-sm {
        margin-top: 1px;
        margin-bottom: 1px
    }
    .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-xs,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-xs {
        margin-top: 3px;
        margin-bottom: 3px
    }
    .sidebar-xs .sidebar-main .sidebar-user .media-body,
    .sidebar-xs .sidebar-main .sidebar-user .media-right {
        display: none
    }
    .sidebar-xs .sidebar-main .navigation-lg>li>ul {
        top: 48px
    }
    .sidebar-xs .sidebar-main .navigation-sm>li>ul {
        top: 40px
    }
    .sidebar-xs .sidebar-main .navigation-xs>li>ul {
        top: 36px
    }
    .sidebar-xs .sidebar-default .navigation-main>li>a>span {
        background-color: #26A69A;
        border-color: #26A69A
    }
    .sidebar-xs .sidebar-default .navigation-main>li>ul {
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: 0
    }
    .sidebar-xs .sidebar-default .navigation-main>li:hover:not(.active)>a {
        background-color: #f5f5f5;
        color: #333
    }
}

.sidebar .row {
    margin-left: -5px;
    margin-right: -5px
}

.sidebar .row [class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width:768px) {
    .sidebar .sp-container {
        display: block;
        width: 220px;
        margin-left: auto;
        margin-right: auto
    }
}

.sidebar .sp-flat .sp-picker-container {
    display: block;
    width: 218px
}

.sidebar .panel-group .panel {
    border-radius: 0;
    border-width: 0 0 1px
}

.sidebar .panel-group .panel:first-child {
    border-top-width: 1px
}

.sidebar .panel-group .panel+.panel {
    margin-top: 0
}

.sidebar .media-list-bordered>li {
    border-top: 0;
    border-bottom: 1px solid #eee
}

.sidebar:not(.sidebar-default) .media .media-annotation,
.sidebar:not(.sidebar-default) .media .text-muted {
    color: rgba(255, 255, 255, .8)
}

.sidebar:not(.sidebar-default) .media .media-body>a,
.sidebar:not(.sidebar-default) .media .media-left>a,
.sidebar:not(.sidebar-default) .media .media-right>a {
    color: #fff
}

.sidebar:not(.sidebar-default) .media .media-link:focus,
.sidebar:not(.sidebar-default) .media .media-link:hover {
    background-color: rgba(0, 0, 0, .1)
}

.sidebar:not(.sidebar-default) .media .media-badge {
    border-color: #263238
}

.sidebar:not(.sidebar-default) .media-list-bordered>li {
    border-color: rgba(255, 255, 255, .1)
}

.sidebar .thumbnail {
    margin-bottom: 10px
}

.sidebar .form-group:last-child,
.sidebar .sidebar-category .checkbox:last-child,
.sidebar .sidebar-category .radio:last-child,
.sidebar .thumbnail:last-child {
    margin-bottom: 0
}

.sidebar .thumbnail .zoom-image i {
    font-size: 16px;
    margin-top: -8px;
    margin-right: -8px
}

.layout-boxed .page-container,
.layout-boxed>.navbar {
    margin-left: auto;
    margin-right: auto
}

.sidebar .sidebar-category .checkbox,
.sidebar .sidebar-category .radio {
    margin-top: 0
}

.sidebar .nav-tabs {
    border-width: 0 0 1px
}

.page-container {
    position: relative
}

@-moz-document url-prefix() {
    .page-container {
        height: 1px
    }
}

.content-wrapper {
    padding-bottom: 20px;
    width: 100%
}

@media (min-width:769px) {
    .sidebar .nav-tabs {
        border-width: 1px
    }
    .sidebar .nav-tabs>li>a {
        border-bottom-color: rgba(255, 255, 255, .1);
        background-color: rgba(0, 0, 0, .2);
        color: rgba(255, 255, 255, .6);
        border-top: 0;
        border-radius: 0
    }
    .sidebar .nav-tabs>li>a:focus,
    .sidebar .nav-tabs>li>a:hover {
        color: #fff;
        border-bottom-color: rgba(255, 255, 255, .1)
    }
    .sidebar .nav-tabs>.active>a,
    .sidebar .nav-tabs>.active>a:focus,
    .sidebar .nav-tabs>.active>a:hover {
        border-top: 0;
        border-bottom: 0;
        background-color: transparent;
        border-color: rgba(255, 255, 255, .1);
        color: #fff
    }
    .sidebar .nav-tabs>.active:first-child>a {
        border-right-color: transparent!important
    }
    .sidebar .nav-tabs>.active:last-child>a {
        border-left-color: transparent!important
    }
    .sidebar .nav-tabs>.open>a {
        color: #fff
    }
    .sidebar .nav-tabs>.open:not(.active)>a {
        background-color: rgba(0, 0, 0, .2)
    }
    .sidebar-default .nav-tabs>.open>a,
    .sidebar-default .nav-tabs>li>a:focus,
    .sidebar-default .nav-tabs>li>a:hover {
        border-bottom-color: #ddd;
        color: #333
    }
    .sidebar-default .nav-tabs>li>a {
        background-color: #fafafa;
        border-bottom-color: #ddd;
        color: #999
    }
    .sidebar-default .nav-tabs>.active>a,
    .sidebar-default .nav-tabs>.active>a:focus,
    .sidebar-default .nav-tabs>.active>a:hover {
        border-color: #ddd;
        color: #333
    }
    .sidebar-default .nav-tabs>.open:not(.active)>a {
        background-color: #fafafa
    }
    .sidebar-default .nav-justified>li:first-child .dropdown-menu:not(.dropdown-menu-right) {
        right: -1px
    }
    .sidebar-default .nav-justified>li:last-child .dropdown-menu-right {
        left: -1px
    }
    .page-container {
        width: 100%;
        display: table;
        table-layout: fixed
    }
    .page-content {
        display: table-row
    }
    .content-wrapper {
        display: table-cell;
        vertical-align: top
    }
    .layout-boxed .page-container,
    .layout-boxed>.navbar {
        width: 769px
    }
}

.checker,
.demo-velocity-box span,
.pace-demo {
    vertical-align: middle
}

.content {
    padding: 20px
}

.content:after {
    content: '';
    display: table;
    clear: both
}

.overlay-demo,
.spinner,
.spinner-reverse {
    display: inline-block
}

.page-header+.content {
    padding-top: 0
}

.layout-boxed {
    background: url(../images/backgrounds/boxed_bg.png)
}

.layout-boxed .page-container {
    background-color: #f5f5f5
}

@media (min-width:1025px) {
    .layout-boxed .page-container,
    .layout-boxed>.navbar {
        width: 1025px
    }
}

@media (min-width:1200px) {
    .layout-boxed .page-container,
    .layout-boxed>.navbar {
        width: 1200px
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .layout-boxed {
        background: url(../images/backgrounds/boxed_bg_retina.png)
    }
}

.footer {
    position: absolute;
    bottom: 20px
}

.footer-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    background-color: #fcfcfc;
    border-top: 1px solid #ddd;
    z-index: 1000
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-45-inverse {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.rotate-90-inverse {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180-inverse {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.spinner {
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.spinner-reverse {
    -webkit-animation: rotation_reverse 1s linear infinite;
    -o-animation: rotation_reverse 1s linear infinite;
    animation: rotation_reverse 1s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotation {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotation {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotation_reverse {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotation_reverse {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes rotation_reverse {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes rotation_reverse {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

@keyframes rotation_reverse {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.jqueryui-demo-container {
    font-size: 0
}

.jqueryui-demo-element {
    width: 90px;
    height: 90px;
    border-radius: 100px;
    background-color: #fafafa;
    border: 2px dashed #ddd;
    color: #777;
    font-size: 12px;
    vertical-align: middle;
    margin: auto;
    position: relative;
    z-index: 10
}

.jqueryui-demo-element+.jqueryui-demo-element {
    margin: 20px auto 0
}

.jqueryui-demo-element>span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    right: 0
}

@media (min-width:769px) {
    .jqueryui-demo-element {
        display: inline-block
    }
    .jqueryui-demo-element+.jqueryui-demo-element {
        margin: 0 20px 0 0
    }
}

.selectable-demo-list {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 200px
}

.selectable-demo-list>.ui-selectee,
.selectable-demo-list>.ui-sortable-handle,
.ui-handle-excluded {
    padding: 6px 12px;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 2px;
    cursor: pointer;
    color: #777;
    font-size: 12px
}

.selectable-demo-list>.ui-selectee.ui-selecting,
.selectable-demo-list>.ui-sortable-handle.ui-selecting {
    background-color: #29B6F6;
    border-color: #039BE5;
    color: #fff
}

.selectable-demo-list>.ui-selectee.ui-selected,
.selectable-demo-list>.ui-sortable-handle.ui-selected {
    background-color: #03A9F4;
    border-color: #0288D1;
    color: #fff
}

.selectable-demo-list>li+li {
    margin-top: 5px
}

.selectable-demo-list>.ui-sortable-helper:first-child+li {
    margin-top: 0
}

.selectable-demo-connected+.selectable-demo-connected {
    margin-top: 20px
}

@media (min-width:769px) {
    .selectable-demo-connected+.selectable-demo-connected {
        margin-top: 0;
        margin-left: 20px
    }
}

.droppable-demo-target {
    width: 110px;
    height: 110px;
    background-color: #E3F2FD;
    border-color: #2196F3;
    color: #1565C0;
    z-index: 9
}

.droppable-demo-drop {
    background-color: #E8F5E9;
    border-color: #4CAF50;
    color: #2E7D32
}

.demo-color {
    height: 150px;
    position: relative;
    margin: 3px 3px 0
}

.demo-color>span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 6px;
    background-color: rgba(0, 0, 0, .2);
    font-size: 12px;
    color: #fff
}

.overlay-demo {
    background-color: #333;
    border-radius: 3px
}

.overlay-demo-light {
    background-color: #f5f5f5
}

.glyphs>div {
    padding: 7px 12px;
    cursor: pointer
}

.glyphs>div>i {
    margin-left: 10px;
    width: 1em;
    text-align: center
}

.glyphs>div:hover {
    background-color: #009688;
    color: #fff;
    border-radius: 2px
}

.glyphs>div:hover span {
    color: #fff
}

.grid-demo [class*=col-]>div:not(.row) {
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    background-color: #F7F7FC;
    border: 1px solid #ddd;
    color: #333
}

.demo-velocity-box {
    padding: 12px 15px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #ccc;
    text-align: center;
    background-color: #fcfcfc;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 0 #2196F3;
    box-shadow: 0 0 0 0 #2196F3
}

.blockui-growl,
.blockui-message {
    display: none;
    background-color: #455A64;
    color: #fff;
    border-radius: 3px
}

.demo-velocity-box>span {
    float: right
}

.demo-velocity-box .icons-list {
    float: left;
    margin-top: 2px
}

.demo-velocity-box .icons-list a {
    opacity: .8;
    filter: alpha(opacity=80)
}

.demo-velocity-box .icons-list a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.blockui-growl {
    text-align: right;
    padding: 15px
}

.blockui-growl h6 {
    margin-top: 2px;
    margin-bottom: 8px
}

.blockui-message {
    padding: 15px 15px 10px
}

.blockui-message>i {
    display: block;
    margin-bottom: 10px
}

.blockui-animation-container,
.multiple-messages-container {
    display: none
}

.blockui-animation-container {
    background-color: #555;
    padding: 10px;
    line-height: 1;
    border-radius: 3px
}

.val-demo {
    display: block;
    margin-top: 20px
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-switch,
.theme_perspective {
    -webkit-user-select: none;
    -ms-user-select: none
}

.pace .pace-progress {
    background: #4FC3F7;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    left: 100%;
    height: 2px
}

.pace-inactive {
    display: none
}

.pace-demo {
    display: inline-block;
    background-color: #37474F;
    border-radius: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 20px;
    position: relative
}

.pace-demo .pace_progress {
    display: none
}

.theme_xbox,
.theme_xbox_sm,
.theme_xbox_xs {
    position: relative;
    width: 44px;
    height: 44px
}

.theme_xbox .pace_activity,
.theme_xbox_sm .pace_activity,
.theme_xbox_xs .pace_activity {
    width: 44px;
    height: 44px;
    -webkit-animation: rotation 1.5s ease-in-out infinite;
    -o-animation: rotation 1.5s ease-in-out infinite;
    animation: rotation 1.5s ease-in-out infinite
}

.theme_xbox .pace_activity,
.theme_xbox .pace_activity:after,
.theme_xbox .pace_activity:before,
.theme_xbox_sm .pace_activity,
.theme_xbox_sm .pace_activity:after,
.theme_xbox_sm .pace_activity:before,
.theme_xbox_xs .pace_activity,
.theme_xbox_xs .pace_activity:after,
.theme_xbox_xs .pace_activity:before {
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #fff
}

.theme_xbox .pace_activity:before,
.theme_xbox_sm .pace_activity:before,
.theme_xbox_xs .pace_activity:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    -webkit-animation: rotation 2s ease-in-out infinite;
    -o-animation: rotation 2s ease-in-out infinite;
    animation: rotation 2s ease-in-out infinite
}

.theme_xbox .pace_activity:after,
.theme_xbox_sm .pace_activity:after,
.theme_xbox_xs .pace_activity:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    -webkit-animation: rotation 1s ease-in-out infinite;
    -o-animation: rotation 1s ease-in-out infinite;
    animation: rotation 1s ease-in-out infinite
}

.theme_xbox_with_text span {
    display: block;
    margin-top: 7px;
    color: #fff
}

.theme_xbox_sm .pace_activity,
.theme_xbox_sm .pace_activity:after,
.theme_xbox_sm .pace_activity:before {
    border-width: 2px
}

.theme_xbox .pace_activity,
.theme_xbox .pace_activity:after,
.theme_xbox .pace_activity:before {
    border-width: 3px
}

.theme_perspective {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    width: 30px;
    height: 30px
}

.theme_perspective .pace_activity {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-animation: perspective 1.2s infinite ease-in-out;
    -o-animation: perspective 1.2s infinite ease-in-out;
    animation: perspective 1.2s infinite ease-in-out
}

@keyframes perspective {
    0% {
        transform: perspective(120px)
    }
    50% {
        transform: perspective(120px) rotateY(180deg)
    }
    100% {
        transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@-webkit-keyframes perspective {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@-moz-keyframes perspective {
    0% {
        -moz-transform: perspective(120px)
    }
    50% {
        -moz-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

.theme_corners_with_text span,
.theme_perspective_with_text span,
.theme_radar_with_text span,
.theme_squares_with_text span,
.theme_tail_with_text span {
    display: block;
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 100%;
    color: #fff
}

.theme_squares {
    width: 30px;
    height: 30px
}

.theme_squares .pace_activity:after,
.theme_squares .pace_activity:before {
    position: absolute;
    content: "";
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    margin-right: -10px;
    margin-top: 5px
}

.theme_corners,
.theme_tail,
.theme_tail .pace_activity,
.theme_tail_circle,
.theme_tail_circle .pace_activity {
    height: 30px;
    width: 30px
}

.theme_squares .pace_activity:before {
    width: 30px;
    height: 30px;
    margin-right: -15px;
    margin-top: 0;
    -webkit-animation: rotation_reverse 2s linear infinite;
    -o-animation: rotation_reverse 2s linear infinite;
    animation: rotation_reverse 2s linear infinite
}

.theme_squares .pace_activity:after {
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite
}

.theme_tail .pace_activity {
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: rotation 1.1s infinite linear;
    -o-animation: rotation 1.1s infinite linear;
    animation: rotation 1.1s infinite linear
}

.theme_tail_circle .pace_activity {
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .1);
    border-right-color: #fff;
    -webkit-animation: rotation 1.1s infinite linear;
    -o-animation: rotation 1.1s infinite linear;
    animation: rotation 1.1s infinite linear
}

.theme_corners .pace_activity {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 9px;
    margin-bottom: 3px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: corners 1.5s ease infinite;
    -o-animation: corners 1.5s ease infinite;
    animation: corners 1.5s ease infinite
}

@keyframes corners {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: scale(1.5) rotate(180deg);
        border-radius: 0
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes corners {
    0% {
        -webkit-transform: rotate(0)
    }
    50% {
        -webkit-transform: scale(2) rotate(180deg);
        border-radius: 0
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes corners {
    0% {
        -moz-transform: rotate(0)
    }
    50% {
        -moz-transform: scale(2) rotate(180deg);
        border-radius: 0
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

.theme_radar {
    width: 30px;
    height: 30px
}

.theme_radar .pace_activity {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: rotation 1.1s infinite linear;
    -o-animation: rotation 1.1s infinite linear;
    animation: rotation 1.1s infinite linear
}

.theme_bar,
.theme_bar_sm,
.theme_bar_xs {
    position: relative;
    width: 200px;
    height: 6px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 100px;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .1);
    box-shadow: 0 0 5px rgba(255, 255, 255, .1)
}

.theme_bar .pace_progress,
.theme_bar_sm .pace_progress,
.theme_bar_xs .pace_progress {
    max-width: 198px;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
    height: 4px;
    background: #3FCF96;
    color: #fff;
    line-height: 32px;
    border-radius: 100px
}

.checker,
.checker span {
    display: inline-block;
    position: relative
}

.theme_bar_sm {
    height: 5px
}

.theme_bar_sm .pace_progress {
    height: 3px
}

.theme_bar_xs {
    height: 4px
}

.theme_bar_xs .pace_progress {
    height: 2px
}

.checker,
.checker input,
.checker span,
.choice,
.choice input,
.choice span {
    width: 18px;
    height: 18px
}

.checker {
    cursor: pointer
}

.checker span {
    color: #455A64;
    border: 2px solid #607D8B;
    text-align: center
}

.checker span:after {
    content: "\e600";
    display: none;
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: -1px;
    right: -1px
}

.checker span.checked:after {
    display: block
}

.checker input[type=checkbox],
.choice input[type=radio] {
    border: none;
    background: 0 0;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.bootstrap-switch,
.choice,
.select2-container,
.switchery,
.uploader {
    vertical-align: middle
}

.checkbox .checker,
.checkbox-inline .checker {
    position: absolute;
    top: 1px;
    right: 0
}

.form-horizontal .checkbox .checker,
.form-horizontal .checkbox-inline .checker {
    top: 9px
}

.checkbox-right .checker {
    right: auto;
    left: 0
}

.checkbox-inline:active .checker span:after,
.checkbox>label:active .checker span:after,
.checker.active span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.checker.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

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

.checkbox-inline:active .checker.disabled span:after,
.checkbox>label:active .checker.disabled span:after {
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox-inline:active .checker.disabled span.checked:after,
.checkbox>label:active .checker.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.checker[class*=border-] span {
    border-color: inherit;
    color: inherit
}

.dropdown-menu>.active:not(.disabled) .checker span,
.dropdown-menu[class*=bg-] .checker span,
.navbar-inverse .navbar-form .checker span,
.sidebar:not(.sidebar-default) .checkbox .checker span {
    border-color: #fff;
    color: #fff
}

.choice {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 100%
}

.choice span {
    border: 2px solid #607D8B;
    display: -moz-inline-box;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative
}

.choice span:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    border: 4px solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100%;
    display: none
}

.choice span.checked:after {
    display: block
}

.radio .choice,
.radio-inline .choice {
    position: absolute;
    top: 1px;
    right: 0
}

.form-horizontal .radio .choice,
.form-horizontal .radio-inline .choice {
    top: 9px
}

.radio-right .choice {
    right: auto;
    left: 0
}

.choice.active span:after,
.radio-inline:active .choice span:after,
.radio>label:active .choice span:after {
    display: block;
    opacity: .75;
    filter: alpha(opacity=75)
}

.choice.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.radio-inline:active .choice.disabled span:after,
.radio>label:active .choice.disabled span:after,
.uploader input[type=file] {
    opacity: 0;
    filter: alpha(opacity=0)
}

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

.radio-inline:active .choice.disabled span.checked:after,
.radio>label:active .choice.disabled span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.choice[class*=border-] span,
.choice[class*=border-] span:after {
    border-color: inherit
}

.dropdown-menu>.active .choice span,
.dropdown-menu[class*=bg-] .choice span,
.navbar-inverse .navbar-form .choice span,
.sidebar:not(.sidebar-default) .checkbox .choice span {
    border-color: #fff
}

.uploader {
    width: 100%;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    border-radius: 4px
}

.uploader .filename {
    color: #999;
    height: 36px;
    padding: 7px 12px 7px 45px;
    width: 100%;
    float: right;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    text-align: right
}

.uploader .action,
.uploader input[type=file] {
    position: absolute;
    height: 36px;
    cursor: pointer
}

.uploader .action {
    color: #333;
    top: 0;
    left: 0;
    width: 36px;
    z-index: 1;
    border: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.uploader .action>i {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -8px;
    margin-right: -8px
}

.uploader[class*=bg-] .action {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.uploader input[type=file] {
    width: 100%;
    margin-top: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    z-index: 10
}

.uploader.disabled .action {
    opacity: .6;
    filter: alpha(opacity=60)
}

.uploader.disabled .filename {
    background-color: #fafafa;
    cursor: not-allowed
}

.uploader-lg .action,
.uploader-lg .filename,
.uploader-lg input[type=file] {
    height: 40px
}

.uploader-lg .action {
    width: 40px
}

.uploader-lg .filename {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 50px
}

.uploader-sm .action,
.uploader-sm .filename,
.uploader-sm input[type=file] {
    height: 34px
}

.uploader-sm .action {
    width: 34px
}

.uploader-sm .filename {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 42.5px
}

.uploader-xs .action,
.uploader-xs .filename,
.uploader-xs input[type=file] {
    height: 32px
}

.switchery,
.switchery>small {
    background-color: #fff;
    height: 22px
}

.uploader-xs .action {
    width: 32px
}

.uploader-xs .filename {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 42.5px
}

.switchery {
    border: 1px solid #ddd;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    width: 44px;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.checkbox-switchery .switchery {
    position: absolute;
    right: 0;
    margin-top: -2px
}

.switchery>small {
    border-radius: 100px;
    width: 22px;
    position: absolute;
    top: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.checkbox.checkbox-switchery {
    margin-bottom: 14px;
    padding-right: 0
}

.checkbox.checkbox-switchery.disabled .switchery {
    cursor: not-allowed
}

.checkbox-inline[class*=switchery-],
.checkbox[class*=switchery-] {
    padding-left: 0;
    padding-right: 0
}

.switchery-lg.checkbox-switchery {
    margin-bottom: 18px
}

.switchery-lg.checkbox-switchery .switchery {
    margin-top: -4px
}

label.switchery-lg {
    margin-bottom: 0
}

.switchery-lg .switchery {
    height: 26px;
    width: 52px
}

.switchery-lg .switchery>small {
    height: 26px;
    width: 26px
}

.switchery-sm.checkbox-switchery {
    margin-bottom: 10px
}

.switchery-sm.checkbox-switchery .switchery {
    margin-top: 0
}

label.switchery-sm {
    margin-bottom: 0
}

.switchery-sm .switchery {
    height: 18px;
    width: 36px
}

.switchery-sm .switchery>small {
    height: 18px;
    width: 18px
}

.switchery-xs.checkbox-switchery {
    margin-bottom: 6px
}

.checkbox-switchery.checkbox-inline,
label.switchery-xs {
    margin-bottom: 0
}

.switchery-xs.checkbox-switchery .switchery {
    margin-top: 2px
}

.switchery-xs .switchery {
    height: 14px;
    width: 28px
}

.switchery-xs .switchery>small {
    height: 14px;
    width: 14px
}

.checkbox-switchery label,
label.checkbox-switchery {
    position: relative;
    padding-right: 56px;
    margin: 0;
    cursor: pointer
}

.checkbox-switchery.switchery-lg label,
label.checkbox-switchery.switchery-lg {
    padding-right: 64px
}

.checkbox-switchery.switchery-sm label,
label.checkbox-switchery.switchery-sm {
    padding-right: 48px
}

.checkbox-switchery.switchery-xs label,
label.checkbox-switchery.switchery-xs {
    padding-right: 40px
}

.checkbox-switchery.checkbox-right .switchery {
    right: auto;
    left: 0
}

.checkbox-switchery.checkbox-right label,
label.checkbox-switchery.checkbox-right {
    padding-right: 0;
    padding-left: 56px
}

.checkbox-switchery.checkbox-right.switchery-lg label,
label.checkbox-switchery.checkbox-right.switchery-lg {
    padding-right: 0;
    padding-left: 64px
}

.checkbox-switchery.checkbox-right.switchery-sm label,
label.checkbox-switchery.checkbox-right.switchery-sm {
    padding-right: 0;
    padding-left: 48px
}

.checkbox-switchery.checkbox-right.switchery-xs label,
label.checkbox-switchery.checkbox-right.switchery-xs {
    padding-right: 0;
    padding-left: 40px
}

.switchery-double .switchery {
    position: relative;
    margin: -7px 7px -5px
}

.switchery-double.checkbox-switchery label,
label.switchery-double.checkbox-switchery {
    padding: 0
}

.switchery-double.switchery-lg .switchery {
    margin-top: -8px;
    margin-bottom: -6px
}

.switchery-double.switchery-sm .switchery {
    margin-top: -6px;
    margin-bottom: -4px
}

.switchery-double.switchery-xs .switchery {
    margin-top: -5px;
    margin-bottom: -3px
}

.bootstrap-switch {
    display: inline-block;
    cursor: pointer;
    margin-top: -2px;
    margin-left: 7px;
    border-radius: 3px;
    border: 1px solid transparent;
    position: relative;
    text-align: right;
    overflow: hidden;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: all ease-in-out 50ms;
    -o-transition: all ease-in-out 50ms;
    transition: all ease-in-out 50ms
}

.select2-selection--multiple,
.select2-selection--single {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: 0
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.bootstrap-switch.bootstrap-switch-focused {
    outline: 0
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
    cursor: pointer;
    display: inline-block!important;
    height: 100%;
    padding: 7px 12px
}

.bootstrap-switch input[type=radio],
.bootstrap-switch input[type=checkbox] {
    position: absolute!important;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

.bootstrap-switch input[type=radio].form-control,
.bootstrap-switch input[type=checkbox].form-control {
    height: auto
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-indeterminate,
.bootstrap-switch.bootstrap-switch-readonly {
    cursor: default!important
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
    cursor: default!important;
    opacity: .5;
    filter: alpha(opacity=50)
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-right .2s;
    -o-transition: margin-right .2s;
    transition: margin-right .2s
}

.bootstrap-switch-handle-off,
.bootstrap-switch-handle-on {
    text-align: center;
    z-index: 1
}

.bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #333;
    background-color: #eee
}

.bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background-color: #2196F3
}

.bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #fff;
    background-color: #F44336
}

.bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background-color: #4CAF50
}

.bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch-handle-on.bootstrap-switch-warning {
    color: #fff;
    background-color: #FF5722
}

.bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #fff;
    background-color: #00BCD4
}

.bootstrap-switch-label {
    text-align: center;
    z-index: 100;
    color: #333;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
}

.bootstrap-switch-label:hover {
    background-color: #fcfcfc
}

.bootstrap-switch-label:active {
    background-color: #fafafa
}

.bootstrap-switch-label:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 3px;
    height: 10px;
    margin-top: -5px;
    margin-right: -1px;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch-large .bootstrap-switch-label {
    padding: 9px 15px
}

.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 5px 10px
}

.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch-small .bootstrap-switch-label {
    padding: 6px 11px
}

.checkbox-switch>label,
label.checkbox-switch.checkbox-inline {
    padding: 0
}

.checkbox-switch.checkbox-right .bootstrap-switch {
    margin-left: 0;
    margin-right: 7px
}

.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    text-align: right
}

.select2-selection--single {
    cursor: pointer;
    display: block;
    height: 36px;
    padding: 7px 0;
    line-height: 1.5384616;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 3px;
    user-select: none
}

.select2-container--open .select2-selection--single,
.select2-selection--single:focus,
.select2-selection--single:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #fff
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-color: #ddd
}

.select2-container--open .select2-selection--single[class*=bg-],
.select2-selection--single[class*=bg-]:focus,
.select2-selection--single[class*=bg-]:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .025) inset
}

.select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: #fff
}

.select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder {
    color: rgba(255, 255, 255, .75)
}

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-right: 12px;
    padding-left: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-selection--single .select2-selection__rendered>i {
    margin-left: 10px
}

.select2-selection--single .select2-selection__clear {
    potision: relative;
    cursor: pointer;
    float: left;
    font-size: 0;
    line-height: 1;
    margin-top: 2px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.select2-selection--single .select2-selection__clear:after {
    content: '\ed6b';
    display: inline-block;
    font-size: 16px
}

.select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-selection--single .select2-selection__arrow:after {
    content: '\e9c5';
    font-family: Icomoon;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bs-searchbox:after,
.select2-search--dropdown:after,
.selectboxit-default-arrow:after,
.validation-error-label:before,
.validation-valid-label:before {
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.select2-container--disabled .select2-selection--single .select2-selection__clear,
.select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    content: '\e9c6'
}

.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    background-color: #fafafa;
    color: #999
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
    box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
}

.select2-selection--multiple {
    display: block;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: text;
    user-select: none
}

.picker,
.select2-results__option,
.selectboxit-container * {
    -webkit-user-select: none;
    -ms-user-select: none
}

.select2-selection--multiple:not([class*=bg-]) {
    background-color: #fff
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    border-color: #ddd
}

.select2-selection--multiple .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    padding: 0 3px 3px;
    width: 100%
}

.select2-selection--multiple .select2-selection__placeholder {
    color: #999
}

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: #fafafa;
    color: #999
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
    -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset;
    box-shadow: 0 0 0 100px rgba(255, 255, 255, .25) inset
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
    opacity: .9;
    filter: alpha(opacity=90)
}

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-search__field,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    cursor: not-allowed
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #455A64;
    color: #fff;
    border-radius: 3px;
    cursor: default;
    float: right;
    margin-left: 3px;
    margin-top: 3px;
    padding: 7px 12px
}

.select2-selection--multiple .select2-selection__choice>i {
    margin-left: 10px
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-top: 3px;
    line-height: 1;
    margin-right: 7px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-search--dropdown:after {
    opacity: .6;
    filter: alpha(opacity=60)
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none
}

.select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 100%;
    margin-top: 3px;
    padding: 7px 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    margin-right: 5px;
    -webkit-appearance: textfield
}

.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 9999
}

.select2-container--open .select2-dropdown--below,
.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--open .select2-dropdown--above,
.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results>.select2-results__options {
    padding-bottom: 5px;
    max-height: 250px;
    overflow-y: auto
}

.select2-results:first-child>.select2-results__options,
.select2-search--hide+.select2-results>.select2-results__options {
    padding-top: 5px
}

.select2-results__option {
    padding: 7px 12px;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none
}

.select2-results__option+.select2-results__option {
    margin-top: 1px
}

.select2-results__option i {
    margin-left: 10px
}

.select2-results__option i.icon-undefined {
    display: none
}

.select2-results__option[role=group] {
    padding: 0
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #f5f5f5
}

.select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: not-allowed
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, .6)
}

.select2-results__option[aria-selected=true] {
    background-color: #2196F3;
    color: #fff
}

.select2-results__options--nested>.select2-results__option {
    padding-left: 24px;
    padding-right: 24px
}

.select2-results__group {
    display: block;
    padding: 7px 12px;
    font-size: 11px;
    line-height: 1.82;
    text-transform: uppercase;
    cursor: default;
    margin-top: 5px;
    margin-bottom: 5px
}

.select2-results__option:first-child>.select2-results__group {
    margin-top: 0
}

.select2-results__message {
    color: #999;
    cursor: default
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, .75)
}

.select2-results__option.loading-results {
    padding-top: 0
}

.select2-results__option.loading-results+.select2-results__option {
    margin-top: 5px
}

.select2-results__option--load-more {
    text-align: center;
    margin-top: 5px;
    cursor: default
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0
}

.select2-container--open .select2-dropdown--above[class*=bg-] {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.select2-container--open .select2-dropdown--below {
    border-top: none
}

.select2-container--open .select2-dropdown--below[class*=bg-] {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 12px
}

.select2-search--dropdown:after {
    content: '\e98e';
    position: absolute;
    top: 50%;
    right: 24px;
    color: inherit;
    display: block;
    font-size: 12px;
    margin-top: -6px;
    line-height: 1
}

.select2-search--dropdown+.select2-results .select2-results__message:first-child {
    padding-top: 0
}

.select2-search--dropdown .select2-search__field {
    height: 36px;
    padding: 7px 36px 7px 12px;
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: 0;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select-lg.select2-selection--single {
    height: 40px;
    padding: 9px 0;
    font-size: 14px
}

.select-lg.select2-selection--single .select2-selection__rendered {
    padding-right: 15px;
    padding-left: 34px
}

.select-lg.select2-selection--single .select2-selection__arrow:after {
    left: 15px
}

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding: 9px 15px;
    font-size: 14px
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 9px 0;
    font-size: 14px
}

.select-sm.select2-selection--single {
    height: 34px;
    padding: 6px 0
}

.select-sm.select2-selection--single .select2-selection__rendered {
    padding-right: 11px;
    padding-left: 26px
}

.select-sm.select2-selection--single .select2-selection__arrow:after {
    left: 11px
}

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding: 6px 11px
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 6px 0
}

.select-xs.select2-selection--single {
    height: 32px;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.6666667
}

.select-xs.select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
    padding-left: 24px
}

.select-xs.select2-selection--single .select2-selection__arrow:after {
    left: 10px
}

.select-xs.select2-selection--multiple .select2-selection__choice {
    padding: 5px 10px;
    font-size: 12px
}

.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 5px 0;
    font-size: 12px
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
    background-color: rgba(0, 0, 0, .25)
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, .2);
    border-color: transparent;
    color: #fff
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, .2)
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, .1)
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: fixed!important;
    width: 1px!important
}

.select2-result-repository {
    padding-top: 7px;
    padding-bottom: 7px
}

.select2-result-repository__avatar {
    float: right;
    width: 60px;
    margin-left: 10px
}

.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 100px
}

.select2-result-repository__meta {
    margin-right: 70px
}

.select2-result-repository__title {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 2px
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    font-size: 12px
}

.select2-result-repository__description {
    font-size: 12px
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-left: 15px
}

.multiselect {
    width: 100%;
    min-width: 100%;
    text-align: right;
    padding-right: 12px;
    padding-left: 29px;
    text-overflow: ellipsis;
    overflow: hidden
}

.multiselect.btn-default,
.multiselect.btn-default.disabled {
    background-color: #fff;
    border-color: #ddd
}

.btn-group.open .multiselect.btn-default,
.multiselect.btn-default:active {
    border-color: #ddd
}

.multiselect .caret {
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -8px;
    width: 16px;
    text-align: left
}

.multiselect.btn-lg {
    padding-right: 15px;
    padding-left: 30px
}

.multiselect.btn-lg .caret {
    left: 15px
}

.multiselect.btn-sm {
    padding-right: 11px;
    padding-left: 22px
}

.multiselect.btn-sm .caret {
    left: 11px
}

.multiselect.btn-xs {
    padding-right: 10px;
    padding-left: 20px
}

.multiselect.btn-xs .caret {
    left: 10px
}

.multiselect-container {
    min-width: 180px;
    max-height: 250px;
    overflow-y: auto
}

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

.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    padding: 8px 40px 8px 12px
}

.multiselect-container>li>a .checker,
.multiselect-container>li>a .choice {
    top: 50%;
    margin-top: -9px;
    right: 12px
}

.multiselect-container>li.disabled>a {
    background-color: transparent
}

.multiselect-container>li.disabled>a>label {
    cursor: not-allowed
}

.multiselect-container>li.multiselect-group.active>label,
.multiselect-container>li.multiselect-group>label {
    margin: 10px 0 0;
    padding: 8px 15px;
    font-size: 11px;
    line-height: 1.82;
    color: #999;
    text-transform: uppercase;
    background-color: transparent;
    cursor: default
}

.multiselect-container>li.multiselect-group.disabled {
    color: #999
}

.multiselect-container>li.multiselect-group:first-child.active>label,
.multiselect-container>li.multiselect-group:first-child>label {
    margin-top: 5px
}

.multiselect-container>li.multiselect-group.multiselect-group-clickable>label {
    cursor: pointer
}

.multiselect-container>li.multiselect-group.disabled label,
.multiselect-container>li.multiselect-group.disabled:focus label,
.multiselect-container>li.multiselect-group.disabled:hover label {
    background-color: transparent;
    cursor: not-allowed
}

.multi-select-full>.btn-group {
    width: 100%
}

.multi-select-full>.btn-group .multiselect-container {
    width: inherit
}

.multi-select-fixed>.btn-group>.btn {
    width: 250px
}

.multi-select-auto>.btn-group>.btn {
    width: auto
}

div[class*=border-]>.btn-group,
div[class*=border-]>.btn-group>.multiselect {
    border-color: inherit
}

li.multiselect-filter {
    position: relative;
    padding: 7px 12px 12px;
    margin-bottom: 0
}

li.multiselect-filter i {
    font-size: 13px;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -9px;
    opacity: .5;
    filter: alpha(opacity=50)
}

li.multiselect-filter .form-control {
    padding-right: 36px
}

.input-group-addon+.btn-group .multiselect:first-child,
.input-group-addon+.multi-select-auto .multiselect:first-child,
.input-group-addon+.multi-select-fixed .multiselect:first-child,
.input-group-addon+.multi-select-full .multiselect:first-child,
.input-group-btn+.btn-group .multiselect:first-child,
.input-group-btn+.multi-select-auto .multiselect:first-child,
.input-group-btn+.multi-select-fixed .multiselect:first-child,
.input-group-btn+.multi-select-full .multiselect:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group-multiselect {
    width: 100%
}

.btn-group-multiselect .btn {
    float: none
}

.btn-group-multiselect .multiselect {
    min-width: 0
}

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

.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.selectboxit-container * {
    -webkit-touch-callout: none;
    outline: 0;
    white-space: nowrap;
    -moz-user-select: none;
    user-select: none
}

.selectboxit-container .selectboxit {
    width: 100%;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 36px;
    padding: 7px 12px 7px 29px
}

.selectboxit-container .selectboxit:focus {
    outline: 0
}

.selectboxit-container .selectboxit-options a,
.selectboxit-container span {
    display: block
}

.selectboxit-container .selectboxit-options {
    width: 100%;
    min-width: 200px;
    max-height: 250px;
    margin: 0;
    padding: 5px 1px;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 999;
    text-align: right;
    border-radius: 3px
}

.selectboxit-options .selectboxit-disabled,
.selectboxit-options .selectboxit-disabled:focus,
.selectboxit-options .selectboxit-disabled:hover,
.selectboxit.selectboxit-disabled,
.selectboxit.selectboxit-disabled:focus,
.selectboxit.selectboxit-disabled:hover {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    filter: alpha(opacity=65)
}

.selectboxit-rendering {
    display: inline-block!important;
    visibility: visible!important;
    position: absolute!important;
    top: -9999px!important;
    left: -9999px!important
}

.selectboxit-list {
    background-color: #fff;
    border: 1px solid #ddd
}

.selectboxit-list .selectboxit-option-anchor {
    color: #333
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    display: block;
    background-color: #f5f5f5
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
    color: #999;
    cursor: not-allowed
}

.selectbox-container[class*=border-]>.selectboxit-list {
    border-color: inherit
}

.selectbox-container[class*=bg-]>.selectboxit-list {
    background-color: inherit;
    border-color: inherit
}

.selectbox-container[class*=bg-]>.selectboxit-list .selectboxit-option-anchor {
    color: #fff
}

.selectbox-container[class*=bg-]>.selectboxit-list>.selectboxit-focus .selectboxit-option-anchor {
    background-color: rgba(0, 0, 0, .1)
}

.selectboxit-btn {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 3px
}

.selectboxit-btn:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
}

.selectboxit-btn.selectboxit-open,
.selectboxit-btn:focus {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.selectboxit-container[class*=bg-] .selectboxit-btn {
    background-color: inherit;
    border-color: inherit;
    color: inherit
}

.selectboxit-container[class*=border-] .selectboxit-btn {
    border-color: inherit
}

.selectboxit-btn[class*=bg-]:hover,
.selectboxit-container[class*=bg-] .selectboxit-btn:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.selectboxit-btn[class*=bg-].selectboxit-open,
.selectboxit-btn[class*=bg-]:focus,
.selectboxit-container[class*=bg-] .selectboxit-btn.selectboxit-open,
.selectboxit-container[class*=bg-] .selectboxit-btn:focus {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.input-group .selectboxit-container>.selectboxit-btn {
    border-radius: 0
}

.input-group .selectboxit-container:last-child>.selectboxit-btn {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group>select:first-child+.selectboxit-container>.selectboxit-btn {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.selectboxit-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right
}

.selectboxit-default-arrow {
    position: relative;
    font-style: normal
}

.selectboxit-default-arrow:after {
    content: '\e9c5';
    display: block;
    font-size: 16px;
    line-height: 1
}

.selectboxit-open .selectboxit-default-arrow:after {
    content: '\e9c6'
}

.selectboxit-option-icon-url {
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin-top: 3px;
    margin-left: 10px
}

.selectboxit-optgroup-header,
.selectboxit-option {
    margin: 0;
    list-style-type: none
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 7px 12px
}

.selectboxit-optgroup-header {
    padding: 7px 12px;
    font-weight: 700;
    color: #333;
    font-size: 11px;
    line-height: 1.82;
    text-transform: uppercase
}

.selectboxit-optgroup-header:hover {
    cursor: default
}

.bootstrap-select.btn-group .dropdown-menu>li.disabled a,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.selectboxit-optgroup-option .selectboxit-option-anchor {
    padding-left: 24px;
    padding-right: 24px
}

.selectboxit-arrow-container {
    position: absolute;
    top: 50%;
    width: 16px;
    left: 12px;
    margin-top: -8px;
    text-align: left;
    line-height: 1
}

.selectboxit-arrow-container .selectboxit-arrow {
    margin-top: 0
}

.selectboxit-arrow-container .selectboxit-arrow[class*=icon-] {
    top: 0
}

.selectboxit-option-icon-container {
    float: right
}

.selectboxit-option-icon-container>[class*=icon-] {
    margin-left: 10px;
    width: auto
}

.selectboxit-option-icon-container .selectboxit-option-icon-url {
    height: 16px;
    width: 16px;
    background-size: 16px 16px;
    margin-top: 2px
}

.selectboxit-option-first {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.selectboxit-optgroup-header+.selectboxit-option-first {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.selectboxit-option-last {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.selectbox-fixed+.selectboxit-container,
.selectbox-fixed+.selectboxit-options {
    width: 250px
}

.selectbox-auto+.selectboxit-container,
.selectbox-auto+.selectboxit-options {
    width: auto
}

.bootstrap-select,
.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.selectbox-lg+.selectboxit-container .selectboxit {
    padding: 9px 15px 9px 30px;
    height: 40px;
    font-size: 14px
}

.selectbox-lg+.selectboxit-container .selectboxit .selectboxit-arrow-container {
    left: 15px
}

.selectbox-sm+.selectboxit-container .selectboxit {
    padding: 6px 11px 6px 22px;
    height: 34px
}

.selectbox-sm+.selectboxit-container .selectboxit .selectboxit-arrow-container {
    left: 11px
}

.selectbox-xs+.selectboxit-container .selectboxit {
    padding: 5px 10px 5px 25px;
    height: 32px;
    font-size: 12px;
    line-height: 1.6666667
}

.selectbox-xs+.selectboxit-container .selectboxit .selectboxit-arrow-container {
    left: 10px
}

.bootstrap-select>.btn {
    width: 100%;
    padding-left: 29px
}

.bootstrap-select>.btn.btn-default,
.bootstrap-select>.btn.btn-default.disabled {
    background-color: #fff;
    border-color: #ddd
}

.bootstrap-select>.btn.btn-default:active,
.btn-group.open .bootstrap-select>.btn.btn-default {
    border-color: #ddd
}

.bootstrap-select.form-control {
    padding: 0;
    border: 0
}

.bootstrap-select .popover-title {
    font-size: 11px;
    line-height: 1.82;
    margin: 5px 0;
    padding: 7px 12px
}

.bootstrap-select[class*=border-] .btn,
.bootstrap-select[class*=border-] .dropdown-menu {
    border-color: inherit
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group .btn .filter-option>i,
.bootstrap-select.btn-group .dropdown-menu>li>a [class*=icon-] {
    margin-left: 7px
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: left
}

.bootstrap-select.btn-group>.disabled:focus {
    outline: 0
}

.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: right;
    text-overflow: ellipsis
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    width: 16px;
    text-align: left;
    left: 12px;
    margin-top: -8px
}

.bootstrap-select.btn-group[class*=col-] .btn {
    width: 100%
}

.bootstrap-select.btn-group .btn-lg>.caret {
    left: 15px
}

.bootstrap-select.btn-group .btn-sm>.caret {
    left: 11px
}

.bootstrap-select.btn-group .btn-xs>.caret {
    left: 10px
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%
}

.bootstrap-select.btn-group .dropdown-menu>li>a .check-mark {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 12px;
    margin-left: 0
}

.bootstrap-select.btn-group .dropdown-menu>li>a .text,
.bootstrap-select.btn-group.show-tick .dropdown-menu>li.active a .check-mark {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu>li>a>.badge,
.bootstrap-select.btn-group .dropdown-menu>li>a>.label {
    float: none
}

.bootstrap-select.btn-group .dropdown-menu>li>a.special-class,
.bootstrap-select.btn-group .dropdown-menu>li>a.special-class:hover {
    font-weight: 700;
    color: #fff;
    background: #F44336
}

.bootstrap-select.btn-group .dropdown-menu>li small {
    padding-right: 10px;
    float: left
}

.bootstrap-select.btn-group .dropdown-menu>.active>a small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 7px 12px;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    pointer-events: none
}

.bootstrap-select.btn-group .dropdown-header~li>a {
    padding-right: 24px
}

.bootstrap-select.btn-group .no-results {
    padding: 7px 12px;
    background: #f8f8f8;
    margin-bottom: -5px;
    border-top: 1px solid #ddd
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu>li a .text {
    margin-left: 40px
}

.input-group .bootstrap-select>.btn {
    border-radius: 0
}

.input-group>.bs-select-hidden:first-child+.bootstrap-select>.btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.input-group>.bootstrap-select:last-child>.btn {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.error .bootstrap-select .btn {
    border: 1px solid #F44336
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #F44336
}

.bs-actionsbox,
.bs-searchbox {
    padding: 7px 12px 12px
}

.bs-searchbox {
    position: relative
}

.bs-searchbox>.form-control {
    padding-right: 36px
}

.bs-searchbox:after {
    content: '\e98e';
    position: absolute;
    top: 50%;
    right: 24px;
    color: inherit;
    display: block;
    font-size: 12px;
    margin-top: -9px;
    line-height: 1;
    opacity: .6;
    filter: alpha(opacity=60)
}

.bs-actionsbox {
    float: right;
    width: 100%;
    position: relative
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 12px 7px
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block!important;
    width: 100%;
    height: 100%!important;
    opacity: 0
}

select.bs-select-hidden,
select.selectpicker {
    display: none!important
}

.visual-password-indicator {
    display: inline-block;
    background-color: #999;
    width: 40px;
    height: 4px
}

.password-indicator-group {
    min-width: 80px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.label-indicator-absolute {
    position: relative
}

.label-indicator-absolute .password-indicator-label-absolute {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 7px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.form-horizontal .label-indicator-absolute .label {
    left: 27px
}

.twitter-typeahead {
    width: 100%
}

.tt-hint,
.tt-query,
.typeahead {
    outline: 0
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 100%;
    margin-top: 1px;
    min-width: 180px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    max-height: 300px;
    overflow-y: auto;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.typeahead-scrollable .tt-dropdown-menu {
    max-height: 150px
}

.typeahead-rtl .tt-dropdown-menu {
    text-align: right
}

.tt-suggestion {
    padding: 8px 15px;
    cursor: pointer
}

.tt-suggestion.tt-cursor {
    background-color: #f5f5f5
}

.editable,
.editable-bg-transition,
.tokenfield .token.invalid {
    background-color: transparent
}

.tt-suggestion p {
    margin: 0
}

.tt-dataset-group .tt-suggestion {
    padding-left: 24px;
    padding-right: 24px
}

.tt-heading {
    font-size: 11px;
    line-height: 1.82;
    padding: 8px 15px;
    text-transform: uppercase;
    display: block;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 2px
}

.typeahead-template .empty-message {
    padding: 8px 15px;
    text-align: center
}

.validation-error-label,
.validation-valid-label {
    margin-top: 7px;
    margin-bottom: 7px;
    display: block;
    color: #F44336;
    position: relative;
    padding-right: 26px
}

.validation-valid-label {
    color: #4CAF50
}

.validation-error-label:before,
.validation-valid-label:before {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    line-height: 1;
    font-size: 16px
}

.validation-error-label:empty,
.validation-valid-label:empty {
    display: none
}

.validation-error-label:before {
    content: '\ed63'
}

.validation-valid-label:before {
    content: '\ee73'
}

.form-horizontal .editable {
    padding-top: 8px;
    display: inline-block
}

.editable-pre-wrapped {
    white-space: pre-wrap
}

.editableform .form-group:last-child {
    margin-bottom: 0
}

.editableform .form-control {
    min-width: 150px;
    padding-right: 12px!important;
    padding-left: 34px
}

.editableform .checkbox,
.editableform .radio {
    margin-top: 0;
    margin-bottom: 0
}

.editableform .checkbox>div,
.editableform .radio>div {
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative
}

.editable-buttons {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.editable-buttons.editable-buttons-bottom {
    display: block;
    margin-top: 20px;
    margin-right: 0;
    text-align: center
}

.editable-buttons .editable-cancel {
    margin-right: 5px
}

.editable-input {
    vertical-align: top;
    display: inline-block;
    width: auto;
    white-space: normal
}

.editable-clear-x:after,
.editableform-loading:after {
    font-family: icomoon;
    display: block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.editable-input .help-block {
    margin-bottom: 0
}

.editable-input .input-group {
    width: 250px
}

.editable-input .elastic {
    height: 100px
}

.editableform-loading,
.editableform-loading:after {
    margin: auto;
    width: 16px;
    height: 16px
}

.editableform-loading:after {
    content: '\eb55';
    line-height: 1;
    -webkit-animation: rotation 1s ease infinite;
    -o-animation: rotation 1s ease infinite;
    animation: rotation 1s ease infinite
}

.editable-error {
    color: #F44336
}

.editable-error-block {
    max-width: 300px;
    margin: 7px 0 0;
    width: auto;
    white-space: normal
}

.editable-bg-transition {
    color: inherit;
    -webkit-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.editable-clear {
    clear: both;
    text-decoration: none;
    text-align: right
}

.editable-clear-x {
    position: absolute;
    right: auto!important;
    left: 9px;
    top: 10px;
    line-height: 1;
    cursor: pointer;
    z-index: 100;
    opacity: .6;
    filter: alpha(opacity=60)
}

.editable-clear-x:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.editable-clear-x:after {
    content: '\ed6b'
}

.editable-click,
.editable-click:hover,
a.editable-click,
a.editable-click:hover {
    border-bottom: 1px dashed #1E88E5
}

.editable-click.editable-disabled,
.editable-click.editable-disabled:hover,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
    color: #999;
    cursor: default;
    border-bottom: 0
}

.editable-click .label {
    margin-top: 1px;
    margin-bottom: 1px
}

.editable-empty,
.editable-empty:focus,
.editable-empty:hover {
    font-style: italic;
    color: #F44336
}

a.editable-empty,
a.editable-empty:focus,
a.editable-empty:hover {
    border-bottom-color: #F44336
}

.combodate {
    white-space: nowrap
}

.combodate .day,
.combodate .hour,
.combodate .minute,
.combodate .year {
    min-width: 80px
}

.combodate .form-control {
    display: inline-block
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.input-daterange input:last-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.editable-address {
    display: block
}

.editable-address>label>span {
    width: 70px;
    display: inline-block;
    margin-bottom: 7px
}

.editable-date {
    padding: 0;
    margin: 0;
    float: right
}

.editable-checklist label {
    white-space: nowrap
}

.editable-checklist label>input[type=checkbox] {
    vertical-align: middle;
    margin: 0
}

.editable-wysihtml5 {
    width: 566px;
    height: 250px
}

.editable-container.editable-popup {
    max-width: none!important
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.editable-container.editable-inline .editableform-loading {
    background-position: left 5px
}

.editable-container.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px
}

.editable-container.popover {
    width: auto;
    min-width: 200px
}

.tokenfield {
    height: auto;
    padding: 0 0 3px!important
}

.tokenfield:after {
    content: '';
    display: table;
    clear: both
}

.bootstrap-tagsinput .tag [data-role=remove]:after,
.tokenfield .token .close:after {
    content: '\ed6b';
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tokenfield .token {
    margin: 3px 3px 0 0;
    cursor: default;
    float: right;
    position: relative;
    border-radius: 2px
}

.tokenfield .token.invalid {
    border: 1px solid transparent;
    border-radius: 0;
    border-bottom: 1px dotted #F44336
}

.tokenfield .token.invalid.active {
    background-color: #eee;
    border: 1px solid #eee
}

.tokenfield .token .token-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 10px 4px 28px;
    background-color: #455A64;
    color: #fff;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 2px
}

.tokenfield .token .close {
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 8px;
    line-height: 1;
    margin-top: -8px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.tokenfield .token .close:after {
    display: block;
    font-size: 16px;
    color: #fff
}

.tokenfield .token .close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.tokenfield .token[class*=bg-] .token-label {
    background-color: inherit
}

.tokenfield .token[class*=bg-] .close {
    color: inherit
}

.tokenfield .twitter-typeahead {
    width: auto
}

.tokenfield .token-input {
    background: 0 0;
    width: 60px!important;
    min-width: 60px;
    height: 28px;
    padding-right: 7px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.6666667;
    border: 0;
    outline: 0;
    direction: rtl
}

.tokenfield.readonly .token .token-label {
    padding-left: 10px
}

.tokenfield.readonly .token .close {
    display: none
}

.tokenfield.disabled {
    background-color: #fafafa;
    color: #999
}

.tokenfield.disabled .token,
.tokenfield.disabled .token .close {
    opacity: .5;
    filter: alpha(opacity=50)
}

.tokenfield.disabled,
.tokenfield.disabled .token,
.tokenfield.disabled .token .close,
.tokenfield.disabled .token-input {
    cursor: not-allowed
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right
}

.input-group-lg .tokenfield,
.tokenfield.input-lg {
    padding: 0 0 3px
}

.input-group-lg .token>.token-label,
.tokenfield.input-lg .token>span {
    padding-top: 6px;
    padding-bottom: 6px
}

.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
    height: 32px
}

.input-group-sm .tokenfield,
.tokenfield.input-sm {
    padding: 0 0 3px
}

.input-group-sm .token>.token-label,
.tokenfield.input-sm .token>span {
    padding-top: 3px;
    padding-bottom: 3px
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 26px
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 3px 3px 0;
    vertical-align: middle;
    border-radius: 3px;
    width: 100%
}

.bootstrap-tagsinput input {
    direction: rtl;
    border: 0;
    outline: 0;
    background-color: transparent;
    height: 28px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0 0 3px;
    width: auto!important;
    min-width: 100px;
    font-size: 12px;
    line-height: 1.6666667;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.bootstrap-tagsinput .twitter-typeahead {
    width: auto
}

.bootstrap-tagsinput .tt-dropdown-menu {
    margin-top: 5px;
    min-width: 200px
}

.bootstrap-tagsinput .tt-hint {
    left: auto!important;
    right: 0
}

.bootstrap-tagsinput .tag {
    margin-left: 3px;
    margin-bottom: 3px;
    color: #FFF;
    border: 0;
    border-radius: 2px;
    padding: 4px 10px 4px 28px;
    float: right;
    font-size: 12px;
    line-height: 1.6666667;
    font-weight: 400;
    text-transform: none;
    position: relative
}

.bootstrap-tagsinput .tag [data-role=remove] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 8px;
    line-height: 1;
    margin-top: -8px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    display: block;
    font-size: 16px;
    color: #fff
}

.bootstrap-touchspin .input-group-btn-vertical {
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    height: 36px;
    line-height: 1.5384616;
    margin-right: -1px
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -8px;
    margin-top: -8px;
    font-weight: 400
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border: 1px solid #ddd
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border: 1px solid #ddd;
    border-radius: 3px 0 0 3px
}

.bootstrap-touchspin.input-group-lg .input-group-btn-vertical>.btn {
    height: 40px;
    line-height: 1.4285715;
    padding-left: 15px;
    padding-right: 15px
}

.bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn {
    height: 34px;
    line-height: 1.6666667;
    padding-left: 11px;
    padding-right: 11px
}

.bootstrap-touchspin-prefix {
    border-left: 0
}

.bootstrap-touchspin-postfix {
    border-right: 0
}

.bootstrap-duallistbox-container .box1 {
    margin-bottom: 20px
}

.bootstrap-duallistbox-container select.form-control {
    padding: 5px
}

.bootstrap-duallistbox-container option {
    display: block;
    padding: 7px 12px;
    border-radius: 2px
}

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
    display: none
}

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
    width: 100%
}

.bootstrap-duallistbox-container.moveonselect .btn-group .btn+.btn {
    border-right-width: 1px
}

.bootstrap-duallistbox-container .buttons {
    width: 100%;
    margin-bottom: -1px
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
    display: none;
    margin-top: 20px
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear1:focus,
.bootstrap-duallistbox-container .clear1:hover,
.bootstrap-duallistbox-container .clear2,
.bootstrap-duallistbox-container .clear2:focus,
.bootstrap-duallistbox-container .clear2:hover {
    background-color: transparent;
    border: 0;
    color: #1E88E5;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
    display: inline-block
}

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .remove,
.bootstrap-duallistbox-container .removeall {
    width: 50%
}

.bootstrap-duallistbox-container .btn-group .btn {
    margin: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.bootstrap-duallistbox-container .btn-group .btn+.btn {
    border-right-width: 0
}

.bootstrap-duallistbox-container .btn-group .btn>i {
    float: none;
    text-align: center
}

.bootstrap-duallistbox-container .filter {
    margin-bottom: 20px;
    position: relative
}

.bootstrap-duallistbox-container .filter.placeholder {
    color: #999
}

.bootstrap-duallistbox-container .info-container .info {
    display: inline-block;
    margin-top: 20px
}

.bootstrap-duallistbox-container .info-container .info .label {
    margin-left: 7px
}

.sidebar .bootstrap-duallistbox-container {
    text-align: center
}

.sidebar .bootstrap-duallistbox-container .box1,
.sidebar .bootstrap-duallistbox-container .box2 {
    float: none;
    width: 100%
}

.sidebar .bootstrap-duallistbox-container .box1 {
    padding-bottom: 5px
}

.sidebar .bootstrap-duallistbox-container .box1:after {
    content: '\e9c9';
    font-size: 16px;
    font-family: icomoon;
    display: block;
    text-align: center;
    line-height: 1;
    margin: 10px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .5;
    filter: alpha(opacity=50)
}

@media (min-width:1025px) {
    .bootstrap-duallistbox-container .box1,
    .sidebar .bootstrap-duallistbox-container .box1 {
        margin-bottom: 0
    }
}

.wizard {
    width: 100%;
    overflow: hidden
}

.wizard>.content>.title,
.wizard>.steps .current-info {
    position: absolute;
    left: -99999px
}

.stepy-header li:after,
.wizard>.steps>ul>li:after {
    left: 0
}

.wizard>.content {
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 0
}

.wizard>.content>.body {
    padding: 0 20px
}

.wizard>.content>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard>.steps>ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.wizard>.steps>ul>li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative
}

.wizard>.steps>ul>li a {
    position: relative;
    padding-top: 48px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block
}

.wizard>.steps>ul>li:after,
.wizard>.steps>ul>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 43px;
    width: 50%;
    height: 2px;
    background-color: #00BCD4;
    z-index: 9
}

.wizard>.steps>ul>li.current .number:after,
.wizard>.steps>ul>li.done .number:after {
    display: inline-block;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    font-family: icomoon;
    -moz-osx-font-smoothing: grayscale;
    line-height: 34px;
    -webkit-font-smoothing: antialiased
}

.wizard>.steps>ul>li:before {
    right: 0
}

.wizard>.steps>ul>li:first-child:before,
.wizard>.steps>ul>li:last-child:after {
    content: none
}

.wizard>.steps>ul>li.current:after,
.wizard>.steps>ul>li.current~li:after,
.wizard>.steps>ul>li.current~li:before {
    background-color: #eee
}

.wizard>.steps>ul>li.current>a {
    color: #333;
    cursor: default
}

.wizard>.steps>ul>li.current .number {
    font-size: 0;
    border-color: #00BCD4;
    background-color: #fff;
    color: #00BCD4
}

.wizard>.steps>ul>li.current .number:after {
    content: '\e913';
    font-size: 16px;
    transition: all .15s ease-in-out
}

.wizard>.steps>ul>li.disabled a,
.wizard>.steps>ul>li.disabled a:focus,
.wizard>.steps>ul>li.disabled a:hover {
    color: #999;
    cursor: default
}

.wizard>.steps>ul>li.done a,
.wizard>.steps>ul>li.done a:focus,
.wizard>.steps>ul>li.done a:hover {
    color: #999
}

.wizard>.steps>ul>li.done .number {
    font-size: 0;
    background-color: #00BCD4;
    border-color: #00BCD4;
    color: #fff
}

.wizard>.steps>ul>li.done .number:after {
    content: '\ed6f';
    font-size: 16px;
    transition: all .15s ease-in-out
}

.wizard>.steps>ul>li.error .number {
    border-color: #F44336;
    color: #F44336
}

@media (max-width:768px) {
    .wizard>.steps>ul {
        margin-bottom: 20px
    }
    .wizard>.steps>ul>li {
        display: block;
        float: right;
        width: 50%
    }
    .wizard>.steps>ul>li>a {
        margin-bottom: 0
    }
    .wizard>.steps>ul>li:first-child:before,
    .wizard>.steps>ul>li:last-child:after {
        content: ''
    }
    .wizard>.steps>ul>li:last-child:after {
        background-color: #00BCD4
    }
}

@media (max-width:480px) {
    .wizard>.steps>ul>li {
        width: 100%
    }
    .wizard>.steps>ul>li.current:after {
        background-color: #00BCD4
    }
}

.wizard>.steps .number {
    background-color: #fff;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -19px;
    width: 38px;
    height: 38px;
    border: 2px solid #eee;
    font-size: 14px;
    border-radius: 50%;
    z-index: 10;
    line-height: 34px;
    text-align: center
}

.panel-flat>.wizard>.steps>ul {
    border-top: 1px solid #ddd
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: left;
    padding: 0 20px 20px
}

.wizard>.actions>ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.daterangepicker .calendar,
.daterangepicker .ranges,
.wizard>.actions>ul>li {
    float: right
}

.wizard>.actions>ul:after {
    content: '';
    display: table;
    clear: both
}

.wizard>.actions>ul>li+li {
    margin-right: 10px
}

.wizard>.actions>ul>li>a {
    background: #2196F3;
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 2px;
    border: 1px solid transparent
}

.wizard>.actions>ul>li>a:focus,
.wizard>.actions>ul>li>a:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.wizard>.actions>ul>li>a:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.wizard>.actions>ul>li>a[href="#previous"] {
    background-color: #fcfcfc;
    color: #333;
    border: 1px solid #ddd
}

.wizard>.actions>ul>li>a[href="#previous"]:focus,
.wizard>.actions>ul>li>a[href="#previous"]:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.wizard>.actions>ul>li>a[href="#previous"]:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
}

.wizard>.actions>ul>li.disabled>a,
.wizard>.actions>ul>li.disabled>a:focus,
.wizard>.actions>ul>li.disabled>a:hover {
    color: #999
}

.wizard>.actions>ul>li.disabled>a[href="#previous"],
.wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,
.wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-flat>.ui-formwizard {
    border-top: 1px solid #ddd
}

.form-wizard-title {
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.form-wizard-count {
    float: right;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #4CAF50;
    color: #4CAF50;
    text-align: center;
    line-height: 34px;
    margin-left: 10px
}

.ui-formwizard .step {
    padding: 20px 20px 0
}

.form-wizard-actions {
    text-align: left;
    padding: 0 20px 20px
}

.panel-body .form-wizard-actions {
    padding: 0
}

.form-wizard-actions .btn+.btn {
    margin-right: 5px
}

.stepy-step {
    padding: 0 20px 20px
}

.stepy-header {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    width: 100%
}

.panel-flat>.stepy-header {
    border-top: 1px solid #ddd
}

.stepy-header li {
    cursor: pointer;
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding: 20px 0;
    text-align: center;
    position: relative
}

.stepy-header li span {
    display: block;
    margin-top: 10px;
    color: #999
}

.stepy-header li:after,
.stepy-header li:before {
    content: '';
    display: block;
    position: absolute;
    top: 43px;
    width: 50%;
    height: 2px;
    background-color: #00BCD4;
    z-index: 9
}

.stepy-header li:before {
    right: 0
}

.stepy-header li:first-child:before,
.stepy-header li:last-child:after {
    content: none
}

.stepy-header li div {
    background-color: #00BCD4;
    font-size: 0;
    position: relative;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 38px;
    height: 38px;
    border: 2px solid #00BCD4;
    z-index: 10;
    line-height: 34px;
    text-align: center;
    border-radius: 50%
}

.stepy-header li div:after {
    content: '\ed6c';
    font-family: icomoon;
    display: inline-block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 34px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.stepy-header li.stepy-active:after,
.stepy-header li.stepy-active~li:after,
.stepy-header li.stepy-active~li:before {
    background-color: #f5f5f5
}

.stepy-header li.stepy-active~li div {
    border-color: #eee;
    background-color: #fff;
    color: #ccc;
    font-size: 14px
}

.stepy-header li.stepy-active~li div:after {
    content: none
}

.stepy-header li.stepy-active div {
    cursor: auto;
    border-color: #00BCD4;
    background-color: #fff;
    color: #00BCD4
}

.stepy-header li.stepy-active div:after {
    content: '\e913'
}

.stepy-header li.stepy-active span {
    color: #333
}

@media (max-width:769px) {
    .stepy-header {
        margin-bottom: 20px
    }
    .stepy-header li {
        display: block;
        float: right;
        width: 50%;
        padding-bottom: 0
    }
    .stepy-header li:first-child:before,
    .stepy-header li:last-child:after {
        content: ''
    }
    .stepy-header li.stepy-active:last-child:after {
        background-color: #00BCD4
    }
}

@media (max-width:480px) {
    .stepy-header li {
        width: 100%
    }
    .stepy-header li.stepy-active:after {
        background-color: #00BCD4
    }
}

.stepy-navigator {
    text-align: left
}

.stepy-navigator .btn+.btn {
    margin-right: 5px
}

.note-editor {
    border: 1px solid #ddd;
    border-radius: 3px
}

.note-editor .note-dropzone,
.note-editor .note-dropzone.hover {
    color: #2196F3;
    border: 2px dashed #2196F3
}

.note-editor .note-dropzone {
    position: absolute;
    z-index: 1;
    display: none;
    background-color: #fff;
    pointer-events: none;
    opacity: .95;
    filter: alpha(opacity=95)
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle
}

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor .note-toolbar {
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    padding: 0 20px 15px;
    margin: 0;
    border-radius: 3px
}

.note-editor.fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    width: 100%
}

.note-editor.fullscreen .note-editable {
    background-color: #fff
}

.note-editor.codeview .note-editable,
.note-editor.fullscreen .note-resizebar {
    display: none
}

.note-editor.codeview .note-codable {
    display: block
}

.note-editor .note-statusbar {
    background-color: #fcfcfc
}

.note-editor .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    cursor: s-resize;
    border-top: 1px solid #ddd
}

.note-editor .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #aaa
}

.note-editor .note-editable {
    padding: 20px;
    overflow: auto;
    outline: 0;
    min-height: 150px
}

.note-editor .note-editable[contenteditable=false] {
    background-color: #eee
}

.note-editor .note-codable {
    display: none;
    width: 100%;
    padding: 20px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    color: #fff;
    background-color: #333;
    border: 0;
    border-radius: 0;
    resize: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.note-air-editor {
    outline: 0
}

.note-popover .popover {
    max-width: none
}

.note-popover .popover .popover-content {
    padding: 0 15px 15px;
    margin: 0
}

.note-popover .popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.note-dialog>div,
.note-popover .popover .popover-content .dropdown-menu li a i,
.note-toolbar .dropdown-menu li a i {
    display: none
}

.note-popover .popover .popover-content>.btn-group:last-child {
    margin-left: 0
}

.note-popover .popover .arrow {
    right: 20px
}

.note-popover .popover .popover-content>.btn-group,
.note-toolbar>.btn-group {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 0
}

.note-popover .popover .popover-content .note-style blockquote,
.note-popover .popover .popover-content .note-style h1,
.note-popover .popover .popover-content .note-style h2,
.note-popover .popover .popover-content .note-style h3,
.note-popover .popover .popover-content .note-style h4,
.note-popover .popover .popover-content .note-style h5,
.note-popover .popover .popover-content .note-style h6,
.note-toolbar .note-style blockquote,
.note-toolbar .note-style h1,
.note-toolbar .note-style h2,
.note-toolbar .note-style h3,
.note-toolbar .note-style h4,
.note-toolbar .note-style h5,
.note-toolbar .note-style h6 {
    margin: 0
}

.note-popover .popover .popover-content .note-table,
.note-toolbar .note-table {
    min-width: 0
}

.note-popover .popover .popover-content .note-table.dropdown-menu,
.note-toolbar .note-table.dropdown-menu {
    padding: 10px
}

.note-popover .popover .popover-content .note-table .note-dimension-picker,
.note-toolbar .note-table .note-dimension-picker {
    font-size: 18px;
    margin-bottom: 10px;
    direction: ltr
}

.note-popover .popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute!important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-popover .popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative!important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.note-popover .popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute!important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC)
}

.note-popover .popover .popover-content .note-color .dropdown-menu,
.note-toolbar .note-color .dropdown-menu {
    min-width: 330px
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,
.note-toolbar .note-color .dropdown-menu .btn-group {
    margin: 7px 12px
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    margin-bottom: 10px;
    font-weight: 500
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    padding: 6px 11px;
    cursor: pointer;
    background-color: #F5F5F5;
    text-align: center;
    margin-bottom: 10px
}

.note-popover .popover .popover-content .note-para .dropdown-menu,
.note-toolbar .note-para .dropdown-menu {
    min-width: 245px;
    padding: 10px;
    text-align: center
}

.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,
.note-toolbar .note-para .dropdown-menu>div:first-child {
    margin-left: 10px
}

.note-popover .popover .popover-content .dropdown-menu,
.note-toolbar .dropdown-menu {
    min-width: 90px
}

.note-popover .popover .popover-content .dropdown-menu.right,
.note-toolbar .dropdown-menu.right {
    left: 0;
    right: auto
}

.note-popover .popover .popover-content .dropdown-menu.right:before,
.note-toolbar .dropdown-menu.right:before {
    left: 9px;
    right: auto!important
}

.note-popover .popover .popover-content .dropdown-menu.right:after,
.note-toolbar .dropdown-menu.right:after {
    left: 10px;
    right: auto!important
}

.note-popover .popover .popover-content .dropdown-menu li a.checked,
.note-toolbar .dropdown-menu li a.checked {
    background-color: #f5f5f5
}

.note-popover .popover .popover-content .note-color-palette,
.note-toolbar .note-color-palette {
    line-height: 1
}

.note-popover .popover .popover-content .note-color-palette div .note-color-btn,
.note-toolbar .note-color-palette div .note-color-btn {
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}

.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,
.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #333
}

.note-dialog .note-image-dialog .mote-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 25px;
    color: #eee;
    text-align: center;
    border: 4px dashed #eee
}

.note-dialog .note-help-dialog {
    color: #ccc;
    background-color: #333!important;
    border: 0;
    opacity: .9;
    filter: alpha(opacity=90)
}

.note-dialog .note-help-dialog a {
    color: #fff
}

.note-dialog .note-help-dialog .title {
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #fff
}

.note-dialog .note-help-dialog .modal-content {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.note-dialog .note-help-dialog .modal-close {
    color: #999;
    cursor: pointer
}

.note-dialog .note-help-dialog .note-shortcut-layout {
    width: 100%
}

.note-dialog .note-help-dialog .note-shortcut-layout td {
    vertical-align: top
}

.note-dialog .note-help-dialog .note-shortcut {
    margin-top: 8px
}

.note-dialog .note-help-dialog .note-shortcut th {
    color: #eee;
    text-align: right
}

.note-dialog .note-help-dialog .note-shortcut td:first-child {
    min-width: 110px;
    padding-left: 10px;
    font-family: "Courier New";
    color: #eee;
    text-align: left
}

.AnyTime-x-btn:after,
.daterange-custom-display:after,
.picker__nav--next:before,
.picker__nav--prev:before,
.sp-clear-display:after,
.sp-dd:after {
    font-family: icomoon;
    -moz-osx-font-smoothing: grayscale
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #333
}

.note-handle .note-control-selection>div {
    position: absolute
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .3;
    filter: alpha(opacity=30)
}

.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-holder,
.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    border: 1px solid #333
}

.note-handle .note-control-selection .note-control-sizing {
    background-color: #fff
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    right: -5px;
    border-left: 0;
    border-bottom: 0
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    left: -5px;
    border-bottom: 0;
    border-right: 0
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    right: -5px;
    border-top: 0;
    border-left: 0
}

.note-handle .note-control-selection .note-control-se {
    left: -5px;
    bottom: -5px;
    cursor: se-resize
}

.daterangepicker table tbody td,
.daterangepicker table tbody th,
.daterangepicker th.next,
.daterangepicker th.prev {
    cursor: pointer
}

.note-handle .note-control-selection .note-control-selection-info {
    left: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.wysihtml5 {
    width: 100%;
    height: auto;
    min-height: 350px;
    max-height: 450px;
    resize: vertical;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    overflow: scroll;
    outline: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.wysihtml5-sandbox {
    width: 100%!important
}

.bootstrap-wysihtml5-insert-image-modal .modal-dialog,
.bootstrap-wysihtml5-insert-link-modal .modal-dialog {
    width: 566px
}

.wysihtml5-toolbar {
    margin: 0;
    padding: 15px 20px 0;
    display: block;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.wysihtml5-toolbar>li {
    display: inline-block;
    list-style: none;
    margin: 0 0 15px 15px
}

.wysihtml5-toolbar .dropdown-menu {
    max-height: 200px;
    overflow-y: auto
}

.wysihtml5-toolbar .dropdown-menu .color-select>li>a:focus,
.wysihtml5-toolbar .dropdown-menu .color-select>li>a:hover {
    background-color: #f5f5f5;
    color: #333
}

.wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu {
    display: none!important
}

.wysihtml5-toolbar .dropdown-toggle>[class*=icon-] {
    margin-left: 7px
}

.wysihtml5-toolbar .dropdown-toggle .caret {
    margin-right: 7px
}

.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
    font-weight: 700
}

.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
    font-style: italic
}

.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
    text-decoration: underline
}

.wysihtml5-toolbar a.btn.wysihtml5-command-active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.wysihtml5-toolbar a.wysihtml5-colors-title {
    padding-right: 40px
}

.wysihtml5-toolbar .wysihtml5-colors {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    pointer-events: none;
    right: 12px;
    top: 10px;
    border-radius: 100px
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=black] {
    background: #000!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=silver] {
    background: silver!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=gray] {
    background: gray!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=maroon] {
    background: maroon!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=red] {
    background: red!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=purple] {
    background: purple!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=green] {
    background: green!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=olive] {
    background: olive!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=navy] {
    background: navy!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=blue] {
    background: #00f!important
}

.wysihtml5-toolbar div[data-wysihtml5-command-value=orange] {
    background: orange!important
}

.wysihtml5-toolbar .wysiwyg-color-black {
    color: #000
}

.wysihtml5-toolbar .wysiwyg-color-silver {
    color: silver
}

.wysihtml5-toolbar .wysiwyg-color-gray {
    color: gray
}

.wysihtml5-toolbar .wysiwyg-color-white {
    color: #fff
}

.wysihtml5-toolbar .wysiwyg-color-maroon {
    color: maroon
}

.wysihtml5-toolbar .wysiwyg-color-red {
    color: red
}

.wysihtml5-toolbar .wysiwyg-color-purple {
    color: purple
}

.wysihtml5-toolbar .wysiwyg-color-fuchsia {
    color: #f0f
}

.wysihtml5-toolbar .wysiwyg-color-green {
    color: green
}

.wysihtml5-toolbar .wysiwyg-color-lime {
    color: #0f0
}

.wysihtml5-toolbar .wysiwyg-color-olive {
    color: olive
}

.wysihtml5-toolbar .wysiwyg-color-yellow {
    color: #ff0
}

.wysihtml5-toolbar .wysiwyg-color-navy {
    color: navy
}

.wysihtml5-toolbar .wysiwyg-color-blue {
    color: #00f
}

.wysihtml5-toolbar .wysiwyg-color-teal {
    color: teal
}

.wysihtml5-toolbar .wysiwyg-color-aqua {
    color: #0ff
}

.wysihtml5-toolbar .wysiwyg-color-orange {
    color: orange
}

.ace_editor {
    height: 400px;
    position: relative
}

.daterangepicker {
    position: absolute;
    left: 0;
    margin-top: 5px;
    width: auto;
    padding: 0
}

.daterangepicker.dropdown-menu {
    max-width: none;
    background-color: transparent;
    border: 0;
    z-index: 1000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.daterangepicker.dropup {
    margin-top: -5px
}

.daterangepicker.opensleft .calendars {
    float: left
}

.daterangepicker.opensright .calendars {
    float: right
}

.daterangepicker.single .calendar,
.daterangepicker.single .ranges {
    float: none;
    margin-left: 0;
    margin-right: 0
}

.daterangepicker.show-calendar .calendar {
    display: block
}

.daterangepicker .calendar {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 5px;
    padding: 10px
}

.daterangepicker td.available:focus,
.daterangepicker td.available:hover,
.daterangepicker td.in-range {
    background-color: #f5f5f5
}

.daterangepicker table {
    width: 100%;
    margin: 0
}

.daterangepicker td,
.daterangepicker th {
    white-space: nowrap;
    text-align: center
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker th {
    color: #999;
    font-weight: 400;
    font-size: 12px;
    min-width: 36px
}

.daterangepicker th>i {
    top: 0;
    color: #888
}

.daterangepicker th.available:focus>i,
.daterangepicker th.available:hover>i {
    color: #333
}

.daterangepicker td.disabled,
.daterangepicker td.off {
    color: #ccc
}

.daterangepicker td.disabled {
    cursor: not-allowed
}

.daterangepicker td.active,
.daterangepicker td.active:focus,
.daterangepicker td.active:hover {
    background-color: #26A69A;
    color: #fff;
    border-radius: 2px
}

.daterangepicker .table-condensed tr>td,
.daterangepicker .table-condensed tr>th {
    padding: 10px;
    line-height: 1
}

.daterangepicker .table-condensed .month {
    font-size: 15px;
    line-height: 1;
    color: #333;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400
}

.daterangepicker select {
    display: inline-block
}

.daterangepicker select.monthselect {
    margin-left: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

.daterangepicker .daterangepicker_input {
    position: relative
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 11px;
    top: auto;
    bottom: 10px;
    color: #999
}

.daterangepicker .daterangepicker_input input {
    padding-right: 11px;
    padding-left: 34px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 12px 0
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterange-custom,
.ranges ul li {
    cursor: pointer
}

.ranges {
    background-color: #fff;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 200px;
    margin-top: 5px
}

.ranges .daterangepicker-inputs+.range_inputs,
.ranges ul+.daterangepicker-inputs {
    border-top: 1px solid #e5e5e5
}

.picker,
.picker__holder {
    width: 100%;
    position: absolute
}

.opensright .ranges {
    margin-left: 0
}

.opensleft .ranges {
    margin-right: 0
}

.ranges ul {
    list-style: none;
    margin: 0;
    padding: 5px 0
}

.ranges ul li {
    color: #333;
    padding: 8px 12px;
    margin-top: 1px
}

.ranges ul li:first-child {
    margin-top: 0
}

.ranges ul li:focus,
.ranges ul li:hover {
    background-color: #f5f5f5
}

.ranges ul li.active {
    color: #fff;
    background-color: #26A69A
}

.ranges .daterangepicker-inputs {
    padding: 17px 12px 12px
}

.ranges .daterangepicker-inputs .daterangepicker_input+.daterangepicker_input {
    margin-top: 17px
}

.ranges .daterangepicker-inputs .daterangepicker_input>span {
    display: block;
    font-size: 12px;
    margin-bottom: 7px;
    color: #999
}

.ranges .range_inputs {
    padding: 12px
}

.ranges .range_inputs .btn {
    display: block;
    width: 100%
}

.ranges .range_inputs .btn+.btn {
    margin-top: 12px
}

@media (min-width:769px) {
    .ranges {
        margin: 5px
    }
}

.daterange-custom:after {
    content: '';
    display: table;
    clear: both
}

.daterange-custom .badge,
.daterange-custom .label {
    margin: 4px 7px 0 0;
    vertical-align: top
}

.daterange-custom .label-icon {
    margin-top: 0;
    margin-left: 5px
}

.daterange-custom-display {
    display: inline-block;
    position: relative;
    padding-right: 21px;
    line-height: 1
}

.daterange-custom-display:after {
    content: '\e9c9';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.daterange-custom.is-opened .daterange-custom-display:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.daterange-custom-display>i {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.015em
}

.daterange-custom-display b {
    display: inline-block;
    margin-right: 4px;
    font-weight: 400
}

.daterange-custom-display b>i {
    font-size: 11px;
    display: block;
    line-height: 12px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400
}

.daterange-custom-display em {
    line-height: 30px;
    vertical-align: top;
    margin: 0 4px
}

@media (max-width:769px) {
    .opensleft,
    .opensright {
        left: 0!important;
        right: 0
    }
    .daterangepicker.opensleft .calendar,
    .daterangepicker.opensleft .calendars,
    .daterangepicker.opensleft .ranges,
    .daterangepicker.opensright .calendar,
    .daterangepicker.opensright .calendars,
    .daterangepicker.opensright .ranges,
    .opensleft .calendars,
    .opensright .calendars {
        float: none
    }
    .daterangepicker {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
    .daterangepicker .calendar {
        margin-left: 0;
        margin-right: 0
    }
    .daterangepicker .ranges {
        width: 100%
    }
}

.picker {
    text-align: right;
    top: 100%;
    margin-top: -1px;
    z-index: 990;
    -moz-user-select: none;
    user-select: none
}

.picker__input {
    cursor: default
}

.picker__holder {
    overflow-y: auto;
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-width: 0;
    border-bottom-width: 0;
    max-width: 280px;
    max-height: 0;
    -webkit-overflow-scrolling: touch
}

.picker--opened .picker__holder {
    max-height: 480px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    display: block
}

.picker__box {
    padding: 5px
}

.picker__header {
    text-align: center;
    position: relative;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.picker__month,
.picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.picker__year {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.picker__select--month,
.picker__select--year {
    border-color: #ddd;
    height: 32px;
    font-size: 13px;
    line-height: 1.6666667;
    margin-left: 5px;
    margin-right: 5px;
    outline: 0
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

.picker__nav--next,
.picker__nav--prev {
    position: absolute;
    padding: 8px;
    top: 50%;
    margin-top: -16px;
    border-radius: 2px;
    line-height: 1
}

.picker__nav--next:before,
.picker__nav--prev:before {
    display: block;
    font-size: 16px;
    width: 16px;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
    display: inline-block;
    margin-left: 5px;
    position: relative
}

.picker__nav--next:hover,
.picker__nav--prev:hover {
    cursor: pointer;
    background-color: #f5f5f5
}

.picker__nav--prev {
    right: 0
}

.picker__nav--prev:before {
    content: '\e9cb'
}

.picker__nav--next {
    left: 0
}

.picker__nav--next:before {
    content: '\e9c8'
}

.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    font-size: inherit;
    width: 100%;
    margin-bottom: 10px
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    color: #999;
    font-weight: 400
}

.picker__day {
    padding: 7px
}

.picker__day--today {
    position: relative;
    background-color: #f5f5f5
}

.picker__day--today:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 6px solid #26A69A;
    border-right: 6px solid transparent
}

.picker__day--outfocus {
    color: #ccc
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #333;
    background-color: #f5f5f5
}

.picker__day--highlighted:before {
    border-top-color: #fff
}

.picker__day--highlighted,
.picker__day--selected {
    border-radius: 3px
}

.picker--focused .picker__day--highlighted,
.picker__day--highlighted,
.picker__day--highlighted:hover {
    cursor: pointer;
    color: #fff;
    background-color: #26A69A
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background-color: #26A69A;
    color: #fff
}

.picker__day--disabled,
.picker__day--disabled:hover {
    background: #fafafa;
    color: #999;
    cursor: default
}

.picker__day--disabled:before {
    border-top-color: #999
}

.picker__day--highlighted .picker__day--disabled,
.picker__day--highlighted .picker__day--disabled:hover {
    background-color: #bbb
}

.picker__footer {
    text-align: center
}

.picker__footer button {
    border: 0;
    background: #fff;
    padding: 7px 12px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block
}

.picker__footer button:focus,
.picker__footer button:hover {
    outline: 0;
    background-color: #f5f5f5
}

.picker__footer button:before {
    height: 0
}

.picker__button--today:before {
    content: '';
    top: -1px;
    width: 0;
    border-top: 6px solid #2196F3;
    border-right: 6px solid transparent
}

.picker__button--close:before {
    content: '\D7';
    top: 1px;
    font-size: 16px
}

.picker__button--clear:before {
    content: '';
    top: -3px;
    width: 8px;
    border-top: 2px solid #F44336
}

.picker--time {
    min-width: 256px;
    max-width: 320px
}

.picker--time .picker__box {
    padding: 0
}

.picker__list {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto
}

.picker__list-item {
    position: relative;
    padding: 7px 12px
}

.picker__list-item:focus,
.picker__list-item:hover {
    cursor: pointer;
    background-color: #f5f5f5;
    z-index: 10
}

.picker--time .picker__button--clear {
    display: block;
    width: 100%;
    margin: 5px 0 -5px;
    padding: 7px 12px;
    background-color: #fcfcfc;
    outline: 0;
    border: 0;
    border-top: 1px solid #eee;
    text-align: center
}

.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover {
    background-color: #f5f5f5
}

.picker__list-item--highlighted {
    z-index: 10
}

.picker--focused .picker__list-item--highlighted,
.picker__list-item--highlighted,
.picker__list-item--highlighted:hover {
    cursor: pointer;
    color: #fff;
    background-color: #26A69A
}

.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background-color: #26A69A;
    color: #fff;
    z-index: 10
}

.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
    background-color: #fafafa;
    color: #999;
    cursor: default;
    z-index: auto
}

.AnyTime-pkr {
    text-align: center
}

.AnyTime-pkr * {
    margin: 0;
    padding: 0;
    list-style: none
}

.AnyTime-pkr .AnyTime-date {
    float: right
}

.AnyTime-pkr .AnyTime-date+.AnyTime-time {
    margin-right: 50px;
    float: right
}

.AnyTime-win {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 3px;
    z-index: 10
}

.AnyTime-btn,
.AnyTime-x-btn {
    border-radius: 2px;
    cursor: pointer
}

.AnyTime-cloak {
    position: absolute;
    opacity: .7;
    filter: alpha(opacity=70)
}

.AnyTime-hdr {
    font-size: 15px;
    margin: 20px 10px;
    line-height: 1
}

.AnyTime-x-btn {
    display: none;
    font-size: 0;
    float: left;
    opacity: .6;
    filter: alpha(opacity=60)
}

.AnyTime-x-btn:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.AnyTime-x-btn:after {
    content: '\ed6b';
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.AnyTime-lbl {
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 25px
}

.AnyTime-lbl:first-child {
    margin-top: 5px
}

.AnyTime-yrs .ui-state-highlight,
.AnyTime-yrs .ui-state-highlight:hover {
    background-color: #F44336;
    color: #fff
}

.AnyTime-mons .ui-state-highlight,
.AnyTime-mons .ui-state-highlight:hover {
    background-color: #26A69A;
    color: #fff
}

.AnyTime-time .ui-state-highlight,
.AnyTime-time .ui-state-highlight:hover {
    background-color: #607D8B;
    color: #fff
}

.AnyTime-body-yr-selector .ui-state-highlight,
.AnyTime-body-yr-selector .ui-state-highlight:hover,
.AnyTime-dom-table .ui-state-highlight,
.AnyTime-dom-table .ui-state-highlight:hover {
    background-color: #2196F3;
    color: #fff
}

.AnyTime-btn:hover,
.AnyTime-dom-btn:hover {
    background-color: #f5f5f5
}

.AnyTime-yrs-ahead-btn,
.AnyTime-yrs-past-btn {
    display: inline-block
}

.AnyTime-yr-cur-btn,
.AnyTime-yr-next-btn,
.AnyTime-yr-prior-btn {
    display: inline-block;
    min-width: 50px
}

.AnyTime-mons:after {
    content: "";
    display: table;
    clear: both
}

.AnyTime-dom-table {
    width: 100%
}

.AnyTime-pkr th.AnyTime-dow {
    color: #999;
    font-size: 12px;
    padding: 7px;
    font-weight: 400
}

.AnyTime-mon-btn {
    float: right
}

.AnyTime-mon7-btn {
    clear: right
}

.AnyTime-dom-btn-empty {
    display: none
}

.AnyTime-hrs,
.AnyTime-hrs-am,
.AnyTime-hrs-pm,
.AnyTime-mins,
.AnyTime-mins-ones,
.AnyTime-mins-tens,
.AnyTime-offs,
.AnyTime-secs,
.AnyTime-secs-ones,
.AnyTime-secs-tens,
.AnyTime-time {
    display: inline-block
}

.AnyTime-btn {
    padding: 7px 12px
}

.AnyTime-hr-btn,
.AnyTime-min-one-btn,
.AnyTime-min-ten-btn,
.AnyTime-sec-one-btn,
.AnyTime-sec-ten-btn {
    min-width: 40px
}

.AnyTime-hrs-pm,
.AnyTime-mins-ones,
.AnyTime-secs-ones {
    margin-right: 2px
}

.AnyTime-mins-tens,
.AnyTime-secs-tens {
    margin-right: 20px
}

.AnyTime-off-cur-btn {
    display: inline-block;
    overflow: hidden
}

.AnyTime-off-select-btn {
    display: inline-block;
    vertical-align: top
}

.AnyTime-off-selector {
    margin: 10px;
    position: absolute
}

.AnyTime-body-off-selector {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap
}

.AnyTime-off-off-btn {
    text-align: right
}

.AnyTime-yr-selector {
    position: absolute;
    width: 90%
}

.AnyTime-body-yr-selector {
    margin: 0
}

.AnyTime-yr-cent,
.AnyTime-yr-dec,
.AnyTime-yr-era,
.AnyTime-yr-mil,
.AnyTime-yr-yr {
    display: inline-block;
    vertical-align: top;
    width: 20%
}

.AnyTime-era-btn {
    margin-right: 10px
}

@media (max-width:769px) {
    .AnyTime-pkr .AnyTime-date {
        float: none
    }
    .AnyTime-mon-btn {
        float: none;
        display: inline-block
    }
    .AnyTime-date+.AnyTime-time {
        margin-right: 0;
        margin-top: 25px;
        float: none
    }
}

.sp-initial,
.sp-input-container {
    margin-top: 10px
}

.sp-alpha-inner,
.sp-clear-enabled .sp-clear,
.sp-color,
.sp-hue,
.sp-preview-inner,
.sp-sat,
.sp-thumb-inner,
.sp-top-inner,
.sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sp-container.sp-buttons-disabled .sp-button-container,
.sp-container.sp-input-disabled .sp-input-container,
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container,
.sp-palette-only .sp-picker-container {
    display: none
}

.sp-hidden {
    display: none!important
}

.sp-cf:after,
.sp-cf:before {
    content: "";
    display: table
}

.sp-cf:after {
    clear: both
}

.sp-alpha,
.sp-preview,
.sp-thumb-el {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.sp-alpha-inner,
.sp-preview-inner,
.sp-thumb-inner {
    display: block
}

.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 9999994;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sp-container.sp-flat {
    position: relative;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap
}

.sp-palette-container,
.sp-picker-container {
    display: block;
    white-space: nowrap;
    vertical-align: top;
    position: relative;
    padding: 10px 10px 300px;
    margin-bottom: -290px
}

.datepicker table .cw,
.sp-replacer,
.ui-button,
.ui-buttonset {
    vertical-align: middle
}

@media (min-width:769px) {
    .sp-palette-container,
    .sp-picker-container {
        display: inline-block
    }
}

.sp-alpha-enabled .sp-alpha,
.sp-top {
    display: block
}

.sp-picker-container {
    width: 220px
}

.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container,
.sp-container button,
.sp-container.sp-dragging .sp-input,
.sp-dragger,
.sp-preview,
.sp-replacer,
.sp-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sp-top {
    position: relative;
    width: 100%
}

.sp-color {
    left: 20%
}

.sp-hue {
    right: 85%;
    height: 100%
}

.sp-clear-enabled .sp-hue {
    top: 40px;
    height: 75%
}

.sp-fill {
    padding-top: 80%
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 26px
}

.sp-alpha,
.sp-clear {
    display: none
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 5px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px
}

.sp-initial-disabled .sp-input-container,
.sp-input {
    width: 100%
}

.sp-alpha,
.sp-dragger {
    left: 0;
    position: absolute
}

.sp-alpha {
    bottom: -16px;
    right: 0;
    height: 6px
}

.sp-clear-display {
    cursor: pointer
}

.sp-clear-display:after {
    content: '\ee6e';
    display: block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 30px
}

.sp-initial .sp-clear-display:after,
.sp-preview .sp-clear-display:after {
    content: none
}

.sp-clear-enabled .sp-clear {
    display: block;
    right: 85%;
    height: 30px;
    text-align: center;
    color: #999;
    -webkit-box-shadow: 0 0 0 1px #ddd inset;
    box-shadow: 0 0 0 1px #ddd inset
}

.sp-input,
.sp-replacer.sp-active .sp-dd,
.sp-replacer:hover .sp-dd {
    color: #333
}

.sp-input {
    border: 1px solid #ddd;
    padding: 7px 12px;
    background-color: #fff;
    border-radius: 3px;
    outline: 0
}

.sp-initial span {
    width: 50%;
    height: 25px;
    display: block;
    float: right
}

.sp-initial span .sp-thumb-inner {
    height: 25px;
    width: 100%;
    display: block
}

.sp-dragger {
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background-color: #333;
    cursor: pointer;
    top: 0
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 4px;
    left: -2px;
    right: -2px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 3px
}

.sp-dd,
.sp-preview,
.sp-thumb-el {
    position: relative
}

.sp-replacer {
    overflow: hidden;
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px
}

.sp-replacer.sp-active,
.sp-replacer:hover {
    border-color: #c4c4c4;
    color: #333
}

.sp-replacer[class*=bg-],
.sp-replacer[class*=bg-]:focus,
.sp-replacer[class*=bg-]:hover {
    border-color: transparent
}

.sp-replacer[class*=bg-] .sp-dd,
.sp-replacer[class*=bg-].sp-active .sp-dd {
    color: #fff
}

.sp-dd,
.sp-replacer.sp-disabled .sp-dd,
.sp-replacer.sp-disabled[class*=bg-] .sp-dd {
    color: #999
}

.sp-replacer.sp-disabled {
    cursor: default;
    opacity: .8;
    filter: alpha(opacity=80)
}

.sp-replacer.sp-disabled:not([class*=bg-]):focus,
.sp-replacer.sp-disabled:not([class*=bg-]):hover {
    border-color: #ddd
}

.sp-preview {
    width: 26px;
    height: 24px;
    margin-left: 5px;
    float: right;
    z-index: 0
}

.sp-preview .sp-clear-display,
.sp-preview .sp-preview-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
}

.sp-replacer[class*=bg-] .sp-preview .sp-preview-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5)
}

.sp-dd {
    float: right;
    font-size: 0;
    margin: 3px 1px
}

.sp-dd:after {
    content: '\e9c5';
    display: block;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset
}

.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000')
}

.sp-hue {
    background: -moz-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -ms-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -o-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(.17, #ff0), color-stop(.33, #0f0), color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(red));
    background: -webkit-linear-gradient(top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%)
}

.sp-1 {
    height: 17%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00')
}

.sp-2 {
    height: 16%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00')
}

.sp-3 {
    height: 17%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff')
}

.sp-4 {
    height: 17%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff')
}

.sp-5 {
    height: 16%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff')
}

.sp-6 {
    height: 17%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000')
}

.sp-palette {
    max-width: 220px
}

.sp-palette-only .sp-palette-container {
    border: 0
}

@media (min-width:769px) {
    .sp-palette-container {
        border-left: 1px solid #ddd
    }
}

.sp-palette .sp-thumb-el {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.sp-thumb-el .sp-thumb-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset
}

.sp-thumb-el .sp-thumb-inner:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.sp-palette .sp-thumb-el+.sp-thumb-el {
    margin-right: 5px
}

.sp-palette .sp-thumb-el.sp-thumb-active {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1) inset
}

.sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
}

.sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after,
.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    content: '\e600';
    display: block;
    font-family: icomoon;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after {
    color: #333
}

.sp-palette-row {
    font-size: 0
}

.sp-palette-row+.sp-palette-row {
    margin-top: 5px
}

.sp-palette-row:empty {
    margin-top: 0
}

.sp-button-container,
.sp-palette-button-container {
    margin-top: 10px;
    text-align: center
}

.sp-container[class*=bg-] .sp-button-container a,
.sp-container[class*=bg-] .sp-button-container button,
.sp-container[class*=bg-] .sp-palette-button-container a,
.sp-container[class*=bg-] .sp-palette-button-container button {
    background-color: rgba(0, 0, 0, .25);
    color: #fff;
    border-color: transparent
}

.sp-cancel,
.sp-choose,
.sp-palette-toggle {
    border-radius: 2px;
    padding: 6px 11px;
    float: right;
    width: 48%;
    text-align: center;
    outline: 0;
    border: 1px solid transparent
}

.sp-cancel:focus,
.sp-cancel:hover,
.sp-choose:focus,
.sp-choose:hover,
.sp-palette-toggle:focus,
.sp-palette-toggle:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.sp-cancel:active,
.sp-choose:active,
.sp-palette-toggle:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
}

.sp-cancel,
.sp-palette-toggle {
    color: #333;
    background-color: #fcfcfc;
    margin-left: 4%;
    border-color: #ddd
}

.sp-cancel:focus,
.sp-cancel:hover,
.sp-palette-toggle:focus,
.sp-palette-toggle:hover {
    color: #333
}

.sp-palette-toggle {
    margin-left: 0;
    width: auto;
    float: none
}

.sp-choose {
    color: #fff;
    background-color: #607D8B
}

.datepicker {
    direction: rtl;
    right: auto
}

.datepicker>div {
    display: none
}

.datepicker .datepicker-days,
.datepicker .datepicker-months,
.datepicker .datepicker-years {
    max-width: 300px
}

.datepicker.datepicker-dropdown {
    top: 0;
    margin: 0;
    padding: 5px
}

.datepicker table {
    margin: 0
}

.datepicker table tr td.day:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background-color: transparent;
    color: #999;
    cursor: default
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #f5f5f5
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background-color: #f5f5f5;
    border-radius: 0
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #26A69A;
    color: #fff
}

.datepicker table tr td span {
    display: block;
    width: 31%;
    padding: 7px 12px;
    float: right;
    margin: 1%;
    cursor: pointer;
    border-radius: 3px
}

.datepicker table tr td span:hover {
    background-color: #f5f5f5
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background-color: transparent;
    color: #999;
    cursor: default
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker table th.datepicker-switch {
    font-size: 15px;
    font-weight: 400
}

.datepicker table tfoot tr th,
.datepicker table thead tr:first-child th {
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px
}

.datepicker table .cw {
    width: 16px;
    padding: 0 5px 0 2px
}

.datepicker table thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.datepicker .table-condensed td,
.datepicker .table-condensed th {
    text-align: center;
    padding: 7px 12px;
    border-radius: 3px;
    border: 0
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepaginator .pagination>li .dp-no-select:hover,
.datepaginator .pagination>li .dp-off {
    background-color: #fafafa
}

.datepaginator {
    height: 72px;
    text-align: center
}

.datepaginator-sm {
    height: 68px
}

.datepaginator-lg {
    height: 76px
}

.datepaginator .pagination {
    white-space: nowrap
}

.datepaginator .pagination>li {
    display: inline-block
}

.datepaginator .pagination>li>a {
    min-width: auto;
    text-align: center;
    border-radius: 3px;
    margin-left: 0;
    border: 0
}

.datepaginator .pagination>li .dp-nav-square-edges {
    border-radius: 0
}

.datepaginator .pagination>li .dp-no-select {
    color: #ccc;
    background-color: #fafafa
}

.datepaginator .pagination>li #dp-calendar {
    position: absolute;
    right: 6px;
    top: 6px
}

.datepaginator .pagination>li>.dp-nav {
    height: 72px;
    padding: 29px 0;
    width: 38px;
    line-height: 1;
    border-radius: 3px
}

.datepaginator .pagination>li>a.dp-nav-sm {
    height: 68px;
    padding: 27px 0
}

.datepaginator .pagination>li>a.dp-nav-lg {
    height: 76px;
    padding: 31px 0
}

.datepaginator .pagination>li>a.dp-item {
    height: 72px;
    padding: 15px 0;
    width: 35px
}

.datepaginator .pagination>li>a.dp-item-sm {
    height: 68px;
    padding: 13px 0
}

.datepaginator .pagination>li>a.dp-item-lg {
    height: 76px;
    padding: 17px 0
}

.datepaginator .pagination>li>.dp-today,
.datepaginator .pagination>li>.dp-today:focus,
.datepaginator .pagination>li>.dp-today:hover {
    background-color: #2196F3;
    color: #fff
}

.datepaginator .pagination>li>.dp-selected,
.datepaginator .pagination>li>.dp-selected:focus,
.datepaginator .pagination>li>.dp-selected:hover {
    background-color: #26A69A;
    color: #fff;
    width: 140px
}

.ui-pnotify {
    top: 20px;
    right: 20px;
    position: fixed;
    height: auto;
    z-index: 9999;
    border-radius: 3px
}

.ui-pnotify.alert-rounded>.alert {
    border-radius: 5px
}

.ui-pnotify[class*=bg-]>.alert {
    background-color: inherit;
    border-color: transparent;
    color: #fff
}

.ui-pnotify.stack-bottom-left,
.ui-pnotify.stack-top-left {
    left: 20px;
    right: auto
}

.ui-pnotify.stack-bottom-left,
.ui-pnotify.stack-bottom-right {
    bottom: 20px;
    top: auto
}

.ui-pnotify.stack-custom-right {
    top: auto;
    left: auto;
    bottom: 200px;
    right: 200px
}

.ui-pnotify.stack-custom-left {
    top: 200px;
    left: 200px;
    right: auto;
    bottom: auto
}

.ui-pnotify.stack-custom-top {
    right: 0;
    left: 0;
    top: 0
}

.ui-pnotify.stack-custom-bottom {
    right: 0;
    left: 0;
    bottom: 0;
    top: auto
}

.ui-pnotify-container {
    height: 100%;
    margin: 0;
    overflow: visible!important
}

h4.ui-pnotify-title {
    display: block;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 15px
}

.ui-pnotify-icon {
    display: block;
    float: right;
    margin-left: 10px
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: left;
    margin-right: 5px;
    font-size: 10px;
    margin-top: 4px;
    line-height: 1
}

.ui-pnotify-closer>span,
.ui-pnotify-sticker>span {
    font-size: 12px
}

.ui-pnotify-sharp {
    border-radius: 0
}

.ui-pnotify-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.ui-pnotify-history-container {
    position: absolute;
    top: 0;
    left: 18px;
    width: 70px;
    border-top: 0;
    padding: 0;
    z-index: 10000;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ui-pnotify-history-container.ui-pnotify-history-fixed {
    position: fixed
}

.ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
    text-align: center
}

.ui-pnotify-history-container button {
    cursor: pointer;
    display: block;
    width: 100%
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto
}

.jGrowl {
    z-index: 2001;
    position: absolute
}

.sweet-alert,
.sweet-overlay,
body>.jGrowl {
    position: fixed
}

.jGrowl.top-left {
    right: 20px;
    top: 20px
}

.jGrowl.top-center {
    left: 50%;
    top: 20px;
    margin-left: -150px
}

.jGrowl.top-right {
    left: 20px;
    top: 20px
}

.jGrowl.center {
    top: 40%;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: -35px
}

.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
    margin-left: auto;
    margin-right: auto
}

.jGrowl.bottom-left {
    right: 20px;
    bottom: 20px
}

.jGrowl.bottom-center {
    left: 50%;
    bottom: 20px;
    margin-left: -150px
}

.jGrowl.bottom-right {
    left: 20px;
    bottom: 20px
}

@media print {
    .jGrowl {
        display: none
    }
}

.jGrowl-notification {
    margin-bottom: 10px;
    width: 300px;
    text-align: right;
    display: none
}

.jGrowl-notification .jGrowl-header {
    font-size: 15px;
    margin-bottom: 5px
}

.jGrowl-notification .jGrowl-header:empty {
    margin: 0
}

.jGrowl-notification .jGrowl-close {
    font-weight: 300;
    background: 0 0;
    border: 0;
    font-size: 17px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    float: left;
    color: inherit;
    outline: 0;
    margin-right: 10px;
    opacity: .75;
    filter: alpha(opacity=75)
}

.jGrowl-notification .jGrowl-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.jGrowl-closer {
    padding: 5px 0;
    cursor: pointer;
    margin-top: 5px;
    text-align: center;
    background-color: #fff;
    width: 300px;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #999
}

.alert-rounded+.jGrowl-closer {
    border-radius: 5px
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-overlay {
    background-color: rgba(0, 0, 0, .4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1050
}

.sweet-alert {
    background-color: #fff;
    width: 470px;
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -235px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 1060
}

.sweet-alert h2 {
    margin-top: 10px;
    font-size: 19px;
    text-align: center;
    display: block;
    position: relative
}

.sweet-alert p {
    text-align: center;
    position: relative
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert button {
    background-color: #2196F3;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 7px 15px;
    margin: 10px 5px 0;
    box-shadow: none!important
}

.sweet-alert button:hover {
    background-color: #1E88E5
}

.sweet-alert button:focus {
    outline: 0
}

.sweet-alert button:active {
    background-color: #42A5F5
}

.sweet-alert button.cancel {
    background-color: transparent;
    color: #333
}

.sweet-alert button[disabled] {
    cursor: default;
    opacity: .6;
    filter: alpha(opacity=60)
}

.sweet-alert button.confirm[disabled] {
    color: transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-error-container {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    border-radius: 3px;
    -webkit-transition: padding .15s, max-height .15s;
    -o-transition: padding .15s, max-height .15s;
    transition: padding .15s, max-height .15s
}

.sweet-alert .sa-error-container p {
    display: inline-block;
    margin-bottom: 0
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    -webkit-transition: padding .2s, max-height .2s;
    -o-transition: padding .2s, max-height .2s;
    transition: padding .2s, max-height .2s
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background-color: #FF7043;
    color: #fff;
    text-align: center;
    margin-left: 7px
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 20px;
    left: 12px;
    width: 16px;
    height: 16px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.sweet-alert .sa-input-error:after,
.sweet-alert .sa-input-error:before {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #EF5350;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -8px
}

.sweet-alert .sa-input-error:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-input-error:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.sweet-alert input {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 7px 12px;
    display: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
    opacity: 1
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd
}

.sweet-alert input:focus {
    outline: 0
}

.sweet-alert input:focus:-ms-input-placeholder,
.sweet-alert input:focus::-moz-placeholder,
.sweet-alert input:focus::-webkit-input-placeholder {
    -webkit-transition: opacity ease .3s 30ms;
    -o-transition: opacity ease .3s 30ms;
    transition: opacity ease .3s 30ms;
    opacity: .5;
    filter: alpha(opacity=50)
}

.sweet-alert.show-input input {
    display: block
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #ddd;
    border-radius: 50%;
    margin: 10px auto 20px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F44336
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F44336;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    right: 17px;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    left: 16px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #FF5722
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #FF5722
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #FF5722
}

.sweet-alert .sa-icon.sa-info:after,
.sweet-alert .sa-icon.sa-info:before {
    content: "";
    background-color: #2196F3;
    position: absolute
}

.sweet-alert .sa-icon.sa-info {
    border-color: #2196F3
}

.sweet-alert .sa-icon.sa-info:before {
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px
}

.sweet-alert .sa-icon.sa-info:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: -3px;
    top: 19px
}

.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background-color: #fff
}

.sweet-alert .sa-icon.sa-success:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    -moz-transform-origin: 60px 60px;
    -ms-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    -moz-transform-origin: 0 60px;
    -ms-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(76, 175, 80, .2);
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #4CAF50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: 0;
    background-position: center center;
    background-repeat: no-repeat
}

@media (max-width:480px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 20px;
        right: 20px
    }
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    -o-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    -o-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    -o-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .4s;
    -o-animation: slideToTop .4s;
    animation: slideToTop .4s
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    -o-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    -o-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip {
    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    -o-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

@-webkit-keyframes animateSuccessLong {
    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    -o-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

@-webkit-keyframes rotatePlaceholder {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100%,
    12% {
        -webkit-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    100%,
    12% {
        -webkit-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    -o-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        -ms-transform: rotateX(100deg);
        -o-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        -ms-transform: rotateX(100deg);
        -o-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    -o-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {
    0%,
    50% {
        margin-top: 26px;
        -webkit-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    80% {
        margin-top: -6px;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes animateXMark {
    0%,
    50% {
        margin-top: 26px;
        -webkit-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    80% {
        margin-top: -6px;
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    -o-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    -o-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    -o-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success {
    border-color: transparent
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg)
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
    width: 54px;
    height: 12px
}

.la-ball-fall.la-dark {
    color: #333
}

.la-ball-fall>div {
    display: inline-block;
    float: none;
    background-color: #fff;
    border: 0 solid #fff;
    width: 6px;
    height: 6px;
    margin: 2px;
    border-radius: 100%;
    -webkit-animation: ball-fall 1s ease-in-out infinite;
    -o-animation: ball-fall 1s ease-in-out infinite;
    animation: ball-fall 1s ease-in-out infinite;
    opacity: 0;
    filter: alpha(opacity=0)
}

.la-ball-fall>div:nth-child(1) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.la-ball-fall>div:nth-child(2) {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.la-ball-fall>div:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.la-ball-fall.la-sm {
    width: 26px;
    height: 8px
}

.la-ball-fall.la-sm>div {
    width: 4px;
    height: 4px;
    margin: 2px
}

.la-ball-fall.la-2x {
    width: 108px;
    height: 36px
}

.la-ball-fall.la-2x>div {
    width: 20px;
    height: 20px;
    margin: 8px
}

.la-ball-fall.la-3x {
    width: 162px;
    height: 54px
}

.la-ball-fall.la-3x>div {
    width: 30px;
    height: 30px;
    margin: 12px
}

@-webkit-keyframes ball-fall {
    0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10%,
    90% {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    20%,
    80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-moz-keyframes ball-fall {
    0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10%,
    90% {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    20%,
    80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-o-keyframes ball-fall {
    0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10%,
    90% {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    20%,
    80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes ball-fall {
    0% {
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        -o-transform: translate(0, -145%);
        transform: translate(0, -145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    10%,
    90% {
        opacity: .5;
        filter: alpha(opacity=50)
    }
    20%,
    80% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translate(0, 145%);
        -ms-transform: translate(0, 145%);
        -o-transform: translate(0, 145%);
        transform: translate(0, 145%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

.bootbox .modal-title {
    font-size: 15px
}

.bootbox .bootbox-close-button {
    float: left
}

.ui-slider-pips.ui-slider-horizontal {
    margin-bottom: 32px;
    margin-left: 10px;
    margin-right: 10px
}

.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
    display: none
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    display: block
}

.ui-slider-pips .ui-slider-pip {
    height: 10px;
    line-height: 10px;
    font-size: 85%;
    width: 20px;
    margin-right: -11px;
    position: absolute;
    overflow: visible;
    text-align: center;
    top: 20px;
    right: 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-slider-pips .ui-slider-pip:hover .ui-slider-label {
    font-weight: 500
}

.ui-slider-pips .ui-slider-line {
    background-color: #999;
    width: 1px;
    height: 3px;
    position: absolute;
    right: 50%
}

.ui-slider-pips .ui-slider-label {
    position: absolute;
    top: 8px;
    right: 50%;
    width: 20px;
    margin-right: -10px
}

.ui-slider-pips.ui-slider-vertical {
    margin: 10px 10px 10px 40px
}

.ui-slider-pips.ui-slider-vertical .ui-slider-pip {
    text-align: right;
    top: auto;
    right: 20px;
    margin-right: 0;
    margin-bottom: -5px
}

.ui-slider-pips.ui-slider-vertical .ui-slider-line {
    width: 3px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 0
}

.ui-slider-pips.ui-slider-vertical .ui-slider-label {
    top: 50%;
    margin-right: 2px;
    margin-top: -5px;
    width: 20px;
    right: 5px
}

.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
    outline: 0
}

.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
    position: absolute;
    visibility: hidden;
    top: -45px;
    display: block;
    width: 34px;
    margin-right: -16px;
    right: 50%;
    height: 30px;
    line-height: 32px;
    background: #333;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out .2s .2s;
    -o-transition: all ease-in-out .2s .2s;
    transition: all ease-in-out .2s .2s
}

.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip {
    top: -40px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.noUi-handle:active:after,
.noUi-handle:focus:after,
.noUi-handle:hover:after {
    opacity: .9;
    filter: alpha(opacity=90)
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    top: 42px
}

.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 32px;
    font-weight: 400
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after,
.ui-slider-float .ui-slider-tip:after {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #333;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -5px
}

.ui-slider-float.ui-slider-vertical .ui-slider-tip,
.ui-slider-float.ui-slider-vertical .ui-slider-tip-label {
    top: 50%;
    margin-top: -16px;
    width: 34px;
    margin-right: 0;
    right: -50px;
    -webkit-transition: all ease-in-out .2s .2s;
    -o-transition: all ease-in-out .2s .2s;
    transition: all ease-in-out .2s .2s
}

.ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label,
.ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label {
    top: 50%;
    margin-top: -16px;
    right: -45px
}

.ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label {
    right: 47px
}

.ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label {
    right: 37px
}

.ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after,
.ui-slider-float.ui-slider-vertical .ui-slider-tip:after {
    border-right-color: #333;
    bottom: 9px;
    right: auto;
    border-top-color: transparent;
    left: 0;
    margin-right: 0
}

.noUi-target {
    border-radius: 100px;
    position: relative;
    direction: ltr;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.noUi-target,
.noUi-target * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs,
.line-numbers .line-numbers-rows {
    -moz-user-select: none;
    -ms-user-select: none
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 100px
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-background {
    background-color: #eee;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.noUi-connect {
    background-color: #607D8B;
    margin-right: 1px;
    -webkit-transition: background 450ms;
    -o-transition: background 450ms;
    transition: background 450ms
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background-color: #bbb
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-horizontal {
    height: 6px
}

.noUi-horizontal .noUi-handle {
    top: -6px;
    left: -9px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.irs-line-right,
.irs-max,
.ui-datepicker .ui-datepicker-prev {
    right: 0
}

.noUi-horizontal.has-pips {
    margin-bottom: 35px
}

.noUi-vertical {
    display: inline-block;
    width: 6px;
    height: 150px
}

.noUi-vertical+.noUi-vertical {
    margin-right: 20px
}

.noUi-vertical .noUi-handle {
    top: -9px;
    left: -6px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-vertical.has-pips {
    margin-right: 80px
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    width: 18px;
    height: 18px;
    background-color: #fcfcfc;
    cursor: pointer;
    top: -6px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #bbb
}

.noUi-handle:after,
.noUi-marker,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
    position: absolute
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-handle:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
    background-color: #546E7A;
    border-radius: 50%
}

.noUi-handle:focus,
.noUi-handle:hover {
    background-color: #f8f8f8
}

.noUi-handle:active {
    background-color: #fefefe
}

.noui-slider-white .noUi-handle:after {
    content: none
}

.irs-slider:after,
.noUi-tooltip:after {
    content: ''
}

.noui-slider-lg .noUi-handle {
    width: 24px;
    height: 24px;
    top: -8px
}

.noui-slider-lg .noUi-handle:after {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px
}

.noui-slider-lg.noUi-horizontal {
    height: 8px
}

.noui-slider-lg.noUi-horizontal .noUi-handle {
    left: -12px
}

.noui-slider-lg.noUi-vertical {
    width: 8px
}

.noui-slider-lg.noUi-vertical .noUi-handle {
    top: -12px;
    left: -8px
}

.noui-slider-sm .noUi-handle,
.noui-slider-xs .noUi-handle {
    width: 12px;
    height: 12px;
    top: -4px
}

.noui-slider-sm .noUi-handle:after,
.noui-slider-xs .noUi-handle:after {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px
}

.noui-slider-sm.noUi-horizontal {
    height: 4px
}

.noui-slider-sm.noUi-horizontal .noUi-handle {
    top: -4px;
    left: -6px
}

.noui-slider-sm.noUi-vertical {
    width: 4px
}

.noui-slider-sm.noUi-vertical .noUi-handle {
    top: -6px;
    left: -4px
}

.noui-slider-xs.noUi-horizontal {
    height: 2px
}

.noui-slider-xs.noUi-horizontal .noUi-handle {
    top: -5px;
    left: -6px
}

.noui-slider-xs.noUi-vertical {
    width: 2px
}

.noui-slider-xs.noUi-vertical .noUi-handle {
    top: -6px;
    left: -5px
}

.noui-slider-solid .noUi-handle {
    background-color: #999;
    border-color: #999;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noui-slider-solid .noUi-handle:after {
    background-color: #fff;
    -webkit-transition: opacity ease-in-out .2s;
    -o-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s
}

.noui-slider-solid .noUi-handle:focus:after,
.noui-slider-solid .noUi-handle:hover:after {
    opacity: .75;
    filter: alpha(opacity=75)
}

.noui-slider-solid.noui-slider-primary .noUi-handle {
    background-color: #2196F3;
    border-color: #2196F3
}

.noui-slider-solid.noui-slider-danger .noUi-handle {
    background-color: #F44336;
    border-color: #F44336
}

.noui-slider-solid.noui-slider-success .noUi-handle {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.noui-slider-solid.noui-slider-warning .noUi-handle {
    background-color: #FF5722;
    border-color: #FF5722
}

.noui-slider-solid.noui-slider-info .noUi-handle {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.noui-slider-primary .noUi-connect,
.noui-slider-primary.noUi-connect {
    background-color: #2196F3
}

.noui-slider-danger .noUi-connect,
.noui-slider-danger.noUi-connect {
    background-color: #F44336
}

.noui-slider-success .noUi-connect,
.noui-slider-success.noUi-connect {
    background-color: #4CAF50
}

.noui-slider-warning .noUi-connect,
.noui-slider-warning.noUi-connect {
    background-color: #FF5722
}

.noui-slider-info .noUi-connect,
.noui-slider-info.noUi-connect {
    background-color: #00BCD4
}

.noUi-tooltip {
    display: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    top: -43px;
    padding: 7px 12px;
    left: 50%;
    margin-left: -27px;
    text-align: center;
    font-size: 12px;
    width: 54px
}

.irs,
.noUi-handle:hover .noUi-tooltip {
    display: block
}

.noUi-tooltip:after {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #333;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px
}

.noUi-pips {
    color: #999
}

.noUi-value {
    width: 40px;
    text-align: center;
    font-size: 11px
}

.noUi-value-sub {
    color: #ccc;
    font-size: 11px
}

.noUi-marker {
    background-color: #ccc
}

.noUi-pips-horizontal {
    padding-top: 10px;
    height: 35px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 15px
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 10px
}

.noUi-marker-horizontal.noUi-marker {
    width: 1px;
    height: 3px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 6px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px
}

.noUi-pips-vertical {
    padding-left: 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 15px;
    margin-top: -6px
}

.noUi-marker-vertical.noUi-marker {
    width: 3px;
    height: 1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 6px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 10px
}

.irs {
    position: relative;
    height: 50px;
    -webkit-touch-callout: none;
    direction: ltr;
    -webkit-user-select: none;
    user-select: none
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    outline: 0!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}

.irs-bar,
.irs-line {
    height: 6px;
    display: block;
    border-radius: 100px
}

.irs-line {
    position: relative;
    overflow: hidden;
    outline: 0;
    top: 32px;
    background-color: #eee
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-bar,
.irs-bar-edge,
.irs-shadow {
    left: 0;
    position: absolute
}

.irs-line-right {
    width: 11%
}

.irs-bar {
    top: 32px;
    width: 0;
    background-color: #03A9F4
}

.irs-bar-edge {
    display: block;
    top: 25px;
    height: 12px;
    width: 9px
}

.irs-shadow {
    display: none;
    top: 32px;
    width: 0;
    height: 6px;
    background-color: #333;
    border-radius: 100px;
    opacity: .25;
    filter: alpha(opacity=25)
}

.irs-slider {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    background-color: #fcfcfc;
    border: 1px solid #bbb;
    top: 26px;
    border-radius: 100px;
    cursor: pointer;
    z-index: 1
}

.irs-slider:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
    background-color: #666;
    border-radius: 100px
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
    padding: 5px;
    border-radius: 2px;
    font-size: 11px;
    top: 0;
    line-height: 1
}

.irs-slider:focus,
.irs-slider:hover {
    background-color: #f7f7f7
}

.irs-slider:active {
    background-color: #fafafa
}

.irs-slider.type_last {
    z-index: 2
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    cursor: default
}

.irs-max,
.irs-min {
    color: #999;
    background-color: #eee
}

.irs-min {
    left: 0
}

.irs-from,
.irs-single,
.irs-to {
    left: 0;
    white-space: nowrap;
    color: #fff;
    background-color: #333
}

.irs-from:after,
.irs-single:after,
.irs-to:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #333
}

.irs-grid,
.irs-grid-pol,
.irs-grid-text {
    left: 0;
    position: absolute
}

.irs-grid {
    display: none;
    bottom: 0;
    width: 100%;
    height: 24px
}

.irs-with-grid {
    height: 72px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    top: 0;
    width: 1px;
    height: 8px;
    background-color: #999
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    bottom: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 11px;
    color: #999;
    line-height: 1;
    padding: 0 3px
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: 0 0;
    z-index: 2
}

.irs-disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ui-draggable-handle,
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-sortable .ui-state-disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .75;
    filter: alpha(opacity=75)
}

.sortable-placeholder {
    position: relative
}

.sortable-placeholder:before {
    content: '';
    display: inline-block;
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px dashed rgba(0, 0, 0, .2)
}

.sidebar .sortable-placeholder:before {
    border-left: 0;
    border-right: 0;
    background-color: rgba(0, 0, 0, .05)
}

.sidebar-category.ui-sortable-helper {
    background-color: transparent rgba(0, 0, 0, .4)
}

.sidebar-default .sidebar-category.ui-sortable-helper {
    background-color: #fcfcfc
}

.panel+.sortable-placeholder {
    margin-bottom: 20px
}

.sortable-placeholder+.panel {
    margin-top: 20px
}

.panel-group>.sortable-placeholder:before {
    border-radius: 3px
}

.panel-group .panel+.sortable-placeholder {
    margin-top: 5px;
    margin-bottom: 5px
}

.panel-group .sortable-placeholder+.panel {
    margin-top: 5px
}

.table .ui-sortable-helper {
    width: 100%;
    background-color: #fff;
    display: table
}

.table .sortable-placeholder {
    margin: 0
}

.table .sortable-placeholder:before {
    content: none
}

.table.ui-sortable,
.ui-resizable {
    position: relative
}

.ui-resizable,
.ui-resizable .ui-dialog-content {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-handle.ui-icon {
    display: inline-block;
    border-style: solid;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent #333
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-helper {
    border: 1px dashed #ccc
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before,
.ui-autocomplete-processing:after {
    font-family: Icomoon;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dashed #333
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    margin: 5px 0 0;
    outline: 0;
    position: relative;
    background-color: #fff;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -8px
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
    content: '\e9b8';
    display: block;
    font-size: 16px;
    line-height: 1
}

.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
    content: '\e9b7'
}

.ui-accordion .ui-accordion-icons {
    padding-left: 46px
}

.ui-accordion .ui-accordion-content {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    overflow: auto;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.accordion-sortable-group+.accordion-sortable-group {
    margin-top: 5px
}

.ui-autocomplete {
    position: absolute;
    display: none;
    padding: 5px 0;
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.ui-autocomplete .ui-autocomplete-category {
    padding: 8px 12px;
    font-size: 11px;
    line-height: 1.82;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2px;
    margin-bottom: 2px
}

.ui-autocomplete .ui-autocomplete-category~.ui-menu-item {
    padding-right: 24px
}

.ui-autocomplete-processing:after {
    content: '\eb51';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    text-align: left;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit;
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.input-group .ui-autocomplete-input+.input-addon>.btn,
.input-group .ui-autocomplete-input+.input-group-btn>.btn {
    border-right: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ui-button {
    display: inline-block;
    position: relative;
    touch-action: manipulation;
    margin-bottom: 0;
    padding: 7px 12px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    color: #333
}

.ui-button.ui-state-focus,
.ui-button.ui-state-hover {
    color: #333;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .015) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .015) inset
}

.ui-button.ui-state-active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .03) inset
}

.ui-button.ui-state-disabled {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-button[class*=bg-].ui-state-focus,
.ui-button[class*=bg-].ui-state-hover {
    color: #fff;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset
}

.ui-button[class*=bg-].ui-state-active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset
}

.ui-button.ui-button-link {
    background-color: transparent;
    border-color: transparent
}

.ui-button.ui-button-link.ui-state-focus,
.ui-button.ui-button-link.ui-state-hover {
    color: #166dba
}

.ui-button.ui-button-link.ui-state-active,
.ui-button.ui-button-link.ui-state-focus,
.ui-button.ui-button-link.ui-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-button-icon-primary .ui-button-icons-only,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    margin-left: 7px
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    margin-right: 7px
}

.ui-button-icon-only {
    padding-left: 9px;
    padding-right: 9px
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    display: none
}

.ui-buttonset,
.ui-buttonset-split {
    position: relative;
    display: inline-block
}

.ui-buttonset .ui-button {
    border-radius: 0;
    margin-right: -1px;
    float: right
}

.ui-buttonset .ui-button:first-child,
.ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button {
    margin-right: 0
}

.ui-buttonset .ui-button:first-child,
.ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button:not(:last-child) {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.ui-buttonset .ui-button:last-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.ui-buttonset-split>ul {
    position: absolute;
    text-align: right;
    min-width: 180px
}

.ui-datepicker {
    min-width: 270px;
    background-color: #fff;
    padding: 5px;
    display: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 190!important
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker table td .ui-state-hover {
    background-color: #f5f5f5
}

.sidebar .ui-datepicker {
    min-width: 0
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 15px 0 20px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 40px;
    font-size: 15px;
    text-align: center
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    font-weight: 500;
    display: inline-block
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-right: 5px
}

.ui-datepicker .ui-datepicker-title select {
    outline: 0
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 48%;
    font-size: 13px;
    font-weight: 400;
    color: #333
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 10px;
    line-height: 1;
    color: #333;
    padding: 8px;
    border-radius: 2px
}

.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after {
    font-family: icomoon;
    display: inline-block;
    font-size: 16px;
    width: 16px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: none
}

.ui-datepicker .ui-datepicker-prev:after {
    content: '\e9cb'
}

.ui-datepicker .ui-datepicker-next {
    left: 0
}

.ui-datepicker .ui-datepicker-next:after {
    content: '\e9c8'
}

.ui-datepicker table {
    width: 100%;
    margin: 0
}

.ui-datepicker table th {
    text-align: center;
    font-weight: 400;
    border: 0;
    padding-bottom: 10px;
    font-size: 12px;
    color: #999
}

.ui-datepicker table td {
    border: 0;
    padding: 1px;
    position: relative
}

.ui-datepicker table td a,
.ui-datepicker table td span {
    display: block;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    color: #333;
    min-width: 34px
}

.ui-datepicker table td.ui-state-disabled span {
    color: #ccc
}

.ui-datepicker table td.ui-datepicker-week-col {
    padding: 6px;
    color: #999
}

.ui-datepicker table td.ui-datepicker-current-day .ui-state-active {
    background-color: #26A69A;
    color: #fff
}

.ui-datepicker table td.ui-datepicker-today .ui-state-highlight {
    background-color: #2196F3;
    color: #fff
}

.ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent
}

.ui-datepicker table td a.ui-priority-secondary {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: left;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    font-weight: 400;
    margin-top: 5px;
    cursor: pointer;
    padding: 7px 12px;
    width: auto;
    overflow: visible;
    outline: 0
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker .ui-datepicker-buttonpane button:active {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset
}

.ui-datepicker.ui-datepicker-multi {
    width: auto!important
}

.datepicker-inline {
    width: 264px;
    max-width: 100%;
    overflow-x: auto
}

.full-width.datepicker-inline,
.popover .datepicker-inline,
.sidebar .datepicker-inline {
    width: 100%
}

.ui-datepicker-trigger {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 3;
    padding: 6px;
    cursor: pointer
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 8px
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.dataTables_scroll,
.dataTables_wrapper,
.dataTables_wrapper:after,
.fc-clear,
.pika-single:after,
.plupload_clear,
.plupload_clearer,
.ui-helper-clearfix:after {
    clear: both
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 46%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-dialog {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid transparent;
    outline: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

@media (max-width:768px) {
    .ui-dialog {
        width: 90%!important
    }
}

.ui-dialog-titlebar {
    position: relative;
    padding: 20px 20px 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-dialog-title {
    float: right;
    font-size: 15px;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog-titlebar-close {
    position: absolute;
    background-color: transparent;
    border: 0;
    left: 20px;
    top: 50%;
    padding: 0;
    margin-top: 2px
}

.ui-dialog-titlebar-close:after {
    content: '\ed6b';
    font-family: Icomoon;
    display: block;
    width: 16px;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-dialog-content {
    position: relative;
    border: 0;
    padding: 20px;
    background: 0 0;
    overflow: auto
}

.ui-dialog-content .form-group:last-child,
.ui-dialog-content p:last-child {
    margin-bottom: 0
}

.ui-dialog-buttonpane {
    padding: 0 20px 20px
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left
}

.ui-dialog-buttonpane button+button {
    margin-right: 5px;
    cursor: pointer
}

.ui-menu {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: block;
    outline: 0;
    min-width: 180px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 1000
}

.ui-menu .ui-menu {
    position: absolute;
    top: -6px!important
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    cursor: pointer;
    padding: 8px 15px;
    min-height: 0;
    outline: 0
}

.ui-menu .ui-menu-item>a {
    display: block;
    color: #333
}

.ui-menu .ui-menu-item>.ui-menu-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 15px
}

.ui-menu .ui-menu-item>.ui-menu-icon:after {
    content: '\e9c7';
    font-family: icomoon;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .8;
    filter: alpha(opacity=80)
}

.ui-selectmenu-button:after,
.ui-spinner-button:after {
    font-family: Icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-slider .ui-slider-handle.ui-state-active:after,
.ui-slider .ui-slider-handle.ui-state-focus:after,
.ui-slider .ui-slider-handle.ui-state-hover:after {
    opacity: .9;
    filter: alpha(opacity=90)
}

.ui-menu .ui-menu-item.ui-state-disabled,
.ui-menu .ui-menu-item.ui-state-disabled a {
    color: #999;
    cursor: not-allowed
}

.ui-menu .ui-menu-header {
    padding: 8px 15px;
    font-size: 11px;
    line-height: 1.82;
    text-transform: uppercase;
    color: #999;
    margin-top: 10px
}

.ui-menu .ui-menu-header:first-child {
    margin-top: 5px
}

.ui-menu .ui-menu-header.highlight {
    margin-top: 0;
    background-color: #f8f8f8;
    color: #999
}

.ui-menu .ui-menu-header.highlight:first-child {
    margin-top: 0
}

.ui-menu .highlight+.ui-menu-item,
.ui-menu .ui-menu-item+.highlight {
    margin-top: 5px
}

.ui-menu i[class*=icon-] {
    margin-left: 10px
}

.ui-menu i[class*=icon-].pull-right {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 3px
}

.ui-menu .badge,
.ui-menu .label {
    margin-top: 1px
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 1px solid #e5e5e5
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    color: #333;
    background-color: #f5f5f5
}

.ui-menu.ui-state-disabled,
.ui-menu.ui-state-disabled .ui-menu-item,
.ui-menu.ui-state-disabled a {
    color: #999;
    cursor: not-allowed
}

.ui-progressbar {
    height: 18px;
    overflow: hidden;
    position: relative;
    background-color: #eee;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.ui-progressbar-value {
    float: right;
    width: 0;
    background-color: #2196F3;
    color: #fff;
    overflow: hidden;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.ui-progressbar-overlay,
.ui-progressbar-value {
    height: 100%;
    background-size: 40px 40px
}

.ui-progressbar-overlay,
.ui-progressbar-striped .ui-progressbar-overlay,
.ui-progressbar-striped .ui-progressbar-value {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.ui-progressbar-active .ui-progressbar-value,
.ui-progressbar-overlay {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.82;
    padding: 7px 12px;
    margin: 2px 0;
    text-transform: uppercase;
    height: auto;
    border: 0
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup~.ui-menu-item {
    padding-right: 24px
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    height: 36px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: 0
}

.ui-selectmenu-button.ui-state-focus,
.ui-selectmenu-button.ui-state-hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
}

.ui-selectmenu-button:after {
    content: '\e9c5';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 16px;
    text-align: left;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit
}

.ui-selectmenu-button .ui-selectmenu-text {
    padding: 7px 12px 7px 28px;
    display: block;
    white-space: nowrap
}

.ui-selectmenu-disabled {
    cursor: not-allowed;
    background-color: #fafafa;
    color: #999
}

.ui-selectmenu-disabled.ui-state-focus,
.ui-selectmenu-disabled.ui-state-hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-selectmenu-lg .ui-selectmenu-button {
    height: 40px
}

.ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text {
    padding: 9px 15px 9px 34px
}

.ui-selectmenu-sm .ui-selectmenu-button {
    height: 34px
}

.ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text {
    padding: 6px 12px 6px 26px
}

.ui-selectmenu-xs .ui-selectmenu-button {
    height: 32px
}

.ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text {
    padding: 5px 10px 5px 24px;
    font-size: 12px;
    line-height: 1.6666667
}

.ui-selectmenu-images .ui-menu-item>span {
    display: inline-block;
    margin-left: 10px;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.ui-selectmenu-images .demo-img-amazon,
.ui-selectmenu-images .demo-img-bing,
.ui-selectmenu-images .demo-img-spotify,
.ui-selectmenu-images .demo-img-twitter,
.ui-selectmenu-images .demo-img-youtube {
    background: url(../images/placeholder.jpg) no-repeat
}

.ui-slider {
    position: relative;
    text-align: right;
    background-color: #eee;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fcfcfc;
    border: 1px solid #bbb;
    outline: 0
}

.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-hover {
    background-color: #f8f8f8
}

.ui-slider .ui-slider-handle.ui-state-active {
    background-color: #fefefe
}

.ui-slider .ui-slider-handle:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
    background-color: #546E7A;
    border-radius: 50%
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-color: #607D8B;
    border-radius: 100px
}

.ui-spinner,
.ui-tabs {
    position: relative
}

.ui-slider.ui-slider-disabled {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ui-slider-horizontal {
    height: 6px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -9px
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    right: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    left: 0
}

.ui-slider-vertical {
    width: 6px;
    height: 150px;
    display: inline-block;
    margin: 0 10px
}

.ui-slider-vertical .ui-slider-handle {
    left: -6px;
    margin-bottom: -9px
}

.ui-slider-vertical .ui-slider-range {
    right: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-slider-solid .ui-slider-handle {
    background-color: #999;
    border-color: #999;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-slider-solid .ui-slider-handle:after {
    background-color: #fff;
    -webkit-transition: opacity ease-in-out .2s;
    -o-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s
}

.ui-slider-solid .ui-slider-handle.ui-state-active:after,
.ui-slider-solid .ui-slider-handle.ui-state-hover:after {
    background-color: #fff;
    opacity: .75;
    filter: alpha(opacity=75)
}

.ui-handle-white .ui-slider-handle:after {
    content: none
}

.ui-slider-lg .ui-slider-handle {
    width: 24px;
    height: 24px
}

.ui-slider-lg .ui-slider-handle:after {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px
}

.ui-slider-lg.ui-slider-horizontal {
    height: 8px
}

.ui-slider-lg.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -12px
}

.ui-slider-lg.ui-slider-vertical {
    width: 8px
}

.ui-slider-lg.ui-slider-vertical .ui-slider-handle {
    left: -8px;
    margin-bottom: -12px
}

.ui-slider-sm .ui-slider-handle,
.ui-slider-xs .ui-slider-handle {
    width: 12px;
    height: 12px
}

.ui-slider-sm .ui-slider-handle:after,
.ui-slider-xs .ui-slider-handle:after {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px
}

.ui-slider-sm.ui-slider-horizontal {
    height: 4px
}

.ui-slider-sm.ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -6px
}

.ui-slider-sm.ui-slider-vertical {
    width: 4px
}

.ui-slider-sm.ui-slider-vertical .ui-slider-handle {
    left: -4px;
    margin-bottom: -6px
}

.ui-slider-xs.ui-slider-horizontal {
    height: 2px
}

.ui-slider-xs.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -6px
}

.ui-slider-xs.ui-slider-vertical {
    width: 2px
}

.ui-slider-xs.ui-slider-vertical .ui-slider-handle {
    left: -5px;
    margin-bottom: -6px
}

.ui-slider-primary .ui-slider-range,
.ui-slider-solid.ui-slider-primary .ui-slider-handle {
    background-color: #2196F3;
    border-color: #2196F3
}

.ui-slider-danger .ui-slider-range,
.ui-slider-solid.ui-slider-danger .ui-slider-handle {
    background-color: #F44336;
    border-color: #F44336
}

.ui-slider-solid.ui-slider-success .ui-slider-handle,
.ui-slider-success .ui-slider-range {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.ui-slider-solid.ui-slider-warning .ui-slider-handle,
.ui-slider-warning .ui-slider-range {
    background-color: #FF5722;
    border-color: #FF5722
}

.ui-slider-info .ui-slider-range,
.ui-slider-solid.ui-slider-info .ui-slider-handle {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.ui-spinner {
    overflow: hidden;
    display: table
}

.ui-spinner-input {
    padding-left: 30px;
    display: table-cell;
    width: 100%;
    border-radius: 0 3px 3px 0;
    border-left: 0
}

.ui-spinner-button {
    font-size: 0;
    color: #333;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    display: table-cell;
    width: 1%;
    padding: 0 7px
}

.ui-spinner-button:after {
    display: inline-block;
    width: 16px;
    font-size: 16px;
    line-height: 1
}

.ui-spinner-button+.ui-spinner-button {
    border-right: 0
}

.ui-spinner-button .ui-button-text {
    display: none
}

.ui-spinner-button.ui-state-focus,
.ui-spinner-button.ui-state-hover {
    color: #333;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, .01) inset
}

.ui-spinner-button.ui-state-disabled {
    background-color: #fafafa;
    color: #999;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-spinner-up:after {
    content: '\e9f7'
}

.ui-spinner-down {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.ui-spinner-down:after {
    content: '\e9e2'
}

.ui-tabs .ui-tabs-nav {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    position: relative;
    padding: 0;
    white-space: nowrap;
    margin-bottom: -1px
}

@media (min-width:769px) {
    .ui-tabs .ui-tabs-nav li {
        float: right
    }
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    display: block;
    color: #888;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-top-width: 2px
}

.ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled),
.ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled) {
    color: #333
}

.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    color: #333;
    background-color: #fff;
    cursor: default;
    border-color: #2196F3 #ddd transparent
}

.ui-tabs .ui-tabs-nav .ui-state-disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .75;
    filter: alpha(opacity=75)
}

.ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor {
    background-color: #fff;
    border-bottom-color: #ddd
}

@media (max-width:768px) {
    .ui-tabs .ui-tabs-nav {
        position: relative;
        background-color: #fff;
        padding: 5px 0;
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .ui-tabs .ui-tabs-nav li {
        margin-bottom: 0
    }
    .ui-tabs .ui-tabs-nav li+li {
        margin-top: 1px
    }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        border-width: 0 2px 0 0;
        border-right-color: transparent
    }
    .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor {
        background-color: #fafafa
    }
    .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
        border-right-color: #2196F3;
        background-color: #f5f5f5
    }
    .ui-tabs .ui-tabs-nav:before {
        content: 'Contents';
        color: inherit;
        font-size: 12px;
        line-height: 1.6666667;
        font-weight: 500;
        margin-top: 10px;
        margin-right: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
        opacity: .5;
        filter: alpha(opacity=50)
    }
}

.ui-tabs .ui-tabs-panel {
    display: block
}

.ui-tooltip {
    position: absolute;
    z-index: 1070;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #333;
    border-radius: 3px
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-front {
    z-index: 1040
}

code[class*=language-],
pre[class*=language-] {
    text-shadow: 0 1px #fff;
    word-break: normal;
    line-height: 1.5;
    direction: ltr
}

@media print {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog,
.token.punctuation {
    color: #999
}

.token.boolean,
.token.constant,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #DD4A68
}

.token.important,
.token.regex {
    color: #e90
}

.token.important {
    font-weight: 700
}

.token.entity {
    cursor: help
}

.namespace {
    opacity: .7;
    filter: alpha(opacity=70)
}

.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 20px;
    background: rgba(133, 238, 149, .12);
    pointer-events: none;
    white-space: pre;
    line-height: inherit
}

.line-highlight:after,
.line-highlight:before {
    content: attr(data-start);
    position: absolute;
    top: 0;
    left: 10px;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    color: #999
}

pre.line-numbers,
pre.line-numbers>code {
    position: relative
}

.line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: 0
}

pre.line-numbers {
    padding-left: 50px;
    counter-reset: linenumber
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -50px;
    width: 36px;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    user-select: none
}

.cropper-container,
.gu-unselectable {
    -moz-user-select: none;
    -ms-user-select: none
}

.line-numbers .line-numbers-rows>span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.line-numbers .line-numbers-rows>span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 10px;
    text-align: right
}

pre[class*=language-] {
    overflow: auto;
    position: relative;
    border-left-width: 3px;
    border-left-color: #2196F3;
    background-color: #fdfdfd;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
    background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
    background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
    background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, .025) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

pre[class*=language-]>code[data-language] {
    display: block
}

pre[class*=language-]>code[data-language]:before {
    content: attr(data-language);
    background-color: #f8f8f8;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    border-radius: 0 0 0 2px;
    padding: 4px 8px;
    text-shadow: none;
    color: #333;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

pre[class*=language-].line-numbers>code[data-language]:before {
    top: -15px;
    right: -15px
}

pre[data-line] {
    position: relative;
    padding-left: 36px
}

.fancytree-container {
    list-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    overflow: auto;
    position: relative
}

.btn-ladda[data-style=expand-down],
.btn-ladda[data-style=expand-left],
.btn-ladda[data-style=expand-right],
.btn-ladda[data-style=expand-up],
.btn-ladda[data-style=fade],
.btn-ladda[data-style=radius],
.btn-ladda[data-style=slide-down],
.btn-ladda[data-style=slide-right],
.btn-ladda[data-style=slide-up],
.btn-ladda[data-style=zoom-in],
.btn-ladda[data-style=zoom-out] {
    overflow: hidden
}

.fancytree-container:focus {
    outline: 0
}

.fancytree-container ul {
    list-style: none;
    padding: 0 20px 0 0;
    margin: 0
}

.fancytree-container ul li {
    margin-top: 1px
}

.ui-fancytree-disabled .fancytree-container {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ui-fancytree-disabled .fancytree-container,
.ui-fancytree-disabled .fancytree-expander,
.ui-fancytree-disabled .fancytree-title {
    cursor: not-allowed
}

.ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title {
    background-color: #f5f5f5;
    color: #333
}

.ui-helper-hidden {
    display: none
}

.fancytree-checkbox:after,
.fancytree-drag-helper-img:after,
.fancytree-drop-after:after,
.fancytree-drop-before:after,
.fancytree-expander:after,
.fancytree-icon:after,
.fancytree-loading .fancytree-expander:after,
.fancytree-statusnode-wait .fancytree-icon:after {
    font-family: icomoon;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fancytree-checkbox,
.fancytree-custom-icon,
.fancytree-icon {
    margin-top: 5px;
    float: right
}

.fancytree-checkbox {
    margin: 4px 2px 0 10px
}

.fancytree-custom-icon {
    display: inline-block
}

img.fancytree-icon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    margin-top: 3px;
    vertical-align: top;
    border-style: none
}

.fancytree-expander {
    cursor: pointer;
    float: right;
    margin-top: 5px;
    width: 16px;
    line-height: 1
}

.fancytree-exp-c .fancytree-expander:after,
.fancytree-exp-cd .fancytree-expander:after,
.fancytree-exp-cdl .fancytree-expander:after,
.fancytree-exp-cl .fancytree-expander:after {
    content: '\e9c4'
}

.fancytree-exp-e .fancytree-expander:after,
.fancytree-exp-ed .fancytree-expander:after,
.fancytree-exp-edl .fancytree-expander:after,
.fancytree-exp-el .fancytree-expander:after {
    content: '\e9c5'
}

.fancytree-statusnode-error .fancytree-icon:after {
    content: '\ed63'
}

.fancytree-loading .fancytree-expander,
.fancytree-statusnode-wait .fancytree-icon {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center
}

.fancytree-loading .fancytree-expander:after,
.fancytree-statusnode-wait .fancytree-icon:after {
    content: '\ed6c';
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.fancytree-icon {
    display: inline-block;
    width: 16px;
    height: 16px
}

.fancytree-ico-c .fancytree-icon:after,
.fancytree-ico-e .fancytree-icon:after {
    content: '\ea1a'
}

.fancytree-has-children.fancytree-ico-c .fancytree-icon:after {
    content: '\ea0f'
}

.fancytree-has-children.fancytree-ico-e .fancytree-icon:after {
    content: '\ea11'
}

.fancytree-ico-cf .fancytree-icon:after,
.fancytree-ico-ef .fancytree-icon:after {
    content: '\ea3d'
}

.fancytree-has-children.fancytree-ico-cf .fancytree-icon:after {
    content: '\ea41'
}

.fancytree-has-children.fancytree-ico-ef .fancytree-icon:after {
    content: '\ea43'
}

.fancytree-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid #777;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer
}

.fancytree-checkbox:after,
.fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
    content: "\e600";
    margin-top: -1px;
    margin-right: -1px;
    display: none
}

.fancytree-partsel>.fancytree-checkbox:after {
    content: "";
    width: 8px;
    height: 8px;
    display: none;
    background-color: #888;
    margin: 3px
}

.fancytree-partsel.fancytree-selected .fancytree-checkbox:after {
    background-color: transparent;
    width: auto;
    height: auto
}

.fancytree-partsel .fancytree-checkbox:after,
.fancytree-partsel.fancytree-selected .fancytree-checkbox:after,
.fancytree-selected .fancytree-checkbox:after {
    display: block
}

.fancytree-radio .fancytree-checkbox {
    border-radius: 100%
}

.fancytree-radio .fancytree-checkbox:after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #888;
    margin: 3px;
    border-radius: 100px
}

.fancytree-drag-helper {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 4px 5px;
    opacity: .8;
    filter: alpha(opacity=80)
}

.fancytree-drag-helper-img:after {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: -26px
}

.fancytree-drop-accept .fancytree-drag-helper-img:after {
    content: '\ee73';
    color: #4CAF50
}

.fancytree-drop-reject .fancytree-drag-helper-img:after {
    content: '\ed63';
    color: #F44336
}

#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
    width: 200px;
    border-top: 1px solid #333;
    position: absolute!important
}

.fancytree-drag-source {
    background-color: #ddd
}

.fancytree-drag-source .fancytree.title {
    color: #333
}

.fancytree-drop-target.fancytree-drop-accept a {
    background-color: #2196F3!important;
    color: #fff!important;
    text-decoration: none
}

.fancytree-node {
    display: inherit;
    width: 100%;
    position: relative
}

.fancytree-title {
    border: 0;
    padding: 4px 6px;
    border-radius: 2px;
    margin-right: 4px;
    display: inline-block;
    cursor: pointer
}

.fancytree-title>input {
    border: 0;
    outline: 0;
    padding: 0;
    background-color: transparent
}

.fancytree-selected .fancytree-title {
    background-color: #ddd;
    color: #333
}

.fancytree-treefocus .fancytree-selected .fancytree-title {
    background-color: #2196F3;
    color: #fff
}

.fancytree-active .fancytree-title {
    background-color: #ddd
}

.sidebar:not(.sidebar-default) .fancytree-active .fancytree-title,
.sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title {
    background-color: #2196F3;
    color: #fff
}

.fancytree-ext-table .fancytree-node {
    display: inline-block;
    width: auto
}

.fancytree-ext-table .fancytree-title {
    display: inline
}

.fancytree-ext-table.fancytree-container {
    white-space: normal
}

.fancybox-error,
.fc .fc-axis,
.fc button,
.fc-day-grid-event>.fc-content,
.fc-time-grid-event.fc-short .fc-content,
.file-footer-caption {
    white-space: nowrap
}

.fancytree-ext-table .fancytree-custom-icon,
.fancytree-ext-table .fancytree-expander,
.fancytree-ext-table .fancytree-icon {
    margin-top: 1px
}

.fancytree-ext-table .fancytree-checkbox {
    margin: 0 auto;
    float: none
}

.fancytree-ext-table .checker {
    display: block;
    margin: 0 auto
}

.fancytree-ext-table tbody tr td:first-child {
    text-align: center
}

.fancytree-ext-table tbody tr.fancytree-active,
.fancytree-ext-table tbody tr.fancytree-focused {
    background-color: #f5f5f5
}

.fancytree-ext-table tbody tr.fancytree-selected {
    background-color: #2196F3;
    color: #fff
}

.fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox {
    color: #fff;
    border-color: #fff
}

.fancytree-ext-table tbody tr.fancytree-selected .checker span {
    border-color: #fff;
    color: #fff
}

.btn-ladda,
.btn-ladda .ladda-label,
.btn-ladda .ladda-spinner {
    -webkit-transition: all cubic-bezier(.175, .885, .32, 1.275) .3s;
    -o-transition: all cubic-bezier(.175, .885, .32, 1.275) .3s;
    transition: all cubic-bezier(.175, .885, .32, 1.275) .3s
}

.btn-ladda .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    top: 50%;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda .ladda-label {
    z-index: 3
}

.btn-ladda .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
    visibility: hidden;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.fc table,
.fc-scroller>* {
    width: 100%
}

.btn-ladda[data-loading] .ladda-progress {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=zoom-in],
.btn-ladda[data-style=zoom-in] .ladda-label,
.btn-ladda[data-style=zoom-in] .ladda-spinner,
.btn-ladda[data-style=zoom-out],
.btn-ladda[data-style=zoom-out] .ladda-label,
.btn-ladda[data-style=zoom-out] .ladda-spinner {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.btn-ladda[data-style=zoom-in] .ladda-label,
.btn-ladda[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block
}

.btn-ladda[data-style=zoom-in] .ladda-spinner,
.btn-ladda[data-style=zoom-out] .ladda-spinner {
    right: 50%
}

.btn-ladda[data-style=zoom-in][data-loading] .ladda-label,
.btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=expand-down][data-loading] .ladda-spinner,
.btn-ladda[data-style=expand-left][data-loading] .ladda-spinner,
.btn-ladda[data-style=expand-right][data-loading] .ladda-spinner,
.btn-ladda[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner,
.btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=zoom-in] .ladda-spinner {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2)
}

.btn-ladda[data-style=zoom-in][data-loading] .ladda-label {
    -webkit-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2)
}

.btn-ladda[data-style=zoom-out] .ladda-spinner {
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}

.btn-ladda[data-style=zoom-out][data-loading] .ladda-label {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.btn-ladda[data-style=expand-left] .ladda-spinner {
    right: 20px
}

.btn-ladda[data-style=expand-left][data-loading] {
    padding-right: 35px
}

.btn-ladda[data-style=expand-right] .ladda-spinner {
    left: 20px
}

.btn-ladda[data-style=expand-right][data-loading] {
    padding-left: 35px
}

.btn-ladda[data-style=expand-up] .ladda-spinner {
    top: -16px;
    right: 50%
}

.btn-ladda[data-style=expand-up][data-loading] {
    padding-top: 40px
}

.btn-ladda[data-style=expand-up][data-loading] .ladda-spinner {
    top: 12px;
    margin-top: 8px
}

.btn-ladda[data-style=expand-down] .ladda-spinner {
    top: 44px;
    right: 50%
}

.btn-ladda[data-style=expand-down][data-loading] {
    padding-bottom: 40px
}

.btn-ladda[data-style=slide-left] {
    overflow: hidden
}

.btn-ladda[data-style=slide-left] .ladda-label {
    right: 0;
    position: relative
}

.btn-ladda[data-style=slide-left] .ladda-spinner {
    left: 0
}

.btn-ladda[data-style=slide-left][data-loading] .ladda-label {
    right: -100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=slide-left][data-loading] .ladda-spinner {
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=slide-right] .ladda-label {
    left: 0;
    position: relative
}

.btn-ladda[data-style=slide-right] .ladda-spinner {
    right: 0
}

.btn-ladda[data-style=slide-right][data-loading] .ladda-label {
    left: -100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=slide-right][data-loading] .ladda-spinner {
    right: 50%;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=slide-up] .ladda-label {
    top: 0;
    position: relative
}

.btn-ladda[data-style=slide-up] .ladda-spinner {
    top: 100%;
    right: 50%
}

.btn-ladda[data-style=slide-up][data-loading] .ladda-label {
    top: -16px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=slide-up][data-loading] .ladda-spinner {
    top: 16px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=slide-down] .ladda-label {
    top: 0;
    position: relative
}

.btn-ladda[data-style=slide-down] .ladda-spinner {
    top: -100%;
    right: 50%
}

.btn-ladda[data-style=slide-down][data-loading] .ladda-label {
    top: 16px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=slide-down][data-loading] .ladda-spinner {
    top: 16px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=fade] .ladda-spinner {
    right: 50%
}

.btn-ladda[data-style=fade][data-loading] .ladda-label {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=fade][data-loading] .ladda-spinner {
    opacity: 1;
    filter: alpha(opacity=100)
}

.btn-ladda[data-style=radius] {
    border-radius: 2px;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.btn-ladda[data-style=radius] .ladda-spinner {
    right: 50%
}

.btn-ladda[data-style=radius][data-loading] {
    border-radius: 5px
}

.btn-ladda[data-style=radius][data-loading] .ladda-label {
    opacity: 0;
    filter: alpha(opacity=0)
}

.btn-ladda[data-style=radius][data-loading] .ladda-spinner {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fc-bgevent,
.fc-highlight {
    opacity: .3;
    filter: alpha(opacity=30)
}

.headroom {
    -webkit-transition: top .2s ease-in-out, bottom .2s ease-in-out;
    -o-transition: top .2s ease-in-out, bottom .2s ease-in-out;
    transition: top .2s ease-in-out, bottom .2s ease-in-out
}

.headroom-top-pinned {
    top: 0
}

.headroom-top-unpinned {
    top: -46px
}

.headroom-bottom-pinned {
    bottom: -46px
}

.headroom-bottom-unpinned {
    bottom: 0
}

.fc {
    direction: ltr;
    text-align: right
}

.fc th,
.fc-basic-view .fc-week-number,
.fc-time-grid-event .fc-resizer,
.fc-toolbar,
a.fc-more {
    text-align: center
}

.fc-view {
    max-width: 100%;
    overflow: auto
}

.fc-view>table {
    min-width: 769px
}

.fc-events-container {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    padding: 10px
}

.fc-events-container .fc-event {
    margin: 0;
    padding: 4px 11px
}

.fc-events-container .fc-event+.fc-event {
    margin-top: 10px
}

.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed hr,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed thead,
.fc-unthemed thead td,
.fc-unthemed thead th {
    border-bottom-color: #bbb
}

.fc-unthemed hr {
    background-color: #f5f5f5
}

.fc-unthemed .fc-popover {
    background-color: #fff;
    border-radius: 3px
}

.fc-unthemed .fc-popover .fc-header {
    background-color: #f5f5f5
}

.fc-unthemed .fc-today {
    background-color: #E8F5E9
}

.fc-highlight {
    background-color: #e5e5e5
}

.fc-bgevent {
    background-color: #81C784
}

.fc-nonbusiness {
    background-color: #ccc
}

.fc-icon {
    display: block
}

.fc-icon:after {
    display: inline-block;
    font-family: icomoon;
    line-height: 1;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fc-icon-left-single-arrow:after {
    content: "\e9c0"
}

.fc-icon-right-single-arrow:after {
    content: "\e9c3"
}

.fc-icon-left-double-arrow:after {
    content: "\000AB"
}

.fc-icon-right-double-arrow:after {
    content: "\000BB"
}

.fc-icon-x:after {
    content: "\ed6b";
    font-size: 12px;
    display: block
}

.fc button {
    margin: 0;
    border: 1px solid #ddd;
    padding: 7px 12px;
    cursor: pointer;
    outline: 0
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.fc-state-default {
    border: 1px solid;
    background-color: #fcfcfc
}

.fc-state-default.fc-corner-left {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.fc-state-default.fc-corner-right {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.fc-state-hover {
    background-color: #f8f8f8
}

.fc-state-active,
.fc-state-down {
    background-color: #f5f5f5
}

.fc-button.fc-state-active,
.fc-button.fc-state-down {
    border-color: #ddd;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05) inset
}

.fc-state-disabled {
    color: #999;
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.fc-button-group {
    display: inline-block
}

.fc .fc-button-group>* {
    float: right;
    margin: 0 -1px 0 0
}

.fc .fc-button-group>:first-child {
    margin-right: 0
}

.fc-popover {
    position: absolute;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .05)
}

.fc-popover .fc-header {
    padding: 10px
}

.fc-popover .fc-header .fc-title {
    float: right
}

.fc-popover .fc-header .fc-close {
    cursor: pointer;
    float: left
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    margin-top: 2px;
    opacity: .6;
    filter: alpha(opacity=60)
}

.fc-unthemed .fc-popover .fc-header .fc-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fc hr {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-style: solid;
    border-width: 1px 0
}

.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-event,
.fc-row,
.fc-scroller>* {
    position: relative
}

.fc-bg {
    bottom: 0
}

.fc td,
.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.fc th {
    padding: 12px 20px;
    font-weight: 500
}

.fc td.fc-today {
    border-style: double
}

.fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0
}

.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
    border: 0
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-scroller {
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 500px
}

.fc-day-grid-event>.fc-content,
.fc-row.fc-rigid,
.fc-scroller>*,
.fc-time-grid-event {
    overflow: hidden
}

.fc-event {
    display: block;
    border: 1px solid #039BE5;
    background-color: #039BE5;
    font-weight: 400;
    border-radius: 2px
}

.fc-day-grid-event .fc-time,
.fc-time-grid-event .fc-time {
    font-weight: 500
}

.fc-event,
.fc-event:hover {
    color: #fff;
    text-decoration: none
}

.fc-event.fc-draggable,
.fc-event[href] {
    cursor: pointer
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-day-grid-event {
    margin: 0 5px 5px;
    padding: 4px 8px
}

.fc-day-grid-event>.fc-content {
    text-overflow: ellipsis
}

.fc-day-grid-event .fc-resizer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px;
    left: -3px;
    cursor: w-resize
}

@media (min-width:1200px) {
    .fc-day-grid-event>.fc-content {
        background-color: inherit
    }
    .fc-day-grid-event .fc-time {
        float: left;
        padding-right: 5px;
        display: inline-block;
        z-index: 2;
        position: relative;
        background-color: inherit
    }
    .fc-day-grid-event .fc-title {
        z-index: 1;
        position: relative
    }
}

a.fc-more {
    margin: 1px 5px;
    background-color: #fafafa;
    display: block;
    padding: 5px;
    border-radius: 2px;
    color: #999;
    font-size: 12px
}

a.fc-more:hover {
    background-color: #f5f5f5;
    color: #333
}

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

.fc-more-popover .fc-event-container {
    padding: 10px 5px
}

.fc-toolbar {
    margin-bottom: 20px
}

.fc-toolbar h2 {
    margin: 5px 0;
    font-size: 17px
}

.fc-toolbar .fc-left {
    float: right;
    width: 33%
}

.fc-toolbar .fc-right {
    float: left;
    width: 33%
}

.fc-toolbar .fc-right .fc-button-group {
    float: left
}

.fc-toolbar .fc-left>.fc-button,
.fc-toolbar .fc-right>.fc-button {
    margin-right: 10px
}

.fc-toolbar .fc-center {
    display: inline-block;
    vertical-align: middle
}

.fc-toolbar>*>* {
    float: right
}

.fc-toolbar>*>:first-child {
    margin-right: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-view-container *,
.fc-view-container :after,
.fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view,
.fc-view>table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-top: 5px;
    padding-bottom: 10px
}

.fc-basic-view tbody .fc-row {
    min-height: 100px;
    min-width: 100px
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 10px
}

.fc-axis,
.fc-basic-view .fc-day-number {
    text-align: left
}

.fc-basic-view .fc-week-number span {
    display: inline-block;
    min-width: 1.25em
}

.fc-basic-view .fc-day-number.fc-other-month {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 5px;
    padding-bottom: 0
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 10px
}

.fc-time-grid,
.fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

.fc-time-grid table {
    border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
    z-index: 1
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-skeleton {
    z-index: 3
}

.fc-time-grid .fc-highlight-skeleton {
    z-index: 4
}

.fc-time-grid .fc-content-skeleton {
    z-index: 5
}

.fc-time-grid .fc-helper-skeleton {
    z-index: 6
}

.fc-slats td {
    border-bottom: 0
}

.fc-slats .fc-minor td {
    border-top-style: dotted
}

.fc-time-grid .fc-highlight-container {
    position: relative
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.fc-time-grid .fc-bgevent-container,
.fc-time-grid .fc-event-container {
    position: relative
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1;
    margin: 5px;
    padding: 10px;
    min-height: 45px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-time-grid-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.fc-time-grid-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.fc-time-grid-event>.fc-content {
    position: relative;
    z-index: 2
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event .fc-resizer {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 10px;
    font-size: 12px;
    font-family: monospace;
    cursor: s-resize;
    background-color: rgba(0, 0, 0, .05);
    padding: 1px
}

.fc-time-grid-event .fc-resizer:hover {
    background-color: rgba(0, 0, 0, .1)
}

.fc-time-grid-event .fc-resizer:after {
    content: "="
}

@media (max-width:768px) {
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-left .fc-button-group,
    .fc-toolbar .fc-left>.fc-button,
    .fc-toolbar .fc-right,
    .fc-toolbar .fc-right .fc-button-group,
    .fc-toolbar .fc-right>.fc-button {
        float: none;
        width: auto;
        vertical-align: top
    }
    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right {
        display: block;
        margin-bottom: 10px
    }
    .fc-view-container {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }
    .fc-view-container>.fc-view>table {
        margin-right: -1px
    }
    .fc td,
    .fc th {
        border-left-width: 0
    }
}

.gu-mirror {
    position: fixed!important;
    margin: 0!important;
    z-index: 9999!important;
    opacity: .8;
    filter: alpha(opacity=80)
}

.gu-unselectable.dropdown-menu li:nth-last-child(2) {
    margin-bottom: 0
}

.nav-pills-toolbar>li.gu-mirror:not(.active)>a {
    border: 0
}

.gu-hide {
    display: none!important
}

.gu-unselectable {
    -webkit-user-select: none;
    user-select: none
}

.gu-transit {
    opacity: .5;
    filter: alpha(opacity=50)
}

.dragula-handle {
    color: #999;
    cursor: pointer
}

.dragula-handle:focus,
.dragula-handle:hover {
    color: #333
}

.plupload_wrapper {
    width: 100%;
    border: 2px dashed #ddd;
    border-radius: 3px
}

.panel>div>.plupload_wrapper {
    border: 0
}

.panel.panel-flat>div>.plupload_wrapper {
    border-top: 1px solid #ddd
}

.plupload_delete a:after,
.plupload_done a:after,
.plupload_failed a:after,
.plupload_file_action:after,
.plupload_filelist li.plupload_droptext:before,
.plupload_filelist:empty:before,
.plupload_header:after {
    font-family: icomoon;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.file-preview-other:after,
.file-thumb-loading:after,
.file-uploading:after {
    font-family: icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.plupload_header {
    display: none;
    position: relative;
    background-color: #0097A7;
    margin: -1px -1px 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.plupload_header:after {
    content: '\ec78';
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -16px
}

.plupload_header_content {
    padding: 15px 72px 15px 20px;
    color: #fff
}

.plupload_header_title {
    font-size: 15px;
    font-weight: 500
}

.plupload_header_text {
    font-size: 11px;
    line-height: 1.82
}

.plupload_clearer,
.plupload_progress_bar {
    display: block;
    font-size: 0;
    line-height: 0
}

.plupload_button {
    display: inline-block;
    color: #fff;
    background-color: #2196F3;
    border: 1px solid transparent;
    padding: 6px 11px;
    border-radius: 2px;
    margin-left: 5px
}

.plupload_file_action *,
.plupload_progress,
.plupload_upload_status {
    display: none
}

.plupload_button:focus,
.plupload_button:hover {
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90)
}

.plupload_button:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

a.plupload_disabled,
a.plupload_disabled:focus,
a.plupload_disabled:hover {
    color: #999;
    box-shadow: none;
    border-color: #ddd;
    background: #fcfcfc;
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100)
}

.plupload_start {
    background-color: #26A69A
}

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

.plupload_scroll .plupload_filelist {
    height: 250px;
    background: #fff;
    overflow-y: auto
}

@media (max-width:768px) {
    .plupload_scroll .plupload_filelist {
        height: 200px
    }
}

.plupload_filelist li {
    padding: 12px 20px;
    background-color: #fff
}

.plupload_filelist li:hover {
    background-color: #f5f5f5
}

.plupload_filelist li.plupload_droptext:hover {
    background-color: transparent
}

.plupload_filelist li.plupload_droptext,
.plupload_filelist:empty {
    position: relative;
    height: 250px;
    text-align: center;
    background-color: transparent;
    text-indent: -99999px
}

.plupload_filelist li.plupload_droptext:before,
.plupload_filelist:empty:before {
    content: '\ea0e';
    font-size: 80px;
    padding-top: 65px;
    position: absolute;
    top: 0;
    width: 80px;
    height: 80px;
    right: 50%;
    margin-right: -40px;
    z-index: 2;
    color: #ddd;
    text-indent: 0;
    font-weight: 400
}

.plupload_filelist li.plupload_droptext:after,
.plupload_filelist:empty:after {
    content: 'Drag files to upload';
    font-size: 19px;
    position: absolute;
    top: 50%;
    padding-top: 145px;
    right: 50%;
    margin: -100px -150px 0 0;
    width: 300px;
    height: 200px;
    color: #bbb;
    text-indent: 0
}

@media (max-width:768px) {
    .plupload_filelist li.plupload_droptext,
    .plupload_filelist:empty {
        height: 200px
    }
    .plupload_filelist li.plupload_droptext:after,
    .plupload_filelist li.plupload_droptext:before,
    .plupload_filelist:empty:after,
    .plupload_filelist:empty:before {
        width: 100%;
        height: 200px;
        right: 0;
        margin: 0;
        top: 0
    }
    .plupload_filelist li.plupload_droptext:before,
    .plupload_filelist:empty:before {
        font-size: 64px;
        padding-top: 40px
    }
    .plupload_filelist li.plupload_droptext:after,
    .plupload_filelist:empty:after {
        font-size: 17px;
        border-width: 3px 0;
        padding-top: 120px
    }
    .plupload_filelist_footer .plupload_file_action,
    .plupload_filelist_footer .plupload_file_size,
    .plupload_filelist_footer .plupload_file_status,
    .plupload_filelist_footer .plupload_progress {
        display: none
    }
}

.plupload_filelist_footer,
.plupload_filelist_header {
    padding: 15px 20px
}

.plupload_filelist:empty:after {
    content: 'Add files to upload'
}

.plupload_filelist_header .plupload_file_action,
.plupload_filelist_header .plupload_file_name,
.plupload_filelist_header .plupload_file_size,
.plupload_filelist_header .plupload_file_status {
    font-weight: 500
}

.plupload_filelist_footer .plupload_file_size,
.plupload_filelist_footer .plupload_file_status,
.plupload_filelist_footer .plupload_upload_status {
    padding: 7px 0;
    font-weight: 500
}

.plupload_file_action {
    position: relative;
    float: left;
    margin-right: 30px;
    margin-top: 2px;
    color: #999;
    width: 16px;
    height: 16px
}

.plupload_file_action:after {
    content: '\ec67';
    position: absolute;
    right: 0;
    top: 0
}

.plupload_filelist_footer .plupload_file_action {
    margin-top: 9px
}

.plupload_filelist .plupload_file_action:after {
    content: none
}

.plupload_delete .plupload_file_action>a {
    color: #333;
    line-height: 1;
    opacity: .5;
    filter: alpha(opacity=50)
}

.plupload_delete .plupload_file_action>a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.plupload_uploading {
    background-color: #E8F5E9
}

.plupload_delete a:after {
    content: '\ed6b'
}

.plupload_failed a {
    color: #F44336;
    cursor: default
}

.plupload_failed a:after {
    content: '\e9cf'
}

.plupload_done {
    color: #999
}

.plupload_done a {
    color: #4DB6AC;
    cursor: default
}

.plupload_done a:after {
    content: '\e9db'
}

.plupload_progress_container {
    margin-top: 14px;
    background-color: #eee
}

.plupload_progress_bar {
    width: 0;
    height: 4px;
    background: #4DB6AC;
    border-radius: 5px
}

.file-preview-frame,
.file-preview-image,
.file-preview-other {
    height: 160px;
    vertical-align: middle
}

.file-input.has-error .form-control {
    border-color: #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:769px) {
    .plupload_file_name {
        float: right;
        overflow: hidden
    }
    .plupload_filelist .plupload_file_name {
        width: 205px;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .plupload_file_size,
    .plupload_file_status,
    .plupload_progress {
        float: left;
        width: 80px
    }
    .plupload_file_action,
    .plupload_file_size,
    .plupload_file_status {
        text-align: left
    }
    .file-input .btn>.glyphicon,
    .file-input .btn>[class*=icon-] {
        margin-left: 5px
    }
}

.file-object {
    margin: 0 0 -5px;
    padding: 0
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: left;
    opacity: 0;
    background: none;
    cursor: inherit;
    display: block
}

.file-caption-name {
    display: inline-block;
    overflow: hidden;
    word-break: break-all
}

.file-caption-name .glyphicon,
.file-caption-name [class*=icon-] {
    margin-left: 7px
}

.file-input-new .file-caption-name {
    color: #999
}

.file-input-new .file-caption-name>.glyphicon,
.file-input-new .file-caption-name>[class*=icon-] {
    display: none
}

.file-error-message {
    position: relative;
    background-color: #f2dede;
    color: #a94442;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    margin: 0 5px 5px
}

.file-drop-zone .file-error-message {
    margin-top: 5px
}

.file-error-message .close {
    margin-top: 1px;
    color: #a94442
}

.file-error-message pre,
.file-error-message ul {
    margin: 5px 0;
    text-align: right
}

.file-caption-disabled {
    background-color: #fafafa;
    cursor: not-allowed
}

.file-preview-detail-modal {
    text-align: right
}

.file-preview {
    border-radius: 2px;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    text-align: center
}

.file-preview>.close {
    font-weight: 400;
    font-size: 17px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 8px;
    line-height: .6;
    border-radius: 3px;
    color: #555;
    opacity: 1;
    filter: alpha(opacity=100)
}

.file-preview-frame {
    margin: 5px;
    border: 1px solid #ddd;
    padding: 3px;
    display: table;
    float: right
}

.file-footer-buttons,
.pika-lendar,
.pika-prev {
    float: left
}

@media (max-width:768px) {
    .file-preview-image {
        max-width: 100%
    }
}

.file-preview-text {
    text-align: right;
    width: 160px;
    margin-bottom: 2px;
    color: #428bca;
    background-color: #fff;
    overflow-x: hidden
}

.file-preview-other {
    display: table-cell;
    text-align: center;
    width: 160px
}

.file-preview-other:after {
    content: "\ea0c";
    display: block;
    font-size: 64px
}

.file-preview-other .glyphicon {
    display: none
}

.file-preview-status {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: rgba(250, 250, 250, .8);
    border-top: 1px solid #ddd;
    padding: 7px 12px;
    font-size: 12px;
    color: #333!important
}

.file-preview-status:empty {
    padding: 0;
    background-color: transparent;
    border: 0
}

.file-thumb-loading:before,
.file-uploading:before {
    content: "";
    display: inline-block;
    background-color: #263238;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, .5);
    box-shadow: 0 1px 5px rgba(255, 255, 255, .5)
}

.file-thumb-loading:after,
.file-uploading:after {
    content: "\eb55";
    display: inline-block;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    font-size: 16px;
    line-height: 1;
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

#fancybox-loading div:after,
.dropzone .dz-default.dz-message:before,
.fancybox-close:after,
.fancybox-nav span:after,
.footable.breakpoint>tbody>tr .footable-toggle:before {
    font-family: icomoon
}

.file-upload-indicator {
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: default;
    text-align: right;
    padding-right: 5px
}

.file-input-ajax-new .file-caption-name>.glyphicon,
.file-input-ajax-new .file-caption-name>[class*=icon-],
.file-input-ajax-new .fileinput-remove,
.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-new .close,
.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .glyphicon-file {
    display: none
}

.file-actions {
    margin-top: 5px
}

.file-actions .btn>.glyphicon,
.file-actions .btn>[class*=icon-] {
    margin-left: 0
}

.file-footer-caption {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    font-size: 11px;
    padding: 12px 7px 7px;
    margin-left: auto;
    margin-right: auto
}

.file-preview-error {
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropzone .dz-default.dz-message,
.dropzone .dz-message {
    opacity: 1;
    filter: alpha(opacity=100)
}

.file-drop-zone {
    border: 1px dashed #ddd;
    border-radius: 3px;
    height: 100%;
    vertical-align: middle;
    margin: 5px;
    padding: 5px
}

.file-drop-zone-title {
    color: #999;
    font-size: 21px;
    font-weight: 300;
    padding: 85px 10px
}

.file-highlighted {
    border-color: #ccc;
    background-color: #fafafa
}

.file-thumb-progress {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0
}

.dropzone,
.file-thumbnail-footer {
    position: relative
}

.file-thumb-progress .progress,
.file-thumb-progress .progress-bar {
    height: 5px;
    border-radius: 0;
    font-size: 0
}

.kv-upload-progress {
    margin-bottom: 20px
}

.btn-file ::-ms-browse {
    width: 100%;
    height: 100%
}

.dropzone {
    border: 3px dashed #eee;
    min-height: 250px;
    border-radius: 2px;
    background-color: #fcfcfc;
    padding: 5px
}

.dropzone.dz-clickable,
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, .15);
    background: rgba(0, 0, 0, .04)
}

.sidebar .dropzone {
    min-height: 190px;
    text-align: center;
    border-width: 2px
}

.sidebar .dropzone .dz-default.dz-message:before {
    font-size: 64px;
    width: 64px;
    height: 64px;
    margin-right: -32px;
    top: 50px
}

.sidebar .dropzone .dz-default.dz-message span {
    font-size: 15px
}

.sidebar .dropzone .dz-default.dz-message>span {
    margin-top: 130px
}

.dropzone .dz-default.dz-message {
    position: absolute;
    height: 230px;
    width: 100%;
    margin-top: -115px;
    top: 50%;
    right: 0;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.dropzone .dz-default.dz-message:before {
    content: '\ea0e';
    font-size: 64px;
    position: absolute;
    top: 48px;
    width: 64px;
    height: 64px;
    display: inline-block;
    right: 50%;
    margin-right: -32px;
    line-height: 1;
    z-index: 2;
    color: #ddd;
    text-indent: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dropzone .dz-default.dz-message span {
    font-size: 15px;
    color: #bbb;
    text-align: center;
    margin-top: 120px;
    display: block;
    font-weight: 500;
    text-shadow: 0 1px 1px #fff
}

.dropzone .dz-default.dz-message span>span {
    margin-top: 2px;
    display: block;
    color: #ccc;
    font-size: 15px
}

@media (min-width:769px) {
    .dropzone {
        min-height: 320px
    }
    .dropzone .dz-default.dz-message:before {
        font-size: 80px;
        top: 48px;
        width: 80px;
        height: 80px;
        margin-right: -32px
    }
    .dropzone .dz-default.dz-message span {
        font-size: 19px;
        margin-top: 130px
    }
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .15;
    filter: alpha(opacity=15)
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background-color: #fff;
    position: relative;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 2px
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    width: 120px;
    height: 120px;
    position: relative;
    background-color: #f5f5f5;
    padding: 8px;
    margin-bottom: 25px
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -26px;
    right: 5px
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    display: none;
    position: relative;
    z-index: 9
}

.dropzone .dz-preview .dz-error-mark:after,
.dropzone .dz-preview .dz-success-mark:after,
.dropzone-previews .dz-preview .dz-error-mark:after,
.dropzone-previews .dz-preview .dz-success-mark:after {
    font-family: icomoon;
    display: block;
    position: absolute;
    left: 0;
    bottom: 3px;
    font-size: 12px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark span,
.dropzone .dz-preview .dz-success-mark svg,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark svg,
.dropzone-previews .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark svg {
    display: none
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #F44336
}

.dropzone .dz-preview .dz-error-mark:after,
.dropzone-previews .dz-preview .dz-error-mark:after {
    content: '\ed6a'
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #4CAF50
}

.dropzone .dz-preview .dz-success-mark:after,
.dropzone-previews .dz-preview .dz-success-mark:after {
    content: '\ed6e'
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 118px;
    left: 8px;
    right: 8px;
    height: 4px;
    background-color: #eee;
    display: none;
    border-radius: 2px
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #00BCD4;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(245, 245, 245, .8);
    margin: 8px;
    padding: 8px;
    color: #F44336;
    max-width: 100%;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.dropzone .dz-preview.dz-error:hover .dz-error-message,
.dropzone-previews .dz-preview.dz-error:hover .dz-error-message {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
    background: #F44336
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    display: block;
    opacity: .1;
    filter: alpha(opacity=10)
}

.dropzone .dz-preview a.dz-remove,
.dropzone-previews .dz-preview a.dz-remove {
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eee;
    display: block;
    padding: 5px;
    text-align: center;
    color: #999;
    margin-top: 35px;
    cursor: pointer
}

.dropzone .dz-preview a.dz-remove:hover,
.dropzone-previews .dz-preview a.dz-remove:hover {
    color: #333;
    background-color: #f5f5f5
}

.image-cropper-container {
    direction: ltr;
    height: 350px;
    width: 100%;
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.eg-preview {
    text-align: center;
    font-size: 0
}

.eg-preview .preview {
    direction: ltr;
    margin: 10px auto 0;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 2px
}

.eg-preview .preview-lg {
    width: 150px;
    height: 150px
}

.eg-preview .preview-md {
    width: 120px;
    height: 120px
}

.eg-preview .preview-sm {
    width: 90px;
    height: 90px
}

.eg-preview .preview-xs {
    width: 60px;
    height: 60px
}

.eg-preview .preview-xxs {
    width: 40px;
    height: 40px
}

@media (min-width:769px) {
    .eg-preview .preview {
        display: inline-block;
        margin-left: 0;
        margin-right: 0
    }
    .eg-preview .preview+.preview {
        margin-right: 15px
    }
    .eg-preview {
        white-space: nowrap;
        max-width: 100%;
        overflow: auto
    }
}

.cropper-invisible,
.cropper-viewer>img {
    max-width: none!important;
    max-height: none!important
}

.cropper-viewer,
.fancybox-inner {
    overflow: hidden
}

.cropper-container {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.cropper-container>img {
    width: 100%;
    height: 100%
}

.cropper-hidden {
    display: none!important
}

.cropper-invisible {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: auto!important;
    height: auto!important;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cropper-canvas,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cropper-modal {
    background-color: #333;
    opacity: .5;
    filter: alpha(opacity=50)
}

.cropper-canvas {
    cursor: crosshair;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cropper-dragger {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%
}

.cropper-viewer {
    display: block;
    width: 100%;
    height: 100%;
    outline-width: 1px;
    outline-style: solid;
    outline-color: rgba(33, 150, 243, .75)
}

.cropper-dashed {
    position: absolute;
    display: block;
    border: 0 dashed #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.cropper-dashed.dashed-h {
    top: 33.3%;
    left: 0;
    width: 100%;
    height: 33.3%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.3%;
    width: 33.3%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
    filter: alpha(opacity=10)
}

.cropper-face {
    top: 0;
    left: 0;
    cursor: move;
    background-color: #fff
}

.cropper-line {
    background-color: #F44336
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 5px;
    height: 5px;
    background-color: #2196F3;
    opacity: .75;
    filter: alpha(opacity=75)
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1;
    filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
    content: " ";
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    background-color: #2196F3;
    opacity: 0;
    filter: alpha(opacity=0)
}

@media (min-width:769px) {
    .cropper-point {
        width: 15px;
        height: 15px
    }
}

@media (min-width:1025px) {
    .cropper-point {
        width: 10px;
        height: 10px
    }
}

@media (min-width:1200px) {
    .cropper-point {
        width: 5px;
        height: 5px;
        opacity: .75;
        filter: alpha(opacity=75)
    }
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background-color: #fff;
    color: #333;
    border-radius: 3px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 8060;
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

#fancybox-loading div:after {
    content: '\eb55';
    font-size: 16px;
    margin-top: -8px;
    margin-left: -8px;
    display: block;
    line-height: 1;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: rotation 1s ease infinite;
    -o-animation: rotation 1s ease infinite;
    animation: rotation 1s ease infinite
}

.fancybox-close {
    position: absolute;
    left: -32px;
    top: -32px;
    padding: 8px;
    z-index: 8061;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    border-radius: 3px
}

.fancybox-close:focus,
.fancybox-close:hover {
    background-color: rgba(0, 0, 0, .25);
    color: #fff
}

.fancybox-close:after {
    content: '\ed6a';
    font-size: 16px;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fancybox-error {
    color: #F44336;
    font-weight: 500;
    margin: 0;
    padding: 20px
}

.fancybox-title {
    visibility: hidden;
    font-weight: 500;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -45px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-left: -100%;
    padding: 7px 12px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background-color: transparent
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    z-index: 8040
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    cursor: pointer;
    padding: 8px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    display: block;
    text-align: center;
    z-index: 8040;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.fancybox-nav span:after {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fancybox-nav:hover span {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.handsontable.htAutoSize,
.handsontable.listbox .wtBorder,
.htContextMenu .wtBorder {
    visibility: hidden
}

.fancybox-prev {
    left: 0
}

.fancybox-prev span {
    left: 10px
}

.fancybox-prev span:after {
    content: '\e9c8'
}

.fancybox-next {
    right: 0
}

.fancybox-next span {
    right: 10px
}

.fancybox-next span:after {
    content: '\e9cb'
}

.fancybox-lock {
    overflow: visible!important;
    width: auto
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: rgba(0, 0, 0, .8)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.footable {
    width: 100%
}

.footable>thead>tr>th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footable.breakpoint>tbody>tr.footable-detail-show>td {
    border-bottom: 0
}

.footable.breakpoint>tbody>tr.footable-row-detail:hover {
    background-color: transparent
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer
}

.footable.breakpoint>tbody>tr>.footable-cell-detail {
    background-color: #eee;
    border-top: 0
}

.footable.breakpoint>tbody>tr .footable-toggle:before {
    content: "\e9e4";
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px
}

.changeTypeMenu li.active:after,
.htContextMenu table tbody tr td div span.selected:after,
.pika-next:after,
.pika-prev:after {
    font-family: Icomoon;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.footable.breakpoint>tbody>tr.footable-detail-show .footable-toggle:before {
    content: "\e9e7"
}

.footable-row-detail-inner {
    display: table;
    table-layout: fixed;
    width: 100%
}

.footable-row-detail-row {
    display: table-row
}

.footable-row-detail-group {
    display: block;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 7px
}

.footable-row-detail-group:first-child {
    margin-top: 7px
}

.footable-row-detail-name {
    display: table-cell;
    padding-left: 40px;
    font-weight: 500
}

.footable-row-detail-value {
    display: table-cell;
    padding: 7px 0
}

@media (max-width:480px) {
    .footable-row-detail-inner {
        position: relative
    }
    .footable-row-detail .btn-group,
    .footable-row-detail .dropdown,
    .footable-row-detail .dropup {
        position: static
    }
    .footable-row-detail .dropdown-menu {
        left: 0;
        right: 0
    }
}

.hot-container {
    position: relative;
    -webkit-box-shadow: 0 0 0 1px #ddd;
    box-shadow: 0 0 0 1px #ddd
}

.hot-container .ht_master .wtHolder {
    min-width: 100%
}

.hot-container.has-scroll {
    height: 300px;
    overflow: hidden
}

@media (max-width:1024px) {
    .hot-container {
        overflow-x: hidden;
        overflow-y: auto
    }
    .hot-container .ht_master .wtHolder {
        max-width: 100%;
        min-width: auto
    }
    .hot-container:not(.has-scroll) .wtHolder {
        height: 100%!important
    }
}

.handsontable .table-striped>tbody>tr:nth-of-type(odd)>td:not([class*=bg-]) {
    background-color: inherit
}

.handsontable .table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5
}

.changeType {
    border: 0;
    background-color: transparent;
    border-radius: 2px;
    padding: 0;
    float: right;
    margin-right: 2px;
    line-height: 16px;
    margin-top: 2px
}

.changeType:hover {
    color: #777
}

.changeTypeMenu {
    position: absolute;
    border: 1px solid #ccc;
    margin-top: 20px;
    background-color: #fff;
    padding: 5px 0;
    display: none;
    width: 160px;
    z-index: 1000
}

.changeTypeMenu li {
    list-style: none;
    padding: 7px 34px 7px 12px;
    cursor: pointer;
    position: relative
}

.changeTypeMenu li:hover {
    background-color: #f5f5f5
}

.changeTypeMenu li.active:after {
    content: '\e600';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    font-size: 16px;
    line-height: 1
}

.handsontable,
.handsontable .relative {
    position: relative
}

.handsontable {
    direction: ltr
}

.handsontable .hide {
    display: none
}

.handsontable.htAutoSize {
    left: -99000px;
    position: absolute;
    top: -99000px
}

.handsontable .htDimmed {
    color: #999
}

.handsontable .wtHider {
    width: 0
}

.handsontable .wtSpreader {
    position: relative;
    width: 0;
    height: auto
}

.handsontable div,
.handsontable input,
.handsontable table,
.handsontable tbody,
.handsontable td,
.handsontable textarea,
.handsontable th,
.handsontable thead {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.handsontable input,
.handsontable textarea {
    min-height: initial
}

.handsontable .htCore {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    width: 0;
    outline-width: 0;
    max-width: none;
    max-height: none
}

.handsontable col,
.handsontable col.rowHeader {
    width: 50px
}

.handsontable td,
.handsontable th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 30px;
    empty-cells: show;
    position: relative;
    padding: 0 4px;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line
}

.handsontable td.htNoWrap,
.handsontable th {
    white-space: nowrap
}

.handsontable td.disabled,
.handsontable th.disabled {
    background-color: #fafafa;
    color: #999
}

.handsontable th {
    text-align: center;
    font-weight: 400
}

.handsontable th:not([class*=bg-]) {
    background-color: #f5f5f5
}

.handsontable th.active {
    background-color: #eee
}

.handsontable thead th {
    padding: 0
}

.handsontable thead th .relative {
    padding: 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.handsontable td:not([class*=bg-]) {
    background-color: #fff
}

.handsontable td.htInvalid {
    background-color: #FFEBEE!important
}

.handsontable td.active {
    background-color: #f8f8f8
}

.handsontable td.area {
    background: -moz-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(181, 209, 255, .34)), color-stop(100%, rgba(181, 209, 255, .34)));
    background: -webkit-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
    background: -o-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
    background: -ms-linear-gradient(top, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
    background: linear-gradient(to bottom, rgba(181, 209, 255, .34) 0, rgba(181, 209, 255, .34) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0)
}

.handsontable th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable tr:first-child th.htNoFrame {
    border-left-width: 0;
    background-color: #fff;
    border-color: #fff
}

.handsontable .htNoFrame+td,
.handsontable .htNoFrame+th,
.handsontable td:first-of-type,
.handsontable th:first-child,
.handsontable.htRowHeaders thead tr th:nth-child(2) {
    border-left: 1px solid #ddd
}

.handsontable tr:first-child td,
.handsontable tr:first-child th {
    border-top: 1px solid #ddd
}

.ht_master:not(.innerBorderLeft)~.handsontable tbody tr th,
.ht_master:not(.innerBorderLeft)~.handsontable:not(.ht_clone_top) thead tr th:first-child {
    border-right-width: 0
}

.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,
.ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th {
    border-bottom-width: 0
}

.ht_clone_left tbody tr:first-child td,
.ht_clone_left tbody tr:first-child th,
.ht_clone_left thead tr:first-child th,
.ht_clone_top tr:first-child td,
.ht_clone_top tr:first-child th,
.ht_clone_top_left_corner tbody tr:first-child td,
.ht_clone_top_left_corner tbody tr:first-child th,
.ht_clone_top_left_corner thead tr:first-child th,
.ht_master tbody tr:first-child td {
    border-top-color: transparent
}

.handsontable td:first-child,
.handsontable th:first-child {
    border-left-color: transparent
}

.ht_clone_top td:last-child,
.ht_clone_top th:last-child,
.ht_master td:last-child {
    border-right-color: transparent
}

.ht_clone_left tbody tr:last-child td,
.ht_clone_left tbody tr:last-child th,
.ht_master tbody tr:last-child td,
.ht_master tbody tr:last-child th {
    border-bottom-color: transparent
}

.htColumnHeaders .handsontable tr:first-child td,
.htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th,
.htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th {
    border-top-color: #ddd
}

.manualColumnMover,
.manualRowMover {
    position: fixed;
    top: 0;
    background-color: transparent;
    z-index: 999;
    cursor: move
}

.manualColumnMover {
    left: 0;
    width: 5px;
    height: 32px
}

.manualRowMover {
    left: -4px;
    height: 5px;
    width: 50px
}

.manualColumnMoverGuide,
.manualRowMoverGuide {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #ddd;
    display: none;
    opacity: .25;
    filter: alpha(opacity=25)
}

.manualColumnMoverGuide.active,
.manualColumnResizer.active,
.manualRowMoverGuide.active,
.manualRowResizer.active {
    display: block
}

.manualColumnMoverGuide.active,
.manualColumnMoverGuide:hover,
.manualRowMoverGuide.active,
.manualRowMoverGuide:hover {
    background-color: #2196F3
}

.manualColumnMoverGuide {
    max-height: 404px
}

.manualColumnResizerGuide,
.manualRowResizerGuide {
    position: fixed;
    background-color: #999;
    display: none
}

.manualColumnResizer.active,
.manualColumnResizer:hover,
.manualRowResizer.active,
.manualRowResizer:hover {
    background-color: #999
}

.manualColumnResizer {
    position: fixed;
    top: 0;
    cursor: col-resize;
    z-index: 110;
    width: 5px;
    height: 31px
}

.manualRowResizer {
    position: fixed;
    left: 0;
    cursor: row-resize;
    z-index: 110;
    height: 5px;
    width: 50px
}

.manualColumnResizerGuide {
    right: 0;
    top: 0;
    width: 0;
    border-right: 1px dashed #777;
    margin-left: 5px
}

.manualRowResizerGuide {
    left: 0;
    bottom: 0;
    height: 0;
    border-bottom: 1px dashed #777;
    margin-top: 5px
}

.handsontable .columnSorting {
    position: relative
}

.handsontable .columnSorting:hover {
    cursor: pointer
}

.handsontable .columnSorting.ascending:after,
.handsontable .columnSorting.descending:after,
.handsontable .columnSorting:after,
.handsontable .columnSorting:before {
    font-family: Icomoon;
    font-size: 12px;
    color: #999;
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -6px;
    right: -20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.handsontable .columnSorting:before {
    content: '\e9c1';
    margin-top: -2px
}

.handsontable .columnSorting:after {
    content: '\e9c2';
    margin-top: -10px
}

.handsontable .columnSorting.ascending:before {
    content: none
}

.handsontable .columnSorting.ascending:after {
    content: '\e9c2'
}

.handsontable .columnSorting.descending:before {
    content: none
}

.handsontable .columnSorting.descending:after {
    content: '\e9c1'
}

.handsontable th.afterHiddenColumn,
.handsontable th.beforeHiddenColumn {
    position: relative
}

.handsontable th.afterHiddenColumn:after,
.handsontable th.afterHiddenColumn:before,
.handsontable th.beforeHiddenColumn:after,
.handsontable th.beforeHiddenColumn:before {
    content: '\25C0';
    color: #bbb;
    position: absolute;
    right: 1px;
    top: 2px;
    font-size: 5pt
}

.handsontable th.afterHiddenColumn:before {
    left: 1px;
    top: 2px;
    right: auto;
    content: '\25B6'
}

.handsontable thead th.hiddenHeader {
    display: none
}

.handsontable td.afterHiddenColumn.firstVisible {
    border-left: 1px solid #ddd
}

.wtBorder {
    position: absolute;
    font-size: 0;
    z-index: 10
}

.wtBorder.hidden {
    display: none!important
}

.wtBorder.corner {
    font-size: 0;
    cursor: crosshair
}

.htBorder.htFillBorder {
    background-color: #F44336;
    width: 1px;
    height: 1px
}

.handsontableInput {
    border: none;
    outline-width: 0;
    margin: 0;
    padding: 1px 5px 0;
    font-family: inherit;
    line-height: 30px;
    font-size: inherit;
    resize: none;
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 2px #2196F3 inset;
    box-shadow: 0 0 0 2px #2196F3 inset
}

.handsontableInputHolder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000
}

.htSelectEditor {
    -webkit-appearance: menulist-button!important;
    position: absolute;
    width: auto;
    outline: 0;
    border-color: #ddd;
    background-color: #fff
}

.handsontable .htSubmenu {
    position: relative
}

.handsontable .htSubmenu>div:after {
    content: '\e9c7';
    font-family: icomoon;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .8;
    filter: alpha(opacity=80)
}

.handsontable .htLeft {
    text-align: left
}

.handsontable .htCenter {
    text-align: center
}

.handsontable .htRight {
    text-align: right
}

.handsontable .htJustify {
    text-align: justify
}

.handsontable .htTop {
    vertical-align: top
}

.handsontable .htMiddle {
    vertical-align: middle
}

.handsontable .htBottom {
    vertical-align: bottom
}

.htAutocomplete {
    padding-right: 20px
}

.htPlaceholder {
    color: #999
}

.htAutocompleteArrow {
    color: #999;
    cursor: default;
    font-size: 0;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -2px;
    display: inline-block;
    margin-right: 4px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.handsontable td:hover .htAutocompleteArrow,
.handsontable th:hover .htAutocompleteArrow {
    color: #333
}

.autocompleteEditor,
.autocompleteEditor .htCore,
.autocompleteEditor .wtHolder {
    min-width: 180px
}

.dataTables_length .select2-choice,
.venntooltip {
    min-width: 60px
}

.htCheckboxRendererInput.noValue {
    opacity: .5;
    filter: alpha(opacity=50)
}

.htCheckboxRendererLabel {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.htCheckboxRendererLabel>.htCheckboxRendererInput {
    margin-right: 10px
}

.htCommentCell {
    position: relative
}

.htCommentCell:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-left: 6px solid transparent;
    border-top: 6px solid red
}

.htCommentTextArea {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    margin-top: -1px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.handsontable .handsontable.ht_clone_top .wtHider {
    padding: 0 0 5px
}

.handsontable.listbox {
    margin: 0;
    background-color: #fff;
    border: 1px solid #ddd
}

.handsontable.listbox .ht_master table {
    border-collapse: separate;
    border: 0
}

.handsontable.listbox td,
.handsontable.listbox th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th {
    border-color: transparent
}

.handsontable.listbox td,
.handsontable.listbox th {
    white-space: nowrap;
    text-overflow: ellipsis
}

.handsontable.listbox td.htDimmed {
    cursor: pointer;
    color: inherit;
    font-style: inherit
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
    background-color: #f5f5f5
}

.ht_clone_top {
    z-index: 11
}

.ht_clone_left {
    z-index: 12
}

.ht_clone_bottom_left_corner,
.ht_clone_debug,
.ht_clone_top_left_corner {
    z-index: 13
}

.ht_clone_bottom,
.ht_clone_left,
.ht_clone_top,
.ht_master {
    overflow: hidden
}

.ht_master .wtHolder {
    overflow: auto
}

.ht_clone_left .wtHolder {
    overflow-x: hidden;
    overflow-y: auto
}

.ht_clone_bottom .wtHolder,
.ht_clone_top .wtHolder {
    overflow-x: hidden;
    overflow-y: hidden
}

.handsontable td.htSearchResult {
    background-color: #FFF3E0
}

.htBordered {
    border-width: 1px
}

.htBordered.htTopBorderSolid {
    border-top-style: solid;
    border-top-color: #000
}

.htBordered.htRightBorderSolid {
    border-right-style: solid;
    border-right-color: #000
}

.htBordered.htBottomBorderSolid {
    border-bottom-style: solid;
    border-bottom-color: #000
}

.htBordered.htLeftBorderSolid {
    border-left-style: solid;
    border-left-color: #000
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
    padding-bottom: 5px
}

.htCollapseButton {
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    cursor: pointer;
    margin-bottom: 3px;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.htCollapseButton:after {
    content: "";
    height: 300%;
    width: 1px;
    display: block;
    background-color: #ccc;
    margin-left: 4px;
    position: absolute;
    bottom: 10px
}

thead .htCollapseButton {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff
}

thead .htCollapseButton:after {
    height: 1px;
    width: 700%;
    right: 10px;
    top: 4px
}

.handsontable th .htExpandButton {
    position: absolute;
    top: 0;
    display: none;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.handsontable th .htExpandButton.clickable {
    display: block
}

.handsontable thead th .htExpandButton {
    top: 5px
}

.collapsibleIndicator {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 5px;
    border: 1px solid #999;
    line-height: 10px;
    color: #333;
    border-radius: 100px;
    font-size: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-color: #eee;
    -webkit-box-shadow: 0 0 0 6px #eee;
    box-shadow: 0 0 0 6px #eee
}

.handsontable col.hidden {
    width: 0!important
}

.handsontable table tr th.lightRightBorder {
    border-right: 1px solid #E6E6E6
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th,
.wtDebugHidden {
    display: none
}

.wtDebugVisible {
    display: block;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: wtFadeInFromNone;
    animation-name: wtFadeInFromNone
}

@keyframes wtFadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes wtFadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

.handsontable.mobile,
.handsontable.mobile .wtHolder {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.htContextMenu .ht_master .wtHolder,
.pika-label {
    overflow: hidden
}

.htMobileEditorContainer {
    display: none;
    position: absolute;
    top: 0;
    width: 70%;
    height: 54pt;
    background: #f5f5f5;
    border-radius: 20px;
    border: 1px solid #eee;
    z-index: 999;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.htMobileEditorContainer.active {
    display: block
}

.htMobileEditorContainer .inputs {
    position: absolute;
    right: 210px;
    bottom: 10px;
    top: 10px;
    left: 14px;
    height: 36px
}

.htMobileEditorContainer .inputs textarea {
    font-size: 13px;
    border: 1px solid #a1a1a1;
    -webkit-appearance: none;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    bottom: 0;
    padding: 7px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.htMobileEditorContainer .cellPointer,
.htMobileEditorContainer .cellPointer:before {
    height: 0;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    position: absolute
}

.htMobileEditorContainer .cellPointer {
    top: -13px;
    left: 30px;
    border-bottom: 13px solid #ebebeb
}

.htMobileEditorContainer .cellPointer.hidden {
    display: none
}

.htMobileEditorContainer .cellPointer:before {
    content: '';
    display: block;
    top: 2px;
    left: -13px;
    border-bottom: 13px solid #f5f5f5
}

.htMobileEditorContainer .moveHandle {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 30px;
    bottom: 0;
    cursor: move;
    z-index: 9999
}

.htMobileEditorContainer .moveHandle:after {
    content: "..\a..\a..\a..";
    white-space: pre;
    line-height: 10px;
    font-size: 20px;
    display: inline-block;
    margin-top: -8px;
    color: #ebebeb
}

.DTS tbody td,
.DTS tbody th,
.dataTables_scroll .dataTables_scrollBody td,
.dataTables_scroll .dataTables_scrollBody th,
.dataTables_scroll .dataTables_scrollHead td,
.dataTables_scroll .dataTables_scrollHead th,
.htContextMenu table tbody tr td {
    white-space: nowrap
}

.htMobileEditorContainer .positionControls {
    width: 205px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0
}

.htMobileEditorContainer .positionControls>div {
    width: 50px;
    height: 100%;
    float: left
}

.htMobileEditorContainer .positionControls>div:after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 50px
}

.htMobileEditorContainer .downButton:after,
.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after {
    margin: 21px 0 0 21px;
    -webkit-transform-origin: 5px;
    -moz-transform-origin: 5px;
    -ms-transform-origin: 5px;
    transform-origin: 5px
}

.htMobileEditorContainer .leftButton:after {
    border-top: 2px solid #288ffe;
    border-left: 2px solid #288ffe;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.htMobileEditorContainer .leftButton:active:after {
    border-color: #cfcfcf
}

.htMobileEditorContainer .rightButton:after {
    border-top: 2px solid #288ffe;
    border-left: 2px solid #288ffe;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.htMobileEditorContainer .rightButton:active:after {
    border-color: #cfcfcf
}

.htMobileEditorContainer .upButton:after {
    border-top: 2px solid #288ffe;
    border-left: 2px solid #288ffe;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.htMobileEditorContainer .upButton:active:after {
    border-color: #cfcfcf
}

.htMobileEditorContainer .downButton:after {
    border-top: 2px solid #288ffe;
    border-left: 2px solid #288ffe;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.htMobileEditorContainer .downButton:active:after {
    border-color: #cfcfcf
}

.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),
.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle) {
    z-index: 9999
}

.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea,
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea {
    left: -10000px;
    top: -10000px
}

.handsontable.hide-tween {
    -webkit-animation: opacity-hide .3s;
    -o-animation: opacity-hide .3s;
    animation: opacity-hide .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.handsontable.show-tween {
    -webkit-animation: opacity-show .3s;
    -o-animation: opacity-show .3s;
    animation: opacity-show .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes opacity-hide {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes opacity-hide {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes opacity-show {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacity-show {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.htContextMenu {
    display: none;
    position: absolute;
    z-index: 1051
}

.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_top {
    display: none
}

.htContextMenu .htCore {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px 0
}

.htContextMenu table tbody tr td {
    position: relative;
    border-width: 0;
    padding: 0 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.htContextMenu table tbody tr td:first-child {
    border: 0
}

.htContextMenu table tbody tr td.htDimmed {
    color: #333
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
    background: #f5f5f5
}

.htContextMenu table tbody tr td.htSeparator {
    height: 0;
    padding: 0;
    background-color: transparent;
    cursor: default
}

.htContextMenu table tbody tr td.htSeparator>div {
    height: 1px;
    background-color: #ddd;
    margin: 5px 0
}

.htContextMenu table tbody tr td.htDisabled {
    color: #999
}

.htContextMenu table tbody tr td.htDisabled,
.htContextMenu table tbody tr td.htDisabled:hover {
    cursor: default
}

.htContextMenu table tbody tr td div span.selected {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    font-size: 0;
    color: #777
}

.htContextMenu table tbody tr td div span.selected:after {
    content: '\e600';
    display: inline-block;
    font-size: 16px;
    line-height: 1
}

.htContextMenu table tbody tr.htHidden {
    display: none
}

.htContextMenuSub_Alignment {
    margin-top: -5px;
    margin-left: -1px
}

.global-zeroclipboard-container,
.global-zeroclipboard-flash-bridge {
    cursor: pointer
}

.pika-single {
    z-index: 1000;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd
}

.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute
}

.pika-lendar {
    max-width: 250px;
    margin: 5px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 999;
    margin: 0;
    left: 0;
    height: 36px;
    padding: 7px 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.pika-label,
.pika-table td,
.pika-table th {
    position: relative
}

.pika-label {
    display: inline-block;
    z-index: 1000;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 1
}

.pika-label+.pika-label {
    margin-left: 10px;
    top: -1px;
    font-size: 13px;
    color: #999
}

.pika-next,
.pika-prev {
    display: block;
    position: relative;
    border: 0;
    padding: 5px;
    margin: 10px 0;
    font-size: 0;
    background-color: transparent
}

.pika-next:after,
.pika-prev:after {
    display: block;
    font-size: 16px;
    width: 16px;
    text-align: center;
    line-height: 1
}

.pika-next:hover,
.pika-prev:hover {
    background-color: #f5f5f5
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-prev:after {
    content: '\e9c8'
}

.pika-next {
    float: right
}

.pika-next:after {
    content: '\e9cb'
}

.pika-table {
    width: 100%;
    border: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px
}

.pika-table abbr {
    border-bottom: 0;
    cursor: default
}

.pika-button {
    display: block;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 7px;
    text-align: center;
    border-radius: 3px;
    background-color: transparent
}

.is-today .pika-button,
.pika-button:hover {
    background-color: #f5f5f5
}

.is-selected .pika-button {
    color: #fff;
    background-color: #26A69A
}

.is-selected .pika-button:before,
.is-today .pika-button:before,
.is-today.is-selected .pika-button:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent
}

.is-today .pika-button:before {
    border-top-color: #EF5350
}

.dataTable tbody+tfoot+thead>tr:first-child>td,
.dataTable tbody+tfoot+thead>tr:first-child>th,
.dataTable tbody+thead>tr:first-child>td,
.dataTable tbody+thead>tr:first-child>th,
.dataTable tbody>tr:first-child>td,
.dataTable tbody>tr:first-child>th,
.dataTables_wrapper .table-bordered {
    border-top: 0
}

.is-endrange .pika-button,
.is-startrange .pika-button {
    color: #fff;
    background: #26A69A
}

.is-inrange .pika-button {
    background: #f5f5f5
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
    filter: alpha(opacity=50)
}

.pika-select {
    display: inline-block
}

.pika-week {
    font-size: 11px;
    color: #999
}

.dataTable {
    margin: 0;
    max-width: none;
    border-collapse: separate
}

.c3-tooltip,
.dataTable.table-bordered {
    border-collapse: collapse
}

.dataTable thead td,
.dataTable thead th {
    outline: 0;
    position: relative
}

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc {
    cursor: pointer
}

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_asc_disabled,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_desc_disabled {
    padding-left: 40px
}

.dataTable thead .sorting:after,
.dataTable thead .sorting:before,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_desc_disabled:after {
    content: '';
    font-family: icomoon;
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 12px;
    margin-top: -6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dataTable thead .sorting:before {
    content: '\e9c1';
    margin-top: -2px;
    color: #999
}

.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after {
    content: '\e9c2'
}

.dataTable thead .sorting:after {
    margin-top: -10px;
    color: #999
}

.dataTable thead .sorting_desc:after {
    content: '\e9c1'
}

.dataTable thead .sorting_asc_disabled:after {
    content: '\e9c2';
    color: #ccc
}

.dataTable thead .sorting_desc_disabled:after {
    content: '\e9c1';
    color: #ccc
}

.dataTable .dataTables_empty {
    text-align: center
}

.dataTables_wrapper {
    position: relative
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    height: 0
}

.dataTables_wrapper+.panel-body {
    border-top: 1px solid #ddd
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, .9)), color-stop(75%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 25%, rgba(255, 255, 255, .9) 75%, rgba(255, 255, 255, 0) 100%)
}

.datatable-footer,
.datatable-header {
    padding-top: 20px
}

.datatable-footer:after,
.datatable-header:after {
    content: "";
    display: table;
    clear: both
}

.datatable-footer>div:first-child,
.datatable-header>div:first-child {
    margin-right: 0
}

.panel>.dataTables_wrapper .datatable-footer,
.panel>.dataTables_wrapper .datatable-header {
    padding-left: 20px;
    padding-right: 20px
}

.datatable-header {
    border-bottom: 1px solid #ddd
}

.datatable-footer {
    border-top: 1px solid #bbb
}

.dataTables_length {
    float: left;
    display: inline-block;
    margin: 0 20px 20px 0
}

.dataTables_length>label {
    margin-bottom: 0
}

.dataTables_length>label>span:first-child {
    float: right;
    margin: 8px 0 8px 15px
}

.length-left .dataTables_length {
    float: right
}

.dataTables_length .select2-container {
    width: auto
}

.dataTables_filter {
    position: relative;
    display: block;
    float: right;
    margin: 0 20px 20px 0
}

.dataTables_filter>label {
    margin-bottom: 0;
    position: relative
}

.dataTables_filter>label:after {
    content: "\e98e";
    font-family: icomoon;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
    color: #999;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after,
.DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before,
.DTFC_RightBodyWrapper .DTFC_Cloned thead th:after,
.DTFC_RightBodyWrapper .DTFC_Cloned thead th:before,
.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after,
.dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before {
    content: none
}

.dataTables_filter>label>span {
    float: right;
    margin: 8px 0 8px 15px
}

.dataTables_filter input {
    outline: 0;
    width: 200px;
    height: 36px;
    padding: 7px 12px 7px 34px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px
}

.filter-right .dataTables_filter {
    float: left
}

.dataTables_info {
    float: right;
    padding: 8px 0;
    margin-bottom: 20px
}

.info-right .dataTables_info {
    float: left
}

.dataTables_paginate {
    float: left;
    text-align: left;
    margin: 0 20px 20px 0
}

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 7px 12px;
    min-width: 36px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    border: 1px solid transparent;
    border-radius: 3px
}

.dataTables_scroll .dataTables_scrollBody table,
.dataTables_scroll .dataTables_scrollHead table,
.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>td,
.panel>.dataTables_wrapper .table-bordered>tbody>tr:last-child>th {
    border-bottom: 0
}

.dataTables_paginate .paginate_button:first-child {
    margin-right: 0
}

.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:hover {
    background-color: #f5f5f5
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:focus,
.dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    background-color: #455A64
}

.dataTables_paginate .paginate_button.disabled,
.dataTables_paginate .paginate_button.disabled:focus,
.dataTables_paginate .paginate_button.disabled:hover {
    cursor: default;
    background-color: transparent;
    color: #bbb
}

.paginate-left .dataTables_paginate {
    float: right
}

.paging_simple .paginate_button:focus,
.paging_simple .paginate_button:hover {
    color: #fff;
    background-color: #455A64
}

.dataTables_scroll .dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dataTables_scroll .dataTables_scrollBody table tbody tr:first-child>td {
    border-top: 0
}

.panel-body+.dataTables_wrapper,
.panel-flat>.panel-heading+.dataTables_wrapper {
    border-top: 1px solid #ddd
}

.dataTables_scroll .dataTables_scrollBody td>.dataTables_sizing,
.dataTables_scroll .dataTables_scrollBody th>.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.panel-body>.dataTables_wrapper .datatable-footer .dataTables_filter,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_info,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_length,
.panel-body>.dataTables_wrapper .datatable-footer .dataTables_paginate {
    margin-bottom: 0
}

.panel>.dataTables_wrapper .table-bordered {
    border: 0
}

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

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

.datatable-scroll,
.datatable-scroll-lg,
.datatable-scroll-sm {
    min-height: .01%
}

.datatable-scroll-wrap {
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}

@media (max-width:1024px) {
    .datatable-scroll {
        width: 100%;
        overflow-x: scroll
    }
    .datatable-scroll td,
    .datatable-scroll th {
        white-space: nowrap
    }
}

@media (max-width:1199px) {
    .datatable-scroll-lg {
        width: 100%;
        overflow-x: scroll
    }
    .datatable-scroll-lg td,
    .datatable-scroll-lg th {
        white-space: nowrap
    }
}

@media (max-width:768px) {
    .datatable-scroll-sm {
        width: 100%;
        overflow-x: scroll
    }
    .datatable-scroll-sm td,
    .datatable-scroll-sm th {
        white-space: nowrap
    }
    .ColVis,
    .DTTT_container,
    .dataTables_filter,
    .dataTables_info,
    .dataTables_length,
    .dataTables_paginate {
        float: none!important;
        text-align: center;
        margin-right: 0
    }
    .dataTables_info,
    .dataTables_paginate {
        margin-top: 0
    }
    .datatable-header {
        text-align: center
    }
    .DTFC_LeftWrapper,
    .DTFC_RightWrapper {
        display: none
    }
}

.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, .8);
    z-index: 202;
    cursor: move
}

.DTCR_clonedTable td,
.DTCR_clonedTable th {
    border: 1px solid #ddd!important
}

.DTCR_pointer {
    width: 1px;
    background-color: #2196F3;
    z-index: 201
}

.DTFC_Blocker,
.DTFC_Cloned,
.dt-rowReorder-float {
    background-color: #fff
}

.dt-rowReorder-float {
    position: absolute!important;
    table-layout: static;
    outline: #777 dashed 1px;
    outline-offset: -1px;
    z-index: 1030;
    cursor: move;
    opacity: .9;
    filter: alpha(opacity=90)
}

.dt-rowReorder-moving {
    outline: #777 solid 1px;
    outline-offset: -1px
}

.dt-rowReorder-noOverflow {
    overflow-x: hidden
}

.dataTable td.reorder {
    text-align: center;
    cursor: move
}

.DTFC_Cloned {
    border-bottom: 0
}

.DTFC_LeftWrapper .DTFC_Cloned.table {
    border-right: 1px solid #ddd
}

.DTFC_RightWrapper .DTFC_Cloned.table {
    border-left: 1px solid #ddd
}

.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>td,
.DTFC_LeftBodyWrapper .DTFC_Cloned tbody>tr:first-child>th,
.DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>td,
.DTFC_RightBodyWrapper .DTFC_Cloned tbody>tr:first-child>th {
    border-top: 0
}

.DTFC_ScrollWrapper {
    direction: ltr
}

.fixedHeader-floating,
.fixedHeader-locked {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.fixedHeader-floating {
    position: fixed
}

.fixedHeader-floating+.fixedHeader-floating,
.fixedHeader-locked+.fixedHeader-floating {
    border-top: 0!important
}

.fixedHeader-locked {
    position: absolute
}

@media (max-width:768px) {
    .fixedHeader-floating,
    .fixedHeader-locked {
        display: none
    }
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

.dt-autofill-handle {
    position: absolute;
    height: 8px;
    width: 8px;
    z-index: 102;
    border: 1px solid #2196F3;
    background: #2196F3
}

.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: #2196F3;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, .75) 5px, rgba(255, 255, 255, .75) 10px)
}

.dt-autofill-select.bottom,
.dt-autofill-select.top {
    height: 1px
}

.dt-autofill-select.left,
.dt-autofill-select.right {
    width: 1px
}

.dt-autofill-list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid transparent;
    z-index: 1050;
    padding: 10px 0
}

.dt-autofill-list ul {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.dt-autofill-list ul li {
    display: table-row
}

.dt-autofill-list ul li:hover {
    background-color: #f5f5f5
}

.dt-autofill-list .dt-autofill-question {
    display: table-cell;
    padding: 7px 15px
}

.dt-autofill-list .dt-autofill-question input[type=number] {
    padding: 6px;
    width: 30px;
    margin: -2px 0
}

.dt-autofill-list .dt-autofill-button {
    display: table-cell;
    padding: 7px 15px;
    text-align: left
}

.dt-autofill-list .dt-autofill-button .btn {
    padding: 3px;
    background-color: #2196F3;
    color: #fff;
    font-size: 0
}

.dt-autofill-list .dt-autofill-button .btn:after {
    content: '\e9c3';
    font-family: Icomoon;
    display: block;
    font-size: 16px;
    width: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dt-autofill-list .dt-autofill-button .btn:hover {
    opacity: .85;
    filter: alpha(opacity=85)
}

.dt-autofill-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1040;
    opacity: .5;
    filter: alpha(opacity=50)
}

.dataTable tbody>tr.selected,
.dataTable tbody>tr>.selected {
    background-color: #E8F5E9
}

.dataTables_wrapper .select-info,
.dataTables_wrapper .select-item {
    margin-left: 10px
}

@media (max-width:768px) {
    .dataTables_wrapper .select-info,
    .dataTables_wrapper .select-item {
        margin-right: 0;
        display: block
    }
}

.dataTable tbody .select-checkbox {
    position: relative
}

.dataTable tbody .select-checkbox:after,
.dataTable tbody .select-checkbox:before {
    display: inline-block;
    color: #455A64;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer
}

.dataTable tbody .select-checkbox:before {
    content: '';
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    border: 2px solid #607D8B
}

.dataTable tbody .selected .select-checkbox:after {
    content: "\e600";
    font-family: icomoon;
    font-size: 16px;
    line-height: 1;
    margin-top: -8px;
    margin-left: -8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dt-buttons-full .dt-buttons {
    text-align: center;
    float: none;
    display: block;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #fcfcfc
}

.dt-buttons-full .dt-buttons>.btn {
    margin-bottom: 10px;
    float: none
}

.dt-buttons {
    float: left;
    display: inline-block;
    margin: 0 20px 20px 0
}

.dt-buttons-left .dt-buttons {
    float: right
}

@media screen and (max-width:767px) {
    .dt-buttons {
        float: none;
        text-align: center;
        display: block
    }
    .dt-buttons .btn {
        float: none
    }
}

.dt-button {
    display: inline-block;
    border: 1px solid transparent;
    padding: 7px 12px;
    outline: 0
}

+.dt-button {
    margin-right: 10px
}

.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    z-index: 1050;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.dt-button-info h2 {
    margin-top: 0;
    line-height: 1.5384616;
    font-size: 17px
}

.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #333;
    z-index: 999;
    opacity: .25;
    filter: alpha(opacity=25)
}

.dt-button-collection.dropdown-menu {
    display: block;
    z-index: 1000;
    padding: 3px 0;
    right: auto;
    overflow: hidden;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    -ms-column-gap: 2px;
    -o-column-gap: 2px;
    column-gap: 2px
}

.dt-button-collection.dropdown-menu>li {
    padding: 0 0 1px;
    margin: 0;
    border: 0;
    display: block;
    position: relative
}

.dt-button-collection.dropdown-menu>li+li {
    margin-right: 0
}

.dt-button-collection.dropdown-menu>li>a {
    margin: 2px 2px 1px;
    border-radius: 3px
}

.dt-button-collection.dropdown-menu.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    padding-left: 3px;
    padding-right: 3px
}

.dt-button-collection.dropdown-menu.fixed.two-column {
    margin-left: -150px
}

.dt-button-collection.dropdown-menu.fixed.three-column {
    margin-left: -225px
}

.dt-button-collection.dropdown-menu.fixed.four-column {
    margin-left: -300px
}

.dt-button-collection.dropdown-menu>* {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.dt-button-collection.dropdown-menu.two-column {
    width: 300px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

.dt-button-collection.dropdown-menu.three-column {
    width: 450px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3
}

.dt-button-collection.dropdown-menu.four-column {
    width: 600px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4
}

.dataTable td.focus,
.dataTable th.focus {
    outline: #2196F3 solid 2px;
    outline-offset: -1px
}

.dataTable td.focus-success,
.dataTable th.focus-success {
    background-color: #E8F5E9;
    outline-color: #4CAF50
}

.dataTable td.focus-info,
.dataTable th.focus-info {
    background-color: #E3F2FD;
    outline-color: #2196F3
}

.dataTable td.focus-warning,
.dataTable th.focus-warning {
    background-color: #FBE9E7;
    outline-color: #FF5722
}

.dataTable td.focus-danger,
.dataTable th.focus-danger {
    background-color: #FFEBEE;
    outline-color: #F44336
}

.DTS .DTS_Loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 20px;
    margin-top: -20px;
    margin-left: -100px;
    z-index: 1;
    border: 1px solid #999;
    padding: 20px 0;
    text-align: center;
    background-color: rgba(255, 255, 255, .5)
}

.DTS .dataTables_scrollFoot,
.DTS .dataTables_scrollHead {
    background-color: #fff
}

.DTS .dataTables_scrollBody {
    z-index: 2
}

.dtr-inline.collapsed tbody tr td:before,
.dtr-inline.collapsed tbody tr th:before {
    margin-left: 10px
}

.dtr-inline.collapsed tbody tr td:first-child,
.dtr-inline.collapsed tbody tr th:first-child {
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before,
.dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before {
    display: none
}

.dtr-column tbody td.control,
.dtr-column tbody th.control {
    position: relative;
    cursor: pointer
}

.dtr-column tbody tr td.control:before,
.dtr-column tbody tr th.control:before,
.dtr-inline.collapsed tbody tr td:first-child:before,
.dtr-inline.collapsed tbody tr th:first-child:before {
    content: '\e9e4';
    font-family: icomoon;
    display: inline-block;
    font-size: 16px;
    width: 16px;
    line-height: 1;
    position: relative;
    top: -1px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.timer>li.dots,
.valign-top {
    vertical-align: top
}

.dataTable.dtr-column tbody tr.parent td.control:before,
.dataTable.dtr-column tbody tr.parent th.control:before,
.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: '\e9e7'
}

.dtr-inline.collapsed tbody tr.child td:before {
    display: none
}

.dataTable tr.child:hover {
    background-color: transparent
}

.dataTable tr.child .dtr-title {
    display: table-cell;
    font-weight: 500;
    padding-left: 40px
}

.dataTable tr.child .dtr-data {
    display: table-cell;
    padding: 8px 0
}

.dataTable tr td.child {
    white-space: normal;
    position: relative
}

.dataTable tr td.child>ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.dataTable tr td.child>ul>li {
    display: table-row
}

@media (max-width:480px) {
    .dataTable tr td.child>ul>li .btn-group,
    .dataTable tr td.child>ul>li .dropdown,
    .dataTable tr td.child>ul>li .dropup {
        position: static
    }
    .dataTable tr td.child>ul>li .dropdown-menu {
        left: 0;
        right: 0;
        border-radius: 0;
        border-width: 1px 0
    }
}

.map-wrapper {
    width: 100%;
    height: 400px
}

.sidebar .map-wrapper {
    height: 200px;
    border: 1px solid #ddd
}

.map-container,
.vector-map-container {
    height: 500px
}

.gm-style {
    font-size: 13px
}

.gm-style .gm-style-iw {
    font-size: 13px;
    font-weight: 400
}

.chart-pie,
.has-fixed-height {
    height: 400px
}

.jvectormap-label {
    position: absolute;
    display: none;
    border-radius: 2px;
    background-color: #333;
    color: #fff;
    padding: 7px 12px
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    right: 10px;
    border-radius: 2px;
    padding: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    line-height: 10px;
    background-color: #37474F;
    text-align: center
}

.chart,
.chart-container {
    position: relative;
    width: 100%
}

.bullet-title,
.c3-text,
.c3-tooltip th {
    font-weight: 500
}

.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
    background-color: #455A64
}

.jvectormap-zoomin {
    top: 10px
}

.jvectormap-zoomout {
    top: 40px
}

.chart-container.has-scroll {
    overflow-x: scroll;
    overflow-y: visible;
    max-width: 100%
}

.chart {
    display: block;
    direction: ltr
}

.chart.has-minimum-width {
    min-width: 600px
}

.chart-pie {
    width: 100%;
    min-width: 500px
}

html[dir=rtl] svg+[aria-label] {
    display: none
}

.c3 {
    direction: ltr
}

.c3 svg {
    font-size: 12px
}

.c3 line,
.c3 path {
    fill: none;
    stroke: #999
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c3-chart-arc path {
    stroke: #fff
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px
}

.c3-grid line {
    stroke: #aaa
}

.c3-grid text {
    fill: #aaa
}

.c3-xgrid,
.c3-ygrid {
    stroke-dasharray: 3 3
}

.c3-text.c3-empty {
    fill: grey;
    font-size: 2em
}

.c3-line {
    stroke-width: 2px
}

.c3-area {
    stroke-width: 0;
    opacity: .4;
    filter: alpha(opacity=40)
}

.c3-circle._expanded_ {
    stroke-width: 1.5px;
    stroke: #fff
}

.c3-selected-circle {
    fill: #fff;
    stroke-width: 2px
}

.c3-bar {
    stroke-width: 0
}

.c3-bar._expanded_ {
    fill-opacity: .75
}

.c3-chart-arcs-title {
    font-size: 1.3em
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: none
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #333;
    font-size: 15px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #999
}

.c3-chart-arc .c3-gauge-value {
    fill: #333;
    font-size: 28px
}

.bullet-tick text,
.c3-legend-item,
.c3-tooltip td,
.d3-tip {
    font-size: 12px
}

.c3-target.c3-focused {
    opacity: 1;
    filter: alpha(opacity=100)
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
    stroke-width: 2px
}

.c3-target.c3-defocused {
    opacity: .3!important;
    filter: alpha(opacity=30)!important
}

.c3-region {
    fill: #546E7A;
    fill-opacity: .1
}

.c3-brush .extent {
    fill-opacity: .1
}

.c3-legend-background {
    fill: #fff;
    stroke: #d3d3d3;
    stroke-width: 1;
    opacity: .75;
    filter: alpha(opacity=75)
}

.c3-tooltip {
    direction: rtl;
    background-color: #fff;
    empty-cells: show;
    opacity: .95;
    filter: alpha(opacity=95)
}

.c3-tooltip th {
    background-color: #333;
    padding: 4px 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #333
}

.c3-tooltip td {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #ddd
}

.d3-tip,
.venntooltip {
    direction: rtl;
    background-color: #333;
    color: #fff;
    position: absolute
}

.c3-tooltip td>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 6px
}

.c3-tooltip td.value {
    text-align: left
}

.d3-axis path {
    fill: none;
    stroke: #999
}

.d3-axis line {
    stroke: #eee
}

.d3-axis-solid line,
.d3-axis-solid path,
.d3-axis-strong line,
.d3-axis-strong path {
    stroke: #ccc
}

.d3-axis .tick,
.d3-axis .tick text {
    font-size: 12px;
    fill: #333
}

.d3-axis-solid .tick,
.d3-axis-solid .tick text {
    fill: #999
}

.d3-axis-strong .tick,
.d3-axis-strong .tick text {
    fill: #333
}

.d3-axis-transparent path {
    stroke: none
}

.d3-axis-transparent line {
    stroke: #e5e5e5
}

.d3-axis-transparent .tick,
.d3-axis-transparent .tick text {
    fill: #999
}

.d3-tip {
    padding: 8px 15px;
    border-radius: 3px;
    margin-bottom: -3px;
    z-index: 1070
}

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

.d3-tip.n .d3-tip-arrow {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #333
}

.d3-tip.e .d3-tip-arrow {
    top: 50%;
    left: -4px;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-right-color: #333
}

.d3-tip.w .d3-tip-arrow {
    top: 50%;
    right: -4px;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-left-color: #333
}

.d3-tip.s .d3-tip-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: #333
}

.venntooltip {
    text-align: center;
    white-space: nowrap;
    padding: 7px 12px;
    border-radius: 3px;
    display: none
}

.d3-line {
    fill: none
}

.d3-line-thin {
    stroke-width: 1px
}

.d3-line-medium {
    stroke-width: 1.5px
}

.d3-line-strong {
    stroke-width: 2px
}

.d3-line-circle {
    fill: none;
    cursor: pointer
}

.d3-line-circle-thin {
    stroke-width: 1px
}

.d3-line-circle-medium {
    stroke-width: 1.5px
}

.d3-line-circle-strong {
    stroke-width: 2px
}

.d3-grid .tick line {
    stroke-width: 1px;
    stroke: #e5e5e5
}

.d3-grid .tick text {
    fill: #333;
    stroke: none
}

.d3-grid-dashed .tick {
    stroke-dasharray: 4, 2;
    stroke-width: 1px;
    stroke: #e5e5e5
}

.d3-grid-dashed path {
    stroke-width: 0
}

.d3-crosshair-overlay {
    fill: none;
    pointer-events: all
}

.bullet-tick line {
    stroke: #999;
    stroke-width: 1px
}

.bullet-tick text {
    fill: #999
}

.bullet-marker {
    stroke-width: 2px
}

.bullet-title {
    font-size: 13px
}

.bullet-subtitle {
    fill: #999
}

.bullet-1 .bullet-range-1 {
    fill: rgba(96, 125, 139, .8)
}

.bullet-1 .bullet-range-2 {
    fill: rgba(96, 125, 139, .4)
}

.bullet-1 .bullet-range-3 {
    fill: #607D8B
}

.bullet-1 .bullet-measure-1 {
    fill: rgba(84, 110, 122, .9)
}

.bullet-1 .bullet-measure-2 {
    fill: #fff
}

.bullet-1 .bullet-marker {
    stroke: #37474F
}

.bullet-2 .bullet-range-1 {
    fill: rgba(255, 112, 67, .6)
}

.bullet-2 .bullet-range-2 {
    fill: rgba(255, 112, 67, .3)
}

.bullet-2 .bullet-range-3 {
    fill: #FF7043
}

.bullet-2 .bullet-measure-1 {
    fill: rgba(244, 81, 30, .9)
}

.bullet-2 .bullet-measure-2 {
    fill: #fff
}

.bullet-2 .bullet-marker {
    stroke: #D84315
}

.bullet-3 .bullet-range-1 {
    fill: rgba(102, 187, 106, .7)
}

.bullet-3 .bullet-range-2 {
    fill: rgba(102, 187, 106, .35)
}

.bullet-3 .bullet-range-3 {
    fill: #66BB6A
}

.bullet-3 .bullet-measure-1 {
    fill: rgba(67, 160, 71, .9)
}

.bullet-3 .bullet-measure-2 {
    fill: #fff
}

.bullet-3 .bullet-marker {
    stroke: #2E7D32
}

.counter-icon {
    font-size: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px
}

.jqsfield,
.jqstooltip {
    font-size: 12px!important;
    font-family: Roboto, sans-serif!important
}

.jqstooltip {
    padding: 7px!important;
    line-height: 1.6666667!important;
    border: 0!important;
    border-radius: 3px!important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.timer,
.timer-weekdays {
    padding: 0;
    text-align: center;
    list-style: none
}

.timer-weekdays {
    margin: 0
}

.timer-weekdays>li {
    display: inline-block;
    margin: 2px 0
}

.timer-weekdays>li>a {
    display: block;
    margin: 0 1px
}

.timer-weekdays .label-default {
    background-color: #ccc;
    border-color: #ccc
}

.timer-weekdays .label-default:focus,
.timer-weekdays .label-default:hover {
    border-color: #999
}

.timer {
    margin: 0
}

.timer>li {
    font-size: 46px;
    text-align: center;
    display: inline-block;
    color: #555;
    font-weight: 300
}

.timer>li.dots {
    font-size: 25px;
    padding: 16.67px 0
}

.timer>li>span {
    display: block;
    font-size: 13px
}

.task-details {
    float: left;
    margin: 0
}

.task-details>li {
    display: block
}

@media (max-width:1024px) {
    .task-details {
        float: none;
        margin-top: 15px;
        list-style: none;
        padding: 0
    }
    .task-details>li {
        float: right;
        position: relative;
        padding-left: 20px;
        margin-top: 0
    }
    .task-details>li:before {
        content: '•';
        position: absolute;
        left: 8px;
        color: #999
    }
    .task-details>li:last-child:before {
        content: none
    }
}

@media (max-width:768px) {
    .chart-container {
        overflow-x: scroll;
        overflow-y: visible;
        max-width: 100%
    }
    .task-details>li {
        float: none
    }
    .task-details>li:before {
        content: none
    }
    .task-details>li+li {
        margin-top: 10px
    }
}

@media (min-width:769px) {
    .invoice-details,
    .invoice-payment-details>li span {
        float: left;
        text-align: left
    }
}

.invoice-grid ol,
.invoice-grid ul {
    margin-bottom: 0
}

@media (max-width:768px) {
    .invoice-grid .text-right {
        text-align: inherit
    }
    .invoice-grid [class*=col-]+[class*=col-] {
        margin-top: 20px
    }
}

.contact-details {
    padding: 15px 30px 15px 15px;
    background-color: #fcfcfc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.media-list-bordered .contact-details {
    border-bottom: 0
}

.panel-body>.media-list .contact-details {
    padding-right: 15px;
    background-color: transparent;
    margin-top: 15px
}

.panel-body>.media-list-bordered .contact-details {
    padding-bottom: 0
}

.contact-details>ul,
.contact-details>ul>li:first-child {
    margin: 0
}

.profile-cover {
    position: relative
}

.profile-cover .media {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px
}

.profile-cover .media .btn-default {
    border-color: #fcfcfc;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.profile-cover .media-body,
.profile-cover small {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .8)
}

.profile-cover-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px
}

@media (max-width:768px) {
    .profile-cover .media {
        text-align: center;
        margin-top: 0;
        bottom: auto;
        top: 40px
    }
    .profile-cover .media-left,
    .profile-cover .media-right {
        padding: 0;
        display: block;
        overflow-x: auto
    }
    .profile-cover .media-body {
        display: block;
        margin-bottom: 20px;
        width: 100%
    }
    .profile-cover .media-body>h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }
    .profile-cover-img {
        height: 320px
    }
}

.media .profile-thumb img {
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.login-cover {
    background: url(../images/login_cover.jpg) no-repeat;
    background-size: cover
}

.login-container {
    display: table;
    width: 100%;
    height: 100%
}

.navbar+.login-container {
    height: calc(100% - 46px)
}

.navbar-lg+.login-container {
    height: calc(100% - 50px)
}

.navbar-sm+.login-container {
    height: calc(100% - 44px)
}

.navbar-xs+.login-container {
    height: calc(100% - 42px)
}

.login-container .page-content {
    display: table-row;
    height: 100%
}

.login-container .login-form {
    width: 320px
}

.login-container .login-form,
.login-container .registration-form {
    margin: 0 auto 20px
}

@media (max-width:480px) {
    .login-container .login-form,
    .login-container .registration-form {
        width: 100%
    }
}

.login-container .footer {
    left: 0;
    right: 0;
    text-align: center
}

.login-container .content-wrapper {
    vertical-align: middle;
    display: table-cell
}

.login-container .nav-tabs.nav-justified {
    margin-bottom: 0
}

.login-container .nav-tabs.nav-justified>li>a {
    border-top: 0!important;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f5f5f5
}

.login-container .nav-tabs.nav-justified>li:first-child>a {
    border-right: 0;
    border-radius: 0 3px 0 0
}

.login-container .nav-tabs.nav-justified>li:last-child>a {
    border-left: 0;
    border-radius: 3px 0 0
}

.login-container .nav-tabs.nav-justified>li.active>a {
    background-color: transparent
}

@media (max-width:768px) {
    .login-container .nav-tabs.nav-justified {
        padding: 0;
        border-width: 0 0 1px;
        border-radius: 0
    }
    .login-container .nav-tabs.nav-justified:before {
        content: none
    }
    .login-container .nav-tabs.nav-justified>li>a {
        border-width: 0!important
    }
    .login-options,
    .login-options .text-right {
        text-align: center
    }
}

.timeline-container:after,
.timeline:after,
.timeline:before {
    content: "";
    right: 50%;
    background-color: #ccc
}

.timeline {
    position: relative;
    height: 100%
}

.timeline:after,
.timeline:before {
    position: absolute;
    top: 0;
    margin-right: -2px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    z-index: 1
}

.timeline:after {
    top: auto;
    bottom: 0
}

.timeline-container {
    position: relative;
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 1px
}

.timeline-date,
.timeline-time {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.timeline-container:after {
    position: absolute;
    top: 0;
    margin-right: -1px;
    height: 100%;
    width: 2px;
    z-index: -1
}

.timeline-date,
.timeline-row {
    position: relative
}

.timeline-date:after,
.timeline-date:before,
.timeline-time:after,
.timeline-time:before {
    content: "";
    right: 50%;
    margin-right: -2px;
    height: 4px;
    width: 4px;
    border-radius: 50%
}

.timeline-content {
    margin-bottom: 20px
}

.timeline-date {
    background-color: #f5f5f5;
    z-index: 1
}

.timeline-date:after,
.timeline-date:before {
    position: absolute;
    top: 0;
    background-color: #ccc;
    z-index: 1
}

.timeline-date:after {
    top: auto;
    bottom: 0
}

.panel .timeline-date {
    background-color: #fff
}

.timeline-time {
    background-color: #f5f5f5;
    position: relative
}

.timeline-time:after,
.timeline-time:before {
    position: absolute;
    top: 0;
    background-color: #ccc
}

.panel .timeline-time,
.timeline-icon {
    background-color: #fff
}

.timeline-time:after {
    top: auto;
    bottom: 0
}

.timeline-time span {
    display: block;
    color: #999;
    font-size: 12px
}

.timeline-time span:before {
    content: '•';
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 1px
}

.timeline-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto 20px;
    border: 4px solid #f5f5f5
}

.panel .timeline-icon {
    border-color: #fff
}

.timeline-icon div {
    border-radius: 50%;
    height: 100%;
    -webkit-box-shadow: 0 0 0 2px #ccc inset;
    box-shadow: 0 0 0 2px #ccc inset
}

.timeline-icon div[class*=bg-] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.timeline-icon div>i {
    display: block;
    line-height: 40px;
    top: 0
}

.timeline-icon img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

@media (min-width:1025px) {
    .timeline-time:after,
    .timeline-time:before {
        content: none
    }
    .timeline-center .timeline-row {
        margin-left: 50%;
        padding-left: 44px
    }
    .timeline-center .post-even {
        margin-left: 0;
        padding-left: 0;
        margin-right: 50%;
        padding-right: 44px
    }
    .timeline-center .post-full {
        margin: 0;
        padding: 0
    }
    .timeline-center .post-full .timeline-content {
        position: relative
    }
    .timeline-center .post-full .timeline-content:after,
    .timeline-center .post-full .timeline-content:before {
        content: '';
        border-style: solid;
        border-color: #f5f5f5;
        display: block;
        position: absolute;
        left: 0;
        right: 0
    }
    .timeline-center .post-full .timeline-content:before {
        border-width: 4px 0 0;
        top: -5px
    }
    .timeline-center .post-full .timeline-content:after {
        border-width: 0 0 4px;
        bottom: -5px
    }
    .timeline-left .timeline-container:after,
    .timeline-left .timeline-date:after,
    .timeline-left .timeline-date:before,
    .timeline-left:after,
    .timeline-left:before {
        right: 24px
    }
    .timeline-left .timeline-date,
    .timeline-left .timeline-row {
        padding-right: 68px
    }
    .timeline-right .timeline-container:after,
    .timeline-right .timeline-date:after,
    .timeline-right .timeline-date:before,
    .timeline-right:after,
    .timeline-right:before {
        right: auto;
        left: 24px;
        margin-right: 0;
        margin-left: -2px
    }
    .timeline-right .timeline-container:after {
        margin-left: -1px
    }
    .timeline-right .timeline-date,
    .timeline-right .timeline-row {
        padding-left: 68px
    }
    .timeline-left .timeline-date,
    .timeline-right .timeline-date {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .timeline-icon {
        position: absolute;
        top: 10px
    }
    .timeline-icon:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 16px;
        background-color: #ccc;
        z-index: 1
    }
    .timeline-center .post-full .timeline-icon:after,
    .timeline-time:before {
        content: none
    }
    .timeline-left .timeline-icon {
        right: 0
    }
    .timeline-left .timeline-icon:after {
        right: 100%;
        margin-right: 4px
    }
    .timeline-right .timeline-icon {
        left: 0
    }
    .timeline-right .timeline-icon:after {
        left: 100%;
        margin-left: 4px
    }
    .timeline-center .timeline-row:not(.post-full) .timeline-icon {
        right: 100%;
        margin-right: -24px
    }
    .timeline-center .timeline-row.post-even .timeline-icon {
        right: auto;
        left: 100%;
        margin-right: 0;
        margin-left: -24px
    }
    .timeline-center .timeline-icon:after {
        left: 100%;
        margin-left: 4px
    }
    .timeline-center .post-even .timeline-icon:after {
        right: 100%;
        margin-right: 4px
    }
    .timeline-center .post-full .timeline-icon {
        position: static
    }
    .timeline-time {
        padding: 0;
        text-align: inherit;
        background-color: transparent
    }
    .timeline-left .timeline-time,
    .timeline-right .timeline-time {
        padding-top: 10px;
        margin-bottom: 20px;
        padding-right: 10px
    }
    .timeline-right .timeline-time {
        text-align: left;
        padding-right: 0;
        padding-left: 10px
    }
    .timeline-center .post-full .timeline-time,
    .timeline-center .timeline-time {
        position: absolute;
        right: 100%;
        top: 15px;
        width: 100%;
        padding-right: 44px
    }
    .timeline-center .post-even .timeline-time,
    .timeline-center .post-full .timeline-time {
        right: auto;
        left: 100%;
        padding-right: 0;
        padding-left: 44px;
        text-align: left
    }
    .timeline-center .post-full .timeline-time {
        left: 50%;
        top: 5px
    }
}

.chat-list,
.chat-stacked {
    max-height: 520px;
    overflow: auto
}

.chat-list .media-left {
    padding-left: 20px
}

.chat-list .media-right {
    padding-right: 20px
}

.chat-list .media-content {
    position: relative;
    padding: 10px 12px;
    width: auto;
    border-radius: 3px;
    display: inline-block
}

.chat-list .media-content:not([class*=bg-]) {
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.chat-list .media-content>i {
    top: 0;
    margin: 2px
}

.chat-list .reversed .media-content {
    text-align: right;
    color: #fff
}

.chat-list .reversed .media-content:not([class*=bg-]) {
    background-color: #42A5F5;
    border-color: #42A5F5
}

.chat-list .reversed .media-content>a {
    color: #fff
}

.chat-list .reversed .media-body {
    text-align: left
}

.chat-list .date-step.media {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    color: #999
}

.chat-list .chat-thumbs img {
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 100px;
    height: auto;
    max-width: 100%;
    display: inline-block;
    border-radius: 3px
}

.chat-list .media-content:before,
.chat-list .reversed .media-content:before {
    content: '';
    right: -5px;
    top: 15px;
    position: absolute;
    margin-right: 0
}

.chat-list .media-content:before {
    border-top: 5px solid transparent;
    border-left: 5px solid;
    border-left-color: inherit;
    border-bottom: 5px solid transparent
}

.chat-list .reversed .media-content:before {
    right: auto;
    left: -5px;
    border-left: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid;
    border-right-color: inherit;
    border-bottom: 5px solid transparent
}

@media (min-width:769px) {
    .chat-list .media {
        margin-left: 20%
    }
    .chat-list .media.reversed {
        margin-left: 0;
        margin-right: 20%
    }
}

.heading-elements .heading-btn+.heading-btn,
.heading-elements .heading-btn-group>.btn+.btn:not(.btn-link),
.page-header .heading-elements .icons-list>li+li,
.thumbnail-heading .heading-elements .icons-list>li+li {
    margin-right: 10px
}

.chat-list-inverse .media-content:not([class*=bg-]) {
    color: #fff;
    background-color: #42A5F5;
    border-color: #42A5F5
}

.chat-list-inverse .media-content:before {
    border-top: 5px solid transparent;
    border-left: 5px solid #42A5F5;
    border-bottom: 5px solid transparent
}

.chat-list-inverse .media-content>a {
    color: #fff
}

.chat-list-inverse .reversed .media-content:not([class*=bg-]) {
    background-color: #f5f5f5;
    color: inherit
}

.chat-list-inverse .reversed .media-content:before {
    border-top: 5px solid transparent;
    border-right: 5px solid #f5f5f5;
    border-bottom: 5px solid transparent
}

.panel .main-search input[type=text] {
    background-color: #FAFAFA
}

.search-results-list .list-inline {
    margin-bottom: 5px
}

.related-searches {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.website-search-results {
    padding: 20px 20px 0;
    border-bottom: 1px solid #eee
}

.media-preview {
    width: auto;
    height: auto;
    max-width: none;
    max-height: 90px
}

.error-title {
    color: #fff;
    font-size: 200px;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 300;
    text-stroke: 1px transparent;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
}

@media (max-width:768px) {
    .search-option-buttons {
        text-align: center
    }
    .search-option-buttons>.text-right {
        text-align: inherit
    }
    .error-title {
        font-size: 130px
    }
}

.offline-title {
    font-size: 120px
}

.breadcrumb-elements-toggle,
.heading-elements-toggle {
    cursor: pointer;
    display: block;
    line-height: 1;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 20px
}

.breadcrumb-elements-toggle,
.breadcrumb-elements-toggle:focus,
.breadcrumb-elements-toggle:hover,
.heading-elements-toggle,
.heading-elements-toggle:focus,
.heading-elements-toggle:hover {
    color: inherit
}

.breadcrumb-elements-toggle>i,
.heading-elements-toggle>i {
    top: 0
}

@media (min-width:769px) {
    .breadcrumb-elements-toggle,
    .heading-elements-toggle {
        display: none
    }
}

.breadcrumb-line-component .breadcrumb-elements-toggle {
    left: 15px
}

.heading-elements {
    background-color: inherit;
    position: absolute;
    top: 50%;
    left: 20px;
    height: 36px;
    margin-top: -18px
}

.panel-body>.heading-elements {
    top: 0;
    margin-top: 14px;
    z-index: 10
}

@media (max-width:768px) {
    .offline-title {
        font-size: 90px
    }
    .panel-body>.heading-elements-toggle {
        top: 20px;
        margin-top: 0
    }
    .panel-body>.heading-elements.visible {
        top: 56px;
        background-color: #fff
    }
}

.heading-elements .pager,
.heading-elements .pagination {
    margin-top: 0;
    margin-bottom: 0
}

.heading-elements .breadcrumb {
    padding-top: 8px;
    padding-bottom: 8px
}

.heading-elements.panel-pills .nav>li>a,
.heading-elements.panel-tabs .nav>li>a {
    text-align: right
}

.heading-elements .btn-float.btn-link {
    padding-top: 0;
    padding-bottom: 0
}

.heading-elements .daterange-custom {
    margin-top: 4px
}

.heading-elements .heading-btn-group {
    font-size: 0
}

@media (max-width:768px) {
    .heading-elements {
        text-align: center
    }
    .heading-elements .breadcrumb,
    .heading-elements .daterange-custom,
    .heading-elements .heading-btn,
    .heading-elements .heading-btn-group>.btn,
    .heading-elements .heading-form .form-group,
    .heading-elements .heading-text,
    .heading-elements .icons-list,
    .heading-elements .nav-pills,
    .heading-elements .nav-tabs,
    .heading-elements .noui-slider,
    .heading-elements .pager,
    .heading-elements .pagination,
    .heading-elements .progress,
    .heading-elements .ui-slider,
    .heading-elements>.btn-group {
        margin-bottom: 20px
    }
    .heading-elements .heading-text:not(.label):not(.badge) {
        display: block
    }
    .heading-elements .bootstrap-select,
    .heading-elements .multiselect+.btn-group,
    .heading-elements .select2-container,
    .heading-elements .selectboxit-container,
    .heading-elements .selectboxit-options {
        width: 100%!important
    }
    .heading-elements .btn-group,
    .heading-elements .dropdown,
    .heading-elements .dropup,
    .heading-elements .input-group,
    .heading-elements .input-group-btn {
        position: static
    }
    .heading-elements .dropdown-menu {
        left: -1px;
        right: -1px;
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

@media (min-width:769px) {
    .heading-elements .breadcrumb,
    .heading-elements .daterange-custom,
    .heading-elements .heading-btn,
    .heading-elements .heading-form,
    .heading-elements .heading-text,
    .heading-elements .icons-list,
    .heading-elements .nav-pills,
    .heading-elements .nav-tabs,
    .heading-elements .noui-slider,
    .heading-elements .pager,
    .heading-elements .pagination,
    .heading-elements .progress,
    .heading-elements .ui-slider,
    .heading-elements>.btn-group {
        float: right;
        margin-right: 20px
    }
    .heading-elements .heading-text+.heading-text {
        margin-right: 20px
    }
    .heading-elements .heading-form .form-control,
    .heading-elements .input-group,
    .heading-elements .noui-slider,
    .heading-elements .progress,
    .heading-elements .selectbox-fixed+.selectboxit-container,
    .heading-elements .selectbox-fixed+.selectboxit-options,
    .heading-elements .selectboxit-container .selectboxit-options,
    .heading-elements .ui-slider,
    .heading-elements .uploader {
        width: 220px
    }
    .heading-elements .btn-group-sm>.btn,
    .heading-elements .btn-sm,
    .heading-elements .input-group-sm,
    .heading-elements .input-sm,
    .heading-elements .pager-sm,
    .heading-elements .pagination-sm,
    .heading-elements .select-sm,
    .heading-elements .selectbox-sm+.selectboxit-container,
    .heading-elements .uploader-sm {
        margin-top: 1px
    }
    .heading-elements .btn-group-xs>.btn,
    .heading-elements .btn-xs,
    .heading-elements .input-group-xs,
    .heading-elements .input-xs,
    .heading-elements .pager-xs,
    .heading-elements .pagination-xs,
    .heading-elements .select-xs,
    .heading-elements .selectbox-xs+.selectboxit-container,
    .heading-elements .uploader-xs {
        margin-top: 2px
    }
    .heading-elements .btn-float {
        margin-top: -6px
    }
    .heading-elements .btn-float.has-text {
        margin-top: -17.5px
    }
    .heading-elements .btn-float.btn-link {
        margin-top: -3.5px
    }
    .heading-elements .noui-slider,
    .heading-elements .ui-slider {
        margin-top: 15px
    }
    .heading-elements .noui-slider-lg,
    .heading-elements .ui-slider-lg {
        margin-top: 14px
    }
    .heading-elements .noui-slider-sm,
    .heading-elements .ui-slider-sm {
        margin-top: 16px
    }
    .heading-elements .noui-slider-xs,
    .heading-elements .ui-slider-xs {
        margin-top: 17px
    }
    .heading-elements .progress {
        margin-top: 9px
    }
    .heading-elements .progress-lg {
        margin-top: 7px
    }
    .heading-elements .progress-sm {
        margin-top: 11px
    }
    .heading-elements .progress-xs {
        margin-top: 13px
    }
    .heading-elements .progress-xxs {
        margin-top: 15px
    }
    .heading-elements .progress-micro {
        margin-top: 17px
    }
    .heading-elements .icons-list {
        margin-top: 9px
    }
    .heading-elements .heading-text {
        display: inline-block;
        margin-top: 8px
    }
    .heading-elements.panel-tabs {
        bottom: 0;
        top: auto;
        height: auto;
        margin-top: 0
    }
    .heading-elements.panel-tabs>.nav-tabs {
        border-bottom: 0;
        margin-bottom: 0
    }
    .heading-elements.panel-tabs>.nav-tabs>li>a {
        padding: 15px 20px
    }
    .panel-flat .heading-elements.panel-tabs {
        bottom: auto;
        top: 0
    }
    .panel-flat .heading-elements.panel-tabs>.nav-tabs>li>a {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .heading-elements.panel-pills>.nav-pills {
        margin-bottom: 0;
        margin-top: -1px
    }
    .heading-elements.panel-pills .nav-sm {
        margin-top: 1px
    }
    .heading-elements.panel-pills .nav-xs {
        margin-top: 3px
    }
}

.heading-form .checkbox-switchery,
.heading-form .checkbox-switchery[class*=switchery-],
.heading-form .form-group {
    margin-bottom: 0
}

.heading-form .input-group .form-control {
    width: 100%;
    margin-top: 0
}

.heading-form .input-group.input-group-sm .btn,
.heading-form .input-group.input-group-xs .btn {
    margin-top: 0
}

@media (min-width:769px) {
    .heading-form .form-group {
        display: inline-block
    }
    .heading-form .form-group+.form-group {
        margin-right: 15px
    }
    .heading-form .checkbox-inline,
    .heading-form .radio-inline {
        margin-top: 8px
    }
    .heading-form .checkbox-switch {
        margin-top: 2px
    }
    .heading-form .checkbox-switch-sm {
        margin-top: 3px
    }
    .heading-form .checkbox-switch-xs {
        margin-top: 4px
    }
    .pull-right-sm {
        float: left
    }
}

@media (max-width:768px) {
    .breadcrumb-elements,
    .heading-elements {
        display: none
    }
    .breadcrumb-elements.visible,
    .heading-elements.visible {
        display: block;
        margin-top: 0;
        top: 100%;
        height: auto;
        left: -1px;
        right: -1px;
        padding: 20px 20px 0;
        border: 1px solid #ddd;
        z-index: 997
    }
    .panel-heading[class*=bg-] .heading-elements.visible,
    .panel[class*=bg-] .heading-elements.visible {
        border-width: 1px 0;
        border-color: rgba(255, 255, 255, .5);
        left: 0;
        right: 0;
        background-color: inherit
    }
    .page-header .heading-elements.visible {
        border-width: 1px 0;
        left: 0;
        right: 0;
        z-index: 999
    }
    .breadcrumb-elements.visible {
        padding: 0;
        z-index: 9
    }
}

.no-edge-top {
    top: 0
}

.no-edge-bottom {
    bottom: 0
}

.no-edge-left {
    right: 0
}

.no-edge-right {
    left: 0
}

@media (min-width:1200px) {
    .pull-right-lg {
        float: left
    }
}

@media (min-width:1025px) {
    .pull-right-md {
        float: left
    }
}

@media (min-width:480px) {
    .pull-right-xs {
        float: left
    }
}

.valign-middle {
    vertical-align: middle
}

.valign-bottom {
    vertical-align: bottom
}

.valign-baseline {
    vertical-align: baseline
}

.valign-text-top {
    vertical-align: top
}

.valign-text-bottom {
    vertical-align: text-bottom
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.display-block,
label.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.cursor-default {
    cursor: default
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-auto {
    overflow: auto
}

.content-group-xs {
    margin-bottom: 10px!important
}

.content-group-sm {
    margin-bottom: 15px!important
}

.content-group {
    margin-bottom: 20px!important
}

.content-group-lg {
    margin-bottom: 30px!important
}

.no-margin {
    margin: 0!important
}

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

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

.no-margin-left {
    margin-right: 0!important
}

.no-margin-right {
    margin-left: 0!important
}

.m-5 {
    margin: 5px!important
}

.m-10 {
    margin: 10px!important
}

.m-15 {
    margin: 15px!important
}

.m-20 {
    margin: 20px!important
}

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

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

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

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

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

.mb-15 {
    margin-bottom: 15px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

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

.ml-10 {
    margin-right: 10px!important
}

.ml-15 {
    margin-right: 15px!important
}

.ml-20 {
    margin-right: 20px!important
}

.mr-5 {
    margin-left: 5px!important
}

.mr-10 {
    margin-left: 10px!important
}

.mr-15 {
    margin-left: 15px!important
}

.mr-20 {
    margin-left: 20px!important
}

.no-padding {
    padding: 0!important
}

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

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

.no-padding-left {
    padding-right: 0!important
}

.no-padding-right {
    padding-left: 0!important
}

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

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

.p-15 {
    padding: 15px!important
}

.p-20 {
    padding: 20px!important
}

.pt-5 {
    padding-top: 5px!important
}

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

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

.pt-20 {
    padding-top: 20px!important
}

.pb-5 {
    padding-bottom: 5px!important
}

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

.pb-15 {
    padding-bottom: 15px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pl-5 {
    padding-right: 5px!important
}

.pl-10 {
    padding-right: 10px!important
}

.pl-15 {
    padding-right: 15px!important
}

.pl-20 {
    padding-right: 20px!important
}

.pr-5 {
    padding-left: 5px!important
}

.pr-10 {
    padding-left: 10px!important
}

.pr-15 {
    padding-left: 15px!important
}

.pr-20 {
    padding-left: 20px!important
}

.no-border {
    border: 0!important
}

.no-border-top {
    border-top: 0!important
}

.no-border-bottom {
    border-bottom: 0!important
}

.no-border-left {
    border-right: 0!important
}

.no-border-right {
    border-left: 0!important
}

.no-border-radius {
    border-radius: 0
}

.no-border-radius-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.no-border-radius-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.no-border-radius-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.border-top {
    border-top: 1px solid
}

.border-bottom {
    border-bottom: 1px solid
}

.border-left {
    border-right: 1px solid
}

.border-right {
    border-left: 1px solid
}

.border-lg {
    border-width: 2px
}

.border-top-lg {
    border-top: 2px solid
}

.border-bottom-lg {
    border-bottom: 2px solid
}

.border-left-lg {
    border-right: 2px solid
}

.border-right-lg {
    border-left: 2px solid
}

.border-xlg {
    border-width: 3px
}

.border-top-xlg {
    border-top: 3px solid
}

.border-bottom-xlg {
    border-bottom: 3px solid
}

.border-left-xlg {
    border-right: 3px solid
}

.border-right-xlg {
    border-left: 3px solid
}

.full-width {
    width: 100%
}

@media (min-width:769px) {
    .width-200 {
        min-width: 200px
    }
    .width-250 {
        min-width: 250px
    }
    .width-300 {
        min-width: 300px
    }
    .width-350 {
        min-width: 350px
    }
    .width-400 {
        min-width: 400px
    }
    .width-450 {
        min-width: 450px
    }
    .width-500 {
        min-width: 500px
    }
    .width-550 {
        min-width: 550px
    }
    .width-600 {
        min-width: 600px
    }
    .width-650 {
        min-width: 650px
    }
}

.img-lg {
    width: 44px!important;
    height: 44px!important
}

.img-sm {
    width: 36px!important;
    height: 36px!important
}

.img-xs {
    width: 32px!important;
    height: 32px!important
}

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

.progress-list>li+li {
    margin-top: 20px
}

.progress-list>li>label {
    display: block
}

.progress-list>li span {
    float: left;
    display: block
}